@font-face {
    font-family: 'sports_worldregular';
    src:  url('../fonts/sports_world-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

html, body {
	margin:0px;
	padding: 0px;
}

.menu-news {
	z-index: 3;
	position: absolute;
	top: 10%;
	font-size: 48px;
	line-height: 90vh;
	width: 100%;
}

#logo-href {
	background-color: #fff;
	padding: 20%;
	border-radius: 50%;
	display: block;
	z-index: 4;
	position: absolute;
	left: 30%;
	top: 50%;
}

.logo {
	z-index: 2;
	position: absolute;
	width: 70%;
	top: 25%;
	left: 15%;
}

.baner {
	z-index: 3;
	position: absolute;
	width: 60%;
	top: 10%;
	left: 20%;
}

.main-parent-left {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    float: left;
    display: block;
}

#right {
	width: 100%;
	height: 20vh;
	overflow: hidden;
	position: relative;
	display: block;
}

#left {
	position: fixed;
	float: left;
	width: 50%;
	height: 100%;
}

#right-middle {
	width: 25%;
	left: 50%;
	position: absolute;
	float: right;
}

#right-right {
	width: 25%;
	right: 0;
	position: absolute;
	float: right;
}

.child-left {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	-ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.child-right {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	-ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.bg-one {
	background-image: url(../img/main.jpg);
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	opacity: 0.1;
}

.bg-grafik {
	background-image: url(../img/aktualnosci.jpg);
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	opacity: 0.1;
}

.bg-onas {
	background-image: url(../img/onas.jpg);
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	opacity: 0.1;
}

.bg-zajecia {
	background-image: url(../img/zajecia.jpg);
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	opacity: 0.1;
}

.bg-galeria {
	background-image: url(../img/galeria.jpg);
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	opacity: 0.1;
}

.bg-oferta {
	background-image: url(../img/oferta.jpg);
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	opacity: 0.1;
}

.bg-cennik {
	background-image: url(../img/cennik.jpg);
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	opacity: 0.1;
}

.bg-oboz2017 {
	background-image: url(../img/oboz2017.jpg);
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	opacity: 0.1;
}

.bg-style {
	background-image: url(../img/style.jpg);
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	opacity: 0.1;
}

.bg-formularz {
	background-image: url(../img/formularz.jpg);
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	opacity: 0.1;
}

.bg-kontakt {
	background-image: url(../img/kontakt.jpg);
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	opacity: 0.1;
}

.overlay {
	background-color: rgba(31, 32, 49, 1); 
	color: rgba(31, 32, 49, 1);
	width: 100%;
	height: 100vh;
	position: relative;
}

.overlay-right {
	background-color: rgba(31, 32, 49, 1); 
	color: rgba(31, 32, 49, 1);
	width: 100%;
	height: 100%;
	position: absolute;
}

.main-parent-left:hover .child-left, .main-parent-left:focus .child-left {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
	-webkit-filter:blur(5px);
	-moz-filter:blur(5);
	filter:blur(5px);
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.main-parent-right:hover .child-right, .main-parent-right:focus .child-right {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
	-webkit-filter:blur(5px);
	-moz-filter:blur(5);
	filter:blur(5px);
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

h1 {
	z-index: 5;
	position: absolute;
	font-family: 'sports_worldregular', Arial, sans-serif;
	color: #fff;
	font-size: 24px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	line-height: 20vh;
	width: 100%;
}

.contact-form label{
	font-weight: normal !important;
	margin-bottom: 5px !important;
	font: 14px/1.85em 'Open Sans', Arial, Helvetice Neue, sans-serif !important;
}

.activenow-form-container .activenow-form-field input, .activenow-form-container .activenow-form-field select {
    width: 100% !important;
    display: inline-block !important;
    border: 1px solid #d5dbe0 !important;
    padding: 10px 15px !important;
	outline: 0 !important;
	font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif !important;
	font-size: 1.2rem !important;
}

@media (max-width: 991px) { 
	#left {
		width: 100%;
		float: left;
		position: relative;
	}
	
	#right-block {
		float: left;
		width: 100%;
		position: relative;
	}
	
	#right {
		position: relative;
		height: 25vh;
	}
	
	h1 {
		font-size: 3em;
		margin-top: 0;
		margin-bottom: 0;
		line-height: 25vh;
		
	}
	
	#right-middle {
		width: 100%;
		left: 0;
		position: relative;
		float: left;
	}

	#right-right {
		width: 100%;
		right: 0;
		position: relative;
		float: left;
	}
  }