The --relative-urls option has been deprecated. Use --rewrite-urls=all.
@charset 'utf-8';
/**
 * Puchała Tenis
*/
/**
 * Variables
*/
/**
 * Layout
*/
html
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/* fixes IE11 bug, flex-direction: column has to be always in flex-direction: row */
}
html.nav-open
{
	overflow: hidden;
}
html,
body
{
	font: 400 16px/22px 'Hind', sans-serif;
}
body
{
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 100%;
	        flex: 1 1 100%;
	/* 100% because of flex-direction: row on html */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	min-height: 100vh;
	min-width: 0;
	/* flexbox forces min-width: auto and elements like textarea with cols attribute will stretch it */
	margin: 0;
	position: relative;
	color: #464646;
	background-color: #fff;
	/* @see http://www.w3schools.com/cssref/css3_pr_backface-visibility.asp
	backface-visibility: hidden;
	*/
}
a
{
	color: #464646;
	text-decoration: underline;
	/*
	transition: all .2s ease-in-out;
	transition-property: color, background-color, border;
	*/
}
a:hover
{
	text-decoration: underline;
}
a:focus,
button:focus
{
	outline: 2px solid #464646;
	outline-offset: 2px;
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible)
{
	outline: none;
}
a:focus-visible,
button:focus-visible
{
	outline: 2px solid #464646;
	outline-offset: 2px;
}
img
{
	border: none;
}
img,
object,
iframe
{
	vertical-align: bottom;
	/* for html5 */
}
strong
{
	font-weight: 600;
}
/* Skip link */
.skip-link
{
	position: absolute;
	top: -100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	padding: 10px 20px;
	background-color: #464646;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	z-index: 10000;
	border-radius: 0 0 4px 4px;
}
.skip-link:focus
{
	top: 0;
	outline: 2px solid #c6ed2c;
	outline-offset: 2px;
}
/* Icons */
[class^='icon-']::before,
[class*=' icon-']::before,
[data-icon]::before
{
	font-family: 'icons-leadersnet' !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
[data-icon]::before
{
	content: attr(data-icon);
}
/* Headers */
h1
{
	margin: 20px 0;
	color: #464646;
	font-size: 32px;
	line-height: 38px;
	font-weight: 600;
}
h2
{
	margin: 20px 0;
	color: #464646;
	font-weight: 600;
	font-size: 24px;
	line-height: 28px;
}
h3
{
	margin: 20px 0;
	color: #464646;
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
}
#header
{
	background-color: #ff9457;
	position: relative;
}
#header h1
{
	margin: 0;
	font-weight: 700;
}
#header h2
{
	margin: 40px 0 40px auto;
}
#header article,
.header-content
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media (max-width: 767px)
{
	#header article,
	.header-content
	{
		display: block;
	}
}
#logo
{
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 300px;
	        flex: 0 0 300px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 40px 80px 40px 0;
	text-decoration: none;
}
#logo aside,
.logo-icon
{
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 100px;
	        flex: 0 0 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0 20px 0 0;
}
#logo img
{
	width: 100%;
}
#main
{
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}
.column-content
{
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	max-width: 980px;
	margin: 0 auto;
	padding: 0 20px;
	border-left: 10px solid white;
	border-right: 10px solid white;
}
@media (max-width: 979px)
{
	.column-content
	{
		border-left: 0;
		border-right: 0;
	}
}
.content article,
.content .header-content
{
	overflow-y: hidden;
	background-color: #fff;
}
@media (min-width: 768px)
{
	.content article,
	.content .header-content
	{
		padding: 0 40px;
	}
}
@media (max-width: 767px)
{
	.content article,
	.content .header-content
	{
		padding: 0 20px;
	}
}
section.content-start article:first-of-type
{
	padding-top: 20px;
}
section.content-end article:last-of-type
{
	padding-bottom: 20px;
}
section:nth-child(1)
{
	background-color: #ff8826;
}
section:nth-child(2)
{
	background-color: #e66000;
}
section:nth-child(3)
{
	background-color: #fc9957;
}
section:nth-child(4)
{
	background-color: #e6986b;
}
section:nth-child(5)
{
	background-color: #ff9457;
}
section:nth-child(6)
{
	background-color: #ff8826;
}
/* Carousels */
.carousel-images
{
	-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .25);
	        box-shadow: 0 0 1px 1px rgba(0, 0, 0, .25);
}
.carousel.owl-carousel
{
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: auto;
	overflow: hidden;
}
.carousel.owl-carousel .owl-stage
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
}
.carousel.owl-carousel .owl-stage::after
{
	display: none;
}
.carousel.owl-carousel .owl-item
{
	float: none;
}
.carousel .owl-nav .disabled
{
	visibility: hidden;
}
.carousel .owl-nav a,
.carousel .owl-nav span
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	font-size: 23px;
	line-height: 1;
	color: white;
	background-color: #c6ed2c;
	border-radius: 40px / 2;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transition-property: background-color;
	transition-property: background-color;
}
.carousel .owl-nav a:hover,
.carousel .owl-nav span:hover
{
	text-decoration: none;
	background-color: #add412;
}
.carousel .owl-nav button
{
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}
.carousel .owl-nav button:focus-visible span
{
	outline: 2px solid #464646;
	outline-offset: 2px;
}
.carousel .owl-prev a,
.carousel .owl-prev span
{
	left: 12px;
}
.carousel .owl-next a,
.carousel .owl-next span
{
	right: 12px;
}
@media (max-width: 360px)
{
	.carousel .owl-prev a,
	.carousel .owl-prev span
	{
		left: 5px;
	}
	.carousel .owl-next a,
	.carousel .owl-next span
	{
		right: 5px;
	}
}
.carousel .owl-dots
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 20px 0;
}
.carousel .owl-dot
{
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 10px;
	height: 10px;
	margin: 0 3px;
	border: 1px solid #464646;
	border-radius: 5px;
}
.carousel .owl-dot.active
{
	border-color: e6986b;
	background-color: e6986b;
}
.map
{
	width: 100%;
	height: 600px;
}
.map-popup
{
	display: none;
}
#facebook
{
	position: absolute;
	bottom: 0;
	right: 0;
}
.facebook
{
	padding: 10px 10px 5px 10px;
	font-size: 40px;
	line-height: 1;
	color: white;
	text-decoration: none;
	background-color: #3b5998;
}
@media (max-width: 360px)
{
	.facebook
	{
		font-size: 20px;
	}
}
.facebook:hover
{
	text-decoration: none;
	background-color: #2d4373;
}
.facebook:focus-visible
{
	outline: 2px solid #fff;
	outline-offset: 2px;
}
.top
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 23px;
	line-height: 1;
	color: white;
	background-color: #c6ed2c;
	border-radius: 40px / 2;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transition-property: background-color;
	transition-property: background-color;
}
.top:hover
{
	text-decoration: none;
	background-color: #add412;
}
.top:focus-visible
{
	outline: 2px solid #464646;
	outline-offset: 2px;
}
@media (max-width: 360px)
{
	.top
	{
		right: 30px;
	}
}
.image
{
	width: 100%;
	height: auto;
}
/* Phone link */
.phone:focus-visible
{
	outline: 2px solid #464646;
	outline-offset: 2px;
	border-radius: 2px;
}
/* Reduced motion */
@media (prefers-reduced-motion: reduce)
{
	*,
	*::before,
	*::after
	{
		-webkit-animation-duration: .01ms !important;
		        animation-duration: .01ms !important;
		-webkit-animation-iteration-count: 1 !important;
		        animation-iteration-count: 1 !important;
		-webkit-transition-duration: .01ms !important;
		        transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}