@media screen {
	html, body {
		margin: 0;
		padding: 0;
	}
	body {
		font: 300 16px Roboto, Arial, Helvetica, sans-serif;
		background: #303030;
		cursor: default;
	}
	
	header {
		position: relative;
		background: url(/images/index/header-bkg.png);
	}
	div.Header {
		margin: 5px auto;
	}
	.linklogin {
		position: absolute;
		top: .95rem;
		right: 3rem;
		display: inline-block;
		padding: .5rem 1rem;
		background: #666;
		color: #fff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.linklogin:hover {
		background: #2fa600;
	}


	section{
		position: relative;
	}

	div.Registration {
		overflow: hidden;
		width: 1090px;
		margin: 0 auto;
		color: #fff;
		font-size: 1.125rem;
		font-family: Arial;
	}
	div.Registration h2 {
		text-transform: uppercase;
		font-size: 2rem;
		font-family: 'Roboto';
		font-weight: 300;
		text-align: center;
	}
	div.Registration h2 strong {
		font-family: 'Roboto';
		font-weight: 700;
		font-size: 3rem;
		margin-bottom: 3px;
		display: inline-block;
	}
	div.Registration form {
		margin-top: 5px;
	}
	dl.horizontal {
		display: inline-block;
		vertical-align: top;
		width: auto;
		margin: 0 3rem;
	}
	div.Registration dl dt {
		display: block;
		float: none;
		width: auto;
		margin: 0 !important;
		font-size: 1rem;
	}
	dd input, dd select, dd textarea {
		background: #fff;
		border: 1px solid #dedede;
		height: 60px;
		padding-left: .5em;
	}
	div.Registration dl.horizontal dd {
		width: auto;
		float: none;
	}
	div.Registration dl.horizontal select::-ms-expand {
		display: none;
	}
	div.Registration dl.horizontal select {
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		appearance: none;
		cursor: pointer;
		/*background-image: url(/images/index/select-arrow.png);*/
		background-repeat: no-repeat;
		background-position: right center;
	}
	div.Registration dl.horizontal select {
		width: 100px !important;
	}
	/*div.Registration select#birthDayPerson1 {
		width: 40px;
	}
	div.Registration select#birthMonthPerson1 {
		width: 100px;
	}
	div.Registration select#birthYearPerson1 {
		width: 55px;
	}*/
	dl p.error {
		/*position: static;
		width: auto;*/
		display: block;
	}
	div.submit-block {
		display: inline-block;
		vertical-align: top;
	}
	.button, .submit {
		cursor: pointer;
	}
	div.Registration input.submit {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		width: 300px;
		height: 60px;
		line-height: 60px;
		margin-left: 2rem;
		color: #fff;
		font: 2rem Arial;
		background: #2fa600;
		padding: 0;
		border: 1px solid #dedede;
	}
	p.submitbutton {
		text-align: center;
		padding: 0;
	}
	div.RegistrationSimple .submitbutton.warning {
		margin: 0 auto;
		text-align: center;
		font-size: .625rem;
	}
	div.RegistrationSimple p.warning, div.RegistrationSimple div.submit-block p.warning a {
		font-size: .625rem;
		color: #575757;
		text-decoration: none;
		padding: 0;
		background: none;
	}
	.owl-prev, .owl-next {
		position: absolute;
		top: 6.5rem;
		cursor: pointer;
	}
	.owl-prev {
        left: 1rem;
    }
	.owl-next {
        right: 1rem;
    }
    span.prev, span.next {
        display: inline-block;
        width: 31px;
        height: 41px;
        background: url(/images/index/nextprev.png) no-repeat;
    }
    span.prev {
        background-position: bottom left;
    }
    span.next {
        background-position: bottom right;
    }
    .owl-prev:hover span.prev{
        background-position: top left;
    }
    .owl-next:hover span.next{
        background-position: top right;
    }
	span.lblNext, span.lblPrev, span.next, span.prev {
		display: inline-block;
		vertical-align: middle;
	}
	span.lblNext, span.next {
		display: none;
	}
	span.lblNext, span.lblPrev {
		color: #4a4747;
		font-family: 'Roboto';
		font-weight: 700;
		font-size: 1.7rem;
		text-transform: uppercase;
	}
	.wizard-content {
		position: relative;
	}
	.wizard-step h1 {
		text-transform: uppercase;
		font-size: 1.7rem;
		text-align: center;
		color: #fff;
		font-weight: 300;
		  padding: 0 0 .8rem 0;
	}
	.step0sprite {
		height: 650px;
		background: url(/images/index/step0-sprite.jpg) no-repeat;
	}
	.step0sprite.woman {
		background-position: 0px -650px;
	}
	.step0sprite.man {
		background-position: 0px -1300px;
	}
	.step1sprite {
		height: 650px;
		background: url(/images/index/step1-sprite.jpg) no-repeat;
	}
	.step1sprite.woman {
		background-position: 0px -650px;
	}
	.step1sprite.man {
		background-position: 0px -1300px;
	}
	.regfields {
		position: absolute;
		z-index: 10;
		width: 790px;
		top: 25rem;
		left: 50%;
		margin-left: -395px;
		background: #efefef;
		padding-bottom: 1rem;
		text-align: center;
	}
	.regfields .title {
		background: #880c0d;
		text-transform: uppercase;
		color: #fff;
		text-align: center;
		font-weight: 300;
		padding: 1.25rem 0;
		font-size: 1.875rem;
		margin-bottom: 1rem;
	}
	.woman1, .woman2, .man1, .man2 {
		width: 200px;
		height: 60px;
		background: #fff;
		cursor: pointer;
		text-align: center;
		color: #4a4747;
		line-height: 60px;
		font-family: 'Roboto';
		font-weight: 700;
		font-size: 1.7rem;
		text-transform: uppercase;
		border: 1px solid #dedede;
		margin: 0 2.5rem;
		position: static;
		display: inline-block;
	}
	.woman1.active, .man1.active, .woman2.active, .man2.active, .woman1:hover, .woman2:hover, .man1:hover, .man2:hover {
		background: #faeed5;
	}
	.woman1 .mwsprite, .woman2 .mwsprite, .man1 .mwsprite, .man2 .mwsprite {
		background: url(/images/index/manwoman-sprite.png) no-repeat left center;
		position: absolute;
		left: .6rem;
		display: inline-block;
		width: 16px;
		height: 60px;
	}
	.man1 .mwsprite, .man2 .mwsprite {
		background-position: -16px 0px;
	}
	.progress {
		list-style: none;
		background: #fff;
		margin:0;
		padding:0;
	}
	.progress li {
		display: inline-block;
		vertical-align: top;
		border-right: 1px solid #dedede;
		text-align: center;
		width: 20%;
		padding: .5rem 0;
	}
	.progress li:last-child {
		border: 0;
	}
	.progress li.passed {
		background: #dedede;
	}
	.progress span {
		display: inline-block;
		width: 21px;
		height: 21px;
		background: url(/images/index/progress-sprite.png) no-repeat;
	}
	.progress span.people {
		background-position: 0px 0px;
	}
	.progress span.gift {
		background-position: -21px 0px;
	}
	.progress span.mail {
		background-position: -42px 0px;
	}
	.progress span.tick {
		background-position: -63px 0px;
	}
	.hideInForm {
		display: none !important;
	}

	footer {
		color: #747373;
		font-family: Arial;
		font-size: .6875rem;
	}
	ul#bottonNavigation {
		display: none;
	}
	p.warningNotification {
		max-width: 400px;
		margin: 0 auto 2.125rem auto;
		color: #747373;
	}
	div#copyright {
		color: #6e6e6e;
		margin: 0 auto 4.68rem auto;
		text-align: center;
		float: none;
	}
	.company {
		color: #d3d3d3;
		font-weight: bold;
	}
}

@media only screen and (max-width: 68.125em) {
	div.Registration, .owl-item {
		width: 48rem !important;
	}
	.step0sprite {
		height: 458px;
		background: url(/images/index/step0-sprite.jpg) no-repeat;
		background-size: 768px 1374px;
	}
	.step1sprite {
		height: 458px;
		background: url(/images/index/step1-sprite.jpg) no-repeat;
		background-size: 768px 1374px;
	}
	.step0sprite.woman, .step1sprite.woman {
		background-position: 0px -458px;
	}
	.step0sprite.man, .step1sprite.man {
		background-position: 0px -916px;
	}
	.regfields {
		width: 37.5rem;
		margin-left: -300px;
		top: 15rem;
	}
	dl.horizontal {
		margin: 0 .5rem;
	}
	.woman1, .woman2, .man1, .man2 {
		margin: 0 1rem;
	}
	span.lblNext, span.lblPrev {
		display: none;
	}
	div.Registration input.submit {
		width: 200px;
		margin-left: 1rem;
	}
}

@media only screen and (max-width: 48em) {
	div.Registration, .owl-item {
		width: 37.5rem !important;
	}
	dd input, dd select, dd textarea {
		height: 40px;
	}
	.step0sprite {
		height: 358px;
		background: url(/images/index/step0-sprite.jpg) no-repeat;
		background-size: 600px 1073px;
	}
	.step1sprite {
		height: 358px;
		background: url(/images/index/step1-sprite.jpg) no-repeat;
		background-size: 600px 1073px;
	}
	.step0sprite.woman, .step1sprite.woman {
		background-position: 0px -358px;
	}
	.step0sprite.man, .step1sprite.man {
		background-position: 0px -716px;
	}
	.regfields {
		width: 30rem;
		margin-left: -240px;
	}
	.regfields .title {
		font-size: 1.7rem;
		padding: .6rem 0;
	}
	dl.horizontal {
		margin: 0 1rem;
	}
	.woman1, .woman2, .man1, .man2 {
		margin: 0;
		width: 170px;
		height: 40px;
		line-height: 40px;
		font-size: 1.3rem;
	}
	.woman1 .mwsprite, .woman2 .mwsprite, .man1 .mwsprite, .man2 .mwsprite {
		top: -10px;
	}
	.owl-prev, .owl-next {
		bottom: 1rem;
		top: 4.3rem;
	}
	#newPassword, #screenname {
		width: 140px;
	}
	div.Registration input.submit {
		font-size: 1.7rem;
		height: 40px;
		line-height: 40px;
	}
}

@media only screen and (max-width: 37.5em) {
	/*regform 320px width*/
	div.Header img {
		height: 45px;
	}
	.linklogin {
		top: .6rem;
		right: 1rem;
	}
	div.Registration, .owl-item {
		width: 20rem !important;
	}
	.wizard-step h1 {
		font-size: .875rem;
	}
	.step0sprite {
		height: 191px;
		background: url(/images/index/step0-sprite.jpg) no-repeat;
		background-size: 320px 572px;
	}
	.step1sprite {
		height: 191px;
		background: url(/images/index/step1-sprite.jpg) no-repeat;
		background-size: 320px 572px;
	}
	.step0sprite.woman, .step1sprite.woman {
		background-position: 0px -191px;
	}
	.step0sprite.man, .step1sprite.man {
		background-position: 0px -382px;
	}
	.regfields {
		position: relative;
		width: 100%;
		margin: 0;
		left: auto;
		top: auto;
	}
	.regfields .title {
		padding: 1rem 0;
		font-size: 1.125rem;
		margin-bottom: 0;
	}
	.woman1, .woman2, .man1, .man2 {
		font-size: 1.125rem;
		width: 130px;
		height: 48px;
		line-height: 48px;
		margin-right: -6px;
	}
	.woman1 .mwsprite, .woman2 .mwsprite, .man1 .mwsprite, .man2 .mwsprite {
		top: -5px;
	}
	div.Registration select#birthDayPerson1 {
		width: 50px !important;
	}
	div.Registration select#birthMonthPerson1 {
		width: 100px !important;
	}
	div.Registration select#birthYearPerson1 {
		width: 55px !important;
	}
	dl.horizontal {
		margin: 0;
	}
	#newPassword, #screenname {
		width: auto;
	}
	span.prev, span.next {
		background: url(/images/index/nextprev_320.png) no-repeat;
		width: 18px;
		height: 24px;
	}
    span.prev {
        background-position: bottom left;
    }
    span.next {
        background-position: bottom right;
    }
    span.prev:hover {
        background-position: top left;
    }
    span.next:hover {
        background-position: top right;
    }
	.owl-prev, .owl-next {
		top: 4rem;
	}
	.owl-next {
		right: .3rem;
	}
	.owl-prev {
		left: .3rem;
	}
	div.Registration input.submit {
		margin: 0;
	}
	.regfields:nth-child(5) dl.horizontal{
		border: 1px solid #a1c;
	}
}

@media only screen and (max-width: 30em) {
	div.Header img {
		height: 25px;
		margin: .3rem 0;
	}
	.linklogin {
		top: .5rem;
		padding: .4rem 1.2rem;
		font-size: .8rem;
	}
}
/*409046.1.86.1.88445ab*/