@media screen {
	html {
		margin:0;
		padding:0;
		background: #000000!important;
	}
	body {
		margin:0; 
		padding:0; 
		font-family: 'Roboto', sans-serif;
		text-align:left; 
		background:#262626;
	}

	html, body{
		/*font-size: 100%;*/
	}

	div.row{
		max-width: 1280px;
	}
	div#onesignal-popover-container #onesignal-popover-dialog .popover-button.primary {
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 6px 0 rgba(0,0,0,.12);
  background: #ffbf00!important;
  color: #000!important;
  transition: all .2s ease-in-out;
}

#cookiescript_wrapper aside a{
  font-size: 16px;
}
div#onesignal-popover-container #onesignal-popover-dialog .popover-button.primary:hover {
  transform: scale(1.1);
}
div#onesignal-popover-container #onesignal-popover-dialog .popover-button.secondary {
  color: #b9b9b9!important;
}

	a {
		text-decoration:none;
	}
	a img {
		border:none;
	}

	select option{
		color: #000;
	}

	.tipsy-w{
		display: none!important;
	}

	.Header{
		/*text-align: center;*/
		padding: 20px 0 20px;
		padding-left: 10px;
	}

	.Header span{
		font-size: 24px;
		font-family: 'Dancing Script', cursive;
		color: #afafb0;
		display: inline-block;
		margin-top: -5px;
	}

	/*switch and log*/

	.login{

	}
	div.SwitchLocale div.highlighted ul li span{
		font-size: 12px;
	}


	div.switchAndLog{
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		top: 5px;
		z-index: 1000;
	}

	div.SwitchLocale div.highlighted{
		right: auto;
		left: 0;
	}

	/*.login{
		color: #fff;
		font-size: 16px;
		text-transform: uppercase;
		top: 20px;
		position: absolute;
		right: 15px;
		font-weight: 600;
		background: #00ff99;
		padding: 8px 16px;
		border-radius: 8px;
	}
	.login:hover{
		background: #fff;
		color: #00ff99;
		text-decoration: none;
	}*/

	div.SwitchLocale{
		position: absolute;
		top: 20px;
		left: 15px;
	}

	div.SwitchLocale > div{
		margin-top: 0;
	}

	div.SwitchLocale > p, div.SwitchLocale div span.label-native span{
		display: none;
	}

	div.SwitchLocale div span.label{
		height: auto;
		line-height: 1;
	}

	div.SwitchLocale div span.label-native{
		padding: 0;
		font-size: 16px;
		text-transform: uppercase;
		color: #2e3438;
		line-height: 1.2;
		border: none;;
	}

	div.SwitchLocale div.highlighted ul li a{
		font-size:12px;
	}

	div.SwitchLocale div.highlighted{
		width: 170px!important;
	}

	div.SwitchLocale div.highlighted ul{
		display: block;
		padding: 0 10px;
	}

	div.SwitchLocale div.highlighted ul li{
		text-align: center;
		padding: 5px 0;
	}

	/*switch and log end*/
	section{
	}
	div.Registration{
		width: 100%;
		text-align: center;
		padding: 0;;;
	}

	div.Registration form{
		margin: 0;
	}

	dl.horizontal dt, div.Registration dl.horizontal dd{
		float: none;
		width: 100%;
	}

	.step1 {
		background: url('../img/bg1.jpg') center top no-repeat;
		background-size: cover;
		height: 670px;
	}
	.step2 {
		background: url('../img/bg1.jpg') center top no-repeat;
		background-size: cover;
		height: 670px;
	}
	.step3 {
		background: url('../img/bg1.jpg') center top no-repeat;
		background-size: cover;
		height: 670px;
	}
	.step4 {
		background: url('../img/bg2.jpg') center top no-repeat;
		background-size: cover;
		height: 670px;
	}
	.step5 {
		background: url('../img/bg2.jpg') center top no-repeat;
		background-size: cover;
		height: 670px;
	}
	.step6 {
		background: url('../img/bg2.jpg') center top no-repeat;
		background-size: cover;
		height: 670px;
	}
	.step7 {
		background: url('../img/bg2.jpg') center top no-repeat;
		background-size: cover;
		height: 670px;
	}
	.step8 {
		background: url('../img/bg3.jpg') center top no-repeat;
		background-size: cover;
		height: 670px;
	}
	.step9 {
		background: url('../img/bg3.jpg') center top no-repeat;
		background-size: cover;
		height: 670px;
	}
	.step10 {
		background: url('../img/bg3.jpg') center top no-repeat;
		background-size: cover;
		height: 670px;
	}
	.step11 {
		background: url('../img/bg2.jpg') center top no-repeat;
		background-size: cover;
		height: 670px;
	}
	.step12 {
		background: url('../img/bg2.jpg') center top no-repeat;
		background-size: cover;
		height: 670px;
	}
	.step13 {
		background: url('../img/bg2.jpg') center top no-repeat;
		background-size: cover;
		height: 670px;
	}
	.step14 {
		background: url('../img/bg2.jpg') center top no-repeat;
		background-size: cover;
		height: 670px;
	}
	@media (max-width: 1180px) {
		.step1,
		.step2,
		.step3,
		.step4,
		.step5,
		.step6,
		.step7,
		.step8,
		.step9,
		.step10,
		.step11,
		.step12,
		.step13,
		.step14 {
			height: unset;
		}
	}
	@media (max-width: 379px) {
		.step1,
		.step2,
		.step3,
		.step4,
		.step5,
		.step6,
		.step7,
		.step8,
		.step9,
		.step10,
		.step11,
		.step12,
		.step13,
		.step14 {
			height: 540px;
		}
	}

	form .wizard-step .step1 h2,
	form .wizard-step .step2 h2,
	form .wizard-step .step3 h2,
	form .wizard-step .step4 h2,
	form .wizard-step .step5 h2,
	form .wizard-step .step6 h2,
	form .wizard-step .step7 h2,
	form .wizard-step .step8 h2,
	form .wizard-step .step9 h2,
	form .wizard-step .step10 h2,
	form .wizard-step .step11 h2,
	form .wizard-step .step12 h2,
	form .wizard-step .step13 h2,
	form .wizard-step .step13 h2,
	form .wizard-step .step14 h2 {
		color: #fff;
		font-family: 'Roboto', sans-serif;
		font-weight: 100;
		/*font-size: 4rem;*/
		padding-top: 20px;
		padding: 20px 0;
		max-width: 100%;
	}
	.medium-12 h1{
		color: #fff;
		font-family: 'Roboto', sans-serif;
		font-weight: 100;
		font-size: 3rem;
		text-transform: uppercase;
		padding-top: 20px;
		padding: 20px 0;
		max-width: 100%;
	}

	form .step1 h2 strong,
	form .step2 h2 strong,
	form .step3 h2 strong,
	form .step4 h2 strong,
	form .step5 h2 strong,
	form .step6 h2 strong,
	form .step7 h2 strong,
	form .step8 h2 strong,
	form .step9 h2 strong,
	form .step10 h2 strong,
	form .step11 h2 strong,
	form .step12 h2 strong,
	form .step13 h2 strong,
	form .step14 h2 strong {
		color: #fff;
		font-weight: 100;
		/*font-size: 4rem;*/
	}

	form .step1 label,
	form .step2 label,
	form .step3 label,
	form .step4 label,
	form .step5 label,
	form .step6 label,
	form .step7 label,
	form .step8 label,
	form .step9 label,
	form .step10 label,
	form .step11 label,
	form .step12 label,
	form .step13 label,
	form .step14 label {
		font-family: 'Fjalla One', sans-serif;
		font-size: 4rem;
		color: #fff;
		line-height: 1.2;
		padding: 20px 0;;
		display: inline-block;
		text-transform: uppercase;
	}
	@media (max-width: 780px) {
		form .step1 label,
		form .step2 label,
		form .step3 label,
		form .step4 label,
		form .step5 label,
		form .step6 label,
		form .step7 label,
		form .step8 label,
		form .step9 label,
		form .step10 label,
		form .step11 label,
		form .step12 label,
		form .step13 label,
		form .step14 label {
			font-size: 6rem;
		}
	}
	@media (max-width: 675px) {
		form .step1 label,
		form .step2 label,
		form .step3 label,
		form .step4 label,
		form .step5 label,
		form .step6 label,
		form .step8 label {
			font-size: 5rem;
		}
		form .step8 label,
		form .step9 label,
		form .step10 label,
		form .step11 label,
		form .step12 label,
		form .step13 label,
		form .step14 label {
			font-size: 4rem;
		}
	}

	form .step1 label span,
	form .step2 label span,
	form .step3 label span,
	form .step4 label span,
	form .step5 label span,
	form .step6 label span,
	form .step7 label span,
	form .step8 label span,
	form .step9 label span,
	form .step10 label span,
	form .step11 label span,
	form .step12 label span,
	form .step13 label span,
	form .step14 label span {
		display: inline;
	}

	header .login,
	header .login.open {
		display: block;
	}
	@media (max-width: 734px) {
		header .login {
			display: none;
		}
		header .login.open {
			display: block;
		}
	}

	#woman-1, #man-1, #woman-2, #man-2, #provincie, #geboortedatum, #gebruikersnaam, #email, #wachtwoord, #relatie, #postuur, #lengte, #haar, #ogen, #ras {
		height: 80px;
		border: 4px solid #00ff99;
		display: inline-block;
		margin: 80px 5% 110px;
		vertical-align: middle;
		white-space: nowrap;
	}
	#ogen,
	#haar,
	#lengte,
	#postuur,
	#relatie,
	#email,
	#gebruikersnaam,
	#provincie {
		margin-left: -70px;
		width: 520px;
	}
	#geboortedatum {
		margin-left: -50px;
		width: 520px;
	}
	#wachtwoord {
		margin-left: -100px;
		width: 520px;
	}
	#ras {
		margin-left: -130px;
		width: 520px;
	}
	#submitForm {
		margin: 80px 5% 110px;
		margin-left: -20px;
	}
	@media (max-width: 1180px) {
		#provincie,
		#geboortedatum,
		#gebruikersnaam,
		#email,
		#wachtwoord,
		#relatie,
		#postuur,
		#lengte,
		#haar,
		#ogen {
			margin-left: -55px;
		}
		#ras {
			margin-left: -100px;
		}
	}
	@media (max-width: 1024px) {
		#provincie,
		#geboortedatum,
		#gebruikersnaam,
		#email,
		#wachtwoord,
		#relatie,
		#postuur,
		#lengte,
		#haar,
		#ogen {
			margin-left: -60px;
			width: 420px;
		}
		#ras {
			margin-left: -110px;
			width: 420px;
		}
	}
	@media (max-width: 780px) {
		#provincie,
		#geboortedatum,
		#gebruikersnaam,
		#email,
		#wachtwoord,
		#relatie,
		#postuur,
		#lengte,
		#haar,
		#ogen {
			margin-left: -60px;
		}
		#ras {
			margin-left: -100px;
		}
	}
	@media (max-width: 675px) {
		#provincie,
		#geboortedatum,
		#gebruikersnaam,
		#email,
		#wachtwoord,
		#relatie,
		#postuur,
		#lengte,
		#haar,
		#ogen {
			margin-left: -65px;
			width: 340px;
		}
		#ras {
			margin-left: -120px;
			width: 340px;
		}
	}
	@media (max-width: 580px) {
		#provincie,
		#geboortedatum,
		#gebruikersnaam,
		#email,
		#wachtwoord,
		#relatie,
		#postuur,
		#lengte,
		#haar,
		#ogen {
			margin-left: -70px;
			width: 300px;
		}
		#ras {
			margin-left: -113px;
			width: 300px;
		}
	}
	@media (max-width: 493px) {
		#provincie,
		#geboortedatum,
		#gebruikersnaam,
		#email,
		#wachtwoord,
		#relatie,
		#postuur,
		#lengte,
		#haar,
		#ogen,
		#ras {
			margin-left: -70px;
			width: 70%;
		}
	}
	@media (max-width: 401px) {
		#provincie,
		#geboortedatum,
		#gebruikersnaam,
		#email,
		#wachtwoord,
		#relatie,
		#postuur,
		#lengte,
		#haar,
		#ogen,
		#ras {
			margin-left: 15px;
			width: 90%;
			margin-top: 30px;
		}
	}

	.step1 .sex:not(.selected),
	.step2 .sex:not(.selected) {
		cursor: pointer;
	}

	.step1 img,
	.step2 img,
	.step3 img,
	.step4 img,
	.step5 img,
	.step6 img,
	.step7 img,
	.step8 img,
	.step9 img,
	.step10 img,
	.step11 img,
	.step12 img,
	.step13 img,
	.step14 img {
		display: none;
	}

	#woman-1 .sex.selected, #man-1 .sex.selected,
	#woman-2 .sex.selected, #man-2 .sex.selected {
		background: #00ff99;
		color: #000;
		font-weight: bold;
	}

	#woman-1 span, #man-1 span, 
	#woman-1 div, #man-1 div, 
	#woman-2 span, #man-2 span, 
	#woman-2 div, #man-2 div, 
	.step2 select, .step2 span, 
	.step3 select, .step3 span, 
	.step4 select, .step4 span, 
	.step5 select, .step5 span, 
	.step6 select, .step6 span, 
	.step7 select, .step7 span, 
	.step8 select, .step8 span, 
	.step9 select, .step9 span,
	.step10 select, .step10 span,
	.step11 select, .step11 span,
	.step12 select, .step12 span,
	.step13 select, .step13 span,
	.step14 select, .step14 span,
	.mailCont span, .mailCont input {
		display: block;
		margin: 0;
		height: 100%;
		line-height: 80px;
		text-transform: uppercase;
		font-size: 2.125rem;
		float: left;
	}

	.step2 select {
		width: 60%!important;
		border: none;
	}
	.step3 select,
	.step9 select,
	.step10 select,
	.step11 select,
	.step12 select,
	.step13 select,
	.step14 select {
		/*width: 60%!important;*/
		border: none;
	}
	#woman-1 span, #man-1 span, #woman-2 span, #man-2 span, .step2 span, .step3 span, .step4 span, .step5 span, .step6 span, .step7 span, .step8 span, .mailCont span{
		background: #00ff99;
		color: #000;
		text-transform: uppercase;
		font-weight: normal;
		display: inline-block;
		float: none;
		margin: 0 -3px;
	}
	@media (max-width: 401px) {
		.step14 span,
		.step13 span,
		.step12 span,
		.step11 span,
		.step10 span,
		.step9 span,
		.step7 span,
		.step6 span,
		.step5 span,
		.step4 span,
		.step3 span {
			width: 102.2%;
			margin: 0 -4px;
			float: left;
		}
	}
	@media (max-width: 379px) {
		.step14 span,
		.step13 span,
		.step12 span,
		.step11 span,
		.step10 span,
		.step9 span,
		.step7 span,
		.step6 span,
		.step5 span,
		.step4 span,
		.step3 span {
			width: 102.5%;
		}
	}
	.step8 span {
		margin-left: 60px;
    	padding: 0 15px;
    	cursor: pointer;
	}
	.step8 span:hover {
		color: #fff;
	}
	.step5 span {
		padding: 0 15px;
    	font-size: 18px;
    	margin-top: -4px;
    	height: 80px;
	}
	#provincie span{
	    cursor: pointer;
	}
	#ras span,
	#ogen span,
	#haar span,
	#lengte span,
	#postuur span,
	#relatie span,
	#email span,
	#wachtwoord span {
	    /*padding: 0 15px;*/
	    height: 80px;
	}
	@media (max-width: 379px) {
		#wachtwoord span,
		#email span,
		#relatie span,
		#postuur span,
		#lengte span,
		#haar span,
		#ogen span,
		#ras span {
		    padding: 18px 15px;
		}
	}

	#ras span,
	#ogen span,
	#haar span,
	#lengte span,
	#postuur span,
	#relatie span,
	#wachtwoord span,
	#email span,
	#gebruikersnaam span,
	#geboortedatum span{
		background: #00ff99;
		color: #000;
		text-transform: uppercase;
		/*font-weight: normal;*/
		display: inline-block;
		float: none;
		margin: 0 -4px;
		margin-top: -4px;
	    /*padding: 0 15px;*/
	    /*height: 80px;*/
	    cursor: pointer;
	}
	#ras span:hover,
	#ogen span:hover,
	#haar span:hover,
	#lengte span:hover,
	#postuur span:hover,
	#relatie span:hover,
	#wachtwoord span:hover,
	#email span:hover,
	#gebruikersnaam span:hover,
	#geboortedatum span:hover {
		color: #fff;
	}
	@media (max-width: 379px) {
		#ras span,
		#ogen span,
		#haar span,
		#lengte span,
		#postuur span,
		#relatie span,
		#wachtwoord span,
		#email span,
		#gebruikersnaam span,
		#geboortedatum span{
			float: left;
		}
	}

	#woman-1 div, #man-1 div, #woman-2 div, #man-2 div, .step2 select, .step3 select, .step4 input, .step5 input, .step6 input, .step7 input, .step9 select, .step10 select, .step11 select, .step12 select, .step13 select, .step14 select, .mailCont input{
		background: rgba(0,0,0, 0.6);
		color: #fff;
	}
	.step9 select,
	.step10 select,
	.step11 select,
	.step12 select,
	.step13 select,
	.step14 select {
		padding: 0 15px;
		font-size: 1.250rem;
	}

	.step2 select{
		/*background: transparent;*/
	}

	#woman-1 div, #man-1 div,
	#woman-2 div, #man-2 div {
		display: inline-block;
		float: none;
	}

	#woman-1 span, #man-1 span, #woman-1 div, #man-1 div,
	#woman-2 span, #man-2 span, #woman-2 div, #man-2 div {
		padding: 0 20px;
		vertical-align: middle;
		font-weight: bold;
	}

	#geboortedatum input,
	#gebruikersnaam input,
	#email input,
	#wachtwoord input {
		padding: 0 20px;
		vertical-align: middle;
		font-weight: bold;
		height: 72px;
	    font-size: 28px;
	    font-weight: 700;
	}
	@media (max-width: 401px) {
		#geboortedatum input,
		#gebruikersnaam input,
		#email input,
		#wachtwoord input,
		#relatie select,
		#postuur select,
		#lengte select,
		#haar select,
		#ogen select,
		#ras select {
		    font-size: 18px;
		}
	}
	#geboortedatum input,
	#gebruikersnaam input,
	#email input,
	#wachtwoord input {
	    margin-top: -2px;
	}
	@media (max-width: 1024px) {
		#geboortedatum input,
		#gebruikersnaam input,
		#email input,
		#wachtwoord input {
		    margin-top: -3px;
		}
	}
	@media (max-width: 780px) {
		#geboortedatum input,
		#email input,
		#wachtwoord input {
		    margin-top: -2px;
		}
		#gebruikersnaam input {
		    margin-top: -1px;
		}
	}
	@media (max-width: 675px) {
		#email input,
		#wachtwoord input {
		    margin-top: -1px;
		}
		#gebruikersnaam input {
		    margin-top: -2px;
		}
	}
	@media (max-width: 379px) {
		#gebruikersnaam input,
		#email input,
		#wachtwoord input {
		    margin-top: 0px;
		}
	}

	#woman-1 span, #man-1 span, #woman-2 span, #man-2 span, #geboortedatum input, #gebruikersnaam input, #email input, #wachtwoord input{
		font-weight: normal;
	}

	#woman-1 div:hover, #man-1 div:hover, #woman-2 div:hover, #man-2 div:hover, .geboortedatum input:hover, .gebruikersnaam input:hover, .email input:hover, .wachtwoord input:hover{
		color: #00ff99;
		background: #000;
	}

	.clear{
		clear: both;
	}

	#sexId{
		visibility: hidden;
		height: 0;
	}

	form .wizard-step h2{
		font-size: 2.5rem;
		color: #fff;
		margin: 0 0 30px;
		font-family: 'Fjalla One', sans-serif;
		text-transform: uppercase;
		position: relative;
		display: inline-block;
	}
	@media (max-width: 780px) {
		form .wizard-step h2{
			font-size: 3.7rem;
		}
	}
	@media (max-width: 675px) {
		form .wizard-step h2{
			font-size: 3.0rem;
		}
	}

	.b-day:after{
		content: '';
		width: 95px;
		height: 244px;
		position: absolute;
		right: -60px;
		top: 20px;
		background: url('../img/down2.png') center center no-repeat;
		display: none;
	}

	.time{
		width: 20%;
		display: inline-block;
		border: 4px solid #ffdd00;;
		height: 50px;
		background: rgba(0,0,0, 0.6);
	}

	input, textarea, button, select {
		-webkit-appearance: none; /*Safari/Chrome*/
		-moz-appearance: none!important; /*Firefox*/
		-ms-appearance: none; /*IE*/
		-o-appearance: none; /*Opera*/
		appearance: none;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	select option{
		color: #000;
	}
#cookiescript_wrapper aside .cookiescript_accept{
  font-size: 16px;
}
	.step2 span{
		/*width: 40%;*/
	}

	.step2 span, .step2 select {
		line-height: 50px;
		line-height: 45px;
		font-size: 1.250rem;
		padding-left: 10px;
		float: none;
		display: inline-block;
	}
	.step3 span, .step3 select, .step4 span, .step4 input, .step5 span, .step5 input, .step6 span, .step6 input, .step7 span, .step7 input, .step9 span, .step9 select, .step10 span, .step10 select, .step11 span, .step11 select, .step12 span, .step12 select, .step13 span, .step13 select, .step14 span, .step14 select {
		line-height: 50px;
		line-height: 45px;
		font-size: 1.250rem;
		padding: 15px;
		padding-left: 13px;
		/*float: none;*/
		display: inline-block;
	}
	@media (max-width: 1024px) {
		.step3 span, .step3 select, .step4 span, .step4 input, .step5 span, .step5 input, .step6 span, .step6 input, .step7 span, .step7 input, .step9 span, .step9 select, .step10 span, .step10 select, .step11 span, .step11 select, .step12 span, .step12 select, .step13 span, .step13 select, .step14 span, .step14 select {
			font-size: 1.650rem;
		}
	}
	@media (max-width: 780px) {
		.step3 span, .step3 select, .step4 span, .step4 input, .step5 span, .step5 input, .step6 span, .step6 input, .step7 span, .step7 input, .step9 span, .step9 select, .step10 span, .step10 select, .step11 span, .step11 select, .step12 span, .step12 select, .step13 span, .step13 select, .step14 span, .step14 select {
			font-size: 2.150rem;
		}
	}
	.step3 span,
	.step4 span,
	.step9 span,
	.step10 span,
	.step11 span,
	.step12 span,
	.step13 span,
	.step14 span {
		margin-top: -4px;
    	height: 80px;
    	font-weight: 700;
    	font-size: 1.250rem;
	}
	.step3 span:hover,
	.step4 span:hover {
		color: #fff;
	}
	@media (max-width: 1024px) {
		.step3 span,
		.step4 span,
		.step5 span,
		.step6 span,
		.step7 span,
		.step9 span,
		.step10 span,
		.step11 span,
		.step12 span,
		.step13 span,
		.step14 span {
	    	font-size: 1.650rem;
		}
	}
	@media (max-width: 780px) {
		.step3 span,
		.step4 span,
		.step5 span,
		.step6 span,
		.step7 span,
		.step9 span,
		.step10 span,
		.step11 span,
		.step12 span,
		.step13 span,
		.step14 span {
	    	font-size: 2.150rem;
		}
	}
	@media (max-width: 401px) {
		.step3 span,
		.step4 span,
		.step5 span,
		.step6 span,
		.step7 span,
		.step9 span,
		.step10 span,
		.step11 span,
		.step12 span,
		.step13 span,
		.step14 span {
	    	font-size: 3.450rem;
		}
	}

	body.el .step2 span, body.el .step2 select, body.el .step3 span, body.el .step3 select{
		font-size: 0.850rem;
	}

	.step2 span{
		padding-left: 0;
	}

	.horizontal .medium-12.columns {
		margin-top: 100px;
	}
	@media (max-width: 379px) {
		.horizontal .medium-12.columns {
			margin-top: 40px;
		}
	}

	.horizontal .btn-1 {
		background: #cc0099;
		color: #fff;
	}
	.horizontal .btn-1:hover {
		color: #000;
	}
	.horizontal .btn-1,
	.horizontal .btn-2 {
		width: 80%;
    	margin-left: 33px;
    	margin-bottom: 10px;
	}

	.mail:after{
		content: '';
		width: 86px;
		height: 266px;
		position: absolute;
		right: -100px;;
		top: 20px;
		background: url('../img/down3.png') center center no-repeat;
		z-index: 100;
		display: none;
	}


	div.Registration dl.horizontal dd .mailCont {
		margin: 0;
		display: inline-block;
		border: 4px solid #ffdd00;;
		height: 70px;
		vertical-align: middle;
		white-space: nowrap;
	}

	.mailCont input#email{
		display: inline-block;
		float: none;
		width: auto;
	}

	.mailCont input#email, .mailCont span{
		vertical-align: middle;
	}

	.mailCont input#email:focus, .mailCont input#email:selected{
		background: #000;
	}

	.mailCont span{
		padding: 0 10px;
	}

	div.Registration dl.horizontal dd .submit-block{
		width: auto;
		display: inline-block;
		vertical-align: middle;
		margin: 0 -4px;;
	}

	.owl-pagination{
		display: none;
	}

	.mailCont span{
		font-size: 2rem;
		line-height: 60px;
	}
	.mailCont input{
		border: none;
		font-size: 1.2rem;
		padding-left: 10px;
	}
	.mailCont input.error{
		border: 1px solid red;
	}
	.mailCont p.icon.warning:not(.mailCheckerHelperMessage){
		display: none;
	}

	p.submitbutton{
		padding: 0;
	}

	.Registration .owl-item .wizard-step{
		height: 810px;
	}

	.Registration .owl-item dl{
		height: 100%
	}

	.Registration .owl-item:nth-of-type(2) dl, .Registration .owl-item:nth-of-type(3) dl{
		padding-top: 350px;
	}

	div.Registration input.submit{
		height: 70px;
		background: #000;
		color: #fff;
		text-transform: uppercase;
		border: none;
		font-size: 33px;
		font-weight: 600;
		cursor: pointer;
		width: auto;
		padding: 0 20px;
	}
	div.Registration input.submit:hover{
		background: #ffdd00;
		color: #000;
	}

	.step3 p.warning.submitbutton, .step3 p.warning.submitbutton a{
		color: #fff;
		font-size: 9px;
	}

	.g-recaptcha > div{
		margin: 10px auto;
	}

	.step3 p.warning.submitbutton{
		margin: 10px auto;
		max-width: 400px;
	}

	.step3 p.warning.submitbutton input.checkbox{
		-webkit-appearance: checkbox;
		-moz-appearance: checkbox!important;
		-ms-appearance: checkbox;
		-o-appearance: checkbox;
		appearance: checkbox;
	}

	div.horizontal p.error{
		color: #fff;
    	background-color: red;
	}

	div.horizontal input {
		border: 0;
	    margin-top: 0px;
	    margin-bottom: 4px;
	    width: 100%;
	}

	.deram{
		top: 5%;
		left: 20%;
		position: absolute;
	}

	footer{
		padding: 80px 0 20px;
		background: #fff;
	}

	.Footer ul li{
		display: inline-block;
		vertical-align: middle;
		list-style-type: none;
		padding: 10px;
	}

	.Footer ul li:first-of-type{
		padding-left: 0;
	}

	#bottonNavigation {
		padding: 0;
		text-align: left
	}

	.Footer ul li a{
		color: #8b8b8b;
		text-decoration: underline;
		font-size: 16px;
	}

	p.warningNotification {
		margin: 0;
		max-width: 400px;
		text-align: left;
	}

	div#copyright{
		float: none;
		padding-top: 20px;
		margin: 0;
		font-size: 12px;
	}

	div#copyright br{
		display: none;
	}

	.footerLogo{
		opacity: 1;
		text-align: right;
	}

	.footerLogo img{
		max-width: 150px;
	}
}

@media all and (max-width: 1180px){
	body, html{
		font-size: 80%;
	}
}

@media all and (max-width: 1024px){
	body, html{
		font-size: 60%;
	}

	.step2 span{
		font-size: 16px;
	}

	.deram{
		width: 110px;
	}

	.Registration .owl-item .wizard-step{
		height: 691px;
	}

	.Registration .owl-item:nth-of-type(2) dl, .Registration .owl-item:nth-of-type(3) dl{
		padding-top: 300px;
	}
}


@media all and (max-width: 780px){

	body, html{
		font-size: 40%;
	}
	.step1 img{
		width: 50px;
		vertical-align: 0;
	}

	form .step1 h2 strong{
		font-weight: bold;
	}

	#woman-1 span, #man-1 span, #woman-1 div, #man-1 div, 
	#woman-2 span, #man-2 span, #woman-2 div, #man-2 div, 
	.step2 select, .step2 span, .mailCont span, .mailCont input {
		line-height: 40px;
		float: none;
		/*padding: 6px 0;*/
	}

	#woman-1, #man-1,
	#woman-2, #man-2 {
		height: auto;
		border: none;
	}

	#woman-1,
	#woman-2 {
		margin-right: 0;
		white-space: normal;
	}
	#man-1,
	#man-2 {
		margin-left: 0;
		white-space: normal;
		margin: 60px 6% 91px;
	}
	#woman-1 div, #man-1 div,
	#woman-2 div, #man-2 div {
		display: block;
		text-align: center;
		clear: both;
	}
	#woman-1 span, #man-1 span,
	#woman-2 span, #man-2 span {
		display: block;
		margin: 0;
	}

	#woman-1 span,
	#woman-2 span {
		/*float: right;*/
	}

	#man-1 span,
	#man-2 span {
		/*float: left;*/
	}

	.time{
		border: none;
		height: 40px;
		background: none;
	}

	.time span, .time select{;
		width:100%!important;;
		margin:0;
	}
	.time select{
		border: 2px solid rgba(255, 221, 0, 0.6);
	}

	div.Registration dl.horizontal dd .mailCont, .step3 p.warning.submitbutton{
		border: none;
		height: auto;
	}

	.mailCont input{
		height: 40px;
		width: 100%;
	}

	div.Registration dl.horizontal dd .submit-block{
		vertical-align: bottom;
	}

	div.Registration input.submit{
		height: 40px;
		line-height: 40px;
		font-size: 20px;;
	}

	.b-day:after{
		width: 48px;
		height: 122px;
		background-size: contain;
	}
	.mail:after{
		width: 43px;
		height: 133px;
		background-size: contain;
	}

	form > h2{
		font-size: 32px;
	}

	.step2 select{
		font-size: 16px;
		background: rgba(0,0,0, 0.6);
		box-sizing: border-box;;;
	}
}

@media all and (max-width: 640px){

	.step1, .step2{
		background-position: 25% top;
	}
	dl.horizontal.step1 dt{;
		text-align: center;;
		margin: 0  auto;;
	}

	div.Registration dl.horizontal.step1 dd{
		width: 90%;
		margin: 0 auto;
	}

	dl.horizontal.step1 dt label{
		white-space: normal;
		width: 100%;
		padding: 0;
	}

	#woman-1, #man-1,
	#woman-2, #man-2 {
		display: block;
		float: left;
		margin: 60px 5% 30px;
		width: 40%;
	}
	.footerLogo{
		display: none;
	}
	.Footer, #bottonNavigation{
		text-align: center;
	}

	.Footer ul li:first-of-type {
		padding-left: 10px;
	}

	p.warningNotification{
		max-width: 100%;
		text-align: center;
	}

	.Registration .owl-item .wizard-step{
		height: 590px;
	}

	.Registration .owl-item:nth-of-type(2) dl, .Registration .owl-item:nth-of-type(3) dl{
		padding-top: 250px;
	}

	div.SwitchLocale p{
		display: none;
	}
}

@media all and (max-width: 480px){

	body.ru .Header span{
		font-size: 12px;
	}

	.Header{
		/*width: 40%;*/
		text-align: left;
		margin: 0 auto;
	}

	.Header span{
		font-size: 16px;
	}

	/*switch and log end*/

	.b-day:after, .mail:after{
		right: 0;
	}

	.time{
		width: 28%;
	}

	form .wizard-step .step1 h2{
		margin-top: 0;
		margin-bottom: 100px;;
	}


	.step2 select {
		font-size: 11px;
	}

	.deram{
		left: 5%;
	}

	#woman-1 span, #man-1 span, #woman-1 div, #man-1 div,
	#woman-2 span, #man-2 span, #woman-2 div, #man-2 div {
		line-height: 30px;
		float: none;
		font-size: 18px;
		padding: 6px 0;
	}

	body.it #woman-1 span, body.it #man-1 span, body.it #woman-1 div, body.it #man-1 div, 
	body.nl #woman-1 span, body.nl #man-1 span, body.nl #woman-1 div, body.nl #man-1 div, 
	body.no #woman-1 span, body.no #man-1 span, body.no #woman-1 div, body.no #man-1 div, 
	body.no #woman-1 span, body.no #man-1 span, body.no #woman-1 div, body.no #man-1 div,
	body.it #woman-2 span, body.it #man-2 span, body.it #woman-2 div, body.it #man-2 div, 
	body.nl #woman-2 span, body.nl #man-2 span, body.nl #woman-2 div, body.nl #man-2 div, 
	body.no #woman-2 span, body.no #man-2 span, body.no #woman-2 div, body.no #man-2 div, 
	body.no #woman-2 span, body.no #man-2 span, body.no #woman-2 div, body.no #man-2 div
	{
		font-size: 15px;
	}

	dl.horizontal.step1{
		height: 580px;
	}

	.time{
		margin: 0 1% 0 1%;
	}

	#woman-1 div, #man-1 div,
	#woman-2 div, #man-2 div {
		display: block;
		width: auto;
	}

	#woman-1 span,
	#woman-2 span {
		margin: 0;
	}

	.mailCont span{
		font-size: 2.125rem;
	}

	body.lt div.Registration input.submit{
		font-size: 16px;
	}


}

@media all and (max-width: 380px){
	form .step1 label{
		font-size: 4rem;
	}

	body.el .step2 select{
		font-size: 7px;
	}
}
div#onesignal-popover-container #onesignal-popover-dialog .popover-button.primary {
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 6px 0 rgba(0,0,0,.12);
  background: #ffbf00!important;
  color: #000!important;
  transition: all .2s ease-in-out;
}
div#onesignal-popover-container #onesignal-popover-dialog .popover-button.primary:hover {
  transform: scale(1.1);
}
div#onesignal-popover-container #onesignal-popover-dialog .popover-button.secondary {
  color: #b9b9b9!important;
}






header .logo {
	font-family: 'Fjalla One', sans-serif;
    font-size: 3rem;
    font-weight: 500;
    text-transform: uppercase;
}
footer .footerLogo {
	font-family: 'Fjalla One', sans-serif;
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
}
header .logo strong.color,
footer .footerLogo strong.color {
	color: #00ff99;
    font-weight: 500;
}





#profiles .sec1 {
    background-color: #f7f7f7;
    padding: 36px 0px;
}
#profiles #profile-1,
#profiles #profile-2,
#profiles #profile-3,
#profiles #profile-4,
#profiles #profile-5,
#profiles #profile-6 {
	display: inline-block;
}
#profiles #profile-7,
#profiles #profile-8 {
	display: none;
}
#profiles .sec1 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
#profiles .sec1 ul li {
    width: 14.28%;
    display: inline-block;
    margin-left: -4px;
    padding: 0 8px;
    vertical-align: top;
}
#profiles .img_holder {
	height: 325px;
    background-color: #ffffff;
    border: 5px solid #ffffff;
    padding-bottom: 5px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.75);
}
#profiles .img_holder>img {
    width: 100%;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
#profiles .sec1 ul li h3 {
    font: normal 15px 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    margin: 0;
    padding: 11px 3px 5px 3px;
    position: relative;
}
#profiles .sec1 ul li p {
    font: normal 14px 'Roboto', sans-serif;
    color: #1E1E1E; /* #7c7a7a */
    margin: 0;
    padding: 0 3px 4px 3px;
    line-height: 18px;
}
#profiles #box-zoom-1,
#profiles #box-zoom-2,
#profiles #box-zoom-3,
#profiles #box-zoom-4,
#profiles #box-zoom-5,
#profiles #box-zoom-6,
#profiles #box-zoom-7,
#profiles #box-zoom-8 {
	overflow: hidden;
  	transition: transform .5s ease;
}
#profiles #box-zoom-1:hover,
#profiles #box-zoom-1:active,
#profiles #box-zoom-2:hover,
#profiles #box-zoom-2:active,
#profiles #box-zoom-3:hover,
#profiles #box-zoom-3:active,
#profiles #box-zoom-4:hover,
#profiles #box-zoom-4:active,
#profiles #box-zoom-5:hover,
#profiles #box-zoom-5:active,
#profiles #box-zoom-6:hover,
#profiles #box-zoom-6:active,
#profiles #box-zoom-7:hover,
#profiles #box-zoom-7:active,
#profiles #box-zoom-8:hover,
#profiles #box-zoom-8:active {
  	transform: scale(1.05);
}
@media only screen and (max-width: 1299px) {
	#profiles .img_holder {
		height: 300px;
	}
}
@media only screen and (max-width: 1199px) {
	#profiles .sec1 ul li {
	    width: 17.28%;
	}
	#profiles #profile-6 {
		display: none;
	}
	#profiles .img_holder {
		height: 310px;
	}
}
@media only screen and (max-width: 991px) {
	#profiles .sec1 ul li {
	    width: 22.28%;
	}
	#profiles #profile-5:before,
	#profiles #profile-6:before,
	#profiles #profile-7:before,
	#profiles #profile-8:before {
		/*display: none;*/
		content: "\A\A";
    	white-space: pre;
	}
	#profiles #profile-6,
	#profiles #profile-7,
	#profiles #profile-8 {
		display: inline-block;
	}
	#profiles .img_holder {
		height: 330px;
	}
}
@media only screen and (max-width: 791px) {
	#profiles .sec1 ul li {
	    width: 30.28%;
	}
	#profiles #profile-4:before {
		/*display: none;*/
		content: "\A\A";
    	white-space: pre;
	}
	#profiles #profile-7,
	#profiles #profile-8 {
		display: none;
	}
}
@media only screen and (max-width: 641px) {
	#profiles .sec1 ul li {
	    width: 46.28%;
	}
	#profiles #profile-3:before {
		/*display: none;*/
		content: "\A\A";
    	white-space: pre;
	}
	#profiles #profile-7,
	#profiles #profile-8 {
		display: none;
	}
	#profiles .img_holder {
		height: 370px;
	}
}
@media only screen and (max-width: 491px) {
	#profiles .img_holder {
		height: 325px;
	}
}
@media only screen and (max-width: 381px) {
	#profiles .img_holder {
		height: 295px;
	}
}






.sec2 {
    background-color: #e0ebeb;
    text-align: center;
    padding: 6% 100px 5% 100px;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
#seotext h2 {
	color: #404040;
}
@media (max-width: 991px) {.sec2 {padding: 6% 70px 5% 70px;}}
@media (max-width: 771px) {.sec2 {padding: 6% 50px 5% 50px;}}
@media (max-width: 551px) {.sec2 {padding: 6% 30px 5% 30px;}}
@media (max-width: 371px) {.sec2 {padding: 6% 15px 5% 15px;}}




#imageblok .btm_text {
    height: 600px;
    width: 100vw;
    overflow: hidden;
    background: rgba(0, 255, 153, 0.6);
    background: -webkit-linear-gradient(rgba(0, 255, 153, 0.6), rgba(179, 255, 224, 0.6));
    background: linear-gradient(rgba(0, 255, 153, 0.6), rgba(179, 255, 224, 0.6));
}
#imageblok #boximage-15,
#imageblok #boximage-16,
#imageblok #boximage-17,
#imageblok #boximage-18,
#imageblok #boximage-19,
#imageblok #boximage-20,
#imageblok #boximage-21 {
    display: none;
}
#imageblok .sec3 {
    position: relative;
}
#imageblok .sec3 img {
    width: 14.33%;
    margin-right: -4px;
    /*filter: grayscale(100%);*/
    /*filter: blur(2px);*/
}
#imageblok .sec3 img:hover {
    /*filter: grayscale(0);*/
    /*filter: blur(0);*/
}
#imageblok .img_box {
    /*min-height: 200px;*/
}
#imageblok .btm_text {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 9;
}
#imageblok .btm_inner {
    display: table-cell;
    vertical-align: middle;
}
#imageblok .btm_text .container {
    height: 100%;
    display: table;
}
#imageblok .bgimage {
	/*margin-right: -6px;*/
}
#imageblok .btm_text h2 {
    font-size: 54px;
    color: #333;
    font-weight: 700;
    padding-bottom: 38px;
    font: normal 30px 'Roboto', sans-serif;
}
#imageblok .btm_text h2 span {
    color: #fff;
    font-size: 38px;
    font-weight: 300;
    display: block;
}
#imageblok .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
#imageblok .btn{
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	background: #000;
	padding: 8px 16px;
	border-radius: 8px;
}
#imageblok .btn:hover,
#imageblok .btn:active {
	color: #00ff99;
	text-decoration: none;
	padding: 10px 20px;
}
@media (max-width: 1200px) {
	#imageblok .container {
	    width: 1170px;
	}
	#imageblok .sec3 img {
	    width: 14.35%;
	}
}
@media (max-width: 1180px) {#imageblok .sec3 img {width: 14.39%;}}
@media (max-width: 1073px) {#imageblok .sec3 img {width: 14.41%;}}
@media (max-width: 1024px) {#imageblok .sec3 img {width: 14.51%;}}
@media (max-width: 960px) {#imageblok .sec3 img {width: 14.52%;}}
@media (max-width: 992px) {#imageblok .container {width: 970px;}}
@media (max-width: 932px) {#imageblok .sec3 img {width: 14.53%;}}
@media (max-width: 896px) {
	.login{
		top: 18px;
		padding: 5px 16px;
	}
	#imageblok .sec3 img {width: 14.54%;}
}
@media (max-width: 859px) {#imageblok .sec3 img {width: 14.55%;}}
@media (max-width: 825px) {#imageblok .sec3 img {width: 14.56%;}}
@media (max-width: 798px) {#imageblok .sec3 img {width: 14.57%;}}
@media (max-width: 780px) {#imageblok .sec3 img {width: 14.60%;}}
@media (max-width: 768px) {#imageblok .container {width: 750px;}}
@media (max-width: 758px) {#imageblok .sec3 img {width: 14.61%;}}
@media (max-width: 732px) {
	.login{
		top: 12px;
		padding: 5px 16px;
	}
	#imageblok .sec3 img {width: 14.62%;}
}
@media (max-width: 694px) {
	#imageblok .container {
	    width: 674px;
	}
	#imageblok .btm_text h2 {
	    font-size: 29px;
	}
	#imageblok .btm_text h2 span {
	    display: none;
	}
	#imageblok .sec3 img {width: 14.64%;}
}
@media (max-width: 666px) {

	#imageblok #boximage-15,
	#imageblok #boximage-16,
	#imageblok #boximage-17,
	#imageblok #boximage-18,
	#imageblok #boximage-19,
	#imageblok #boximage-20,
	#imageblok #boximage-21 {
	    display: inline-block;
	}
	#imageblok .sec3 img {width: 14.66%;}
}
@media (max-width: 601px) {#imageblok .sec3 img {width: 14.69%;}}
@media (max-width: 568px) {#imageblok .sec3 img {width: 14.73%;}}
@media (max-width: 536px) {#imageblok .sec3 img {width: 14.76%;}}
@media (max-width: 494px) {#imageblok .sec3 img {width: 14.80%;}}
@media (max-width: 441px) {#imageblok .sec3 img {width: 14.86%;}}
@media (max-width: 407px) {
	.login{
		top: 12px;
		padding: 5px 16px;
	}
	#imageblok .container {
	    width: 380px;
	}
	#imageblok .btm_text h2 {
	    font-size: 27px;
	}
	#imageblok .btm_text h2 span {
	    display: none;
	}
	#imageblok .sec3 img {width: 14.91%;}
}
@media (max-width: 365px) {
	#imageblok .container {
	    width: 330px;
	}
	#imageblok #zoom {
		margin-top: -30px;
	}
	#imageblok .sec3 img {width: 14.99%;}
}








.loginicon-mobile {
    position: absolute;
    right: 10px;
    top: 10px;
}
.loginicon-mobile img {
    height: 32px;
    width: 32px;
    margin-top: 2px;
}
.showonmobile {
    display: none;
}
header .login {
    display: block;
    border-radius: 10px;
    position: absolute;
    cursor: pointer;
    margin-top: 15px;
    margin-right: 30px;
    right: 0;
}
header .login input {
    background: rgba(255,255,255,0.95);
    padding: 5px;
    /* border-radius: 10px; */
    height: 35px;
    overflow: hidden;
    border: 0;
    color: #222;
    font-size: 13px;
    text-align: left;
    width: 150px;
    display: block;
    float: left;
    margin: 2px;
}
header .login .login-button {
    background: #00ff99;
    padding: 5px;
    /* border-radius: 10px; */
    margin: 2px;
    height: 35px;
    overflow: hidden;
    border: 0;
    color: #fff;
    font-size: 16px;
    text-align: left;
    width: 35px;
    display: block;
    float: left;
    line-height: 25px;
    cursor: pointer;
}
input, select, textarea {
    font-family: 'Krub', sans-serif;
}
.clear {
    clear: both;
}
header .login .new {
    /*margin-left: 20px;*/
    margin-top: 7px;
    float: left;
    font-size: 12px;
    color: #fff;
}
header .login .new label {
    cursor: pointer;
}
header .login .new label input {
    width: auto;
    height: auto;
}
header .login .forget {
    margin-right: 2px;
    margin-top: 6px;
    float: right;
}
header .login .forget a {
    font-size: 12px;
    color: #fff;
}
@media (max-width: 1180px) {
	header .login {
	    margin-top: 10px;
	    margin-right: 25px;
	}
}
@media (max-width: 1025px) {
	header .login {
	    margin-top: 3px;
	    margin-right: 20px;
	}
}
@media (max-width: 897px) {
	header .login {
	    margin-top: -19px;
	    margin-right: 2px;
	}
}
@media (max-width: 781px) {
	header .login input {
	    height: 30px;
	}
	header .login .login-button {
	    padding: 2px 5px;
	    height: 30px;
	    width: 30px;
	}
	header .login .new {
	    margin-top: 3px;
	}
	header .login .forget {
	    margin-top: 3px;
	}
	header .login {
	    margin-top: -21px;
	}
}
@media (max-width: 734px) {
	.showonmobile {
	    display: block;
	}
	header .login {
	    display: none;
	}
	header .login {
	    top: 63px;
	    background: #262626;
	    left: 0;
	    right: 0;
	    border-radius: 0;
	    padding: 10px;
	    margin-right: 0px;
	}
	header .login input {
    	width: calc(50% - 21px);
	}
}









/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #333333; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #4d4d4d; 
}