* {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	/*position: relative;*/}@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);html, body { 	width: 100%;	font-family: 'Open sans', sans-serif, Arial;	font-size: 16px;	display: block;	margin: 0;	padding: 0;	color: #4e4e4e;	min-height: 100%;	}body {background-color: transparent;}h1,h2,h3,h4,h5 {font-weight: bold;}h3 {font-size: 24px;margin:30px 0;}html {background: #e0e0e0 url('../images/planet.png') bottom left no-repeat;}a {cursor: pointer;text-decoration: none;color: #4e4e4e;webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;}a:hover {text-decoration: underline; color: #222;}img {max-width: 100%;up}.wrap {width: 100%;max-width: 830px; padding: 15px;margin: auto;position: relative;/*background-color: rgba(255, 255, 255, 0.8);*/}.small-wrap {width: 100%;max-width: 630px;margin: auto;overflow: auto; padding: 40px 15px;}.text-center {text-align: center;}.left {float: left;}.right {float: right;}.col-half {width: 50%;}/* ===== simple buttons ===== */.button-group {padding: 20px 0;}.btn {display: inline-block;border: 0; border-radius: 5px;font-size: 16px;padding: 10px 15px;text-transform: uppercase;}.btn:hover, .btn:focus {text-decoration: none;}.btn-dark {background-color: #4e4e4e;color: #fff;box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.38);-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.38);}.btn-dark:hover, .btn-dark:focus {color: #fff;background-color: #2b2b2b;box-shadow: none;-webkit-box-shadow: none;}/* ===== Round animated buttons ===== */.green-btn {	display: inline-block;	border: 2px solid #67aec5;	background-color: #67aec5;	color: #67aec5;	width: 260px;	height: 260px;	border-radius: 100%;	text-transform: uppercase;	text-align: center;	padding-top: 110px;	font-size: 30px;	transition: all 500ms;	background-image: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 50%, #f7f7f7 50%, #f7f7f7 100%);	background-repeat: no-repeat;	background-position: 0 0;	background-size: 260px; }.green-btn:hover, .dark-btn:hover {	color: white;	background-position: 0 -260px;	text-decoration: none;}.dark-btn {	display: inline-block;	border: 2px solid #4e4e4e;	background-color: #4e4e4e;	color: #4e4e4e;	width: 260px;	height: 260px;	border-radius: 100%;	text-transform: uppercase;	text-align: center;	padding-top: 90px;	font-size: 30px;	transition: all 500ms;	background-image: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 50%, #f7f7f7 50%, #f7f7f7 100%);	background-repeat: no-repeat;	background-position: 0 0;	background-size: 260px; }/* ===== ===== */.top {width: 100%;position: relative;z-index: 500;}.home {	background: #67aec5 url('../images/home.png') center no-repeat;	width: 50px;	height: 50px;	display: inline-block;}.top-text {	padding: 20px 0;	text-transform: uppercase;	font-size: 30px;	font-weight: bold;	/*margin-top: 80px;	min-height:150px;*/	overflow: auto;}.top-text p {margin: auto;}.step-num {	width: 100px;	height: 100px;	border: 2px solid #67aec5;	border-radius: 50%;	display: table-cell;	text-align: center;	vertical-align: middle;	font-size: 70px;	font-weight: 600;	float: left;	margin-right: 30px;}.login-form {	max-width: 630px;	width: 100%;	margin: auto;}.login-form label {width: 100%;display: inline-block; font-size: 18px;margin: 10px 0;}input[type="text"],textarea {	background: #fff;	border: 1px solid #d7d7d7;	height: 40px;	padding: 10px;	font-family: 'Open sans', sans-serif, Arial;	color: #4e4e4e;	box-shadow: 0 0 5px 0 #d3d3d3;}.login-form #name, .login-form #surname {width: 100%;}.login-form #email {width: 100%;}.submit-btn {	background: #67aec5;	color: #fff;	text-align: center;	font-size: 2em;	text-transform: uppercase;	border: none;	padding: 15px 70px;	margin-top: 30px;}.submit-btn:hover, .submit-btn:focus, .home:hover, .home:focus {	cursor: pointer;	background-color: #088E87;}.social {margin-top: 30px;}.video,.video iframe {width: 100%; position: relative;}.next-btn {position: absolute;right: -100px;top: 70px;z-index: 10;width: 0;height: 0;border-style: solid;border-width: 150px 0 150px 80px;border-color: transparent transparent transparent #4e4e4e;}.back-btn {position: absolute;left: -100px;top: 70px;z-index: 10;width: 0;height: 0;border-style: solid;border-width: 150px 80px 150px 0;border-color: transparent #4e4e4e transparent transparent;}.next-btn:hover, .next-btn:focus {border-color: transparent transparent transparent #2b2b2b;}.back-btn:hover, .back-btn:focus {border-color: transparent #2b2b2b transparent transparent;}.text-cms {	background-color: rgba(255, 255, 255, 0.7);	padding: 15px 25px;	color: black;}/* ===== anketa ===== */.questions input[type="radio"] {	display: none;}.questions input[type="radio"] + label {	display: inline-block;	height: 30px;	cursor:pointer;	margin: 5px;	padding: 5px 0 0 48px;	background: url('../images/checkbox.png')left center no-repeat;}.questions input[type="radio"]:checked + label {	background: url('../images/checkbox-checked.png')left center no-repeat;}/* ===== Kontakti ===== */.contact-data table {margin: auto;}.contact-data table td {text-align: left;}.contact-data table td+td {padding-left: 30px;}.contact label{display: block; width: 100%;margin: 10px 0;}.contact textarea {width: 100%; height: 100px;}.contact input[type="text"] {width: 100%;}.remove-relative-position{	position: static;}.next-button{	text-transform:uppercase;	transform: rotate(90deg);	font-weight:bold;	cursor:pointer;	font-size:20px;	/*	position:absolute;	top:110px;;	left:-25px;	*/left:0;	/*top:80px;*/	top:35%;	left:-25px;	right:0;	z-index: 100;	position: absolute;	color: white;	/*font-size: 24px;*/	font-size:20px;	font-weight: bold;/*	top: 50%;	transform: translateY(-50%);	left: 50%;	transform: translateX(-50%);*/	/*	left: 150px;	top: 350px;*/}#next-container {	height: 300px;	width: 80px;	position: absolute;	left: -80px;    top: -150px;}#image {	position: absolute;	left: 0;	top: 0;}.landing-info h1 {}.landing-info p {	font-size: 30px;	text-transform: none;}.email-avatar {	float: left;	width: 140px;	height: 140px;	border-radius: 70px;	-webkit-border-radius: 70px;	-moz-border-radius: 70px;	background-size: 140px 140px;	background-repeat: no-repeat;}.email-avatar-texts {	float: left;	margin-left: 20px;	margin-top: 20px;}@media(max-width: 900px) {.next-btn {border-width: 30px 0 30px 30px;right: 0;bottom: -80px;top: auto;}.back-btn {border-width: 30px 30px 30px 0; right: 60px;bottom: -80px;top: auto;left: auto;}#next-container {width: auto; height: auto;}.next-btn img,.back-btn img {	height: 80px;}#next-container p {display: none;}#image {position: relative;}.step-num {	width: 60px;	height: 60px;	font-size: 40px;}.top-text {	font-size: 30px;	min-height: auto;	margin-top: 0;}.submit-btn {	padding: 15px;}.wrap {	background-color: rgba(255, 255, 255, 0.6);}}@media (max-width: 600px) {	.video iframe {	height: 250px;	}	.contact input {		width: 100%;	}	.green-btn, .dark-btn {		display: block;		width: 150px;		height: 150px;		font-size: 20px;		padding: 38px 10px;		margin: auto auto 30px auto;		text-transform: none;	}}