body
{
	background-image:url(images/what-the-hex-dark.png);
	font-family: 'Lato', sans-serif;
	font-size:20px;
	color:white;
	margin: 0 !important;
	background-attachment:fixed;
}

#wrapper
{
	width:100%;
}

#header
{
	width:100%;
	padding:40px 0;
}

#logo
{
	width: 600px;
	font-size:48px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

.nav
{
	padding-top: 5px;
	width:100%;
	background-color:#01c405;
	text-align:center;
	border-top:1px solid #006301;
	border-bottom:1px solid #006301;
	height: 60px;
}

.content
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	padding-top:10px;
	margin-bottom:60px;
	
}


.socials
{
	width:100%;
	text-align:center;
	background-color:#292929;
	margin-bottom:50px;
}


.socialdivs
{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	
}

.fb
{
	width:250px;
	height:155px;
	float:left;
	transition: all 0.3s ease-in-out;
}

.fb:hover
{
	background-color:#4668b3;
	
	color:#292929;
}


.yt
{
	width:250px;
	height:155px;
	float:left;
	transition:all 0.3s ease-in-out;
}

.yt:hover
{
	background-color:#d94348;
	
	color:#292929;
}


.snap
{
	width:250px;
	height:155px;
	float:left;
	transition:all 0.3s ease-in-out; 
}

.snap:hover
{
	background-color:#fffc00;
	color:#292929;
	
}

.linked
{
	width:250px;
	height:155px;
	float:left;
	transition:all 0.3s ease-in-out; 
}

.linked:hover
{
	background-color:#0077B5;

	color:#292929;
}

.footer
{
	text-align:center;
	background-color:#222222;
	padding:30px;
}

.sticky
{
	width:100%;
	position:fixed;
	left: 0;
	top: 0;
	z-index: 100;
}


ol
{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:16px;
	height:30px;
	line-height: 200%;
	display:inline-block;
}


ol a
{
	color:white;
	text-decoration:none;
	display:block;
	font-weight:700;
}

ol > li
{
	float:left;
	width:150px;
	height:60px;
	border-right:1px dashed #007f14;
	border-left:1px dashed #007f14;
	transition:background-color 0.2s ease-in-out; 
	transition:transform 0.3s ease-in-out;
}

ol > li:first-child
{
	border-left:1px dashed #007f14;
}


ol > li:hover
{
	background-color:#0ddb00;
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
}

ol > li:hover > a
{
	color:#067000;
}



#movie
{
	margin-top:50px;
	float:left;
	height:250px;
	width:444px;
}

#text
{
	float:left;
	padding:10px;
	width:514px;
}

#moviebox
{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	margin-top:20px;
	padding:10px;
}


#blink
{
	color:red;
}


#snaplogo
{
	color:#fffc00;
	font-weight:1000;
	margin-left:auto;
	margin-right:auto;
	height:800px;
	width:800px;
	text-align:center;
	margin-top:100px;
}

.korepetycje
{
	border:2px dashed #01c405;
	border-radius:40px;
	float:left;
	height:170px;
	width:552px;
	padding:10px;
	margin:12px;
	margin-bottom:20px;
	
}




.matura
{
	border:4px solid #54a1ff;
	border-radius:30px;
	padding:10px;
	text-align:center;
	margin-top:30px;
	height:700px;
	width:330px;
	margin:20px;
	float:left;
}

#container
{
	height:500px;
	width:1200px; 
	margin-left:auto;
	margin-right:auto;
}

#container2
{
	width:1200px; 
	margin-left:auto;
	margin-right:auto;
	margin-bottom:200px;
}


#advantagesbox
{
	height:100px;
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	
}

.advantages
{
	float:left;
	height:70px;
	width:210px;
	padding:10px;
	font-size:15px;
	background:linear-gradient(to top right, yellow 40%, white 70%, yellow);
	text-align:center;
	border-radius:30px;
	color:black;
	margin:5px;
	font-weight:900;
	text-transform:uppercase;
	line-height: 35px;
}


/*poradniki*/
.oferta1
{
	width:1000px;
	height:550px;
	border:1px solid white;
	margin-left:auto;
	margin-right:auto;
}



.poradnik
{
	float:left;
	border:1px solid white;
	height:530px;
	width:328px;
	padding:10px;
	text-align:center;
}




.cena
{
	float:left;
	border:1px solid white;
	padding:10px;
	height:530px;
	width:628px;

}

#stopiec
{
	text-align:center;
	color:yellow;
	font-size:60px;
	height:70px;
	width:160px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	border:2px dashed yellow;
}










/*poradniki-end*/





#kontakt
{
	margin-top:50px;
	height:550px;
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}


#map
{
	height:600px;
	width:650px;
	float:left;
}



#phone
{
	height:435px;
	width:520px;
	padding:15px;
	float:left;
	background-color:rgba(0, 183, 21, 0.5);
}





#container3
{
	height:1200px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
}




#omnie1
{
	float:left;
	padding:15px;
	height:370px;
	width:370px;
}



#omniephoto
{
	float:left;
	padding-left:30px;
	height:340px;
	width:370px;
	padding-top:70px;
}


#omnie2
{
	padding:15px;
	height:770px;
	width:770px;
	margin-top:0px;
}



#container4
{
	height:1000px;
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	
}


.postcard
{
	height:500px;
	width:600px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
}






.postcardtext
{
	height:400px;
	width:300px;
	margin-left:35px;
	margin-top:24px;
	background-color:rgba(255, 251, 219, 0.8);
	text-align:center;
	padding:15px;
	margin-left:auto;
	margin-right:auto;
}	

.centerdiv
{
	margin-left:0px;
	margin-right:auto;
}


.postcardimage0
{
	height:480px;
	width:580px;
	border:1px solid white;
	margin-left:auto;
	margin-right:auto;
	border-radius:40px;
	transition:all 0.2s ease-in-out;
	background-image:url(images/uwalnianie_potencjalow1.jpg);
	transition: all 0.5s easy-in-out;
}


.postcardimage0:hover
{
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
}






.postcardimage1
{
	height:480px;
	width:580px;
	border:1px solid white;
	margin-left:auto;
	margin-right:auto;
	border-radius:40px;
	transition:transform .2s ease-in-out;
	background-image:url(images/proces_rekrutacyjny1.jpg);
	transition: all 0.5s easy-in-out;
}


.postcardimage1:hover
{
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
}

.postcardimage2
{
	height:480px;
	width:580px;
	border:1px solid white;
	margin-left:auto;
	margin-right:auto;
	border-radius:40px;
	transition:transform .2s ease-in-out;
	background-image:url(images/mydl2.jpg);
	transition: transform 0.5s easy-in-out;
	background-size:cover;
}

.postcardimage2:hover
{
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
}


.postcardimage3
{
	height:480px;
	width:580px;
	border:1px solid white;
	margin-left:auto;
	margin-right:auto;
	border-radius:40px;
	transition:transform .2s ease-in-out;
	background-image:url(images/milenialsi1.jpg);
	transition: all 0.5s easy-in-out;
	background-size: cover;
}


.postcardimage3:hover
{
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
}



#content_warsztaty1
{
	margin-top:50px;
	margin-bottom:50px;
	height:800px;
	width:1100px;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid white;
	background-image:url(images/uwalnianie_potencjalow.jpg);
	background-size: cover;
}


#textbox_warsztaty
{
	float:left;
	width:518px;
	height:770px;
	background-color:rgba(255, 255, 255, 0.8);
	padding:15px;
	text-align:center;
}



#photo_warsztaty
{
	float:left;
	width:548px;
	height:800px;
}




#content_warsztaty2
{
	margin-top:50px;
	margin-bottom:50px;
	height:800px;
	width:1100px;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid white;
	background-image:url(images/proces_rekrutacyjny.jpg);
	background-size: cover;
}



#content_warsztaty3
{
	margin-top:50px;
	margin-bottom:50px;
	height:800px;
	width:1100px;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid white;
	background-image:url(images/mydl1.jpg);
	background-size: cover;
}



#content_warsztaty4
{
	margin-top:50px;
	margin-bottom:50px;
	height:800px;
	width:1100px;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid white;
	background-image:url(images/milenialsi.jpg);
	background-size: cover;
}

#formularz
{
	text-decoration: none;
	display: block;
	width: 300px;
	height: 35px;
	text-align: center;
	margin: 0 auto;
	background-color: #00aacc;
	color: #000; 
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border: solid;
	border-color: #005769;
	border-width: 3px;
	font-weight: 600;
	font-size: 18px;
	transition: .3s ease-in-out;
	transition: all 0.5s easy-in-out;
	}



#formularz:hover
{
background-color: #54e2ff;
}

#form01
{
	margin-left: auto;
	margin-right: auto;
	width: 641px; 
}

.tekst-kursy
{
	margin-left: auto;
	margin-right: auto;
	padding:100px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
}

#text-style1
{
	color: #e5ff00;
}

#text-style2
{
	color: #00a2ff;
}


#box001
{
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}

.box002
{
	float: left;
	background-color: aliceblue;
	margin-left: 10px;
	margin-right: 10px;
	padding: 20px;
}

.button-kursyzapis
{
	clear: both;
	height: 36px;
	width: auto;
	background-color: #0077B5;	
	padding: 10px ;
	padding-bottom: 0;
	text-decoration: none;
	color: #FFF;
	border: 3px solid #005769;
	transition: .4s ease-in-out;
}

.button-kursyzapis:hover
{
	background-color: #00a2ff;
}