body, html {
	width 							: 100%;
	height 							: 100%;
}

body {
	font-family 					: var(--generic-regular-font);
	font-size 						: 16px;
	color 							: #231F20;
	background 						: #F8F8F8;
	overflow 						: hidden;
}

a,
button {
	outline 							: 0 !important;
}

a.content-link {
	color 							: var(--accent_bg_color);
	border-bottom 					: 1px solid transparent;
	-webkit-transition 				: all 0.2s ease-in-out 0s;
	-o-transition 					: all 0.2s ease-in-out 0s;
	transition 						: all 0.2s ease-in-out 0s;
}

a.content-link:hover,
a.content-link:active,
a.content-link:focus {
	border-bottom 					: 1px solid var(--accent_bg_color);
	color  							: var(--accent_bg_color);
}

.noScroll {
	overflow: hidden;
	position: relative;
	height: 1px !important;
}

/* --- 02.01. GRID STYLES ---- */

/* --- STYLES FOR UNDER 576px --- */

.container-1125 {
	width 							: 100%;
	padding-right 					: 15px;
	padding-left 					: 15px;
	margin-right 					: auto;
	margin-left 					: auto;
	/*	background 						: pink; */
}

/* --- STYLES BETWEEN 768px AND 992px --- */
@media (min-width: 768px) {
	.container-1125 {
		max-width 					: 720px;
	}
}
/* --- STYLES BETWEEN 992px AND 1200px --- */
@media all and (min-width: 992px) {
	.container-1125 {
		max-width:792px;
	}
}
/* --- STYLES BETWEEN 1200px AND 1525px --- */
@media all and (min-width: 1200px) {
	.container-1125 {
		max-width						: 940px;
	}
}
/* --- STYLES ABOVE 1525px ---  - add 60px */
@media all and (min-width: 1525px) {
	.container-1125 {
		max-width 					: 1125px;
	}
}

.container-1465 {
	width 							: 100%;
	padding-right 					: 15px;
	padding-left 					: 15px;
	margin-right 					: auto;
	margin-left 					: auto;
	/*	background 						: pink; */
}

/* --- STYLES BETWEEN 768px AND 992px --- */
@media (min-width: 768px) {
	.container-1465 {
		max-width 					: 720px;
		/*	background 					: green; */
	}
}

/* --- STYLES BETWEEN 992px AND 1200px --- */
@media all and (min-width: 992px) {
	.container-1465 {
		max-width:792px;
	}
}

/* --- STYLES BETWEEN 1200px AND 1525px --- */
@media all and (min-width: 1200px) {
	.container-1465 {
		max-width: 940px;
		/*max-width 					: 1140px;*/
		/*	background 					: blue; */
	}
}

/* --- STYLES ABOVE 1525px ---  - add 60px */
@media all and (min-width: 1525px) {
	.container-1465 {
		max-width 					: 1465px;
		/*	background 					: red; */
	}
}

.container-1920 {
	width 							: 100%;
	padding-right 					: 15px;
	padding-left 					: 15px;
	margin-right 					: auto;
	margin-left 					: auto;
	/*background 						: yellow;*/
}

/* --- STYLES BETWEEN 992px AND 1200px --- */
@media all and (min-width: 992px) {
	.container-1920 {
		max-width 					: 960px;
		/*background 					: yellow;*/
	}
}

/* --- STYLES BETWEEN 1200px AND 1525px --- */
@media all and (min-width: 1200px) {
	.container-1920 {
		max-width 					: 1140px;
		/*background 					: pink;*/
	}
}

/* --- STYLES ABOVE 1525px ---  - add 60px */
@media all and (min-width: 1525px) {
	.container-1920 {
		max-width 					: 1507px;
		/*background 					: red;*/
	}
}

/* --- STYLES ABOVE 1525px ---  - add 60px */
@media all and (min-width: 1625px) {
	.container-1920 {
		max-width 					: 1565px;
		/*background 					: orange;*/
	}
}

/* --- STYLES ABOVE 1525px ---  - add 60px */
@media all and (min-width: 1725px) {
	.container-1920 {
		max-width 					: 1665px;
		/*background 					: red;*/
	}
}

@media (min-width: 1920px) {
	.container-1920 {
		max-width 					: 1920px;
		/*background 					: grey;*/
	}
}

/* --- 02.02. FONT STYLES ---- */
a {
	cursor 							: pointer;
	outline 						: 0 !important;
}

a:hover {
	text-decoration 				: none;
}

::selection {
	background 						: var(--accent_bg_color);
	color 							: var(--accent_text_color);
	text-shadow 					: none;
	padding							: 0;
	background-clip					: content-box;
}

::-moz-selection {
	background 						: var(--accent_bg_color);
	color 							: var(--accent_text_color);
	text-shadow 					: none;
}

h1, h2, h3, h4, h5, h6, p {
	margin 							: 0;
	padding 						: 0;
}

h1 {
	font-family 					: var(--home_headline1_font);
	font-size 						: 80px;
	text-transform 					: uppercase;
}

h2 {
	font-family 					: var(--home_headline3_font);
	font-size 						: 32px;
	text-transform 		 			: uppercase;
}

h3 {
	font-family 					: var(--home_headline3_font);
	font-size 						: 20px;
}

@media all and (max-width:992px) {
	h1 {
		font-size 						: 50px;
	}
}

@media all and (max-width:500px) {
	h1 {
		font-size 						: 35px;
	}
}

.label-big {
	display 						: block;
	font-family 					: var(--generic-regular-font);
	font-size 						: 14px;
	line-height 					: 17px;
	letter-spacing 					: 1px;
	text-transform 					: uppercase;
	color 							: rgba(0,0,159,0.8);
}

.label-small {
	display 						: block;
	font-family 					: var(--generic-regular-font);
	font-size 						: 12px;
	line-height 					: 15px;
	letter-spacing 					: 1px;
	text-transform 					: uppercase;
	color 							: #404040;
}

.white .label-big,
.white .label-small {
	color 							: rgba(255,255,255,0.8);
}

.label-tiny {
	font-family 					: var(--generic-regular-font);
	font-size 						: 11px;
	line-height 					: 14px;
	letter-spacing 					: 1px;
	font-weight 					: bold;
	text-transform 					: uppercase;
	color 							: rgba(35,31,32,0.5);
}

.white .label-tiny {
	color 							: rgba(255,255,255,0.5);
}

p {
	font-family 					: var(--generic-regular-font);
	font-size 					 	: 18px;
	line-height 					: 30px;
	color 							: #404040;
}

.medium {
	font-family 					: var(--generic-medium-font) !important;
	font-size 					 	: 18px;
	line-height 					: 30px;
	color 							: #404040;
}

.heavy {
	font-family 					: var(--generic-heavy-font);
	font-size 					 	: 18px;
	line-height 					: 30px;
	color 							: #404040;
}

.small {
	font-family 					: var(--generic-regular-font);
	font-size 						: 16px;
	line-height 					: 24px;
	color 							: #231F20;
}

.big {
	font-family 					: var(--generic-regular-font);
	font-size 						: 28px;
	line-height 					: 48px;
	color 							: #231F20;
}

@media all and (max-width:767px) {
	.big {
		font-size 						: 20px;
		line-height 					: 32px;
	}
}

/* --- FORMS --- */
.form-control:focus {
	color 							: #495057;
	background-color 				: #FFFFFF;
	border-color 					: #0095CD;
	box-shadow 						: 0 0 0 .2rem rgba(0,149,205,.25);
}

/* --- WRAPPER ---- */
.content-wrapper section:nth-child(2) {
	padding-top 					: 100px;
}

/*
02. LIST STYLES
---------------------------------*/
ul.beachmajorslist {
	/*padding 						: 0;
	list-style-type: none;*/
}

ul.beachmajorslist li {
	font-family 					: var(--generic-regular-font);
	font-size 					 	: 18px;
	line-height 					: 30px;
	color 							: #404040;
	margin-bottom 					: 10px;
}

/*
li:before {
	display 						: none;
	font-family 					: 'Font Awesome 5 Solid';
	content 						: "\f101";
}*/

.blue h1,
.blue h2,
.blue h3,
.blue h4,
.blue h5,
.blue h6,
.blue  p,
.blue  .big,
.blue  .medium,
.blue  .heavy,
.blue  .small,
.blue ul li {
	color 							: #0071BA;
}

.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6,
.white  p,
.white  .big,
.white  .medium,
.white  .heavy,
.white  .small,
.white ul li {
	color 							: #FFFFFF;
}

/* --- SECTION HEADLINE WITH FILTER ---*/
.sectionheadline-filter {
	text-align : center;
	margin-bottom: 20px;
}


/*
01. OPACITY FOR TEXT
---------------------------------*/
.c-10-white {
	color 							: rgba(255,255,255,.1) !important;
}

.c-20-white {
	color 							: rgba(255,255,255,.2) !important;
}

.c-30-white {
	color 							: rgba(255,255,255,.3) !important;
}

.c-40-white {
	color 							: rgba(255,255,255,.4) !important;
}

.c-50-white {
	color 							: rgba(255,255,255,.5) !important;
}

.c-60-white {
	color 							: rgba(255,255,255,.6) !important;
}

.c-70-white {
	color 							: rgba(255,255,255,.7) !important;
}

.c-80-white {
	color 							: rgba(255,255,255,.8) !important;
}

.c-90-white {
	color 							: rgba(255,255,255,.9) !important;
}

/* --- 02.03. BUTTON WHITE ---- */
.btn-white {
	display 						: inline-flex;
	align-items 					: center;
	position 						: relative;
	text-align 						: center;
	color 							: var(--secoundary_text_color);
	background 						: var(--primary_bg_color);
	text-transform 					: uppercase;
	font-family 					: var(--generic-regular-font);
	font-size 						: 14px;
	padding 						: 0 60px;
	min-height 						: 50px;
	border-radius 					: 10px;
	-webkit-transition 				: all 0.2s ease-in-out 0s;
	-o-transition 					: all 0.2s ease-in-out 0s;
	transition 						: all 0.2s ease-in-out 0s;
	z-index 						: 1;
	border 							: 1px solid transparent;
	padding-top 					: 17px;
	padding-bottom 					: 17px;
}

.btn-white:after {
	position 						: absolute;
	content 						: '';
	top 							: 0;
	left 							: 0;
	width 							: 100%;
	height 							: 100%;
	border-radius 					: 10px;
	-webkit-transition 				: all 0.5s ease-in-out 0s;
	-o-transition 					: all 0.5s ease-in-out 0s;
	transition 						: all 0.5s ease-in-out 0s;
	background 						: var(--accent_bg_color);
	opacity 						: 0;
	z-index 						: 2;
	border 							: 1px solid #FFFFFF;
}

.btn-white span {
	z-index 						: 3;
	position 						: relative;
	color 							: #00002D;
	transition 						: all 0.2s ease-in-out 0s;
}

.btn-white:hover span {
	color 							: #fff;
	text-decoration 				: none;
}

.btn-white:hover:after {
	opacity 						: 1;
}

/* --- 02.03. BUTTON BLUE GRADIENT ---- */
.btn-blue-gradient {
	display 						: inline-flex;
	align-items 					: center;
	position 						: relative;
	text-align 						: center;
	background-color 				: #0095CD;
	background-image 				: -webkit-radial-gradient(circle at bottom left, #00009F, #00002D);
	background-image 				: -moz-radial-gradient(circle at bottom left, #00009F, #00002D);
	background-image 				: -o-radial-gradient(circle at bottom left, #00009F, #00002D);
	background-image 				: radial-gradient(circle at bottom left, #00009F, #00002D);
	text-transform 					: uppercase;
	font-family 					: var(--generic-bold-font);
	font-size 						: 14px;
	padding 						: 0 60px;
	min-height 						: 50px;
	border-radius 					: 3px;
	transition 						: all 0.2s ease-in-out 0s;
	z-index 						: 1;
	border 							: 1px solid transparent;
	padding-top 					: 17px;
	padding-bottom 					: 17px;
}

.btn-blue-gradient:after {
	position 						: absolute;
	content 						: '';
	top 							: 0;
	left 							: 0;
	width 							: 100%;
	height 							: 100%;
	border-radius 					: 3px;
	-webkit-transition 				: all 0.5s ease-in-out 0s;
	-o-transition 					: all 0.5s ease-in-out 0s;
	transition 						: all 0.5s ease-in-out 0s;
	background 						: #FFFFFF;
	opacity 						: 0;
	z-index 						: 2;
	border 							: 1px solid #2a2728;
}

.btn-blue-gradient span {
	z-index 						: 3;
	position 						: relative;
	color 							: #FFFFFF;
	transition 						: all 0.2s ease-in-out 0s;
}

.btn-blue-gradient:hover span {
	color 							: #2a2728;
	text-decoration 				: none;
}

.btn-blue-gradient:hover:after {
	opacity 						: 1;
}

.btn-big {
	/*line-height 					: 60px;*/
	min-height 						: 60px;
}

/* --- BTN with ICON --- */
.btn-icon {
	padding 						: 10px 60px 10px 30px;
}

.btn-icon [class*="fa-"] {
	font-size 						: 32px;
	line-height 					: 32px;
	color 							: #00002D;
	margin 							: 0px 20px 0 0;
	position 						: relative;
	/*top 							: 6px;*/
	z-index 						: 3;
	-webkit-transition 				: all 0.5s ease-in-out 0s;
	-o-transition 					: all 0.5s ease-in-out 0s;
	transition 						: all 0.5s ease-in-out 0s;
}

.btn-white:hover.btn-icon [class*="fa-"] {
	color 							: #FFFFFF;
}

.btn-blue-gradient.btn-icon [class*="fa-"] {
	color 							: #FFFFFF;
}

.btn-blue-gradient:hover.btn-icon [class*="fa-"] {
	color 							: #0071BA;
}

.btn-icon [class*="icon-"] {
	font-size 						: 32px;
	line-height 					: 32px;
	color 							: #002263;
	margin 							: 0px 20px 0 0;
	position 						: relative;
	z-index 						: 3;
	-webkit-transition 				: all 0.5s ease-in-out 0s;
	-o-transition 					: all 0.5s ease-in-out 0s;
	transition 						: all 0.5s ease-in-out 0s;
}

.btn-white:hover.btn-icon [class*="icon-"] {
	color 							: #FFFFFF;
}

.btn-blue-gradient.btn-icon [class*="icon-"] {
	color 							: #FFFFFF;
}

.btn-blue-gradient:hover.btn-icon [class*="icon-"] {
	color 							: #0071BA;
}

@media all and (max-width:1070px) {
	.btn-icon {
		padding 						: 0 20px 0 10px;
	}
}

/*******************************
CONTENT BUTTONS
********************************/
.bm-content-btn.blue {
	background-image 				: radial-gradient(circle at bottom left, #0095CD, #005D9F);
	color 							: #FFFFFF;
}

.bm-content-btn.white {
	background 						: #FFFFFF;
	color 							: #0071BA;
}

.bm-content-btn {
	margin-bottom 					: 15px;
	width 							: 100%;
	display 						: block;
	padding 						: 15px 0 15px 15px;
	border-radius 					: 3px;
	z-index 						: 1;
	position 						: relative;
	font-size 						: 20px;
	line-height 					: 20px;
	min-height 						: 50px;
	font-family 					: var(--generic-heavy-font);
	border 							: 1px solid transparent;
	-webkit-transition 				: all 0.2s ease-in-out 0s;
	-o-transition 					: all 0.2s ease-in-out 0s;
	transition 						: all 0.2s ease-in-out 0s;
}

.bm-content-btn.white:after {
	background-image 				: radial-gradient(circle at bottom left, #0095CD, #005D9F);
}

.bm-content-btn.blue:after {
	background 						: #FFFFFF;
	border 							: 1px solid #0071BA;
}

.bm-content-btn:after {
	position 						: absolute;
	content 						: '';
	top 							: 0;
	left 							: 0;
	width 							: 100%;
	height 							: 100%;
	border-radius 					: 3px;
	-webkit-transition 				: all 0.4s ease-in-out 0s;
	-o-transition 					: all 0.4s ease-in-out 0s;
	transition 						: all 0.4s ease-in-out 0s;
	opacity 						: 0;
	z-index 						: 2;
}

.bm-content-btn:hover:after {
	opacity 						: 1;
}

.bm-content-btn .btn-container {
	display 						: block;
	z-index 						: 3;
	position 						: relative;
	width 							: 100%;
	padding-right 					: 60px;
	-webkit-transition 				: all 0.2s ease-in-out 0s;
	-o-transition 					: all 0.2s ease-in-out 0s;
	transition 						: all 0.2s ease-in-out 0s;
}

.bm-content-btn .btn-container i {
	position 						: absolute;
	right 							: 25px;
	top 							: 50%;
	-webkit-transform 				: translate(0, -50%);
	-ms-transform 					: translate(0, -50%);
	-o-transform 					: translate(0, -50%);
	transform 						: translate(0, -50%);
	-webkit-transition 				: right 0.5s ease-in-out 0s;
	-o-transition 					: right 0.5s ease-in-out 0s;
	transition 						: right 0.5s ease-in-out 0s;
}

.bm-content-btn:hover .btn-container i {
	position 						: absolute;
	right 							: 15px;
}

.bm-content-btn.white:hover .btn-container {
	color 							: #FFFFFF;
	text-decoration 				: none;
}

.bm-content-btn.blue:hover .btn-container {
	color 							: #0071BA;
	text-decoration 				: none;
}

/* ---  CONTENT BUTTON WITH ICON --- */
.bm-content-btn.icon .btn-container {
	padding-left 					: 60px;
}

.bm-content-btn.icon .btn-container span[class*='icon-'] {
	position 						: absolute;
	left 							: 15px;
	top 							: 50%;
	-webkit-transform 				: translate(0, -50%);
	-ms-transform 					: translate(0, -50%);
	-o-transform 					: translate(0, -50%);
	transform 						: translate(0, -50%);
}

.bm-content-btn.icon .btn-container span[class*='icon-'],
.bm-content-btn.icon .btn-container i {
	-webkit-transition 				: all 0.2s ease-in-out 0s;
	-o-transition 					: all 0.2s ease-in-out 0s;
	transition 						: all 0.2s ease-in-out 0s;
}

/* --- WHITE - CONTENT BUTTON WITH ICON --- */
.bm-content-btn.white.icon {
	padding 						: 15px 0;
	color 							: #231F20;
}

.bm-content-btn.white.icon:hover .btn-container {
	color 							: #FFFFFF;
	text-decoration 				: none;
}

.bm-content-btn.white.icon .btn-container span[class*='icon-'],
.bm-content-btn.white.icon .btn-container i {
	color 							: #0071BA;
}

.bm-content-btn.white.icon:hover .btn-container span[class*='icon-'],
.bm-content-btn.white.icon:hover .btn-container i {
	color 							: #FFFFFF;
}

/* --- BLUE - CONTENT BUTTON WITH ICON --- */
.bm-content-btn.blue.icon {
	padding 						: 15px 0;
	color 							: #FFFFFF;
}

.bm-content-btn.blue.icon:hover .btn-container {
	color 							: #231F20;
	text-decoration 				: none;
}

.bm-content-btn.blue.icon .btn-container span[class*='icon-'],
.bm-content-btn.blue.icon .btn-container i {
	color 							: #FFFFFF;
}

.bm-content-btn.blue.icon:hover .btn-container span[class*='icon-'],
.bm-content-btn.blue.icon:hover .btn-container i {
	color 							: #0071BA;
}

@media all and (max-width:992px) {
	.bm-content-btn {
		padding 						: 15px 0 15px 10px;
		font-size 						: 18px;
		line-height 					: 18px;
	}

	.bm-content-btn .btn-container {
		padding-right 					: 30px;
	}

	.bm-content-btn .btn-container i {
		right 							: 15px;
	}

	.bm-content-btn:hover .btn-container i {
		right 							: 10px;
	}

	.bm-content-btn.icon .btn-container {
		padding-left 					: 40px;
	}

	.bm-content-btn.icon .btn-container span[class*="icon-"] {
		left 							: 10px;
	}
}

@media all and (max-width:767px) {
	.bm-content-btn {
		font-size 						: 16px;
		line-height 					: 16px;
	}
}

/* --- 02.04. BACKGROUND WITH GRADIENT WITH NET PATTERN ---- */
.radial-gradient-bg-bottom-left {
	position 						: relative;
	background-image 				: radial-gradient(circle at bottom left, var(--home_bg_color), var(--home_bg_color));
	z-index 						: 0;
}

.radial-gradient-bg-center-left {
	position 						: relative;
	background-image 				: radial-gradient(circle at center left, var(--home_bg_color), var(--home_bg_color));
	z-index 						: 0;
}

.radial-gradient-bg-center-bottom {
	position 						: relative;
	background-image 				: radial-gradient(circle at center bottom, var(--home_bg_color) , var(--home_bg_color));
	z-index 						: 0;
}

/* --- 02.04. BACKGROUND WITH GRADIENT WITH NET PATTERN ---- */
.yellow-radial-gradient-bg-bottom-left {
	position 						: relative;
	background-image 				: radial-gradient(circle at bottom left, #FCEA10, #F39313);
	z-index 						: 0;
}

.yellow-radial-gradient-bg-center-left {
	position 						: relative;
	background-image 				: radial-gradient(circle at center left, #FCEA10, #F39313);
	z-index 						: 0;
}

/* --- BACKGROUND WITH IMAGES --- */
.net-bg {
	position 						: absolute;
	width 							: 100%;
	height 							: 100%;
	top 							: 0;
	left 							: 0;
	background 						: url(/media/frontend/images/layout/Mjs-Net-pattern.png) center center no-repeat;
	background-size 				: cover;
	mix-blend-mode 					: overlay;
	opacity 						: .1;
	z-index 						: -1;
}

.image-bg {
	position 						: absolute;
	width 							: 100%;
	height 							: 100%;
	top 							: 0;
	left 							: 0;
	background-size 				: cover;
	mix-blend-mode 					: overlay;
	opacity 						: .1;
	z-index 						: -1;
}

/*
03. DARK-BLUE 50% width and LIGHT-BLUE 50% width BACKGROUND
----------------------------*/
.dark-light-blue-bg {
	display 							: block;
	width 								: 100%;
	position 							: absolute;
	z-index 							: -1;
	height 								: 100%;
	top 								: 0;
	right 								: 0;
	left 								: 0;
	bottom  							: 0;
}

.dark-light-blue-bg .dark-blue {
	display 							: block;
	background 							: var(--beach_heroes_bg_color_1);
	width 								: 50%;
	float 								: left;
	height 								: 100%;
	border-radius						: 10px 0px 0px 10px;
}

.dark-light-blue-bg .light-blue {
	display 							: block;
	background 							: var(--beach_heroes_bg_color_2);
	width 								: 50%;
	float 								: left;
	height 								: 100%;
	border-radius						: 0px 10px 10px 0px;
}

/* --- FILTER SELECT --- */

/* --- GEMERAL --- */
.section-headline-filter {
	margin-bottom 					: 50px;
}

.section-headline-filter .section-headline {
	font-size 						: 52px;
}

.filter-container .settings-icon {
	width 							: 60px;
	height 							: 60px;
	display 						: inline-block;
	position 						: relative;
	text-align 						: center;
	line-height 					: 60px;
	/*top 							: -40%;*/
}

.filter-container .filter {
	display 						: inline-block;
	width 							: 300px;
}

.filter-container .settings-icon [class*='fa-'] {
	color 							: #FFFFFF;
	font-size 						: 25px;
	-webkit-transform 				: rotate(90deg);
	-ms-transform 					: rotate(90deg);
	-o-transform 					: rotate(90deg);
	transform 						: rotate(90deg);
}

.filter-container .select-hidden {
	display 						: none;
	visibility 						: hidden;
	padding-right 					: 10px;
}

.filter-container .select-styled {
	position 						: absolute;
	top 			 				: 0;
	right 							: 0;
	bottom 							: 0;
	left 							: 0;
	padding 						: 8px 5px;
	text-align 						: center;
	-moz-transition 				: all 0.2s ease-in;
	-o-transition 					: all 0.2s ease-in;
	-webkit-transition 				: all 0.2s ease-in;
	transition 						: all 0.2s ease-in;
}

.filter-container .select-styled > [class*=' fa-'] {
	color 							:rgba(255,255,255,.6);
	right 							: 25px;
	position 						: absolute;
	top 							: 50%;
	-webkit-transform 				: translate(0, -50%);
	-ms-transform 					: translate(0, -50%);
	-o-transform 					: translate(0, -50%);
	transform 						: translate(0, -50%);
	-moz-transition 				: all 0.2s ease-in;
	-o-transition 					: all 0.2s ease-in;
	-webkit-transition 				: all 0.2s ease-in;
	transition 						: all 0.2s ease-in;
}

.filter-container .select-styled:hover {
	color 							: #FFF;
}

.filter-container .select-styled:hover [class*=' fa-'] {
	color 							: #FFF;
}

.filter-container .select-styled:active {
	background 						: var(--secoundary_bgcolor_20);
	color 							: var(--secoundary_text_color);
}

.filter-container .select-options {
	display 						: none;
	position 						: absolute;
	top 							: 100%;
	right 							: 0;
	left 							: 0;
	z-index 						: 999;
	margin 							: 0;
	padding 						: 0;
	list-style 						: none;
	background 						: rgba(255, 158, 109,0.8);
}

.filter-container .select-options li {
	margin 							: 0;
	padding 						: 5px;
	text-align 						: center;
	border-top 						: 1px solid var(--secoundary_bgcolor_20);
	-moz-transition 				: all 0.15s ease-in;
	-o-transition 					: all 0.15s ease-in;
	-webkit-transition 				: all 0.15s ease-in;
	transition 						: all 0.15s ease-in;
}

.filter-container .select-options li:hover {
	color 							: var(--secoundary_bg_color);
	background 						: var(--secoundary_bgcolor_20);
}

.filter-container .select-options li[rel="hide"] {
	display 						: none;
}

.em2021 .filter-container .select-options li.active {
	color 							: var(--secoundary_text_color);
	background 						: var(--beach_heroes_bg_color_1);
}

@media all and (max-width:1525px) {
	.filter-container .select-styled > [class*=' fa-'] {
		right 						: 15px;
	}
}

.filter-container .settings-icon {
	display 					: none;
}

@media all and (max-width:550px) {
	.filter-container {
		width 						: 100% !important;
		min-width 					: 100% !important;
		height 						: 100% !important;
	}

	/* .filter-container .filter {
		width 						: 100%;
	} */
	.filter-container .select-styled > [class*=' fa-'] {
		right 							: 25px;
	}
}

/* --- 1 --- */
.filter-1 .filter-container {
	/* background 						: rgba(35,31,32,0.3); */
	border-radius 					: 2px;
	width 							: 100%;
	height 							: 60px;
	display 						: block;
	position 						: relative;
	float 							: right;
	min-width: 400px;
}

.filter-1 .filter-container .select {
	cursor 							: pointer;
	position 						: relative;
	font-family 					: var(--generic-heavy-font);
	font-size 						: 16px;
	color 							: #FFFFFF;
	height 							: 60px;
	line-height 					: 40px;
	width 							: 100%;
	float 							: left;
}

@media all and (max-width:900px) {
	.filter-1[class*="col-"]  {
		max-width 					: 100%;
		flex 						: 100%;
		margin-top 					: 20px;
		margin-bottom 				: 20px;
	}

	.filter-1 .filter-container {
		width 						: 500px;
	}
}

/* --- 2 --- */
.filter-2 .filter-container {
	/* background 						: rgba(35,31,32,0.3);
	 border-radius 					: 2px;
	width 							: 100%;
	height 							: 60px;
	display 						: block;
	position 						: relative;
	float 							: right;
	min-width 						: 500px;*/
	padding-right					: 5px;
}

.filter-2 .filter-container .select {
	cursor 							: pointer;
	position 						: relative;
	font-family 					: var(--generic-heavy-font);
	font-size 						: 16px;
	color 							: #FFFFFF;
	height 							: 60px;
	line-height 					: 40px;
	width 							: 50%;
	float 							: left;
}


@media all and (max-width:1525px) {
	.filter-2[class*="col-"]  {
		max-width 					: 100%;
		flex 						: 100%;
		margin-top 					: 20px;
		margin-bottom 				: 20px;
	}

	/* .filter-2 .filter-container {
		width 						: 500px;
	} */
}

@media all and (max-width:550px) {
	.filter-2 .filter-container .select {
		width 						: 100%;
		border-bottom 				: 1px solid rgba(35,31,32,0.3)
	}

	.filter-2 .filter-container .select:nth-child(1) {
		width 						: 100%;
	}
}

/* --- 3 --- */
.filter-3 .filter-container {
	background 						: rgba(255, 158, 109, .3);
}

.filter-3 .filter-container .select {
	cursor 							: pointer;
	position 						: relative;
	font-family 					: var(--generic-heavy-font);
	font-size 						: 16px;
	color 							: rgba(255,255,255,.6);
	height 							: 60px;
	line-height 					: 40px;
	width 							: 30%;
	float 							: left;
}

.filter-3 .filter-container .select:nth-child(1) {
	width 							: 40%;
}

@media all and (max-width:1525px) {
	.filter-3[class*="col-"]  {
		max-width 					: 100%;
		flex 						: 100%;
		margin-top 					: 20px;
		margin-bottom 				: 20px;
	}

	.filter-3 .filter-container {
		width 						: 600px;
	}

	.filter-3 .filter-container .select {
		width 						: 25%;
	}

	.filter-3 .filter-container .select:nth-child(1) {
		width 						: 50%;
	}
}

@media all and (max-width:550px) {
	.filter-3 .filter-container .select {
		width 						: 100%;
		border-bottom 				: 1px solid rgba(35,31,32,0.3)
	}

	.filter-3 .filter-container .select:nth-child(1) {
		width 						: 100%;
	}
}

/* --- 4 --- */
.filter-4 {
	margin-left 					: 5px;
	max-width 						: 250px;
	min-width 						: 150px;
}

.filter-4 .select {
	cursor 							: pointer;
	font-family 					: var(--generic-heavy-font);
	font-size 						: 16px;
	color 								: var(--secoundary_bg_color);
	background 						: var(--secoundary_bgcolor_20);
	border-radius 					: 10px;
	width 							: 100%;
	min-height 						: 60px;
	display 						: block;
	position 						: relative;
}

.filter-4 .select-styled {
	padding 						: 8px 40px 8px 25px;
	color 							: rgba(255,255,255,.6);
	text-align 						: center;
	width 							: 100%;
	min-height 						: 60px;
	display 						: flex;
	align-items 					: center;
	justify-content 				: center;
	-moz-transition 				: all 0.2s ease-in;
	-o-transition 					: all 0.2s ease-in;
	-webkit-transition 				: all 0.2s ease-in;
	transition 						: all 0.2s ease-in;
}

.filter-4 .select-styled > [class*=' fa-'] {
	color 							: rgba(255,255,255,.6);
	right 							: 25px;
	position 						: absolute;
	top 							: 50%;
	-webkit-transform 				: translate(0, -50%);
	-ms-transform 					: translate(0, -50%);
	-o-transform 					: translate(0, -50%);
	transform 						: translate(0, -50%);
	-moz-transition 				: all 0.2s ease-in;
	-o-transition 					: all 0.2s ease-in;
	-webkit-transition 				: all 0.2s ease-in;
	transition 						: all 0.2s ease-in;
}

.filter-4 .select-styled:hover {
	color 							: #FFF;
}

.filter-4 .select-styled:hover [class*=' fa-'] {
	color 							: #FFF;
}

.filter-4 .select-styled:active {
	background 						: var(--secoundary_bgcolor_20);
	color 								: var(--secoundary_bg_color);
	border-radius 					: 10px;
}


.filter-4 ul.select-options {
	display 						: none;
	position 						: absolute;
	top 							: 100%;
	right 							: 0;
	left 							: 0;
	z-index 						: 999;
	margin 							: 0;
	padding 						: 0;
	list-style 						: none;
	background 						: rgba(255, 158, 109,0.8);
}

.filter-4 ul.select-options li {
	margin 							: 0;
	padding 						: 5px;
	display 						: flex;
	justify-content 				: center;
	align-items 					: center;
	border-top 						: 1px solid rgba(35,31,32,0.3);
	min-height 						: 60px;
	-moz-transition 				: all 0.15s ease-in;
	-o-transition 					: all 0.15s ease-in;
	-webkit-transition 				: all 0.15s ease-in;
	transition 						: all 0.15s ease-in;
}

.filter-4 ul.select-options li:hover {
	color 								: var(--secoundary_bg_color);
	background 						: var(--secoundary_bgcolor_20);
}

.filter-4 ul.select-options li[rel="hide"] {
	display 						: none;
}

@media all and (max-width:1525px) {
	.filter-4 .select-styled > [class*=' fa-'] {
		right 						: 15px;
	}
}

@media all and (max-width:1200px) {
	.filter-4 .select-styled {
		padding 					: 8px 20px 8px 10px;
	}

	.filter-4 .select-styled > [class*=' fa-'] {
		right 						: 10px;
	}

	/*.filter-4 .select,
	.filter-4 .select-styled,
	.filter-4 ul.select-options li {
		min-height 					: 40px;
	}*/
}

@media all and (max-width:550px) {
	.filter-4 {
		width  						: 100%;
		display 					: block;
		margin-left 				: 0px;
		max-width 					: 100%;
	}

	/*.filter-4 .select,
	.filter-4 .select-styled,
	.filter-4 ul.select-options li {
		min-height 					: 60px;
	}*/
}

/* --- 01.02. GENDER SWITCH and PLAYER SEARCH --- */
.gender-switch-player-search {
	display 								: flex;
	justify-content 						: flex-end;
}
.gender-switch-player-search.em_position {
	display 								: flex;
	justify-content 						: flex-start;
}


@media all and (max-width:992px){
	.gender-switch-player-search {
		margin-top 							: 10px;
		margin-bottom 						: 10px;
		padding 							: 10px 10px 10px 0;
		background 							: rgba(255, 158, 109,.3);
		border-radius 						: 10px;
	}
}

/* --- GENDER SWITCH --- */
.gender-switch {
	margin-right 						: 20px;
}

.gender-switch a {
	display 							: block;
	width 								: 65px;
	height 								: 60px;
	background 							: var(--secoundary_bgcolor_20);
	font-size 							: 40px;
	line-height 						: 60px !important;
	color 								: var(--secoundary_bg_color);
	text-align 							: center;
	-webkit-transition 					: all 0.2s ease-in-out 0s;
	-o-transition 						: all 0.2s ease-in-out 0s;
	transition 							: all 0.2s ease-in-out 0s;
}

.gender-switch a:first-child {
	border-top-left-radius 				: 10px;
	border-bottom-left-radius 			: 10px;
}

.gender-switch a:last-child {
	border-top-right-radius 			: 10px;
	border-bottom-right-radius 			: 10px;
}

.gender-switch a.active:hover,
.gender-switch a:hover {
	background 							: var(--secoundary_bg_color);
	color 							: var(--secoundary_text_color);
}

.gender-switch a.active {
	background 							: var(--secoundary_bg_color);
	color 							: var(--secoundary_text_color);
}

@media all and (max-width:1020px) {
	.gender-switch a,
	.gender-switch a.active,
	.gender-switch a.active:hover,
	.gender-switch a.active:active,
	.gender-switch a.active:focus,
	.gender-switch a:hover,
	.gender-switch a:active,
	.gender-switch a:focus{
		background 						: transparent;
	}

	.gender-switch {
		margin-right 					: 10px;
	}

	.gender-switch a {
		height 							: 40px;
		line-height 					: 40px;
		font-size 						: 30px;
	}
}

@media all and (max-width:500px) {
	.gender-switch a {
		width 							: 40px;
	}
}

/* -- PLAYER SEARCH --- */
.player-search {
	display 							: block;
	min-width 							: 250px;
}

.player-search .input-group {
	width 								: 100%;
}

.player-search .input-group-prepend {
	margin-right 						: 0;
}

.player-search .input-group-prepend .input-group-text {
	background 							: var(--secoundary_bgcolor_20);
	border 								: none;
	color 								: var(--accent_text_color);
	border-top-left-radius 				: 10px;
	border-bottom-left-radius 			: 10px;
}

.player-search .form-control {
	background 							: var(--secoundary_bgcolor_20);
	border 								: none;
	height 								: 60px;
	padding 							: 10px 5px;
	border-radius 						: 10px;
	color 								: var(--accent_text_color);
	-webkit-transition 					: all 0.2s ease-in-out 0s;
	-o-transition 						: all 0.2s ease-in-out 0s;
	transition 							: all 0.2s ease-in-out 0s;
}

.player-search .form-control::placeholder {
	color 								: rgba(255,255,255,.3) !important;
}

.player-search .form-control:focus {
	border-color 						: transparent;
	box-shadow 							: none;
	background 							: var(--secoundary_bgcolor_20);
	color 								: #FFFFFF;
}


@media all and (max-width:1200px) {
	.player-search .form-control {
		padding 							: 5px;
	}
}

@media all and (max-width:992px) {
	.player-search .form-control {
		height 								: 40px;
	}
}

/* --- 01.02. GENDER SWITCH and PLAYER SEARCH --- */
@media all and (max-width:992px){
	.player-search {
		width 								: 100%;
	}

	.player-search .input-group-prepend .input-group-text {
		background 							: transparent;
	}

	.player-search .form-control {
		background 							: transparent;
	}

	.player-search .form-control:focus {
		background 							: transparent;
	}
}

@media all and (max-width:500px) {
	.player-search {
		min-width 							: auto;
	}

	.player-search .input-group-prepend .input-group-text {
		padding 							: 5px;
	}
}

/* --- FILTER CONTAINER LEFT --- */
.filter-container-left {
	display 							: flex;
	align-items 						: center;
}

@media all and (max-width:550px) {
	.filter-container-left {
		display 						: block;
	}
}

/* --- FILTER BUTTON --- */
.filter-btn a {
	width 								: auto;
	min-height 							: 60px;
	background 							: rgba(255, 158, 109,.3);
	font-size 							: 20px;
	font-family 						: var(--generic-heavy-font);
	color 								: rgba(255,255,255,.5);
	text-align 							: center;
	border-radius 						: 10px;
	padding 							: 0 30px;
	display 							: flex;
	align-items 						: center;
	justify-content 					: center;
	margin-right 						: 5px;
	-webkit-transition 					: all 0.2s ease-in-out 0s;
	-o-transition 						: all 0.2s ease-in-out 0s;
	transition 							: all 0.2s ease-in-out 0s;
}

.filter-btn a:last-child {
	margin-right 						: 0;
}


.filter-btn a.active {
	background 							: var(--secoundary_bg_color);
	color 								: var(--secoundary_text_color);
}

.filter-btn a.active:hover,
.filter-btn a.active:active,
.filter-btn a.active:focus,
.filter-btn a:hover,
.filter-btn a:active,
.filter-btn a:focus {
	background 							: var(--secoundary_bg_color);
	color 								: var(--secoundary_text_color);
}

@media all and (max-width:1525px) {
	.filter-btn a {
		padding 						: 0 10px;
	}
}

@media all and (max-width:1200px) {
	.filter-btn a {
		/*min-height 						: 40px;*/
		font-size 						: 16px;
	}
}

@media all and (max-width:991px ){
	.filter-btn a {
		margin-top 						:10px;
		margin-bottom 					:10px;
	}
}

@media all and (max-width:550px) {
	.filter-btn a {
		/*min-height 						: 60px;*/
		width 							: 50%;
	}
}

/* --- HERO CONTAINER --- */
#hero-container {
	width 							: 100%;
	position 						: relative;
}

#hero-container .hero {
	background-repeat 				: no-repeat;
	-webkit-background-size 		: cover;
	-moz-background-size 			: cover;
	-o-background-size 				: cover;
	background-size 				: cover;
	background-attachment 			: fixed;
	display 						: table;
	width 							: 100%;
	position 						: relative;
	height 							: 40vh;
}

#hero-container .hero::before {
	background 						: rgba(0, 0, 0, 0.36) none repeat scroll 0 0;
	background 						: -webkit-linear-gradient(left, rgba(0,0,0,0.36) 30%, rgba(0,0,0,0));
	background 						: -moz-linear-gradient(left, rgba(0,0,0,0.36) 30%, rgba(0,0,0,0));
	background 						: -o-linear-gradient(left, rgba(0,0,0,0.36) 30%, rgba(0,0,0,0));
	background 						: linear-gradient(to right, rgba(0,0,0,0.36) 30%, rgba(0,0,0,0));
	content 						: "";
	height 							: 100%;
	position 						: absolute;
	width 							: 100%;
	z-index 						: 10;
}

#hero-container .hero-gradient {
	background-image 				: radial-gradient(circle at bottom left, #00009F, #00002D);
	display 						: table;
	width 							: 100%;
	position 						: relative;
	height 							: 40vh;
}

#hero-container .hero-blank {
	display 						: table;
	width 							: 100%;
	position 						: relative;
}

#hero-container .hero-blank .hero-text {
	text-align 						: left;
	padding-top						: 60px;
	padding-bottom					: 50px;
	margin 							: 0 auto;
}

#hero-container .hero .hero-body,
#hero-container .hero-gradient .hero-body,
#hero-container .hero-blank .hero-body {
	display 						: table-cell;
	padding 						: 0;
	position 						: relative;
	vertical-align 					: middle;
	z-index 						: 15;
}

#hero-container .hero .hero-text,
#hero-container .hero-gradient .hero-text {
	max-width 						: 1465px;
	text-align 						: left;
	padding 						: 100px 0px;
	margin 							: 0 auto;
}

#hero-container .hero-blank .preheadline {
	display 						: block;
	font-size 						: 20px;
	font-family 					: var(--home_headline3_font);
	text-transform 					: uppercase;
}


@media all and (max-width:1525px) {
	#hero-container .hero .hero-text,
	#hero-container .hero-gradient .hero-text {
		padding 						: 100px 50px;
	}
}
@media all and (max-width:1200px) {
	#hero-container .hero-blank .hero-text {
		padding 					: 40px 30px 40px 35px;
	}
}
@media all and (max-width:991px) {
	#hero-container .hero-blank .hero-text {
		padding 					: 40px 30px;
	}

	#hero-container .hero {
		background-attachment 		: scroll;
	}
}

@media all and (max-width:768px) {
	#hero-container .hero .hero-text,
	#hero-container .hero-gradient .hero-text {
		padding 						: 100px 15px;
	}
}

@media all and (max-width:450px) {
	#hero-container .hero-blank .hero-text {
		padding 					: 40px 20px;
	}
}

/*----- ERROR 404 ------*/
/*#error404{
    padding-top                     : 80px;
    padding-bottom                  : 80px;
    text-align                      : center !important;
}
#error404 .icon_container{
    display                         : block;
    margin                          : auto auto 30px;
}

#error404 .icon_container i{
    display                         : block;
    margin                          : auto;
    width                           : 250px;
    font-size                       : 250px;
}*/

/*
04. ERROR
----------------------------*/
.error {
	display 						: flex;
	align-items 					: center;
	justify-content 				: center;
	min-height 						: calc(100% - 445.4px);
}

.error-inner {
	max-width 						: 600px;
	width 							: 100%;
	padding 						: 30px;
	text-align 						: center;
	border-radius 					: 5px;
	background-image 				: radial-gradient(circle at bottom left, var(--accent_bg_color), var(--accent_bg_color));
}

.error-inner > h1 {
	margin-bottom 					: 25px;
	color 							: rgba(0,0,45,.50);
}

.error-inner > h2 {
	color 							: rgba(0,0,45,.85);
	margin-bottom 					: 15px;
}

.error-inner > p {
	color 							: rgba(0,0,45,.7);
}

.error-inner a.content-link {
	color 							: rgba(0,0,45,1);
	border-bottom 					: 1px solid rgba(0,0,45,1);
	font-weight: bold;
}

.error-inner a.content-link:hover,
.error-inner a.content-link:active,
.error-inner a.content-link:focus {
	border-bottom 					: none;
	color  							: rgba(0,0,45,1);
}



/*
FORMULAR STYLES
---------------------------*/
/* --- FORM HEADLINES --- */
.form-block-headline {
	font-size 						: 20px;
	font-family 					: var(--generic-heavy-font);
	color 							: #231F20;
	display 						: block;
	margin-bottom 					: 30px;
	text-transform 					: none;
}

.form-box-headline {
	font-size 						: 16px;
	font-family 					: var(--generic-heavy-font);
	color 							: #231F20;
	display 						: block;
	margin-top 						: 80px;
	margin-bottom 					: 30px;
}

.form-box:first-child .form-box-headline {
	margin-top 						: 0;
}

/* --- FORM BOX --- */
.form-block {
	padding 						: 40px 60px;
	background 						:#FFFFFF;
}
.form-block.dark {
	padding 						: 40px 60px;
	background 						: rgba(0,0,45,1);
}


@media all and (max-width:767px) {
	.form-block {
		padding 						: 30px 15px;
	}
}

/* --- INPUT --- */
.form-block .form-control {
	height 							: 50px !important;
	font-size 						: 16px;
	line-height 					: 1;
	color 							: rgb(35,31,32);
	border 							: 1px solid rgba(35,31,32,0.15);
	border-radius 					: 3px;
	-webkit-transition 				: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-o-transition 					: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition 						: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-block .form-control::placeholder {
	color 							: rgb(35,31,32);
	opacity 						: 0.7;
}

/* --- SELECT --- */
.form-block select.form-control {
	-webkit-appearance				: none;
	-moz-appearance					: none;
	appearance 						: none;
}

.form-block select::-ms-expand {
	display 						: none;
}

.form-block .select-container {
	position 						: relative;
}

.form-block .select-container:after {
	position 						: absolute;
	content 						: "";
	width 							: 10px;
	height 							: 10px;
	border 							: solid #231F20;
	border-width 					: 0 3px 3px 0;
	top 							: 50%;
	right 							: 20px;
	-webkit-transform 				: translate(0, -50%) rotate(45deg);
	-ms-transform 					: translate(0, -50%) rotate(45deg);
	-o-transform 					: translate(0, -50%) rotate(45deg);
	transform 						: translate(0, -50%) rotate(45deg);
}

/* --- CHECKBOX --- */
.custom-checkbox .custom-control-label::before {
	-webkit-transition 				: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	-o-transition 					: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition 						: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color 				: #0095CD;
	background-image 				: -webkit-radial-gradient(circle at bottom left, #0095CD, #005D9F);
	background-image 				: -moz-radial-gradient(circle at bottom left, #0095CD, #005D9F);
	background-image 				: -o-radial-gradient(circle at bottom left, #0095CD, #005D9F);
	background-image 				: radial-gradient(circle at bottom left, #0095CD, #005D9F);
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
	-webkit-box-shadow 				: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,93,159,.25);
	box-shadow 						: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,93,159,.25);
}

/* --- ERROR CLASSES --- */
.form-block select.form-control.has-error,
.form-block input.form-control.has-error {
	border 							: 1px solid #F2201C;
}

.form-block select.has-error:focus,
.form-block input.has-error:focus {
	border 							: 1px solid #F2201C;
	box-shadow						: 0 0 0 .2rem rgba(242, 32, 28, 0.25);
}

.custom-checkbox.has-error .custom-control-input ~ .custom-control-label::before {
	background-color 				: #F2201C;
	background-image 				: -webkit-radial-gradient(circle at bottom left, #F2201C, #A94442);
	background-image 				: -moz-radial-gradient(circle at bottom left, #F2201C, #A94442);
	background-image 				: -o-radial-gradient(circle at bottom left, #F2201C, #A94442);
	background-image 				: radial-gradient(circle at bottom left, #F2201C, #A94442);
	-webkit-box-shadow 				: 0 0 0 1px #fff,0 0 0 .2rem rgba(242,32,28,.25);
	box-shadow 						: 0 0 0 1px #fff,0 0 0 .2rem rgba(242,32,28,.25);
}


/*
------------------ LOADER NEW ----------------
*/

.em2021 #loader-wrapper {
	background: var(--home_bg_color);
}

.em2021 #loader {
	border-top-color: var(--header_bg_color);
}
.em2021 #loader:after {
	border-top-color: var(--header_bg_color);
}
.em2021 #loader:before {
	border-top-color: var(--accent_bg_color);
}

/*
.em2021 #loader {
	border-top-color: var(--accent_bg_color);
}
.em2021 #loader:after {
	border-top-color: var(--accent_bg_color);
}
.em2021 #loader:before {
	border-top-color: var(--header_bg_color);
}*/

/*
------------------ TEAMDETAILS NEW ----------------

PLAYER HEADLINE

MATCH STATS
- STATS - SVG CIRCLES
- STATS - BAR

RECENT MAJOR MATCHES
- 03.01. MATCH / PLAY INFO
- 03.02. RECENT MATCH - TEAM AND POINT CONTAINER
*/


/*
TABLE HEADLINE
--------------------------------------*/
/* --- PLAYER HEADLINE --- */
.em2021 .player-headline {
	background 							: var(--accent_bg_color);
}

.em2021 .player-headline h1 a {
	color 								: #00002D;
}

.em2021 .player-headline .number {
	color 								: rgba(0,0,45,.30);
}

/*
MATCH STATS
--------------------------------------*/
.em2021 .match-stats-container {
	background 							: var(--beach_heroes_bg_color_1);
}

/* --- STATS - SVG CIRCLES --- */
.em2021 .circle-chart__background {
	stroke 								: var(--header_bg_color);
}

.em2021 .circle-chart-circle {
	stroke 								: var(--accent_bg_color);
}

/* --- STATS - BAR --- */
.em2021 #bars .bar-block-1 .bar-player:first-child .bar,
.em2021 #bars .bar-block-2 .bar-player:first-child .bar,
.em2021 #bars .bar-block-3 .bar-player:first-child .bar {
	background 							: var(--home_bg_color);
	border-radius						: 5px 0 0 5px;
}

.em2021 #bars .bar-block-1 .bar-player:last-child .bar,
.em2021 #bars .bar-block-2 .bar-player:last-child .bar,
.em2021 #bars .bar-block-3 .bar-player:last-child .bar {
	background 							: var(--accent_bg_color);
	border-radius						: 0 5px 5px 0;
}

/*
RECENT MAJOR MATCHES
--------------------------------------*/
.em2021 #recent-matches {
	background 							: var(--home_bg_color);
}

.em2021 .recent-match-box {
	background 							: var(--accent_bg_color);;
}

/* --- 03.01. MATCH / PLAY INFO --- */
.em2021 .recent-match-box .court-play-info .court-play-box .place {
	color 								: #000;
}

.em2021 .recent-match-box .court-play-info .court-play-box .match {
	color 								: rgba(0,0,0,0.5);
}

/* --- 03.02. RECENT MATCH - TEAM AND POINT CONTAINER --- */
.em2021 .recent-match-box .recent-match-teams-points {
	background 							: #002263;
}

/* --- TABLE HEADLINE --- */
.em2021 .tb-headline {
	background 							: var(--accent_bg_color);;
	color 								: #000;
}

.em2021 .tb-headline p {
	color 								: #000;
}

/*
------------------ NEWSDETAILS NEW ----------------

WIDGET 76
WIDGET 83
WIDGET 84
WIDGET 85
WIDGET 78

*/



/* --- 02.01 STORY BOX --- */
.em2021 .stories {
	border-radius 					: 10px;
}

.em2021 .stories .stories-img-top {
	border-top-left-radius 			: 10px;
	border-top-right-radius 		: 10px;
}

.em2021 .stories:after {
	background 					    : var(--accent_bg_color);
	background-image 				: radial-gradient(circle at bottom left, var(--accent_bg_color), var(--accent_bg_color));
	border-radius 					: 10px;
}

/*
WIDGET 76
--------------------------------------*/

.em2021 #news-header .share-icons li a {
	color 								: #00002D;
}


/*
WIDGET 83
--------------------------------------*/
.em2021 .widget83.slider-widget {
	margin-bottom 						: 0;
	padding 							: 120px 0;
}

.em2021 .widget83.slider-widget.blue-slider {
	background 							: #00002D;
}

.em2021 .widget83.slider-widget .item .img-desc {
	color 								: #00002D;
}

/*
WIDGET 84
--------------------------------------*/
.em2021 #news-footer.widget84 .share-icons li a {
	color 								: #00002D;
}

/*
WIDGET 85
--------------------------------------*/

.em2021 .image-text-widget a.img-link .img-box .overlay {
	background 						: rgba(255, 158, 109,0.35);
}

/*
WIDGET 78
--------------------------------------*/
.em2021 .widget78.image-widget {
	padding 						: 20px 0;
}

.em2021 .widget78.image-widget a .img-box .overlay {
	background 						: rgba(255, 158, 109,0.35);
}

.em2021 .widget78.image-widget a .img-desc {
	-webkit-box-shadow 				: 0 0 5px rgba(0,0,0,.2);
	box-shadow 						: 0 0 5px rgba(0,0,0,.2);
}

.em2021 .widget78.image-widget a .img-desc::after {
	background-image 				: radial-gradient(circle at bottom left, var(--accent_bg_color),var(--accent_bg_color));
}

.em2021 .widget78.image-widget a .img-desc p {
	color 							: #00002D;
}

.em2021 .widget78.image-widget a:hover .img-desc p {
	color 							: #000;
}

/*
WIDGET 82 - BUTTONS
--------------------------------------*/
.em2021 .btn-widget .bm-content-btn.blue {
	background		 				: var(--accent_bg_color);
}

.em2021 .btn-widget .bm-content-btn.blue:after {
	border 							: 1px solid var(--secoundary_text_color);
}

.em2021 .btn-widget .bm-content-btn.blue:hover .btn-container {
	color 							: var(--accent_text_color);
}

.em2021 .btn-widget .bm-content-btn.white {
	color 							: var(--secoundary_text_color);
}

.em2021 .btn-widget .bm-content-btn.white:after {
	background		 				: var(--accent_bg_color);
	color 							: var(--accent_text_color);
}




/*
------------------ POOL NEW ----------------

POOL BOX
TEAM LINE
CHANGE BACKGROUND

POINTS INFO - HEADER
POINTS INFO - CONTENT
TEAM INFO LINE - CONTENT - POSITION

POINTS INFO LINE

POOL BOX DETAILS

POOL MATCH INFO

TOGGLE LINE

PLAY INFO

/* CHANGE BACKGROUND */

.em2021 .match-info .infos .info-option p {
	background 								: var(--accent_bg_color);
	border-top 								: 2px solid rgba(20, 29, 43, 0.6);
	border-bottom 							: 2px solid rgba(20, 29, 43, 0.6);
	color 									: var(--home_text_color)
}

/* --- POINTS INFO - HEADER --- */
.em2021 .points-info-line .points-info-header,
.em2021 .set-info-line .points-info-header {
	background 							: var(--secoundary_bg_color);
	color 								: var(--secoundary_text_color);
}

@media all and (max-width:1050px) {

	.em2021 .pool-team-line:nth-child(even) {
		background						: var(--beach_heroes_bg_color_1);
	}
	.em2021  .pool-team-line:nth-child(odd) {
		background						: var(--third_bg_color);
	}

	.em2021 .pool-team-line:nth-child .points-info-line,
	.em2021 .pool-team-line:nth-child(even) .points-info-line .points-info-header .headline:first-child,
	.em2021 .pool-team-line:nth-child(odd) .points-info-line .points-info-header .headline:first-child,
	.em2021 .pool-team-line:nth-child .set-info-line,
	.em2021 .pool-team-line:nth-child(even) .set-info-line .set-info-header .headline:first-child,
	.em2021 .pool-team-line:nth-child(odd) .set-info-line .set-info-header .headline:first-child {
		border-top						: 2px solid var(--secoundary_text_color);
	}

	.em2021 .pool-team-line:nth-child(odd) .points-info-line .points-info-header .headline:first-child,
	.em2021 .pool-team-line:nth-child(odd) .set-info-line .set-info-header .headline:first-child  {
		background						: var(--beach_heroes_bg_color_1)
	}

	.em2021 .pool-team-line:nth-child(odd) .points-info-line .points-info-header,
	.em2021 .pool-team-line:nth-child(odd) .set-info-line .points-info-header  {
		background 						: transparent;
	}
}

/* --- POINTS INFO - CONTENT --- */
.em2021 .points-info-content .content:first-child,
.em2021 .set-info-content .content:first-child {
	border-left 						: 0px;
	border-right 						: 2px solid  var(--home_bg_color);
}
.em2021 .points-info-content .content:last-child {
	border-right 						: none;
}
.em2021 .points-info-content,
.em2021 .set-info-content {
	border-left							: 0px;
}

/* @media all and (max-width:1050px) {
	.em2021 .pool-team-line:nth-child(odd) .points-info-line .points-info-content .content:first-child {
		border-right 					: 2px solid  var(--home_bg_color);
	}
} */

.em2021 .pool-team-line .team-info-line .team-content,
.em2021 .pool-team-line .match-info-line,
.em2021  .team-info-line .header-line,
.em2021  .team-info-line .header-line,
.em2021  .set-info-line .set-info-header .headline:first-child  {
	border-right: 2px solid var(--home_bg_color);
}

.em2021  .points-info-line .points-info-header .headline:first-child,
.em2021  .set-info-line .set-info-header .headline:first-child {
	width: 100%;
}

.em2021 .pool-content .pool-match-info {
	height:97px;
}

.em2021 .team-info-line .team-content .names p {
	font-size: var(--newspage_venue_size);
	line-height: var(--sports_button_text_size);
	font-family: var(--pool-heavy-font);
	text-transform: uppercase;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	border-right: none;
}
.em2021 .team-info-line .team-content .names .set {
	color: var(--news_text_color);
	opacity: 0.5;
	font-size: var( --faq_text_size);
}
/* .em2021 .team-info-line .team-content .pos p,*/
.em2021 .points-info-content .content p:nth-child(1),
.em2021 .points-info-content .content p:nth-child(2),
.em2021 .set-info-content .content p:nth-child(1),
.em2021 .set-info-content .content p:nth-child(2),
.em2021 .match-info-line .match-header .match-second-header h4:first-child,
.em2021 .points-info-line .points-info-header .headline .second-headline h4:nth-child(1),
.em2021 .points-info-line .points-info-header .headline .second-headline h4:nth-child(2),
.em2021 .set-info-line .set-info-header .headline .second-headline h4:nth-child(1),
.em2021 .set-info-line .set-info-header .headline .second-headline h4:nth-child(2),
.em2021 .pool-team-line .match-info-line .match-content p:first-child {
	border-right: 1px solid var(--home_bg_color);
}

.em2021 .match-info-line .match-content p {
	border-right: none;
}

.em2021 .team-info-line .team-content .pos p,
.em2021 .points-info-content .content p,
.em2021 .set-info-content .content p,
.match-info-line .match-header .match-second-header h4
.points-info-line .points-info-header .headline .second-headline h4,
.set-info-line .set-info-header .headline .second-headline h4 {
	color: var(--secoundary_text_color);
}

/* --- TEAM INFO LINE - CONTENT - POSITION --- */
@media all and (max-width:1050px) {
	.em2021 .pool-team-line:nth-child(odd) .team-info-line .team-content {
		border-right 					: 2px solid var(--home_bg_color);
	}
	.em2021 .pool-content .pool-match-info {
		height:60px;
	}
}
@media all and (max-width:450px) {
	.em2021 .team-info-line .team-content .names p {
		font-size: 14px;
	}
}


/*
POOL BOX DETAILS
******************************/
.em2021 .pool-box-details {
	background 							: rgba(255, 255, 255,.2);
}

/* --- POOL MATCH INFO --- */
.em2021 .pool-line {
	background 							: var(--secoundary_bg_color);
	border-radius 						: 10px;
}

.em2021 .pool-line .pool-match-info {
	background 							: var(--accent_bg_color);
	border-top-left-radius 				: 10px;
	border-bottom-left-radius 			: 10px;
}

@media all and (max-width:1050px) {
	.em2021 .pool-line .pool-match-info {
		background 							: var(--accent_bg_color);
		border-top-left-radius 				: 10px;
		border-top-right-radius 			: 10px;
		border-bottom-left-radius 			: 0px;
		display								: flex;
		justify-content						: space-between;
		align-items							: center;
	}
}

.em2021 .pool-line .pool-match-info .nr {
	color 								: var(--accent_text_color);
}

.em2021 .pool-line .pool-match-info p {
	color 								: var(--accent_text_color);
	border-right						: none;
}

.em2021 .pool-content {
	padding 							: 10px;
}

.em2021 .pool-team-info .pool-team .pool-team-name p a {
	color								: var(--secoundary_text_color);
}
.em2021 .pool-team .pool-team-points .main-point, .em2021 .pool-team .pool-team-points .set-points, .em2021 .play-info p {
	color								: var(--secoundary_text_color);
}
.em2021 .pool-team .pool-team-points .set-points strong {
	color								: var(--secoundary_text_color) !important;
}
.em2021 .play-info .btn-statistics {
	color								: var(--secoundary_text_color);
}

	/* --- TOGGLE LINE --- */
.em2021 a.toggle-line {
	background 							: rgba(255,255,255,.20);
	color 								: rgba(255,255,255,.6);
}

/* --- PLAY INFO --- */
.em2021 .play-info .live {
	background 							: var(--accent2_bg_color);
	color 								: var(--home_text_color)
}


/* --- GENDER SWITCH --- */
.em2021 .pool-elimination-filter .gender-switch a:first-child {
	border-top-left-radius 				: 10px;
	border-bottom-left-radius 			: 10px;
}

.em2021 .pool-elimination-filter .gender-switch a:last-of-type {
	border-top-right-radius 			: 10px;
	border-bottom-right-radius 			: 10px;
}

.em2021 .pool-elimination-filter .gender-switch a {
	background 							: var(--secoundary_bgcolor_20);
	color 								: var(--secoundary_bg_color);
}

.em2021 .pool-elimination-filter .gender-switch a.active:hover,
.em2021 .pool-elimination-filter .gender-switch a.active:active,
.em2021 .pool-elimination-filter .gender-switch a.active:focus,
.em2021 .pool-elimination-filter .gender-switch a:hover,
.em2021 .pool-elimination-filter .gender-switch a:active,
.em2021 .pool-elimination-filter .gender-switch a:focus {
	background 							: var(--secoundary_bg_color);
	color 								: var(--secoundary_text_color);
}

.em2021 .pool-elimination-filter .gender-switch a.active {
	background 							: var(--secoundary_bg_color);
	color 								: var(--secoundary_text_color);
}

/* --- POOL/ELIMINATION SWITCH --- */
.em2021 .pool-elimination-filter .pool-elimination-switch a {
	background 							: var(--secoundary_bgcolor_20);
	color 								: var(--secoundary_bg_color);
	border-radius: 10px;
}

.em2021 .pool-elimination-filter .pool-elimination-switch a.active {
	background 							: var(--secoundary_bg_color);
	color 								: var(--secoundary_text_color);
}

.em2021 .pool-elimination-filter .pool-elimination-switch a.active:hover,
.em2021 .pool-elimination-filter .pool-elimination-switch a.active:active,
.em2021 .pool-elimination-filter .pool-elimination-switch a.active:focus
{
	background 							: var(--secoundary_bg_color);
	color 								: var(--secoundary_text_color);
}
.em2021 .pool-elimination-filter .pool-elimination-switch a:hover,
.em2021 .pool-elimination-filter .pool-elimination-switch a:active,
.em2021 .pool-elimination-filter .pool-elimination-switch a:focus {
	background 							: var(--secoundary_bg_color);
	color 								: var(--secoundary_text_color);
}

/*Year Switch*/

.em2021 .pool-elimination-filter #year_switch {
	background 							: var(--secoundary_bg_color);
	float								: left;
	border-radius						: 10px;
	display								: block;
	width								: 130px;
	font-size							: 16px;
	font-family							: var(--filter-font);
	text-transform						: uppercase;

	color 								: var(--secoundary_text_color);
	text-align							: center;
	-webkit-transition					: all 0.2s ease-in-out 0s;
	-o-transition						: all 0.2s ease-in-out 0s;
	transition							: all 0.2s ease-in-out 0s;
	border								: 0px;
	cursor								: pointer;
	position							: relative;
}
.em2021 .pool-elimination-filter .select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	list-style: none;
	background: var(--third_bg_color);
	border-radius: 10px;
}
.em2021 .pool-elimination-filter .select-options li {
	margin: 0;
	padding: 5px;
	text-align: center;
	border-top: 1px solid var(--secoundary_bgcolor_20);
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
	border-radius: 10px;
	color: var(--secoundary_text_color);
}
/*
------------------ POOL NEW ----------------
*/

.em2021 #pool.radial-gradient-bg-bottom-left {
	background-image 				: radial-gradient(circle at bottom left, transparent, transparent);
}

/*
03. TICKER BOX
----------------------------*/
.em2021 .ticker-box {
	background 							: var(--accent_bg_color);
	border-radius 						: 10px;
}

/* --- TICKER - COURT / PLAY INFO --- */
.em2021 .ticker-box .court-play-info .court-play-box p {
	color                               : var(--home_text_color);;
}

/* --- TICKER - TEAM AND POINT CONTAINER --- */
.em2021 .ticker-box .ticker-teams-points {
	background 							: var(--beach_heroes_bg_color_1);
}

/* --- TICKER - TICKER MESSAGE --- */
.em2021 .ticker-box .ticker-message {
	background 							: #0B1450;
	border-bottom-right-radius 			: 10px;
	border-bottom-left-radius 			: 10px;
}

/* --- MATCH INFO --- */
.em2021 .match-info .infos .team-sum p {
	border-top 								: 2px solid rgba(20, 29, 43,0.6);
	border-right 							: 2px solid rgba(20, 29, 43, 0.6);
	border-bottom 							: 2px solid rgba(20, 29, 43, 0.6);
}

.em2021 .match-info .infos .team-sum:nth-child(2) p {
	border-right 							: transparent;
	border-left 							: 2px solid rgba(20, 29, 43, 0.6);
}

@media all and (max-width:1050px) {
	.em2021 .match-info .infos .info-option p {
		border-top 								: 2px solid var(--secoundary_bgcolor_80);
		border-bottom 							: 2px solid var(--secoundary_bgcolor_80);
	}
	.em2021 .match-info .infos .team-sum p {
		border-top 								: 2px solid var(--secoundary_bgcolor_80);
		border-right 							: 2px solid var(--secoundary_bgcolor_80);
		border-bottom 							: 2px solid var(--secoundary_bgcolor_80);
	}
	.em2021 .match-info .infos .team-sum:nth-child(2) p {
		border-right 							: transparent;
		border-left 							: 2px solid var(--secoundary_bgcolor_80);
	}
}



/* --- LINE --- */
.em2021 .play-line .box .line:after {
	background 					: var(--home_bg_color);
}

/* --- RESULTS --- */
.em2021 #play-by-play .result {
	background-image 			: radial-gradient(circle at bottom left, var(--accent_bg_color), var(--accent_bg_color));
}

/* --- POINTS --- */
.em2021 .play-line .box .points p {
	background 					: var(--header_bg_color);
	border 						: 1px solid var(--header_text_color);
}

/* --- SET INFO --- */
.em2021 .set-info {
	background 					: var(--accent_bg_color);
}

/* --- MATCHBALL --- */
.em2021 .play-line.finish .points p {
	background 					: var(--accent_bg_color);
	color 						: var(--header_text_color);
	border-right				: none;
}

/* --- PLAY BY PLAY --- */
.em2021 .left-line .box:first-child:before {
	background 					: var(--primary_bg_color);
}

.em2021 .right-line .box:first-child:before {
	background 					: var(--primary_bg_color);
}


/*------------------- MATCH STATS ---------------------*/
.em2021 #playerdetails .match-stats {
	background 							: rgba(255,255,255,.2);
}

.em2021 #playerdetails .match-stats .stats-content a.active {
	color 								: var(--accent_bg_color);
}

.em2021 #playerdetails .match-stats .hero-icon span:before {
	color 								: rgba(255, 158, 109, 1);
}

/*------------------- BEST RESULTS ---------------------*/

.em2021 #playerdetails .best-results .ta-filter .sort_arrow.active {
	color                               : rgba(0, 0, 45, 0.3);
}

.em2021 #playerdetails .tb_entry:after {
	background-image 					: radial-gradient(circle at bottom left, var(--accent_bg_color), var(--accent_bg_color));
}

/*
------------------ MULTIMEDIA NEW ----------------
*/

.em2021  .section-headline-filter .gallery_switch {
	border-radius: 5px;
	background-color: rgba(255, 158, 109,.3);
}

.em2021 #featured-stories .section-headline-filter .gallery_switch.active {
	background-color: rgba(255, 158, 109, 1);
}


/*
------------------ SPORT NEW ----------------
*/

/* 03. INFO BOXES
-----------------------------------------*/
.em2021 .info-box {
	background 						: #FFF;
	border-radius 					: 10px;
}

.em2021 .info-box .info-img img {
	border-top-left-radius 			: 10px;
	border-bottom-left-radius 		: 10px;
}

.em2021 .info-box .info-text h2,
.em2021 .info-box .info-text p {
	color 							: #00002D;
}

.em2021 .info-box .info-text .btn-white {
	border 							: 1px solid #00002D;
}

.em2021 .info-box .info-text .btn-white:hover {
	border 							: 1px solid transparent;
}

.em2021 #field-info-container.radial-gradient-bg-bottom-left {
	position 						: relative;
	background: var(--home_bg_color);
	background-image 				: url(/media/frontend/images/the-sport/field-carousel/sand_bg_sport.jpg);
	background-position				: center;
	background-size 				: cover;
	background-repeat: no-repeat;
	/*background-repeat 				: no-repeat;*/
	z-index 						: 0;
}

.em2021 #field-info-container .net-bg,
.em2021 #referee-hand-signs .net-bg {
	display 						: none;
}

.em2021 #hand-sign {
	background-image 				: url(/media/frontend/images/the-sport/field-carousel/sand_bg_sport.jpg);
	background-position				: center;
	background-size 				: cover;
	background-repeat: no-repeat;
}

.em2021 #hand-sign .image-bg {
	z-index 						: 1;
}

.em2021 .field-carousel .item .field-mainheadline,
.em2021 .field-carousel .item .field-subheadline,
.em2021 .field-carousel .item p,
.em2021 .field-carousel .item h2,
.em2021 .field-carousel .item ul li,
.em2021 .hand-sign-carousel p,
.em2021 .hand-sign-carousel h2 {
	color 							: #00002D;
}

.em2021 .field-carousel.owl-beachmajors-theme-3 .owl-dots .owl-dot span {
	background 						: rgba(0,0,45,.2);
}

.em2021 .field-carousel.owl-beachmajors-theme-3 .owl-dots .owl-dot.active span,
.em2021 .field-carousel.owl-beachmajors-theme-3 .owl-dots .owl-dot:hover span,
.em2021 .hand-sign-carousel.owl-beachmajors-theme-3 .owl-dots .owl-dot.active span,
.em2021 .hand-sign-carousel.owl-beachmajors-theme-3 .owl-dots .owl-dot:hover span {
	background 						: #00002D;
}

.em2021 .field-carousel.owl-beachmajors-theme-3 .owl-nav .icon-Arrow-Vertical-Left:before,
.em2021 .field-carousel.owl-beachmajors-theme-3 .owl-nav .icon-Arrow-Vertical-Right:before,
.em2021 .hand-sign-carousel.owl-beachmajors-theme-3 .owl-nav .icon-Arrow-Vertical-Left:before,
.em2021 .hand-sign-carousel.owl-beachmajors-theme-3 .owl-nav .icon-Arrow-Vertical-Right:before {
	color 							: rgba(0,0,45,.5);
}

.em2021 .field-carousel.owl-beachmajors-theme-3 .owl-nav [class*=owl-]:hover .icon-Arrow-Vertical-Left:before,
.em2021 .field-carousel.owl-beachmajors-theme-3 .owl-nav [class*=owl-]:hover .icon-Arrow-Vertical-Right:before,
.em2021 .hand-sign-carousel.owl-beachmajors-theme-3 .owl-nav [class*=owl-]:hover .icon-Arrow-Vertical-Left:before,
.em2021 .hand-sign-carousel.owl-beachmajors-theme-3 .owl-nav [class*=owl-]:hover .icon-Arrow-Vertical-Right:before {
	color 							: #00002D;
}

.em2021 #referee-signs-info .referee-signs-carousel .referee-text h3 {
	color: #FFF;
}

.em2021 #referee-signs-info .referee-signs-carousel .item {
	/*background 						: -webkit-linear-gradient(bottom, rgba(255, 158, 109,.5), rgba(255, 158, 109,0));
	background						: -o-linear-gradient(bottom, rgba(255, 158, 109,.5), rgba(255, 158, 109,0));
	background 						: linear-gradient(to top, rgba(255, 158, 109,.5), rgba(255, 158, 109,0));*/
	background 						: -webkit-linear-gradient(to top, rgba(180, 22, 46, 0.3) 50%, rgba(255, 158, 109,0));
	background						: -o-linear-gradient(to top, rgba(180, 22, 46, 0.3) 50%, rgba(255, 158, 109,0));
	background						: linear-gradient(to top, rgba(180, 22, 46, 0.3) 50%, rgba(255, 158, 109,0));
	position 						: relative;

	position 						: relative;
}

/*
------------------ BEACH HEROES NEW ----------------
*/
.em2021 .player,
.em2021 .player:after,
.em2021 .player .flag-img {
	border-top-right-radius 			: 10px;
	border-top-left-radius 				: 10px;
}

/* --- FLAG OVERLAY --- */
.em2021 .player:after {
	background-image 					: radial-gradient(circle at center left, rgba(180, 22, 46, 0.5), rgba(180, 22, 46, 0));
	-webkit-transition 					: all 0.2s ease-in-out 0s;
	-o-transition 						: all 0.2s ease-in-out 0s;
	transition 							: all 0.2s ease-in-out 0s;
}

.em2021 .player:hover:after {
	background-image 					: radial-gradient(circle at center left, rgba(255, 158, 109,0.3), rgba(255, 158, 109,0));
}

.em2021 .player h3 {
	z-index 							: 2;
}

/* -- PLAYER DETAILS --- */
.em2021 .player-details .player-hero {
	background 							: rgba(180, 22, 46, 1);
	border-bottom-right-radius 			: 10px;
	border-bottom-left-radius  			: 10px;
}

.em2021 .player-details .player-hero:after {
	background-image 					: radial-gradient(circle at bottom left, rgba(180, 22, 46, 1), rgba(180, 22, 46, 1));
	border-bottom-right-radius 			: 10px;
	border-bottom-left-radius 			: 10px;
}

.em2021 .player-details .player-hero .hero-title h3 {
	color 								: #FFFFFF;
	-webkit-transition 					: all 0.2s ease-in-out 0s;
	-o-transition 						: all 0.2s ease-in-out 0s;
	transition 							: all 0.2s ease-in-out 0s;
}

.em2021 .player-box:hover .player-details .player-hero .hero-title h3 {
	color 								: rgba(0,0,45,.5) !important;
}

.em2021 .player-details .player-hero .hero-icon > span  {
	color 								: rgba(0,0,45,1);
}

.em2021 .player-details .player-hero .hero-icon span  {
	/*color 								: rgba(0,0,45,1);*/
	color : white;
}

.em2021 .player-details .player-hero .hero-icon span:before  {
	/*color 								: rgba(0,0,45,1);*/
	color : white;
}

.em2021 .player-box:hover .player-details .player-hero .hero-icon > span,
.em2021 .player-box:hover .player-details .player-hero .hero-icon span,
.em2021 .player-box:hover .player-details .player-hero .hero-icon span:before {
	color 								: rgba(0,0,45,1);
}

.em2021 .player-details .player-hero .more-info i {
	color 								: rgba(0,0,45,1);
	-webkit-transition 					: all 0.2s ease-in-out 0s;
	-o-transition 						: all 0.2s ease-in-out 0s;
	transition 							: all 0.2s ease-in-out 0s;
}

.em2021 .player-box:hover .player-hero .more-info i {
	color 								: #00002D !important;
}

.em2021 #beach-heroes-ranking .sw-btn {
	background-color 					: var(--secoundary_bgcolor_20);
	color 								: var(--secoundary_bg_color);
	border-radius 						: 10px;
}

.em2021 #beach-heroes-ranking .sw-btn:hover {
	color 							: var(--secoundary_text_color);
}

.em2021 #beach-heroes-ranking .sw-btn.active {
	color 								: var(--secoundary_text_color);
	background-color 					: var(--secoundary_bg_color);
}


/*----- Table ---*/
.em2021 #beach-heroes-ranking .tb_headline {
	background-color                    : var(--accent_bg_color);
	color                               : #00002D;
	border-radius                       : 10px;
}

.em2021 #beach-heroes-ranking  .ta-filter button {
	color                               : #ffffff;
}

.em2021 #beach-heroes-ranking  .ta-filter .sort_arrow.active {
	color                               : rgba(0, 0, 45, 0.3);
}

.em2021 #beach-heroes-ranking .tb_entry:after {
	background-image 					: radial-gradient(circle at bottom left, var(--accent_bg_color), var(--accent_bg_color));
}


/*
------------------ VOLUNTEER APPLICATION NEW ----------------
*/

.em2021 #volunteer_application .upload_button{
	background				: var(--accent_bg_color);
	border					: 2px solid var(--accent_bg_color);
}

.em2021 #successModal .button_style,
.em2021 #emailError .button_style,
.em2021 #validationError .button_style {
	background				: var(--accent_bg_color);
	border					: 2px solid var(--accent_bg_color);
}

.em2021 #volunteer_application .submit_block button[type="button"] {
	background				: var(--accent_bg_color);
	border					: 2px solid var(--accent_bg_color);
	padding					: 7px 10px;
	width					: auto;
}

/*
------------------ PRESS APPLICATION NEW ----------------
*/

.em2021 #media_accreditation .upload-btn {
	background 			: #00009F;
	border 				: 2px solid #00009F;
}

/* --- BROWSE BUTTON FOR FILE UPLOAD --- */
.em2021 #media_accreditation form .browse-button {
	background 			: #00009F;
}

.em2021 #media_accreditation form .browse-button:focus,
.em2021 #media_accreditation form .browse-button:hover,
.em2021 #media_accreditation form .browse-button:active {
	background 			: #00002D;
}

/* --- SUBMIT BUTTON --- */
.em2021 #media_accreditation form .form-group button[type="submit"] {
	background 			: #00009F;
	border 				: 2px solid #00009F;
}

.em2021 #media_accreditation form .form-group button[type="submit"]:active,
.em2021 #media_accreditation form .form-group button[type="submit"]:focus,
.em2021 #media_accreditation form .form-group button[type="submit"]:hover {
	background 			: #00002D;
	border 				: 2px solid #00002D;
}

.em2021 #media_accreditation #submit_button {
	background 			: #00009F;
	border 				: 2px solid #00009F;
}

.em2021 #media_accreditation #submit_button:active,
.em2021 #media_accreditation #submit_button:focus,
.em2021 #media_accreditation #submit_button:hover {
	background				: #00002D;
	border					: 2px solid #00002D;
}

/*
------------------ ELIMINATION BRACKET NEW ----------------
*/
.em2021 .owl-scrollbar .owl-scroll-handle {
	background 				: var(--accent_bg_color);
}

/*-------- Match Block ----------*/
.em2021 #elimination .match-block {
	background 				: var(--third_bg_color);
	border-radius 			: 10px;
}

.em2021 #elimination .team-1 {
	background 				:  var(--secoundary_bg_color);
}

.em2021 #elimination .match-block .headline {
	background 				: var(--accent_bg_color);
	border-top-right-radius : 10px;
	border-top-left-radius 	: 10px;
}

.em2021 #elimination .match-block a .headline {
	color 					: var(--accent_text_color) !important;
}

.em2021 #elimination .match-block.hover,
.em2021 #elimination .match-block.hover .headline {
	background 				: var(--accent_bg_color) !important;
	color 					: var(--accent_text_color) !important;
}

.em2021 #elimination .hover .team-1{
	background 				: rgba(0,0,0,.1);
}

.em2021 #elimination #elim_block .strip-block .strip_1,
.em2021 #elimination #elim2_block .strip-block .strip_1,
.em2021 #elimination #elim2_block .strip-block .strip_2,
.em2021 #elimination #elim2_block .strip-block .strip_3,
.em2021 #elimination #elim2_block .strip-block .strip_4,
.em2021 #elimination #quater_block .strip-block-0 .strip_1,
.em2021 #elimination #quater_block .strip-block-0 .strip_2,
.em2021 #elimination #quater_block .strip-block-0 .strip_3,
.em2021 #elimination #quater_block .strip-block-0 .strip_4,
.em2021 #elimination #quater_block .strip-block-2 .strip_1,
.em2021 #elimination #quater_block .strip-block-2 .strip_2,
.em2021 #elimination #quater_block .strip-block-2 .strip_3,
.em2021 #elimination #quater_block .strip-block-2 .strip_4,
.em2021 #elimination #semi_block .strip-block .strip_1,
.em2021 #elimination #semi_block .strip-block .strip_2,
.em2021 #elimination #semi_block .strip-block .strip_3,
.em2021 #elimination #semi_block .strip-block .strip_4 {
	background 				: #FFF;
}

.em2021 #elimination .match-block {
	color: var(--secoundary_text_color);
}
.em2021 #elimination .match-block  {
	color: var(--secoundary_text_color) !important;
}
.em2021 #elimination .match-block a {
	color 					: var(--secoundary_text_color) !important;
	font-family				: var(--generic-heavy-font);
}

.em2021 #elimination .match-block.hover a {
	color 					: var(--home_text_color) !important;
}

	/*
    ------------------ COURT SCHEDULE NEW ----------------
    */
.em2021 #courtschedule .time-box {
	background 						: var(--accent2_bg_color)
}

.em2021 #courtschedule .extra-court-info {
	background 						: var(--secoundary_bg_color);
	border-radius 					: 10px;
	color 							: var(--secoundary_text_color);
	text-align 						: center;
	display 						: inline-block;
	padding 						: 5px 10px;
	margin-bottom 					: 0;
	font-size 						: 10px;
}

/* --- 03.02. COURT HEADLINE --- */
.em2021 #courtschedule .court-headline {
	background 							: var(--secoundary_bgcolor_20)
}


.em2021 #courtschedule .owl-carousel .owl-item:first-child .court-headline {
	background: var(--accent2_bg_color)
}

.em2021 #courtschedule .owl-carousel .owl-item:first-child .court-headline {
	background: var(--accent2_bg_color);
	/* width: fit-content; */
	padding-left: 5px;
	padding-right: 5px;
}


.em2021 #courtschedule .time-box > .schedule {
	display 							: block;
	height 								: 130px;
	border-bottom 						: 2px solid rgba(0,0,0,.3);
	position 							: relative;
	margin-bottom 						: 5px;
}


/* --- 03.03.01.01. MALE --- */
.em2021 #courtschedule .court-box.male .play-info {
	background 							: var(--accent_bg_color);
}

.em2021 #courtschedule .court-box.male .team {
	align-content						: center;
}

.em2021 #courtschedule .court-box.male .team:last-child,
.em2021 #courtschedule .male.text-box,
.em2021 #courtschedule .female.text-box {
	background 							: var(--beach_heroes_bg_color_2);
	align-content						: center;
}

.em2021 #courtschedule .court-box.male .team p,
.em2021 #courtschedule .court-box.male .team:last-child p,
.em2021 #courtschedule .male.text-box p,
.em2021 #courtschedule .female.text-box p {
	color								: var(--primary_text_color);
}


/* --- 03.03.01.02. FEMALE --- */
.em2021 #courtschedule .court-box.female .play-info {
	background 							: var(--accent2_bg_color)
}

.em2021 #courtschedule .court-box.female .team {
	background 							: var(--beach_heroes_bg_color_1);
}
.em2021 #courtschedule .court-box.male .team {
	background 							: var(--beach_heroes_bg_color_1);
}

.em2021 #courtschedule .court-box.female .team:last-child {
	background 							: var(--beach_heroes_bg_color_2);
}

/*
 02. DAY SWITCH
----------------------------*/
.em2021 #courtschedule .day-switch .prev-next-btn {
	background 							: var(--secoundary_bgcolor_20);
	border-radius 						: 10px;
	color 								: rgba(255,255,255,1);
}

.em2021 #courtschedule .day-switch .prev-next-btn:hover,
.em2021 #courtschedule .day-switch .prev-next-btn:active,
.em2021 #courtschedule .owl-beachmajors-theme .owl-nav .owl-next:hover,
.em2021 #courtschedule .owl-beachmajors-theme .owl-nav .owl-prev:hover,
.em2021 #courtschedule .owl-beachmajors-theme .owl-nav .owl-next:active,
.em2021 #courtschedule .owl-beachmajors-theme .owl-nav .owl-prev:active {
	background 							: var(--secoundary_accent_color);
	color 								: var(--primary_text_color);
}

.em2021 #courtschedule .day-switch p {
	background 							: var(--beach_heroes_bg_color_1);
	border-radius 						: 10px;
}

.em2021 #courtschedule .owl-beachmajors-theme .owl-nav .owl-prev,
.em2021 #courtschedule .owl-beachmajors-theme .owl-nav .owl-next {
	background 							: var(--white_overlay_bg);
	border-radius 						: 10px;
}




/* BEGINNING BLUE CONTAINER */
.em2021 #courtschedule .infobar-box:nth-child(even) {
	height								: 130px;
	color								: var(--primary_text_color);
	background							: var(--beach_heroes_bg_color_2);
	margin-left							: 5px;
	margin-right						: 5px;
	margin-bottom						: 5px;
	border-radius						: 8px;
	font-family 						: var(--generic-medium-font);
}

.em2021 #courtschedule .infobar-box:nth-child(even) .infobar-show-time {
	color 								: var(--home_text_color);
	background							: var(--accent2_bg_color);
	text-align							: center;
	border-top-left-radius				: 8px;
	border-top-right-radius 			: 8px;
}

/* END BLUE CONTAINER */

.em2021 #courtschedule .info_bottom {
	color:#fff;
	font-size: 16px;
	font-family: var(--generic-heavy-font);
}


/* BEGINNING ORANGE CONTAINER */
.em2021 #courtschedule .infobar-box:nth-child(odd) {
	height								: 130px;
	color								: var(--primary_text_color);
	background							: var(--beach_heroes_bg_color_2);
	margin-left							: 5px;
	margin-right						: 5px;
	margin-bottom						: 5px;
	border-radius						: 8px;
	font-family 						: var(--generic-medium-font);

}

.em2021 #courtschedule .infobar-box:nth-child(odd) .infobar-show-time {
	color 								: var(--home_text_color);
	background							: var(--accent2_bg_color);
	text-align							: center;
	border-top-left-radius				: 8px;
	border-top-right-radius 			: 8px;
}

.em2021 #courtschedule .owl-item {
	max-width 							: 390px;
}


/* END ORANGE CONTAINER */


.em2021 #courtschedule .infobar-box .infobar-headline {
	text-align							: center;
	padding-bottom						: 18px;
	padding-top							: 12px;
	padding-left						: 12px;
	padding-right						: 12px;
	font-size  							: 20px;
	font-family 						: var(--generic-bold-font);
	line-height 						: 17px;
}

.em2021 #courtschedule .infobar-box .infobar-image {
	display 							: flex;
	align-items 						: center;
	justify-content 					: center;

}

.em2021 #courtschedule .infobar-box .infobar-image img{
	padding-top 						: 8px;
	padding-bottom 						: 8px;
	width 								: 50px;
}

.em2021 #courtschedule .infobar-box .infobar-subheadline {
	text-align							: center;
	font-family 						: var(--generic-regular-font);
}

/*.em2021 #courtschedule .owl-item:first-child {*/
/*	width 								: 135px !important;*/
/*}*/

/* --- Tournament Teams --- */
.em2021 #tournament-teams .tb_entry .name-block a .player-pos {
	color 								: rgba(0,0,0,0.5) !important;
}

.em2021 #tournament-teams .tb_entry:after {
	background 					 		: var(--accent_bg_color);
}

.em2021 #tournament-teams .tb_headline {
	background-color                    : var(--accent_bg_color);
	color                               : #00002D;
	border-radius                       : 10px;
}

.em2021 #tournament-teams .ta-filter button {
	color                               : #00002D;
}

.em2021 #tournament-teams .ta-filter .sort_arrow.active {
	color                               : rgba(0, 0, 45, 0.3);
}

/* --- RANKING --- */
.em2021 #ranking .tb_entry .name-block a .player-pos{
	color 								: rgba(0,0,0,0.5) !important;
}

.em2021 #ranking .tb_entry:after {
	background 							: var(--accent_bg_color);
}

.em2021 #ranking .tb_headline {
	background-color                    : var(--accent_bg_color);
	color                               : #00002D;
}

.em2021 #ranking .ta-filter button {
	color                               : #00002D;
}

.em2021 #ranking .ta-filter .sort_arrow.active {
	color                               : rgba(0, 0, 45, 0.3);
}

#CybotCookiebotDialog {
	background-color                : #00002d !important;
	padding-top                     : 25px !important;
	padding-bottom                  : 25px !important;
	color							: #fff !important;
	border-top						: 1px solid #fff !important;
}

#CybotCookiebotDialogBody {
	max-width                       : 1200px !important;
	display                         : flex;
	position                        : relative !important;
	flex-wrap                       : wrap;
	padding                         : 0 30px !important;
	flex-direction                  : row;
	overflow                        : hidden;
	color							: #fff !important;
}

#CybotCookiebotDialogBodyLevelButtons {
	float                           : right !important;
	margin-left                     : 0px !important;

}

#CybotCookiebotDialogBodyLevelButtonsTable {
	display                         : inline-table;
	margin                          : 10px !important;
	/*width                           : 600px !important;*/
	width    						:100%!important;
}
#CybotCookiebotDialog a,
#CybotCookiebotDialog div,
#CybotCookiebotDialogBodyContentControls,
#CybotCookiebotDialogBodyContentTitle {
	color							: #fff !important;
}
#CybotCookiebotDialog {
	color: #00002d !important;
	z-index: 100000!important;
}

#CybotCookiebotDialogDetail {
	background-color                : rgba(0, 0, 47, 1) !important;
}

#CybotCookiebotDialogDetailBodyContent {
	background-color                : rgba(0,0, 47, 1) !important;
	padding-top                     : 0px !important;
	color							: #2a2a2a ;
	border							: 1px solid #ffffff !important;
	border-bottom					: 1px solid #fff !important;
}

.CybotCookiebotDialogDetailBodyContentTabsItem {
	background                      : rgba(0, 0, 47, 1) !important;
}
.CybotCookiebotDialogDetailBodyContentTabsItemSelected {
	background                      : rgba(0, 0, 116, 1) !important;
}

#CybotCookiebotDialogDetailFooter {
	background-color                : rgba(0, 0, 47, 1) !important;
}

#CybotCookiebotDialogBodyContent {
	font-size                       : 14px !important;
}
.CybotCookiebotDialogDetailBodyContentCookieContainerTypes {
	background                      : rgba(0, 0, 47, 1) !important;
}
.CybotCookiebotDialogDetailBodyContentCookieContainerTypesSelected {
	background                      : rgba(0, 0, 116, 1) !important;
}
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
	font-size                       : 15px !important;
	text-transform                  : uppercase;
	padding                         : 12px 10px !important;
	width                           : 210px !important;
	font-weight                     : 600 !important;
	border							: 3px solid rgba(0, 0, 47, 1) !important;
	border-radius					: 10px !important;
	background-color				: rgba(0, 0, 116, 1) !important;
}
a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
	background-color                : rgba(106, 108, 111, 1) !important;
	background: none !important;
	border                          : 3px solid rgba(106, 108, 111, 1) !important;
	border-radius					: 10px !important;
	color							: rgba(106, 108, 111) !important;
}
#CybotCookiebotDialogBodyLevelButtonsTable {
	margin                          : 10px 0px !important;
}
#CybotCookiebotDialogBodyLevelWrapper {
	padding-right                   : 10px;
}
#CybotCookiebotDialogDetail .CybotCookiebotDialogDetailBodyContentCookieTypeTable tbody td {
	color: #fff !important;
}


@media all and (max-width: 1024px) {
	/*TODO Proximity between checkbox and label*/

	#CybotCookiebotDialogBodyLevelButtonsRow {
		display: block;
	}

	.CybotCookiebotDialogBodyLevelButtonWrapper, .CybotCookiebotDialogBodyLevelButtonWrapper:last-of-type {
		width: 25%!important;
		margin-right: 0!important;
		text-align: left!important;
	}

	.CybotCookiebotDialogBodyLevelButtonWrapper:first-of-type {
		text-align: left!important;
	}

	div#CybotCookiebotDialogBodyLevelButtonsSelectPane > div > input[type="checkbox"] + label:before {
		margin-right: 0.3em!important;
	}

	div#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper::after {
		content: ''!important;
		width: unset!important;
		height: unset!important;
	}

	div#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper > a {
		width: 40%!important;
		font-size: 2.0em!important;
		margin-right: 0!important;
	}

	div#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
		margin-top: 0!important;
		/*margin-bottom: 0!important;*/
	}


	/* #CybotCookiebotDialog {
        flex-direction              : column !important;
        align-items                 : center !important;
    }

    #CybotCookiebotDialogBody {
        flex-direction              : column !important;
        align-items                 : center !important;
        padding-top                 : 15px !important;
    }
    #CybotCookiebotDialogBodyContent {
        padding-left                : 20px !important;
        padding-right               : 20px !important;
    }
    #CybotCookiebotDialogBody #CybotCookiebotDialogPoweredbyLink {
        display                     : contents !important;
    }
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
        display                     : flex !important;
        flex-direction              : column !important;
        align-items                 : center !important;
        float                       : none !important;
        padding-left                : 20px;
        padding-right               : 20px;
        width                       : 90%;
    }
    #CybotCookiebotDialogBodyLevelWrapper {
        width                       : 100% !important;
        align-content               : center !important;
        align-items                 : center !important;
        display                     : flex !important;
        flex-direction              : column !important;
    }
    a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
    a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
    a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
        width                       : 100% !important;
        overflow                    : hidden;
    }
    #CybotCookiebotDialogBodyContentTitle {
        text-align                  : center !important;
    }
    #CybotCookiebotDialogBodyContentText {
        text-align                  : center !important;
    }
    #CybotCookiebotDialogBodyLevelButtons {
        margin-left                 : 0px !important;
        align-items                 : center !important;
        display                     : flex !important;
        margin-right                : 0px !important;
        align-content               : center !important;
    }
    .CybotCookiebotDialogBodyButton {
        margin-left                 : 0px !important;
    }
    #CybotCookiebotDialogBodyLevelButtonsTable {
        padding                     : 0px 20px !important;
    }
    #CybotCookiebotDialogDetailBody {
        width                       : 80% !important;
    }*/
}

@media all and (max-width: 760px) {
	div#CybotCookiebotDialog {
		top: unset!important;
		position: fixed!important;
		bottom: 0!important;
		/* overflow-y: auto!important; */
		height: fit-content!important;
	}
}

@media all and (max-height: 500px) {
	div#CybotCookiebotDialog {
		top: unset!important;
		position: fixed!important;
		bottom: 0!important;
		/* overflow-y: auto!important; */
		height: fit-content!important;
	}
}


@media all and (max-width: 740px) {

	div#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
		margin-top: 0!important;
		margin-bottom: 0!important;
	}

	div#CybotCookiebotDialog {
		height: fit-content!important;
	}

	div#CybotCookiebotDialogBodyLevelButtonsSelectPane > div > input[type="checkbox"] + label:before {
		margin-right: 0.3em!important;
	}

	div#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper > a {
		width: 80%!important;
		font-size: 2.0em!important;
		margin-right: 0!important;
	}

}




/********** COOKIEBOT ***********/

.cookieBotDialogResize {
	top: unset!important;
	position: fixed!important;
	/* overflow-y: auto!important; */
	height: fit-content!important;
}

#CybotCookiebotDialogBodyContentTitle {
	font-family: var(--generic-bold-font) !important;
	font-size: x-large!important;
	margin-top: 1em!important;
	margin-bottom: 12px!important;
}

#CybotCookiebotDialogBodyContentText {
	font-size: large!important;
	font-weight: 300!important;
	width: 87%!important;
	font-family	: var(--generic-light-font) !important;
	line-height: 1.4!important;
}

#CybotCookiebotDialogBodyContentText a {
	text-decoration: none!important;
	font-family	: var(--generic-medium-font) !important;
}

#CybotCookiebotDialogDetailBodyContentTabs a {
	font-family: var(--generic-medium-font) !important;
}

#CybotCookiebotDialog.CybotEdge.CybotMultilevel .CybotCookiebotScrollContainer {
	width: unset!important;
}

/*** COOKIE BANNER UPDATED ****/

#CybotCookiebotDialog {
	font-family: var(--generic-bold-font) !important;
}

#CybotCookiebotDialog[data-template="slideup"] {
    top: 100%!important;
	width: 100%!important;
	max-width: unset!important;
	transform: translate(-50%,-100%)!important;
}


#CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type {
	scrollbar-width: none!important;
}

#CybotCookiebotDialogBodyContent .CybotCookiebotFader {
	background-image: none!important;
	display: none!important;
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane,
#CybotCookiebotDialog .CybotCookiebotScrollContainer,
#CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper:not(:last-of-type),
#CybotCookiebotDialog.CybotEdge.CybotMultilevel .CybotCookiebotDialogBodyBottomWrapper,
#CybotCookiebotDialogHeader,
#CybotCookiebotDialog {
	border: unset!important;
}


#CybotCookiebotDialogBodyLevelButtonsTable {
	padding-left: 0.5rem;
	margin: 0!important;
}

#CybotCookiebotDialog .CybotCookiebotScrollContainer .CybotCookiebotScrollbarContainer {
	display: none!important;
}

#CybotCookiebotDialog .CybotCookiebotScrollContainer {
	padding: 0!important;
}

/*Hide buttons - shown via css*/
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialogBodyEdgeMoreDetails{
	display: none!important;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll.display-block, #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection.display-block {
	display: inline-block!important;
}


button#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, button#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
	font-family: var(--generic-bold-font) !important;
	font-size: large!important;
	height: auto!important;
	background-color: transparent!important;
	border: white solid 1px!important;
	padding: 0.7em 2.25em!important;
	margin-right: 1.8em!important;
	border: 0.1em solid #FFFFFF!important;
	border-radius: 5px!important;
	letter-spacing: 0.72px!important;
}

button#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
	background-color: var(--accent_bg_color) !important;

}

#CybotCookiebotDialogBodyButtonDecline {
	display: none!important;
}

#cookieBotDetailsButtonWrapper {
	align-self: center !important;
}

#CybotCookiebotDialogPoweredbyLink {
	margin-left: auto!important;
}

#CybotCookiebotDialogPoweredbyLink::after {
	content: url("/media/frontend/images/layout/icons/iconbrowser/cookie.svg");
	height: 60px!important;
	width: 60px!important;
}

#CybotCookiebotDialogPoweredbyCybot {
	display: none!important;
}

#CybotCookiebotDialogPoweredbyCybot svg {
	fill: white!important;
}

#CybotCookiebotDialogHeader {
	align-items: end!important;
	align-self: start!important;
}

#CybotCookiebotDialogPoweredbyLink {
	justify-content: end!important;
}

#CybotCookiebotDialogTabContent {
	margin: 0!important;
}

#CybotCookiebotDialogBodyContent {
	padding-left: 0px !important;
	width: 100% !important;
}

#CybotCookiebotDialogPoweredbyLink {
	display: inline;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons {
	max-width: unset!important;
	flex-direction: column!important;
	align-items: flex-start!important;
	padding-left: 30px;
	margin-top: 2em;
}

#CybotCookiebotDialogBodyLevelWrapper {
	padding-left: 0px!important;
}

#CybotCookiebotDialogBodyEdgeMoreDetails {
	margin-left: auto!important;
}

#CybotCookiebotDialogBodyLevelButtons {
	width: 100%!important;
}

#CybotCookiebotFader {
	background-image: inherit!important;
}

#CybotCookiebotDialogBodyLevelWrapper {
	width: 100%!important;
}

#CybotCookiebotDialogBodyFieldsetInnerContainer .CybotCookiebotDialogBodyLevelButtonWrapper {
	justify-content: start!important;
	padding: 0!important;
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonLabel {
	margin: unset!important;
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane {
	padding-top: 1rem!important;
	width: 100% !important;
	display: flex;
	flex-direction: row;
	padding: 1.5em;
	justify-content: space-between;
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane form {
	flex-grow: 2;
}

#CybotCookiebotDialogBodyButtonsWrapper {
    display: flex;
    align-items: flex-start; /* Align buttons and image vertically */
}

#CybotCookiebotDialogBodyButtonsWrapper::after {
	width: 60px!important;
	height: 60px!important;
	display: inline-block!important;
	vertical-align: bottom!important;;
	content: url("/media/frontend/images/layout/icons/iconbrowser/cookie.svg")!important;
}


/******** BEGIN COOKIE CHECKBOXES *********/

#CybotCookiebotDialogBodyFieldsetInnerContainer .CybotCookiebotDialogBodyLevelButtonWrapper {
    display: flex!important;
	flex-direction: row-reverse!important;
	align-items: start !important;
}

#CybotCookiebotDialogBodyFieldsetInnerContainer .CybotCookiebotDialogBodyLevelButtonSliderWrapper {
	width: 2em!important;
	margin-right: 0.5em!important;
}

#CybotCookiebotDialogBodyFieldsetInnerContainer .CybotCookiebotDialogBodyLevelButtonSlider:before {
	display: none!important;
}

#CybotCookiebotDialogBodyFieldsetInnerContainer input[type=checkbox]+.CybotCookiebotDialogBodyLevelButtonSlider {
	border-radius: 4px!important;
	border: 1px white solid!important;
	height: 1.5em!important;
	width: 1.5em!important;
	background-color: transparent!important;
}

#CybotCookiebotDialogBodyFieldsetInnerContainer input[type=checkbox]:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
	background-color: var(--accent_bg_color)!important;
}

/*Checkmark*/
#CybotCookiebotDialogBodyFieldsetInnerContainer input[type=checkbox]:checked+.CybotCookiebotDialogBodyLevelButtonSlider::after {
    content: ""; /* Create an empty content */
    position: absolute; /* Position absolutely within the checkbox */
    left: 0.5em; /* Position of the checkmark */
    top: 0.25em; /* Position of the checkmark */
    width: 0.4em; /* Width of the checkmark */
    height: 0.8em; /* Height of the checkmark */
    border: solid white; /* Color of the checkmark */
    border-width: 0 2px 2px 0; /* Create checkmark shape */
    transform: rotate(45deg); /* Rotate to form a checkmark */
}

#CybotCookiebotDialogBodyFieldsetInnerContainer label.CybotCookiebotDialogBodyLevelButtonLabel strong.CybotCookiebotDialogBodyLevelButtonDescription {
	font-size: medium!important;
	font-family	: var(--generic-light-font) !important;
	font-weight: lighter!important;
}

#CybotCookiebotDialogBodyFieldsetInnerContainer label.CybotCookiebotDialogBodyLevelButtonLabel strong.CybotCookiebotDialogBodyLevelButtonDescription:hover {
	color: white!important;
	font-weight: bold!important;
}

#cookieBotDetailsButtonWrapper {
	flex-grow: 1!important;
}

#cookieBotDetailsButton {
	font-size: medium!important;
	font-family	: var(--generic-light-font) !important;
	font-weight: light!important;
}

/******** END COOKIE CHECKBOXES *********/



/******** BEGIN COOKIE MODAL *********/
#cookiemodal {
    position: fixed;
    top: 5%;
    right: 0;
    bottom: 0;
    left: 0;
	text-align: center;
	z-index: 100001!important;
}

#CybotCookiebotDialog {
    z-index: 100000;
}

#cookiemodal .modal-dialog{
	margin: auto!important;
	min-width: 32%!important;
	border: #ffffff solid 2px;
	border-radius: 40px;
	background: rgb(0, 0, 47);
	color: #ffffff;
	max-height: 90%;
}

#cookiemodal .modal-header {
	border-bottom: none;
}

#cookiemodal .modal-header button {
    color: white;
	font-size: larger;
	font-family: var(--generic-bold-headline-font);
}

#cookiemodal .modal-body{
	max-height: 75vh;
	overflow-y: auto;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
	height: fit-content;
}

#cookiemodal .modal-body::-webkit-scrollbar {
	display: none;
}

#cookiemodal .modal-content {
    background: rgb(0, 0, 47);
    color: #ffffff;
	padding-left: 4%;
	padding-right: 4%;
	border-radius: inherit;
}

#cookiemodal h2 {
    font-family: 'Lemur-Bold';
}

#cookiemodal h5 {
    font-family: 'Gilroy-Medium';
}

#cookiemodal h2 {
	font-family: var(--generic-bold-headline-font);
	font-size: xx-large;
}

#cookiemodal h5:before{
	content: url("/media/frontend/images/layout/icons/iconbrowser/cookie.svg")!important;
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: text-bottom;
}

#cookiemodal h5 {
	display: inline-block;
	font-family: var(--generic-medium-font);
	font-size: x-large!important;
	margin-top: 26px;
}

#cookiemodal span {
	font-family: var(--generic-light-font);
	font-size: medium;
	margin-top: 12px;
}

#cookiemodal a {
	font-family: var(--generic-light-font);
	font-size: medium;
	color: var(--accent_bg_color) !important;
	margin-top: 8px;
}

#cookiemodal table .even td{
	border: 2px solid rgb(0, 0, 47);
	background: #031746;
}

#cookiemodal table .odd td {
	border: 2px solid rgb(0, 0, 47);
	background: #020F3E;
}

#cookiemodal td.cookieRowHeading {
	font-family: var(--generic-bold-font);
	padding-left: 10px;
	padding-right: 10px;
}

#cookiemodal td.cookieRowInfo {
	font-family: var(--generic-light-font);
	padding-left: 15px;
	padding-right: 15px;
}

#cookiemodal table td.bottomBorder {
	border-bottom-width: 5px!important;
}

#cookiemodal .cookieTable table {
	padding: 0 15px 0 15px;
	width: 100%!important;
}

#cookiemodal .cookieTable {
	border: 1px solid #ffffff!important;
	border-radius: 8px;
	text-align: left;
	font-family: var(--generic-light-font);
	font-size: small;
	margin-top: 12px;
	max-height: 380px;
	overflow-y: auto;
	display: none;
	line-height: 3;
}

#cookiemodal .cookieTable::-webkit-scrollbar {
	display: none;
}

#cookiemodal .cookieTable {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

a span.cookieDetailsArrow {
	width: 0.5em!important;
	height: 0.5em!important;
	display: inline-block!important;
	vertical-align: middle!important;
	border-left: 0.15em solid currentColor!important;
	border-bottom: 0.15em solid currentColor!important;
	transform: rotate(-45deg);
	margin-left: 0.38em!important;
	margin-top: -0.25em!important;
}

a span.cookieArrowOpen {
	transform: rotate(135deg)!important;
	margin-top: 0.25em!important;
}

a span.cookieArrowClosed {
	transform: rotate(-45deg)!important;
	margin-top: -0.25em!important;
}

/****** Media Queries *********/

@media all and (max-width: 1280px) {
	#CybotCookiebotDialogHeader {
		padding-top: 0!important;
		padding-bottom: 0!important;
		padding-right: 23px !important;
	}

	#CybotCookiebotDialogBodyContent {
		padding-top: 0!important;
	}

	#CybotCookiebotDialogBodyContentTitle {
		margin-top: 0!important;
	}
}

@media all and (max-width: 940px) {
	#CybotCookiebotDialogBody .CybotCookiebotScrollContainer {
		max-height: unset!important;
		height: fit-content!important;
		min-height: unset!important;
	}
}

@media all and (max-width: 720px) {
	#CybotCookiebotDialogBodyLevelButtonsSelectPane {
		flex-direction: column!important;
	}
}

@media all and (max-width: 640px) {
	#CybotCookiebotDialogBody {
		flex-direction: row!important;
	}

	#CybotCookiebotDialogFooter {
		display: none!important;
	}

	#CybotCookiebotDialogBodyFieldsetInnerContainer {
		flex-direction: column!important;
	}

	#CybotCookiebotDialogBodyLevelButtonsSelectPane {
		flex-direction: column!important;
	}

	#cookieBotDetailsButtonWrapper {
		align-self: flex-start;
	}

	#CybotCookiebotDialogBodyButtonsWrapper::after {
		display: none!important;
	}
}

@media all and (max-width: 480px) {
	#CybotCookiebotDialogBodyContentText, #CybotCookiebotDialogBodyContentText a,
	#CybotCookiebotDialogBodyFieldsetInnerContainer label.CybotCookiebotDialogBodyLevelButtonLabel strong.CybotCookiebotDialogBodyLevelButtonDescription,
	#cookiemodal span, #cookiemodal a {
		font-size: small!important;
	}

	#CybotCookiebotDialogBodyButtonsWrapper button,
	#cookieBotDetailsButton {
		font-size: medium!important;
	}

	#CybotCookiebotDialogBodyContentTitle,
	#cookiemodal h5 {
		font-size: large!important;
	}

	#cookiemodal h2 {
		font-size: x-large!important;
	}

	#CybotCookiebotDialogBodyButtonsWrapper {
		flex-direction: column!important;
	}

	#CybotCookiebotDialogBodyButtonsWrapper button{
		min-width: 238px!important;
	}

	#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons {
		margin-top: 0!important;
	}

	#CybotCookiebotDialogBodyContent {
		padding: 0.5em 0!important;
	}
}

@media all and (max-width: 280px) {
	#CybotCookiebotDialogBodyButtonsWrapper button{
		min-width: unset!important;
	}

	#CybotCookiebotDialogBodyLevelButtonsSelectPane {
		flex-direction: column!important;
		padding-bottom: 0!important;
	}

	#cookieBotDetailsButtonWrapper {
		padding-top: 1rem!important;
	}

	#CybotCookiebotDialogBodyButtons {
		margin-top: 1rem!important;
	}

	#CybotCookiebotDialogBodyButtons {
		padding: 0;
	}

	#CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton  {
		margin: 0;
	}
}


@media all and (max-height: 720px) {
	#CybotCookiebotDialogHeader {
		display: none!important;
	}

	#CybotCookiebotDialog {
		padding-top: 2rem!important;
	}

	#CybotCookiebotDialogBodyContent {
		padding-top: 0!important;
	}

	#CybotCookiebotDialogBodyContentTitle {
		margin-top: 0!important;
	}
}

@media all and (max-height: 620px) {

	#CybotCookiebotDialogBody {
		flex-direction: row !important;
	}

	#CybotCookiebotDialog .CybotCookiebotScrollContainer {
		min-height: unset!important;
	}

	#CybotCookiebotDialogBodyContent {
		min-height: fit-content!important;
	}
}
/*********** COOKIE BOT END************/

body::-webkit-scrollbar {
	width: 15px;
	border-radius: 7.5px;
	background-color: transparent;
	/*background-color: var(--accent_bg_color);*/
	position: absolute;
	top: 0;
	right: 0;
}
body::-webkit-scrollbar-thumb {
	background-color: var(--accent_bg_color);
	border-radius: 7.5px;
}


/* Konami Class */
body.konami {
  cursor: url('/media/frontend/images/layout/konamiball.png'), auto;
}
/*END OF KONAMI*/

.tournament_nav_logo {
	image-rendering: -webkit-optimize-contrast !important;
	will-change: transform;
}

.em_bg {

	background: var(--home_bg_color);
	/*background-image: url(/media/frontend/images/background.jpg);*/
	background-size:    100% auto;
    background-repeat:   repeat-y;
    background-position: center top;
}

.em2021 #sponsor_logos {
	background: transparent !important;
}
.em2021 #sponsor_logos .head_logos_image {
    height: 100px !important;
}

#widget91 {
	height:90vh;
	width: 100%;
	overflow:hidden;
	position: relative;
	min-height: 735px;
	/*max-height: 735px;*/
}


#widget91 .widget91_image_container {
	position: absolute;
	top:0;
	right:0;
	height: 100%;
	width: 80%;
	overflow:hidden;
	background-position: center right;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	min-height: 735px;
}

#widget91 .widget91_container {
	position: absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	overflow:hidden;
	min-height: 735px;
	/*max-height: 735px;*/
}

#widget91 .video-wrapper {
	display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    overflow: hidden;
}
#widget91 .iframe-wrapper {
	height: 120%;
	position:absolute;
	width: 1000%;
}

@media all and (min-width: 2150px) {
	#widget91 .iframe-wrapper {
		height: 130%;
		position:absolute;
		width: 1000%;
	}
}
@media all and (min-width: 2350px) {
	#widget91 .iframe-wrapper {
		height: 135%;
		position:absolute;
		width: 1000%;
	}
}

#widget91 .iframe-embed {
	height: 100%;
	position:absolute;
	width: 100%;
}

#widget91 video {
	object-fit: cover;
    height: 100%;
    object-position: center center;
    width: 100%;
    z-index: 2;
}

#widget91 .widget91_sand {
	position: absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	overflow:hidden;
   	background-image: url(/media/frontend/images/layout/sand.webp);
	background-position: left center;
	background-size: cover;
	background-repeat: no-repeat;
}


@media all and (min-width: 2000px) {
	#widget91 .widget91_sand {
		background-position-x: -10px;
	}
}
@media all and (min-width: 2400px) {
	#widget91 .widget91_sand {
		background-position-x: -30px;
	}
}
@media all and (min-width: 2800px) {
	#widget91 .widget91_sand {
		background-position-x: -50px;
	}
}
@media all and (min-width: 3200px) {
	#widget91 .widget91_sand {
		background-position-x: -80px;
	}
}

#widget91 h1 {
	text-transform: none;
}

#widget91 .widget91_container img {
	width: auto;
	height: 100%;
}
#widget91 .widget91_container video {
	width: 100%;
}
#widget91 .widget91_container .content_cont {
	position: absolute;
	top: 2%; /*40%;*/
	left: 4%;
	width: 24%;
	/*transform: translateY(-50%);*/
}

#widget91 .covid_info {
	/*display: block;	*/
	z-index: 200;
	position:absolute;
	right:100px;
	top:100px;
	width: 200px;
	height: 200px;
	border-radius: 100px;
	background-color: rgba(2255,157,110,1);
    color: #00002D;
    border: 0px;
    text-decoration:none;
    cursor: pointer;
    text-align: center;
    animation: pulse 1.1s infinite;
    box-shadow: 0 0 0 rgba(255,157,110, 0.7);
    display:flex;
    align-items: center;
    justify-content: center;
}


#widget91 .widget91_container .content_headline {
	font-size: calc(20px + (70 - 20) * ((100vw - 350px) / (2800 - 350)));
	line-height: calc(22px + (70 - 22) * ((100vw - 350px) / (2800 - 350)));
	text-align:left;
	font-family: var(--generic-bold-headline-font);

}
#widget91 .widget91_container .content_headline.light {
	color: #FFF;
}
#widget91 .widget91_container .content_headline.dark {
	color: #00002D;
}
#widget91 .widget91_container .content_text {
	font-size: calc(16px + (25 - 16) * ((100vw - 350px) / (2400 - 350)));
	line-height: calc(18px + (30 - 18) * ((100vw - 350px) / (2400 - 350)));
	font-weight: bold;
	text-align:left;
	margin-top:20px;
}
#widget91 .widget91_container .content_text.light {
	color: #FFF;
}
#widget91 .widget91_container .content_text.dark {
	color: #00002D;
}
#widget91 .widget91_container .content_link {
	margin-top: 15px;
	display: inline-block;
	padding: 10px;
	padding-left: 25px;
	padding-right: 25px;
	width: fit-content;
	text-align: center;
	text-transform: uppercase;
 	font-family: var(--generic-bold-font);
 	font-size: 15px;
    font-weight: 600;
}
#widget91 .widget91_container .content_link.light {
	background: #FFFFFF9A 0% 0% no-repeat padding-box;
	border: 3px solid #00002D;
	border-radius: 10px;
	opacity: 1;
	color: #00002D;
}
#widget91 .widget91_container .content_link.dark {
	background: #FFFFFF9A 0% 0% no-repeat padding-box;
	border: 3px solid #00002D;
	border-radius: 10px;
	opacity: 1;
	color: #FFF;
}
#widget91 .em-owl {
	width: 80%;
	height: 100px;
	position: absolute;
	right: 5%;
	bottom: 25px;
	display: block;
}
#widget91 .em-owl .owl-stage-outer  {
	width: 100%;
	position:absolute;
	bottom: 0;
	left: 0%;
	overflow: hidden;
}
#widget91 .em-owl .item  {
	height: 100px;
	border-radius: 10px;
	opacity: 1;
	cursor: pointer;
}

#widget91 .em-owl .slider_container{
	width: 275px;
	height: 100px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 10px;
}

#widget91 .em-owl .item .slider_container .img_elem  {
	position:absolute;
	top:0;
	left: 0;
	width:100%;
	height:100%;
	border-radius: 10px;
	background-size: cover;
	filter: grayscale(90%);
}

#widget91 .em-owl .item.active .slider_container{
	border: 2px solid #fff;
	border-radius: 10px;
}

#widget91 .em-owl .item .blue_overlay {
	position:absolute;
	top:0;
	left: 0;
	width:100%;
	height:100%;
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(0,0,45,0.35) 0%, rgba(0,0,45,0.2) 100%);
}
#widget91 .em-owl .item .item_text
{
	top:0;
	left: 0;
	width:100%;
	height:100%;
	text-align:center;
	line-height: 91px;
	vertical-align:middle;
	font-size: 20px;
	color: var(--accent_bg_color);
	text-transform: uppercase;
	font-weight: bold;
	position:absolute;
}
#widget91 .owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 0px;
    margin-left: 0px;
    left: -25px;
    border:0px solid black;
}

#widget91 .owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 0px;
    right: -15px;
    border:0px solid black;
}
#widget91 .owl-prev i,
#widget91 .owl-next i {
	    transform: scale(0.5,1.6);
	    color: #fff;
	}

#widget91 mark {
	  background-color: #ff9d6e;
	  background-clip: content-box;
	  padding: 0;
}

#widget91 .swatch_logo {
	position:absolute;
	top: 5px;
	right: 50px;
	width: 90px;
	height: 26px;
	background-image: url(/media/frontend/images/swatch.png);
	background-size: cover;
}
#widget91 .swatch_watch {
	position: absolute;
    top: -24px;
    left: -4px;
    width: 95px;
    height: 126px;
    background-image: url(/media/frontend/images/swatch_watch.png);
    background-size: 185%;
    background-position: center;
}
#widget91 .days {
	position: absolute;
    top: 40px;
    left: 95px;
    font-size: 10px;
    font-weight: bold;
    width:40px;
    text-align:center;
}
#widget91 .hours {
	position: absolute;
    top: 40px;
    left: 135px;
    font-size: 10px;
    font-weight: bold;
    width:40px;
    text-align:center;
}
#widget91 .minutes {
	position: absolute;
    top: 40px;
    left: 175px;
    font-size: 10px;
    font-weight: bold;
    width:40px;
    text-align:center;
}
#widget91 .secounds {
	position: absolute;
    top: 40px;
    left: 215px;
    font-size: 10px;
    font-weight: bold;
    width:40px;
    text-align:center;
}
#widget91 .days_value {
	position: absolute;
    top: 55px;
    left: 95px;
    font-size: 20px;
    font-weight: bold;
    width:40px;
    text-align:center;
}
#widget91 .hours_value {
	position: absolute;
    top: 55px;
    left: 135px;
    font-size: 20px;
    font-weight: bold;
    width:40px;
    text-align:center;
}
#widget91 .minutes_value {
	position: absolute;
    top: 55px;
    left: 175px;
    font-size: 20px;
    font-weight: bold;
    width:40px;
    text-align:center;
}
#widget91 .secounds_value {
	position: absolute;
    top: 55px;
    left: 215px;
    font-size: 20px;
    font-weight: bold;
    width:40px;
    text-align:center;
}

@media all and (max-width: 1920px) {
	#widget91 {
		max-height: 735px;
	}
	#widget91 .widget91_container{
		max-height: 735px;
	}
}

@media all and (min-width: 1000px) {

	#widget91.livematches {
		min-height: 580px;
		max-height: 580px;
	}

	#widget91.livematches .widget91_container {
		min-height: 580px;
		max-height: 580px;
	}

	#widget91.livematches .widget91_container .content_cont {
		top: 50%;
		transform: translateY(-55%);
	}
	#widget91 .widget91_container .content_cont {
		top: 50%;
		transform: translateY(-55%);
	}

	#widget91.livematches .widget91_container .content_headline
	{
		font-size: calc(18px + 45 * ((100vw - 350px) / (2800 - 350)));
		line-height: calc(20px + 45 * ((100vw - 350px) / (2800 - 350)));
		text-align:left;
		font-family: var(--generic-heavy-font);
	}

	#widget91.livematches  .widget91_container .content_text {
		font-size: calc(12px + 15 * ((100vw - 350px) / (2800 - 350)));
		line-height: calc(14px + 15 * ((100vw - 350px) / (2800 - 350)));
		font-weight: bold;
		text-align:left;
		margin-top:20px;
	}

}

@media all and (min-width: 1921px) {

	#widget91.livematches {
		max-height: 970px;
	}

	#widget91.livematches  .widget91_container {
		max-height: 970px;
	}
	#widget91 .widget91_image_container {
		background-size: cover;
	}
}

@media all and (max-width: 1000px) {

	#widget91 .em-owl {
		width: 80%;
		left: 10%;
		right:10%;
	}

	#widget91 {
		/*min-height:auto;*/
	}
	#widget91 .widget91_sand
	{
		background-image: url("/media/frontend/images/layout/sand_mobile.webp");
		background-position-y: calc( -50vw + 30px );
	}

	#widget91 .widget91_container {
		/*min-height:auto;*/
	}

	#widget91 .widget91_image_container {
		background-size: cover;
		background-position: center center;
	}

	#widget91 .widget91_container .content_cont {
        top: 3%;
        width: 92%;
    }
	#widget91 .widget91_image_container {
        width: 100%;
    }

}
@media all and (max-width: 850px) {

	#widget91 .widget91_sand
	{
		background-position-y: calc( -42vw + 30px );
	}
}
@media all and (max-width: 700px) {

	#widget91 .widget91_sand
	{
		background-position-y: calc( -32vw + 30px );
	}
}
@media all and (max-width: 600px) {
	#widget91 .widget91_container .content_cont
	{
		width: 96%;
		top: 4%;
	}
	#widget91 .widget91_sand
	{
		background-position-y: calc( -23vw + 30px );
	}
}
@media all and (max-width: 450px) {
	#widget91 .widget91_sand
	{
		background-position-y: calc( -42vw + 30px );
	}
	#widget91 .em-owl .slider_container
	{
		width: 250px;
	}
}



.widget_93  {
	margin-top: 50px;
	margin-bottom: 30px;
	width: 100%;
    overflow: hidden;
}
.widget_93 .pre_headline_left {
	color:#fff;
	font-size: calc(12px + (18 - 12) * ((100vw - 350px) / (2400 - 350)));
	line-height: calc(12px + (18 - 12) * ((100vw - 350px) / (2400 - 350)));
	text-align:center;
	vertical-align: middle;
	padding-top: 30px;
}
.widget_93 .headline_left {
	color: var(--accent_bg_color);
	font-size: calc(40px + (50 - 40) * ((100vw - 350px) / (2400 - 350)));
	line-height: calc(42px + (52 - 42) * ((100vw - 350px) / (2400 - 350)));
	font-weight:bold;
	text-align:center;
	vertical-align: middle;
	margin-top:10px;
}
.widget_93 .sub_headline_left {
	color: #FFF;
	font-size: calc(25px + (32 - 25) * ((100vw - 350px) / (2400 - 350)));
	line-height: calc(27px + (32 - 27) * ((100vw - 350px) / (2400 - 350)));
	text-align:center;
	vertical-align: middle;
	padding: 15px;
	border-bottom: 2px solid rgba(255,255,255,0.3);
	width: fit-content;
	margin: 0 auto;
}
.widget_93 .sm_headline_left {
	color: rgba(255,255,255,0.6);
	font-size: calc(12px + (18 - 12) * ((100vw - 350px) / (2400 - 350)));
	line-height: calc(12px + (18 - 12) * ((100vw - 350px) / (2400 - 350)));
	text-align:center;
	vertical-align: middle;
	padding-top: 15px;
}
.widget_93 .sm_icons {
	color: #fff;
	width: fit-content;
	margin: 0 auto;
	text-align:center;
	padding:15px;
}.widget_93 a {
	padding:10px;
}
.widget_93 .fab {
	color: #fff;
}
.widget_93 .img_container {
	text-align: right;
}
.widget_93 .ticket_image {
	width: 132px;
	text-align: right;
	margin-top:10px;
}
.widget_93 .headline_right {
	color: var(--accent_bg_color);
	font-size: calc(36px + (46 - 36) * ((100vw - 350px) / (2400 - 350)));
	line-height: calc(38px + (48 - 38) * ((100vw - 350px) / (2400 - 350)));
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	margin-top:10px;
}
.widget_93 .text_right {
	color:#fff;
	font-size: calc(12px + (18 - 12) * ((100vw - 350px) / (2400 - 350)));
	/*line-height: calc(14px + (18 - 14) * ((100vw - 350px) / (2400 - 350)));*/
	text-align:left;
	vertical-align: middle;
	padding-top: 15px;
}
.widget_93 .button_right {
	margin-top: 15px;
	height: 40px;
	width:	250px;
	max-width: 250px;
	line-height: 37px;
	vertical-align: middle;
	overflow: hidden;
	text-align: center;
	position:relative;
	padding: 0 !important;
	display:block;
	text-decoration: none;
}
.widget_93 .button_right img{
	margin: auto;
    height: 32px;
    width: 32px;
}

.widget_93 .blue_tickets {
	background-color: #0000ff;
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:0px;
	border-radius: 5px;
	border: 1px solid #fff;
	padding-left: 10px !important;
	padding-right: 10px !important;
	color:#fff;
}
.widget_93 .orange_tickets {
	background-color: #ff9e6d;
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
	left:0px;
	top:0px;
	transform: translateX(-250px);
    transition: transform 0.3s ease-in-out;
    color: #000;
    border-radius: 5px;
	border: 1px solid #ff9e6d;
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.widget_93 .button_right:hover .orange_tickets{
	transform: translateX(0px);
    transition: transform 0.2s ease-in-out;
}

@media (max-width: 768px) {
	.widget_93 .img_container {
		display:none;
	}
	.widget_93 .right {
		text-align: center;
	}
	.widget_93 .headline_right {
		padding: 0 30px;
		text-align:center;
	}
	.widget_93 .text_right {
		padding: 0 30px;
		text-align:center;
	}
	.widget_93 .button_right {
		text-align:center;
		margin: 20px auto;
	}
}
.widget95
{
	color: #fff;
	width: 100%;
   /* margin-left: -15px;
    margin-right: -15px;*/
    margin-bottom: 70px;
}
.widget95 .twocol-content {
	width: 100%;
	/*padding-left:30px;
	padding-right: 30px;*/
}
.widget95 p
{
	color: #fff;
}
.widget95 .icon_container
{
	text-align: right;
}
.widget95 .twocol-icon {
	height: 60px;
}
.widget95 .manner_border
{
	border-left: 1px solid #FF9E6D;
}
.widget95 h2
{
	font-size: calc(26px + (32 - 26) * ((100vw - 350px) / (2400 - 350)));
}
.widget95 h2
{
	font-size: calc(26px + (32 - 26) * ((100vw - 350px) / (2400 - 350)));
}
.widget95 p
{
	font-size: calc(16px + (20 - 16) * ((100vw - 350px) / (2400 - 350)));
}
.widget95 h3
{
	font-size: calc(18px + (20 - 18) * ((100vw - 350px) / (2400 - 350)));
}
.widget95 .big_content
{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.widget95 .small_content
{
	display:none;
}
@media (max-width: 1200px) {
	.widget95 .big_content
	{
		display:none;
	}
	.widget95 .small_content
	{
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}
}
@media (max-width: 767px) {
	.widget95 .manner_border
	{
		margin-top:20px;
	}
	.widget95 .twocol-icon {
		display:none;
	}
	.widget95 .big_content
	{
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}
	.widget95 .small_content
	{
		display:none;
	}
	.widget95 .twocol-content, .widget95 .twocol-content h2, .widget95 .twocol-content p
	{
		text-align:center;
	}
	.widget95 .twocol-content, .widget95 .twocol-content h2, .widget95 .twocol-content p
	{
		text-align:center;
	}
	.widget95 .twocol-content .blue_ticket_button {
		margin: 0 auto;
	}
	.widget95 {
		margin-left: 0px;
    	margin-right: 0px;
    }
}

.blue_ticket_button {
	margin-top: 15px;
	height: 40px;
	width:	250px;
	max-width: 250px;
	line-height: 37px;
	vertical-align: middle;
	overflow: hidden;
	text-align: center;
	position:relative;
	padding: 0 !important;
	display:block;
	text-decoration: none;
}
.blue_ticket_button img{
	margin: auto;
    height: 32px;
    width: 32px;
}

.blue_ticket_button .blue_tickets {
	background-color: #0000ff;
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:0px;
	border-radius: 5px;
	border: 1px solid #fff;
	padding-left: 10px !important;
	padding-right: 10px !important;
	color:#fff;
}
.blue_ticket_button .orange_tickets {
	background-color: #ff9e6d;
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
	left:0px;
	top:0px;
	transform: translateX(-250px);
    transition: transform 0.3s ease-in-out;
    color: #000;
    border-radius: 5px;
	border: 1px solid #ff9e6d;
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.blue_ticket_button:hover .orange_tickets{
	transform: translateX(0px);
    transition: transform 0.2s ease-in-out;
}

/**Mediathek*/
.em2021 .current_video h4{
	background-color: var(--accent_bg_color);
	color: #00002D;
}

.em2021 .contentbox .navigation_item {
    height: 105.5px;
    background: #00002D;
    color: white;
    cursor: pointer;
    border-bottom: 0px;
}

.em2021 .contentbox .navigation_item a {
    height: 86px;
    background: #00002D;
    color: #fff;
    cursor: pointer;

}
.em2021 .contentbox .navigation_item:hover a {
	color: #fff;
}
.em2021 .contentbox .navigation_item.active {
    background: white none repeat scroll 0 0;
    border: 0px !important;
    color: #00002D !important;
}

.em2021  .contentbox .navigation_item.active span {
    color: #00002D !important;
}
.em2021 .contentbox .navigation_item:after {
    position 							: absolute;
    content 							: '';
    top 								: 0;
    left 								: 0;
    width 								: calc(100% + 1px);
    height 								: 100%;
    -webkit-transition 					: all 0.2s ease-in-out 0s;
    -o-transition 						: all 0.2s ease-in-out 0s;
    transition 							: all 0.2s ease-in-out 0s;
    background-image 					: radial-gradient(circle at bottom left, #00009e 60%, #02002f);
    opacity 							: 0;
    z-index 							: 2;
}
.em2021  .contentbox .navigation_item.active:hover span {
    color: #fff !important;
}

/* --- STYLES BETWEEN 1200px AND 1525px --- */
@media all and (max-width: 1520px) {
	.em2021 .points-info-line .points-info-header .headline:first-child,
	.em2021 .set-info-line .points-info-header .headline:first-child {
		width: 50% ;
	}
}

.pool-elimination-filter .row {
	justify-content: flex-end;
}
@media all and (max-width: 1200px) {
	.em2021  .points-info-line .points-info-header .headline:first-child,
	.em2021  .set-info-line .points-info-header .headline:first-child  {
		width: calc(50% + 2px);
	}
	.em2021 #pool #hero-container h1 {
		font-size: 60px;
	}
	.pool-elimination-filter .row {
		justify-content: flex-start;
	}
	#pool #hero-container .row .col-lg-6,
	#elimination #hero-container .row .col-lg-6,
	#qualification #hero-container .row .col-lg-6
	{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#pool #hero-container .hero-blank .preheadline,
	#elimination #hero-container .hero-blank .preheadline,
	#qualification #hero-container .hero-blank .preheadline {
		font-size 						: 16px;
		font-family 					: var(--home_headline3_font);
	}
	.pool-elimination-filter {
		margin-right: 0px;
		margin-left: 15px;
		margin-top: 10px
	}
}
@media all and (max-width: 600px) {
	.em2021 #pool #hero-container h1 {
		font-size: 30px;
	}
	.em2021 #pool #hero-container h1 span {
		font-size: 18px;
	}
}
@media all and (max-width: 600px) {
	.em2021 #pool #hero-container h1 {
		font-size: 30px;
	}
	.em2021 #pool #hero-container h1 span {
		font-size: 18px;
	}
}
@media all and (max-width: 560px) {
	.pool-elimination-filter .gender-switch a {
		width: 40px !important;
	}
	.pool-elimination-filter .gender-switch {
		margin-right: 5px;
	}
}