@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,700');
:root {
 --color_yellow: #f9b122;
 --color_blue: #00497d;
 --color_grey: #b2b2b1;
 --color_dark_grey: #666666;
 --color_black: #000000;
 --color_white: #ffffff;
}
#yellow_theme {
 --theme_color: var(--color_yellow);
}
#blue_theme {
 --theme_color: var(--color_blue);
}

img {
	max-width: 100%;
}
body {
	font-family: 'Work Sans', sans-serif;
	color: var(--color_black);
}
a, a:hover {
	text-decoration: none;
	color: currentColor;
}
html, body {
	overflow-x: hidden;
}

.page_item_has_children{
	display:table-row;
}
.big_block {
	width: 394px;
	height: 600px;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 66.5%, 38.5% 100%, 0% 89.3%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 66.5%, 38.5% 100%, 0% 89.3%);
}
.small_block {
	width: 300px;
	height: 420px !important;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 39%, 38.5% 100%, 0% 75%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 39%, 38.5% 100%, 0% 75%);
}
.top_template_one .big_block {
	width: 330px;
	height: 500px;
	top: 400px !important;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 66.5%, 38.5% 100%, 0% 89.3%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 66.5%, 38.5% 100%, 0% 89.3%);
}
.top_template_two .small_block {
	width: 300px;
	/*height: 250px;*/
	top: 415px !important;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 39%, 38.5% 100%, 0% 75%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 39%, 38.5% 100%, 0% 75%);
}
.top_template_one li {
	margin-bottom: 5px !important;
}
header .container-fluid {
	position: relative;
}
header .header_left_block {
	position: absolute;
	left: 15px;
	top: 0;
	height: auto;
	z-index: 999;
	padding: 50px;
	box-sizing: border-box;
	color: white;
	background-image:url("https://sportingpark.ch/wp-content/uploads/2018/10/polygon.png");
	background-size:cover;
	background-repeat:round;
}
header .header_left_block h1 {
	font-weight: 700;
	margin-bottom: 50px;
	margin-top: 0;
}
header .header_left_block ul, header .header_left_block ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
header .header_left_block a {
	color: #ffffff;
}
header .header_right_block {
	position: absolute;
	right: 15px;
	top: 0;
	height: auto;
	z-index: 999;
}
header .header_right_block .logo {
	background: var(--color_white);
	border-radius: 15px 0 0 15px;
	margin-top: 57px;
}
header .header_right_block .header_lang_block {
	margin: 8px 0 0 0;
	float: right;
}
header .header_right_block .header_lang_block ul, header .header_right_block .header_lang_block ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
header .header_right_block .header_lang_block button {
	padding: 5px 10px;
	background: white;
	color: #f9b122;
	display: block;
	margin: 0 0 5px 0;
	border-radius: 5px 0 0 5px;
	text-transform: uppercase;
	width: 35px;
}
header .header_right_block .header_lang_block button:hover, .cur_lang {
	color: white !important;
	background: #f9b122 !important;
}
header .header_slider {
	position: relative;
	margin-bottom: 10px;
}
header .header_slider_cover {
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 99;
}
#yellow_theme .header_slider_cover {
	background: url(../img/yellow_trans_cover.png) repeat-x left top;
}
#blue_theme .header_slider_cover {
	background: url(../img/blue_trans_cover.png) repeat-x left top;
}
header .desk_menu ul, header .desk_menu ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
header .desk_menu ul li {
	display: inline-block;
	margin: 0 0 0 10px;
}
header .desk_menu ul li a {
	display: block;
	padding: 10px 26px;
	background: #b2b2b1;
	font-size: 18px;
	color: #ffffff;
	text-transform: capitalize;
}
header .desk_menu ul li:first-child {
	margin: 0;
}
.main_template .desk_menu ul li:first-child a {
	padding-left: 64px;
	-webkit-clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.top_template_one .desk_menu ul li a {
	padding: 10px 28px;
}
.top_template_two .desk_menu ul li a {
	padding: 10px 30px;
}
header .desk_menu ul li a:hover, header .desk_menu .current_page_item a, header .desk_menu .current-page-ancestor a {
	/* background: var(--theme_color) !important; */
	background: #00497d !important;
}
.body_sec {
	margin: 50px 0;
}
.home .body_sec {
	margin: 50px 0 120px 0;
}
.body_sec h1 {
	color: #f9b122;
	margin-top: 0;
}
.body_sec .line {
	color: var(--theme_color);
}
.body_sec ul, .body_sec ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
footer {
	border-top: 2px solid var(--color_grey);
	padding: 20px 0;
	color: var(--color_grey);
}
footer span::after {
	content: "//";
	padding: 0 10px;
}
footer a {
	color: var(--color_grey);
}
.sitemap_sec {
	background: #b2b2b1;
	color: white;
	padding: 40px 0;
}
.sitemap_sec ul, .sitemap_sec ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.sitemap_sec ul li {
	float: left;
	box-sizing: border-box;
	padding-right: 20px;
	color: var(--color_white);
}
.sitemap_sec ul li:first-child {
	color: var(--color_dark_grey);
}
.sitemap_sec ul li h5 {
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 0;
}
.sitemap_sec ul li p {
	margin-bottom: 2px;
}
.sitemap_sec ul li a {
	color: var(--color_white);
}
.sitemap_sec ul li a:hover, .sitemap_sec .current_page_item > a {
	color: var(--color_dark_grey);
}
.slider_block {
	margin-top: 50px;
}
.copyright {
	background: var(--color_grey);
	color: var(--color_white);
	padding: 10px 0;
	text-align: center;
}
.eng_item, .due_item {
	display: none;
}
.en_txt .eng_item {
	display: block;
}
.de_txt .due_item {
	display: block;
}
.home_list li {
	margin-bottom: 20px !important;
}
.home_list li:last-child {
	margin-bottom: 50px !important;
}
.border_txt {
	border: 3px solid #f9b122;
	box-sizing: border-box;
	padding: 13px 0;
	text-align: center;
	font-size: 30px;
}
.spl_home_txt {
	background: #f9b122;
	color: white;
	padding: 14px;
	font-weight: 700;
	font-size: 25px;
	text-align: center;
}
.spl_home_txt p {
	margin: 0;
}
.home_block_txt li {
	margin-bottom: 15px !important;
	font-size: 17px;
}
.home_block_txt strong {
	display: block;
	margin-bottom: 5px;
}
.en_txt .spl_home_txt {
	padding: 27px;
}
.wsp-pages-title {
	display: none;
}
.wsp-pages-list {
	text-transform: capitalize;
}
.wsp-pages-list > li > a {
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-size: 14px;
	display: inline-block;
}
.wsp-pages-list > li > ul > li {
	padding: 0;
	width: auto;
	float: none;
}
.owl-carousel .owl-nav.disabled .owl-prev, .owl-carousel .owl-nav.disabled .owl-next {
	display: block !important;
}
.slider_block .white .owl-carousel .owl-nav .owl-prev {
	left: -22px !important;
	background: url('../img/icon_prev.png') no-repeat center center !important;
}
.slider_block .white .owl-carousel .owl-nav .owl-next {
	right: -22px !important;
	background: url('../img/icon_next.png') no-repeat center center !important;
}
/*----------*/
.header_left_block .wsp-pages-list > li, .header_left_block ul > li.current_page_item > a, .header_left_block ul > li.current_page_ancestor > a {
	display: none;
}
.header_left_block .wsp-pages-list > li.current_page_item, .header_left_block .wsp-pages-list > li.current_page_ancestor, .header_left_block .wsp-pages-list > li.current_page_ancestor > ul > li.current_page_item > a {
	display: block;
}
.header_left_block .wsp-pages-list > li.current_page_ancestor > ul > li.current_page_item > a {
	font-weight: 700;
}
.header_left_block .wsp-pages-list > li.current_page_ancestor > ul > li > a:hover {
	font-weight: 700;
}
.header_left_block .wsp-pages-list > li > ul > li {
	margin-bottom: 2px;
}
.cross_country_btn {
	background: var(--theme_color);
	color: var(--color_white);
	padding: 20px;
	width: 200px;
	display: block;
	font-weight: 700;
	font-size: 18px;
}
.cross_country_btn:hover {
	color: var(--color_white);
}
/*
.cross-country .left_extra_gap, .tennis .left_extra_gap, .swimming-pool .left_extra_gap  {
	margin: 100px 60px 0 0;
	text-align: right;
}
*/
.left_extra_gap {
	width: 300px;
	height: 420px !important;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 39%, 38.5% 100%, 0% 75%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 39%, 38.5% 100%, 0% 75%);
	position: absolute;
	left: 15px;
	top: -130px !important;
	z-index: 999;
	padding: 50px;
	box-sizing: border-box;
	color: white;
	background: var(--theme_color);   	
	background-image:url("http://demo.sportingpark.ch/wp-content/uploads/2018/10/polygon.png");
	background-size:cover;
	background-repeat:round;
}

.left_extra_gap ul > li, .left_extra_gap ul > li.current_page_ancestor > a, .left_extra_gap ul > li.current_page_item > a {
	display: none;
}
.left_extra_gap ul > li.current_page_ancestor, .left_extra_gap ul > li.current_page_ancestor > ul > li, .left_extra_gap ul > li.current_page_item, .left_extra_gap ul > li.current_page_item > ul > li, .left_extra_gap ul > li > ul > li.current_page_item > a {
	display: block;
}
.left_extra_gap ul > li > ul > li.current_page_item {
	font-weight: 700;
}
.left_extra_gap ul > li > ul > li.current_page_item a {
	color: var(--color_white) !important;
}
/*
.cross-country .left_extra_gap ul > li, .cross-country .left_extra_gap ul > li.current_page_ancestor > a, .tennis .left_extra_gap ul > li, .tennis .left_extra_gap ul > li.current_page_ancestor > a, .swimming-pool .left_extra_gap ul > li, .swimming-pool .left_extra_gap ul > li.current_page_item > a {
	display: none;
}
.cross-country .left_extra_gap ul > li.current_page_ancestor, .cross-country .left_extra_gap ul > li.current_page_ancestor > ul > li, .tennis .left_extra_gap ul > li.current_page_ancestor, .tennis .left_extra_gap ul > li.current_page_ancestor > ul > li, .swimming-pool .left_extra_gap ul > li.current_page_item, .swimming-pool .left_extra_gap ul > li.current_page_item > ul > li {
	display: block;
}
.cross-country .left_extra_gap .current_page_item, .tennis .left_extra_gap .current_page_item, .swimming-pool .left_extra_gap .current_page_item {
	font-weight: 700;
}*/

.tennis_list p {
	margin: 0;
}
.tennis_list p span {
	margin: 0 7px;
}
.tennis_list {
	margin-bottom: 10px;
}
.tennis_block {
	padding: 20px;
	background: var(--theme_color);
	color: var(--color_white);
	width: 240px;
	box-sizing: border-box;
}
.tennis_block h4 {
	margin: 0;
}
.tennis_block p {
	font-size: 17px;
	margin: 15px 0;
}
.tennis_block p:last-child {
	margin: 0;
}
.tennis header .header_left_block h1 {
	margin-bottom: 20px;
}
.border_header_btn {
	border: 3px solid var(--color_white);
	padding: 10px 20px;
	margin: 40px 0 40px 0;
	display: block;
	max-width: 212px;
}
.tennis header .header_left_block p {
	font-size: 18px;
}
.swimming-pool .left_extra_gap ul > li.current_page_item > ul > li > a {
	font-weight: 400;
	color: var(--theme_color);
}
.swimming-pool .left_extra_gap ul > li.current_page_item > ul > li > a:hover {
	font-weight: 700;
}
.swiming_pool_block, .group_event_block {
	padding: 20px;
	margin: 50px 0 0 0;
	background: #00497d;
	color: white;
	width: 310px;
}
.group_event_block {
	margin: 10px;
	width: 390px;
}
.group_event_list > li {
	display: inline-block;
	font-size: 17px;
}
.swiming_pool_block p, .group_event_block p, .resturant_block p {
	margin: 0;
}
.swiming_pool_block p a, .group_event_block p a, .resturant_block p a {
	color: var(--color_white);
}
.resturant_block {
	padding: 20px;
	background: var(--theme_color);
	color: var(--color_white);
	margin: 0 20px 0 0;
	font-size: 16px;
}
.resturant_btn_list li {
	display: inline-block;
}
.webcam_txt_back {
	width: 100%;
	position: absolute;
	bottom: 0;
	background: var(--color_white);
	-webkit-clip-path: polygon(0% 45%, 65% 0%, 100% 49%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 45%, 65% 0%, 100% 49%, 100% 100%, 0% 100%);
}
.webcam_txt_back p {
	margin: 0;
	font-size: 17px;
	position: absolute;
	left: 0;
	bottom: 40px;
	text-transform: uppercase;
	color: var(--color_blue);
	font-weight: 700;
}
.contact_frm input[type=text], .contact_frm input[type=email], .contact_frm textarea {
	width: 100%;
	margin: 0 0 10px 0;
	border: 1px solid var(--color_grey);
	box-sizing: border-box;
	padding: 10px;
}
.contact_frm input[type=submit] {
	background: var(--theme_color);
	color: var(--color_white);
	border: none;
	outline: none;
	font-weight: 700;
	padding: 10px 20px;
}
.map_thumb_list .map_thumb, .team_thumb_list .team_thumb {
	position: relative;
}
.map_angle_cover, .team_angle_cover {
	width: 100%;
	position: absolute;
	bottom: -1px;
	background: var(--color_white);
	-webkit-clip-path: polygon(-4% 100%, 65% 0%, 100% 100%);
	clip-path: polygon(-4% 100%, 65% 0%, 100% 100%);
}
.map_thumb_list .map_plus_sign {
	background: url(../img/plus_sign.jpg) no-repeat center center;
	width: 40px;
	height: 40px;
	position: absolute;
	z-index: 1;
	bottom: 3%;
	right: 30.5%;
}
.map_txt_block {
	margin: 20px 0 0 0;
}
.team_txt_block {
	margin: 20px 0 50px 0;
}
.imprint_block {
	background: var(--theme_color);
	color: var(--color_white);
	padding: 10px;
}
.imprint_block strong {
	text-transform: uppercase;
}
.links .link_list li {
	margin-bottom: 30px !important;
}
.link_block {
	border: 2px solid var(--theme_color);
	padding: 10px 0;
	color: var(--theme_color);
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}
.tbl_list table tr:nth-child(3) td, .tbl_list table tr:nth-child(5) td, .tbl_list table tr:nth-child(6) td, .tbl_list table tr:nth-child(11) td, .tbl_list table tr:nth-child(12) td {
	background: #D0D0D0;
	padding: 10px 0;
}
.tbl_list table hr {
	border: none;
}
.widget-content table tr:nth-child(3) td, .widget-content table tr:nth-child(7) td {
	background: #D0D0D0;
	padding: 5px;
}
.widget-content table tr:nth-child(1) td {
	background: none;
}
.header_left_block h3 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 30px;
}
.header_left_block p {
	font-size: 17px;
}
.header_left_block p strong {
	text-transform: uppercase;
}

/*----------*/
@media (max-width: 768px) {
.container-fluid {
	padding: 0;
	width: 100%;
}
header .header_left_block {
	left: 0;
	padding: 20px;
}
header .header_left_block h1 {
	font-size: 22px;
	margin-bottom: 20px;
}
.home_block_txt li {
	margin: 0 !important;
	font-size: 12px;
}
header .header_left_block h3 {
	font-size: 15px;
}
.desk_menu, header .header_right_block .header_lang_block {
	display: none;
}
.big_block {
	width: 225px;
	height: 330px !important;
}
header .header_right_block {
	right: 0;
}
header .header_right_block .logo {
	max-width: 130px;
}
.header_slider_cover {
	background-position: left -180px !important;
}
.home .body_sec {
	margin: 260px 0 50px 0;
}
.sitemap_sec {
	padding: 0;
}
.sitemap_sec .wsp-pages-list > li {
	width: 100% !important;
	padding: 10px 20px;
	border-bottom: 2px solid var(--color_white);
}
.wsp-pages-list > li > a {
	margin-bottom: 0;
}
.mob_menu_icon {
	position: absolute;
	right: 20px;
	top: 10px;
	display:block!important;
}
.mob_menu_block {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100%;
	z-index: 999999;
	background: var(--color_white);
	text-align: center;
}
.mob_menu_block .mob_upper_line {
	background: var(--theme_color);
	padding: 10px 0;
	font-size: 25px;
	color: var(--color_white);
}
.mob_menu_block .mob_upper_line button {
	text-transform: uppercase;
	top: 0;
	position: relative;
}
.mob_menu_block #mob_menu_close {
	width: 30px;
	height: 27px;
	background: url(../img/close_icon.png) no-repeat center center;
	border: none;
	outline: none;
	margin: 0 10px;
	top: 6px;
}
.mob_menu_block .mob_menu ul, .mob_menu_block .mob_menu ul li {
	padding: 0;
	margin: 0 !important;
	list-style-type: none;
}
.mob_menu_block .mob_menu ul li a {
	padding: 10px 0;
	display: block;
	font-size: 25px;
	color: var(--color_white);
	background-color: var(--color_grey);
	border-bottom: 2px solid var(--color_white);
}
.mob_menu_block .mob_menu ul li .sub-menu li a {
	background: var(--color_white);
	color: var(--color_grey);
	border-bottom: 2px solid var(--color_grey);
}
	/*
.mob_menu_block .mob_menu ul li .sub-menu {
	display: none;
}
	*/
.mob_menu_block .mob_menu ul li:hover .sub-menu {
	display: block;
}
	/*
.mob_menu_block .mob_menu .menu > li.sub_arrow > a {
	background-image: url(../img/sub_arrow.png);
	background-repeat: no-repeat;
	background-position: 85% center;
}
	*/
.body_sec .left_extra_gap {
	display: none;
}
.sport .big_block {
	display: none;
}
.body_sec {
	padding: 0 10px;
}
.sa_owl_theme .owl-dots {
	display: none;
}
.cross-country .big_block, .group-events .big_block {
	width: 215px;/*height: 270px;*/
}
.border_header_btn {
	margin: 20px 0;
	font-size: 14px;
	text-align: center;
}
.restaurant .big_block {
/*height: 300px;*/
}
.swimming-pool .big_block, .webcams .big_block {
/*height: 250px;*/
}
.tennis header .header_left_block p {
	font-size: 14px;
}
.small_block {
	display: none;
}
}

@media (min-width: 992px) {
.container-fluid {
	width: 100%;
}
}

@media (min-width: 1200px) {
.container-fluid {
	width: 100%;
}
}

@media (min-width: 1200px) and (max-width: 1366px) {
.container-fluid {
	width: 100%;
	padding: 0;
}
header .header_left_block {
	left: 0;
}
header .header_right_block {
	right: 0;
}
header .desk_menu ul li a {
	font-size: 15px;
}
.top_template_two .small_block {
	top: 381px !important;
}
}

@media (min-width: 1366px) and (max-width: 1440px) {
.container-fluid {
	width: 1400px;
}
header .desk_menu ul li a {
	padding: 10px 22px;
}
.top_template_one .desk_menu ul li a {
	padding: 10px 24px;
}
.top_template_two .desk_menu ul li a {
	padding: 10px 25px;
}
.images .top_template_two .small_block {
	top: 381px !important;
}
}

@media (min-width: 1600px) {
.container-fluid {
	width: 1460px;
}
}
