html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}

html {
	line-height: 1
}

ol,ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,th,td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle
}

q,blockquote {
	quotes: none
}

q:before,q:after,blockquote:before,blockquote:after {
	content: "";
	content: none
}

a img {
	border: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display: block
}

a,a:link,a:visited,a:hover,a:active {
	color: inherit;
	text-decoration: none;
	cursor: pointer
}

input[type=email],input[type=text],input[type=submit],input[type=select],input[type=date],input[type=reset],button {
	margin: 0;
	border: none;
	border-radius: 0;
	padding: 0;
	color: inherit;
	font: inherit;
	-webkit-appearance: none
}

input[type=submit],input[type=reset],button {
	cursor: pointer
}

html {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0
}

body,main,footer {
	position: relative;
	width: 100%
}

html,body,main {
	height: 100%
}

html,main,footer {
	overflow: hidden
}

html *,main *,footer * {
	letter-spacing: inherit
}

body {
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased
}

main {
	background-image: -webkit-radial-gradient(115% 145%, #e9e9e9 5%, #529acb 50%);
	background-image: radial-gradient(115% 145%, #e9e9e9 5%,#529acb 50%);
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.asset-loader,.image-cache {
	position: absolute;
	overflow: hidden;
	opacity: .01;
	height: 1px;
	width: 1px;
	left: 0;
	top: 0
}

.asset-loader *,.image-cache * {
	position: absolute;
	opacity: .0001
}

.hidden-logo {
	-webkit-transform: translate(-100%, -100%);
	-ms-transform: translate(-100%, -100%);
	transform: translate(-100%, -100%);
	position: absolute;
	opacity: .0001;
	left: 0;
	top: 0
}

.date {
	display: inline-block;
	background-color: #f5f5f5;
	text-shadow: 0 3px 2px #1a3787;
	height: 82px;
	line-height: 82px;
	padding: 0 40px;
	white-space: nowrap;
	font-size: 25px;
	color: #57A4D8 !important;
	text-align: center
}

.date:before {
	line-height: 50px
}

.date.disabled {
	opacity: .5;
	pointer-events: none
}

.date.active {
	backgrund-color: #f7ac2e;
	color: #f5f5f5
}

.primary-select {
	display: block;
	background-color: #f5f5f5;
	text-shadow: 0 3px 2px #1a3787;
	height: 82px;
	line-height: 82px;
	padding: 0 40px;
	white-space: nowrap;
	font-size: 25px;
	color: #57A4D8 !important;
	text-align: center;
	border: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0
}

.primary-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	outline: none;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
	display: inline-block;
	background-color: #f5f5f5;
	box-shadow: 0 4px 0 0 #3d7397;
	height: 82px;
	line-height: 82px;
	padding: 0 40px;
	white-space: nowrap;
	font-size: 25px;
	color: #57A4D8;
	text-align: center;
	cursor: pointer
}

.primary-button.disabled {
	background-color: #ccc;
	color: #999;
	pointer-events: none
}

.primary-button.active {
	background-color: #f7ac2e;
	color: #f5f5f5
}

.circle-button,.left-arrow,.right-arrow {
	background-color: #f5f5f5;
	border-radius: 50%;
	height: 55px;
	width: 55px;
	white-space: nowrap;
	font-size: 25px;
	line-height: 55px;
	color: #57A4D8;
	text-align: center;
	position: absolute;
	margin-top: -28px;
	top: 50%;
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: scale(.9, .9);
	-ms-transform: scale(.9, .9);
	transform: scale(.9, .9);
	cursor: pointer
}

.circle-button:focus,.left-arrow:focus,.right-arrow:focus {
	outline: none
}

.circle-button:before,.left-arrow:before,.right-arrow:before {
	content: "";
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	position: absolute;
	margin-top: -8px;
	left: 50%;
	top: 50%
}

.circle-button.left-arrow,.left-arrow.left-arrow,.right-arrow.left-arrow {
	left: 250px
}

.circle-button.left-arrow:before,.left-arrow.left-arrow:before,.right-arrow.left-arrow:before {
	border-right: 12px solid #57A4D8;
	margin-left: -7px
}

.circle-button.right-arrow,.left-arrow.right-arrow,.right-arrow.right-arrow {
	right: 100px
}

.circle-button.right-arrow:before,.left-arrow.right-arrow:before,.right-arrow.right-arrow:before {
	border-left: 12px solid #57A4D8;
	margin-left: -5px
}

.circle-button:hover,.left-arrow:hover,.right-arrow:hover {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1)
}

.circle-button:active,.left-arrow:active,.right-arrow:active {
	-webkit-transition-duration: .1s;
	transition-duration: .1s;
	-webkit-transform: scale(.8, .8);
	-ms-transform: scale(.8, .8);
	transform: scale(.8, .8)
}

.creator-section .logotype-wrapper {
	position: absolute;
	bottom: 55px;
	right: 65px
}

.creator-section.zoomed-out.active {
	opacity: 0
}

.creator-section .parts,.creator-section .parts-label,.creator-section .part-types,.creator-section .part-colors,.creator-section .parts-label-static {
	position: absolute
}

.creator-section .parts-label,.creator-section .parts-label-static {
	-webkit-transition: opacity .05s ease-in-out;
	transition: opacity .05s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-size: 40px;
	color: #f5f5f5;
	text-shadow: 0 3px 2px #1a3787
}

.creator-section .parts-label {
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	left: 200px;
	top: 0
}

.creator-section .parts-label-static {
	text-align: left;
	top: 90px;
	left: 210px
}

.creator-section .parts {
	width: 196px;
	bottom: 225px;
	left: 0px;
	top: 200px;
	max-height: 600px
}

.creator-section .parts .action {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 400;
	perspective: 400;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	outline: none;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
	-webkit-transition: all .1s ease-in-out,top 0s linear,bottom 0s linear;
	transition: all .1s ease-in-out,top 0s linear,bottom 0s linear;
	white-space: nowrap;
	background-color: #f5f5f5;
	height: 75px;
	width: 75px;
	border-radius: 50%;
	position: absolute;
	margin-left: -37.5px;
	left: 50%;
	top: 0;
	text-align: center;
	line-height: 75px;
	font-size: 18px;
	color: #57A4D8
}

.creator-section .parts .action.is-arrow {
	line-height: 0;
	font-size: 0
}

.creator-section .parts .action.is-arrow span {
	display: none
}

.creator-section .parts .action span {
	opacity: 0;
	text-align: center;
	position: absolute;
	border-radius: 50%;
	z-index: 2;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.creator-section .parts .action.next .next-string,.creator-section .parts .action.back .back-string,.creator-section .parts .action.finish .finish-string {
	opacity: 1
}

.creator-section .parts .action.next,.creator-section .parts .action.back,.creator-section .parts .action.finish {
	top: 50%
}

.creator-section .parts .action.next.inactive,.creator-section .parts .action.back.inactive,.creator-section .parts .action.finish.inactive {
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);
	opacity: 0
}

.creator-section .parts .action.back {
	margin-top: -147px
}

.creator-section .parts .action.back.is-arrow:after {
	margin-top: -6px;
	margin-left: -7px
}

.creator-section .parts .action.next,.creator-section .parts .action.finish {
	margin-top: 73px
}

.creator-section .parts .action.next.is-arrow:after {
	-webkit-transform: translate(-50%, -50%) rotate(180deg);
	-ms-transform: translate(-50%, -50%) rotate(180deg);
	transform: translate(-50%, -50%) rotate(180deg);
	margin-top: 2px
}

.creator-section .parts .action.finish {
	color: #f5f5f5;
	margin-left: -45px;
	height: 90px;
	width: 90px;
	line-height: 90px;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);
	opacity: 0
}

.creator-section .parts .action.finish:after {
	background-color: #f7ac2e
}

.creator-section .parts .action.finish.is-arrow:after {
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-left: 1px;
	margin-top: -1px
}

.creator-section .parts .action.next.inactive ~ button.finish {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1
}

.creator-section .parts .action:before,.creator-section .parts .action:after {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.creator-section .parts .action:before {
	content: "";
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	height: 150%;
	width: 150%;
	left: 50%;
	top: 50%
}

.creator-section .parts .action:after {
	content: "";
	border-radius: 50%;
	background-color: #f5f5f5;
	z-index: 1;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

.creator-section .parts .action.is-arrow::after {
	border-radius: 0;
	width: auto;
	height: auto;
	background-color: transparent;
	position: absolute;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 12px solid #57A4D8;
	left: 50%;
	top: 50%
}

.creator-section .parts .action:after,.creator-section .parts .action span {
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}

.creator-section .parts .action:hover:after,.creator-section .parts .action:hover span {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.creator-section .parts .on-open,.creator-section .parts .on-closed {
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.creator-section .parts .on-open {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg)
}

.creator-section .parts .on-closed {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg)
}

.creator-section .parts.open .on-open {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg)
}

.creator-section .parts.open .on-closed {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg)
}

.creator-section .parts li {
	background-size: 50% auto;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 50%;
	height: 130px;
	width: 130px;
	line-height: 130px;
	text-align: center;
	color: #f5f5f5;
	font-size: 40px;
	list-style: none;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	margin: -65px 0 0 -65px;
	left: 50%;
	top: 0
}

.creator-section .parts li .icon {
	-webkit-transition: all .13s ease-out;
	transition: all .13s ease-out;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 2
}

.creator-section .parts li .icon.small {
	background-size: 60%;
	opacity: 1
}

.creator-section .parts li .icon.large {
	opacity: 0
}

.creator-section .parts li:before,.creator-section .parts li:after,.creator-section .parts li .icon {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	content: "";
	position: absolute;
	border-radius: 50%;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0
}

.creator-section .parts li:before {
	border: 3px dashed #f5f5f5;
	z-index: 4
}

.creator-section .parts li:after {
	content: "";
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	background-color: #f5f5f5;
	z-index: 1;
	opacity: 0
}

.creator-section .parts li.visited:after {
	background-color: #f7ac2e;
	opacity: 1
}

.creator-section .parts li.selected .icon.small {
	opacity: 0
}

.creator-section .parts li.selected .icon.large {
	opacity: 1
}

.creator-section .parts li.selected:after,.creator-section .parts li.selected.visited:after {
	background-color: #f5f5f5;
	opacity: 1
}

.creator-section .parts:hover li.selected {
	color: #010103
}

.creator-section .parts:hover li.selected:after {
	background-color: #f5f5f5;
	opacity: 1
}

.creator-section .left-arrow,.creator-section .right-arrow {
	background-color: #f5f5f5;
	border-radius: 50%;
	height: 55px;
	width: 55px;
	position: absolute;
	margin-top: -28px;
	left: 50%;
	top: 50%;
	cursor: pointer
}

.creator-section .left-arrow:focus,.creator-section .right-arrow:focus {
	outline: none
}

.creator-section .left-arrow:before,.creator-section .right-arrow:before {
	content: "";
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	position: absolute;
	margin-top: -8px;
	left: 50%;
	top: 50%
}

.creator-section .left-arrow.left-arrow,.creator-section .right-arrow.left-arrow {
	margin-left: -567px
}

@media screen and (max-width: 1440px) {
	.creator-section .left-arrow.left-arrow,.creator-section .right-arrow.left-arrow {
		margin-left: -316px
	}
}

@media screen and (max-width: 1100px) {
	.creator-section .left-arrow.left-arrow,.creator-section .right-arrow.left-arrow {
		margin-left: -285px
	}
}

.creator-section .left-arrow.left-arrow:before,.creator-section .right-arrow.left-arrow:before {
	border-right: 12px solid #57A4D8;
	margin-left: -7px
}

.creator-section .left-arrow.right-arrow,.creator-section .right-arrow.right-arrow {
	margin-left: 612px
}

@media screen and (max-width: 1440px) {
	.creator-section .left-arrow.right-arrow,.creator-section .right-arrow.right-arrow {
		margin-left: 360px
	}
}

@media screen and (max-width: 1100px) {
	.creator-section .left-arrow.right-arrow,.creator-section .right-arrow.right-arrow {
		margin-left: 330px
	}
}

.creator-section .left-arrow.right-arrow:before,.creator-section .right-arrow.right-arrow:before {
	border-left: 12px solid #57A4D8;
	margin-left: -5px
}

.creator-section .part-types li {
	width: 165px;
	height: 165px;
	border-radius: 50%;
	box-shadow: 0 0 0 6px #f5f5f5;
	background-color: #57A4D8;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%;
	list-style: none;
	opacity: 0;
	position: absolute;
	margin-left: -83px;
	margin-top: -83px;
	left: 0;
	top: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: box-shadow .1s ease-in-out,opacity .1s ease-in-out;
	transition: box-shadow .1s ease-in-out,opacity .1s ease-in-out;
	cursor: pointer
}

.creator-section .part-types li.selected {
	box-shadow: 0 0 0 10px #f5f5f5
}

.creator-section .part-types li:before,.creator-section .part-types li:after {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.creator-section .part-types li:before {
	content: "";
	background: inherit;
	position: absolute;
	border-radius: 50%;
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

.creator-section .part-types li:after {
	content: "";
	position: absolute;
	z-index: 3;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0
}

.creator-section .part-types li:hover:before {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1)
}

.creator-section .part-types li.is-halloween i,.creator-section .part-types li.is-holidays i,.creator-section .part-types li.is-valentines i,.creator-section .part-types li.is-easter i {
	background-size: 100% 100%;
	position: absolute;
	z-index: 1
}

.creator-section .part-types li.is-halloween i {
	width: 92px;
	height: 86px;
	left: -6px;
	top: -16px
}

.creator-section .part-types li.is-holidays i {
	width: 104px;
	height: 95px;
	left: -17px;
	top: -14px
}

.creator-section .part-types li.is-valentines i {
	width: 92px;
	height: 79px;
	left: -5px;
	top: -8px
}

.creator-section .part-types li.is-easter i {
	width: 92px;
	height: 82px;
	left: -5px;
	top: -12px
}

.creator-section .part-colors li {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	box-shadow: 0 0 0 4px #f5f5f5;
	opacity: 0;
	list-style: none;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	margin-top: -32px;
	margin-left: -32px;
	left: 0;
	top: 0;
	-webkit-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out
}

.creator-section .zoom-out {
	width: 150px;
	height: 150px;
	border: 5px solid #f5f5f5;
	box-sizing: border-box;
	box-shadow: 0 10px 0 -5px #2c526c;
	background-color: #57A4D8;
	border-radius: 50%;
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	position: absolute;
	left: 25px;
	top: 35px;
	background-size: 90% auto;
	background-position: center 100%;
	background-repeat: no-repeat;
	cursor: pointer
}

.creator-section .zoom-out:hover {
	-webkit-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05)
}

.creator-section .zoom-out:focus {
	outline: none
}

.creator-section .finish {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 210px;
	right: 52px;
	font-size: 19px;
	line-height: 90px
}

.creator-section.on-last-part .finish {
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);
	opacity: 0
}

.genderselect-section .logotype-wrapper,.speciesselect-section .logotype-wrapper {
	position: absolute;
	bottom: 35px;
	right: 65px
}

.genderselect-section .logotype-wrapper .buynow,.speciesselect-section .logotype-wrapper .buynow {
	display: none
}

.genderselect-section .character,.speciesselect-section .character {
	position: absolute;
	z-index: 1;
	width: 66%;
	bottom: 0;
	top: 0
}

.genderselect-section .character .position-wrapper,.genderselect-section .character .scale-wrapper,.speciesselect-section .character .position-wrapper,.speciesselect-section .character .scale-wrapper {
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	top: 50%
}

.genderselect-section .character .position-wrapper img,.genderselect-section .character .scale-wrapper img,.speciesselect-section .character .position-wrapper img,.speciesselect-section .character .scale-wrapper img {
	-webkit-transform: translate(-62%, -50%);
	-ms-transform: translate(-62%, -50%);
	transform: translate(-62%, -50%);
	max-width: 90vw;
	max-height: 90vh;
	position: absolute
}

.genderselect-section .character .scale-wrapper,.speciesselect-section .character .scale-wrapper {
	-webkit-transform: scale(.66, .66);
	-ms-transform: scale(.66, .66);
	transform: scale(.66, .66)
}

.genderselect-section .character .position-wrapper,.speciesselect-section .character .position-wrapper {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.genderselect-section .character.dog .position-wrapper img,.speciesselect-section .character.dog .position-wrapper img {
	-webkit-transform: translate(-70%, -50%) scale(-1, 1);
	-ms-transform: translate(-70%, -50%) scale(-1, 1);
	transform: translate(-70%, -50%) scale(-1, 1)
}

.genderselect-section .character.human .position-wrapper img,.speciesselect-section .character.human .position-wrapper img {
	-webkit-transform: translate(-62%, -50%);
	-ms-transform: translate(-62%, -50%);
	transform: translate(-62%, -50%)
}

.genderselect-section .character label,.speciesselect-section .character label {
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: translate(0, 0) scale(1);
	-ms-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1);
	opacity: 1;
	position: absolute;
	font-size: 64px;
	color: #f5f5f5;
	text-shadow: 0 3px 2px #1a3787;
	margin-top: -32px;
	line-height: 64px;
	top: 50%
}

.genderselect-section .character label:before,.genderselect-section .character label:after,.speciesselect-section .character label:before,.speciesselect-section .character label:after {
	content: "";
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);
	opacity: 0;
	position: absolute;
	top: 50%
}

.genderselect-section .character label:before,.speciesselect-section .character label:before {
	width: 64px;
	height: 64px;
	margin-top: -32px;
	border-radius: 100%;
	background-color: #f5f5f5
}

.genderselect-section .character label:after,.speciesselect-section .character label:after {
	margin-top: -7px;
	border-bottom: 7px solid transparent;
	border-top: 7px solid transparent
}

.genderselect-section .character.boy,.genderselect-section .character.dog,.speciesselect-section .character.boy,.speciesselect-section .character.dog {
	left: 0
}

.genderselect-section .character.boy label,.genderselect-section .character.dog label,.speciesselect-section .character.boy label,.speciesselect-section .character.dog label {
	text-align: right;
	right: 45vw
}

.genderselect-section .character.boy label:before,.genderselect-section .character.dog label:before,.speciesselect-section .character.boy label:before,.speciesselect-section .character.dog label:before {
	left: -100px
}

.genderselect-section .character.boy label:after,.genderselect-section .character.dog label:after,.speciesselect-section .character.boy label:after,.speciesselect-section .character.dog label:after {
	left: -68px;
	margin-left: -6px;
	border-right: 10px solid #3586d1
}

.genderselect-section .character.girl,.genderselect-section .character.human,.speciesselect-section .character.girl,.speciesselect-section .character.human {
	right: 0
}

.genderselect-section .character.girl label,.genderselect-section .character.human label,.speciesselect-section .character.girl label,.speciesselect-section .character.human label {
	text-align: left;
	left: 45vw
}

.genderselect-section .character.girl label:before,.genderselect-section .character.human label:before,.speciesselect-section .character.girl label:before,.speciesselect-section .character.human label:before {
	right: -100px
}

.genderselect-section .character.girl label:after,.genderselect-section .character.human label:after,.speciesselect-section .character.girl label:after,.speciesselect-section .character.human label:after {
	right: -68px;
	margin-right: -6px;
	border-left: 10px solid #d236b1
}

.genderselect-section .character.human label::after,.speciesselect-section .character.human label::after {
	border-left: 10px solid #3586d1
}

.genderselect-section .character.dog label,.genderselect-section .character.human label,.speciesselect-section .character.dog label,.speciesselect-section .character.human label {
	font-size: 46px;
	top: 75%
}

.genderselect-section .character.dog label,.speciesselect-section .character.dog label {
	right: 22.5vw
}

.genderselect-section .character.human label,.speciesselect-section .character.human label {
	left: 22.5vw
}

.genderselect-section .or,.speciesselect-section .or {
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 28px;
	color: #f5f5f5;
	text-shadow: 0 3px 2px #1a3787
}

.genderselect-section .or:before,.genderselect-section .or:after,.speciesselect-section .or:before,.speciesselect-section .or:after {
	content: "";
	-webkit-transform: translate(0, -3px);
	-ms-transform: translate(0, -3px);
	transform: translate(0, -3px);
	position: relative;
	display: inline-block;
	background-color: #f5f5f5;
	height: 6px;
	width: 25px;
	margin: 0 10px;
	top: 50%
}

.genderselect-section .select-area,.speciesselect-section .select-area {
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	background-color: #6b8e23;
	opacity: 0;
	cursor: pointer;
	position: absolute;
	z-index: 3;
	bottom: 0;
	top: 0
}

.genderselect-section .select-area:hover,.speciesselect-section .select-area:hover {
	-webkit-transform: scale(1.6, 1);
	-ms-transform: scale(1.6, 1);
	transform: scale(1.6, 1);
	z-index: 4
}

.genderselect-section .select-area:hover ~ .or,.speciesselect-section .select-area:hover ~ .or {
	-webkit-transform: translate(-50%, -50%) scale(0);
	-ms-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
	opacity: 0
}

.genderselect-section .select-area:hover ~ .character label:before,.genderselect-section .select-area:hover ~ .character label:after,.speciesselect-section .select-area:hover ~ .character label:before,.speciesselect-section .select-area:hover ~ .character label:after {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1
}

.genderselect-section .select-area.boy,.genderselect-section .select-area.dog,.speciesselect-section .select-area.boy,.speciesselect-section .select-area.dog {
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	left: 20%;
	right: 60%
}

.genderselect-section .select-area.boy:hover ~ .boy.character,.genderselect-section .select-area.boy:hover ~ .dog.character,.genderselect-section .select-area.dog:hover ~ .boy.character,.genderselect-section .select-area.dog:hover ~ .dog.character,.speciesselect-section .select-area.boy:hover ~ .boy.character,.speciesselect-section .select-area.boy:hover ~ .dog.character,.speciesselect-section .select-area.dog:hover ~ .boy.character,.speciesselect-section .select-area.dog:hover ~ .dog.character {
	z-index: 2
}

.genderselect-section .select-area.boy:hover ~ .boy.character .scale-wrapper,.genderselect-section .select-area.boy:hover ~ .dog.character .scale-wrapper,.genderselect-section .select-area.dog:hover ~ .boy.character .scale-wrapper,.genderselect-section .select-area.dog:hover ~ .dog.character .scale-wrapper,.speciesselect-section .select-area.boy:hover ~ .boy.character .scale-wrapper,.speciesselect-section .select-area.boy:hover ~ .dog.character .scale-wrapper,.speciesselect-section .select-area.dog:hover ~ .boy.character .scale-wrapper,.speciesselect-section .select-area.dog:hover ~ .dog.character .scale-wrapper {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1)
}

.genderselect-section .select-area.boy:hover ~ .boy.character .position-wrapper,.genderselect-section .select-area.boy:hover ~ .dog.character .position-wrapper,.genderselect-section .select-area.dog:hover ~ .boy.character .position-wrapper,.genderselect-section .select-area.dog:hover ~ .dog.character .position-wrapper,.speciesselect-section .select-area.boy:hover ~ .boy.character .position-wrapper,.speciesselect-section .select-area.boy:hover ~ .dog.character .position-wrapper,.speciesselect-section .select-area.dog:hover ~ .boy.character .position-wrapper,.speciesselect-section .select-area.dog:hover ~ .dog.character .position-wrapper {
	-webkit-transform: translate(15vw, 0);
	-ms-transform: translate(15vw, 0);
	transform: translate(15vw, 0)
}

.genderselect-section .select-area.boy:hover ~ .boy.character label,.genderselect-section .select-area.boy:hover ~ .dog.character label,.genderselect-section .select-area.dog:hover ~ .boy.character label,.genderselect-section .select-area.dog:hover ~ .dog.character label,.speciesselect-section .select-area.boy:hover ~ .boy.character label,.speciesselect-section .select-area.boy:hover ~ .dog.character label,.speciesselect-section .select-area.dog:hover ~ .boy.character label,.speciesselect-section .select-area.dog:hover ~ .dog.character label {
	-webkit-transform: translate(10vw, 0) scale(1);
	-ms-transform: translate(10vw, 0) scale(1);
	transform: translate(10vw, 0) scale(1)
}

.genderselect-section .select-area.boy:hover ~ .girl.character,.genderselect-section .select-area.boy:hover ~ .human.character,.genderselect-section .select-area.dog:hover ~ .girl.character,.genderselect-section .select-area.dog:hover ~ .human.character,.speciesselect-section .select-area.boy:hover ~ .girl.character,.speciesselect-section .select-area.boy:hover ~ .human.character,.speciesselect-section .select-area.dog:hover ~ .girl.character,.speciesselect-section .select-area.dog:hover ~ .human.character {
	z-index: 1
}

.genderselect-section .select-area.boy:hover ~ .girl.character .scale-wrapper,.genderselect-section .select-area.boy:hover ~ .human.character .scale-wrapper,.genderselect-section .select-area.dog:hover ~ .girl.character .scale-wrapper,.genderselect-section .select-area.dog:hover ~ .human.character .scale-wrapper,.speciesselect-section .select-area.boy:hover ~ .girl.character .scale-wrapper,.speciesselect-section .select-area.boy:hover ~ .human.character .scale-wrapper,.speciesselect-section .select-area.dog:hover ~ .girl.character .scale-wrapper,.speciesselect-section .select-area.dog:hover ~ .human.character .scale-wrapper {
	-webkit-transform: scale(.4, .4);
	-ms-transform: scale(.4, .4);
	transform: scale(.4, .4)
}

.genderselect-section .select-area.boy:hover ~ .girl.character .position-wrapper,.genderselect-section .select-area.boy:hover ~ .human.character .position-wrapper,.genderselect-section .select-area.dog:hover ~ .girl.character .position-wrapper,.genderselect-section .select-area.dog:hover ~ .human.character .position-wrapper,.speciesselect-section .select-area.boy:hover ~ .girl.character .position-wrapper,.speciesselect-section .select-area.boy:hover ~ .human.character .position-wrapper,.speciesselect-section .select-area.dog:hover ~ .girl.character .position-wrapper,.speciesselect-section .select-area.dog:hover ~ .human.character .position-wrapper {
	-webkit-transform: translate(-2vw, 0);
	-ms-transform: translate(-2vw, 0);
	transform: translate(-2vw, 0)
}

.genderselect-section .select-area.boy:hover ~ .girl.character label,.genderselect-section .select-area.boy:hover ~ .human.character label,.genderselect-section .select-area.dog:hover ~ .girl.character label,.genderselect-section .select-area.dog:hover ~ .human.character label,.speciesselect-section .select-area.boy:hover ~ .girl.character label,.speciesselect-section .select-area.boy:hover ~ .human.character label,.speciesselect-section .select-area.dog:hover ~ .girl.character label,.speciesselect-section .select-area.dog:hover ~ .human.character label {
	-webkit-transform: translate(10vw, 0) scale(0);
	-ms-transform: translate(10vw, 0) scale(0);
	transform: translate(10vw, 0) scale(0);
	opacity: 0
}

.genderselect-section .select-area.girl,.genderselect-section .select-area.human,.speciesselect-section .select-area.girl,.speciesselect-section .select-area.human {
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	right: 20%;
	left: 60%
}

.genderselect-section .select-area.girl:hover ~ .girl.character,.genderselect-section .select-area.girl:hover ~ .human.character,.genderselect-section .select-area.human:hover ~ .girl.character,.genderselect-section .select-area.human:hover ~ .human.character,.speciesselect-section .select-area.girl:hover ~ .girl.character,.speciesselect-section .select-area.girl:hover ~ .human.character,.speciesselect-section .select-area.human:hover ~ .girl.character,.speciesselect-section .select-area.human:hover ~ .human.character {
	z-index: 2
}

.genderselect-section .select-area.girl:hover ~ .girl.character .scale-wrapper,.genderselect-section .select-area.girl:hover ~ .human.character .scale-wrapper,.genderselect-section .select-area.human:hover ~ .girl.character .scale-wrapper,.genderselect-section .select-area.human:hover ~ .human.character .scale-wrapper,.speciesselect-section .select-area.girl:hover ~ .girl.character .scale-wrapper,.speciesselect-section .select-area.girl:hover ~ .human.character .scale-wrapper,.speciesselect-section .select-area.human:hover ~ .girl.character .scale-wrapper,.speciesselect-section .select-area.human:hover ~ .human.character .scale-wrapper {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1)
}

.genderselect-section .select-area.girl:hover ~ .girl.character .position-wrapper,.genderselect-section .select-area.girl:hover ~ .human.character .position-wrapper,.genderselect-section .select-area.human:hover ~ .girl.character .position-wrapper,.genderselect-section .select-area.human:hover ~ .human.character .position-wrapper,.speciesselect-section .select-area.girl:hover ~ .girl.character .position-wrapper,.speciesselect-section .select-area.girl:hover ~ .human.character .position-wrapper,.speciesselect-section .select-area.human:hover ~ .girl.character .position-wrapper,.speciesselect-section .select-area.human:hover ~ .human.character .position-wrapper {
	-webkit-transform: translate(-15vw, 0);
	-ms-transform: translate(-15vw, 0);
	transform: translate(-15vw, 0)
}

.genderselect-section .select-area.girl:hover ~ .girl.character label,.genderselect-section .select-area.girl:hover ~ .human.character label,.genderselect-section .select-area.human:hover ~ .girl.character label,.genderselect-section .select-area.human:hover ~ .human.character label,.speciesselect-section .select-area.girl:hover ~ .girl.character label,.speciesselect-section .select-area.girl:hover ~ .human.character label,.speciesselect-section .select-area.human:hover ~ .girl.character label,.speciesselect-section .select-area.human:hover ~ .human.character label {
	-webkit-transform: translate(-10vw, 0) scale(1);
	-ms-transform: translate(-10vw, 0) scale(1);
	transform: translate(-10vw, 0) scale(1)
}

.genderselect-section .select-area.girl:hover ~ .boy.character,.genderselect-section .select-area.girl:hover ~ .dog.character,.genderselect-section .select-area.human:hover ~ .boy.character,.genderselect-section .select-area.human:hover ~ .dog.character,.speciesselect-section .select-area.girl:hover ~ .boy.character,.speciesselect-section .select-area.girl:hover ~ .dog.character,.speciesselect-section .select-area.human:hover ~ .boy.character,.speciesselect-section .select-area.human:hover ~ .dog.character {
	z-index: 1
}

.genderselect-section .select-area.girl:hover ~ .boy.character .scale-wrapper,.genderselect-section .select-area.girl:hover ~ .dog.character .scale-wrapper,.genderselect-section .select-area.human:hover ~ .boy.character .scale-wrapper,.genderselect-section .select-area.human:hover ~ .dog.character .scale-wrapper,.speciesselect-section .select-area.girl:hover ~ .boy.character .scale-wrapper,.speciesselect-section .select-area.girl:hover ~ .dog.character .scale-wrapper,.speciesselect-section .select-area.human:hover ~ .boy.character .scale-wrapper,.speciesselect-section .select-area.human:hover ~ .dog.character .scale-wrapper {
	-webkit-transform: scale(.4, .4);
	-ms-transform: scale(.4, .4);
	transform: scale(.4, .4)
}

.genderselect-section .select-area.girl:hover ~ .boy.character .position-wrapper,.genderselect-section .select-area.girl:hover ~ .dog.character .position-wrapper,.genderselect-section .select-area.human:hover ~ .boy.character .position-wrapper,.genderselect-section .select-area.human:hover ~ .dog.character .position-wrapper,.speciesselect-section .select-area.girl:hover ~ .boy.character .position-wrapper,.speciesselect-section .select-area.girl:hover ~ .dog.character .position-wrapper,.speciesselect-section .select-area.human:hover ~ .boy.character .position-wrapper,.speciesselect-section .select-area.human:hover ~ .dog.character .position-wrapper {
	-webkit-transform: translate(2vw, 0);
	-ms-transform: translate(2vw, 0);
	transform: translate(2vw, 0)
}

.genderselect-section .select-area.girl:hover ~ .boy.character label,.genderselect-section .select-area.girl:hover ~ .dog.character label,.genderselect-section .select-area.human:hover ~ .boy.character label,.genderselect-section .select-area.human:hover ~ .dog.character label,.speciesselect-section .select-area.girl:hover ~ .boy.character label,.speciesselect-section .select-area.girl:hover ~ .dog.character label,.speciesselect-section .select-area.human:hover ~ .boy.character label,.speciesselect-section .select-area.human:hover ~ .dog.character label {
	-webkit-transform: translate(-10vw, 0) scale(0);
	-ms-transform: translate(-10vw, 0) scale(0);
	transform: translate(-10vw, 0) scale(0);
	opacity: 0
}

.ua-desktop-ie9 .genderselect-section .select-area,.ua-desktop-ie9 .speciesselect-section .select-area,.ua-desktop-ie10 .genderselect-section .select-area,.ua-desktop-ie10 .speciesselect-section .select-area {
	background-color: rgba(255,0,255,0)
}

.dogselect-section .logotype-wrapper {
	position: absolute;
	bottom: 35px;
	right: 65px
}

.dogselect-section .logotype-wrapper .buynow {
	display: none
}

.dogselect-section .character {
	position: absolute;
	z-index: 1;
	width: 25%;
	bottom: 0;
	top: 0
}

.dogselect-section .character .position-wrapper,.dogselect-section .character .scale-wrapper {
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	top: 50%
}

.dogselect-section .character .position-wrapper img,.dogselect-section .character .scale-wrapper img {
	-webkit-transform: translate(-28%, -55%);
	-ms-transform: translate(-28%, -55%);
	transform: translate(-28%, -55%);
	max-width: 40vw;
	max-height: 55vh;
	position: absolute
}

.dogselect-section .character .scale-wrapper {
	-webkit-transform: scale(.66, .66);
	-ms-transform: scale(.66, .66);
	transform: scale(.66, .66)
}

.dogselect-section .character .position-wrapper {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.dogselect-section .character label {
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: translate(-50%, 0) scale(1);
	-ms-transform: translate(-50%, 0) scale(1);
	transform: translate(-50%, 0) scale(1);
	opacity: 1;
	position: absolute;
	font-size: 32px;
	color: #f5f5f5;
	text-shadow: 0 3px 2px #1a3787;
	margin-top: -32px;
	line-height: 64px;
	left: 50%;
	top: 75%
}

.dogselect-section .character label:before,.dogselect-section .character label:after {
	content: "";
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);
	opacity: 0;
	position: absolute;
	top: 50%
}

.dogselect-section .character label:before {
	width: 64px;
	height: 64px;
	margin-top: -32px;
	border-radius: 100%;
	background-color: #f5f5f5
}

.dogselect-section .character label:after {
	margin-top: -7px;
	border-bottom: 7px solid transparent;
	border-top: 7px solid transparent
}

.dogselect-section .character.small-dog {
	left: 12.5%
}

.dogselect-section .character.large-dog {
	left: 12.5%
}

.dogselect-section .character.medium-dog {
	left: 37.5%
}

.dogselect-section .character.large-dog {
	left: 62.5%
}

.dogselect-section .select-area {
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	background-color: #6b8e23;
	opacity: 0;
	cursor: pointer;
	position: absolute;
	z-index: 3;
	bottom: 0;
	top: 0;
	width: 25%
}

.dogselect-section .select-area.small-dog {
	left: 12.5%
}

.dogselect-section .select-area.medium-dog {
	left: 37.5%
}

.dogselect-section .select-area.large-dog {
	left: 62.5%
}

.dogselect-section .select-area:hover ~ .character {
	z-index: 1
}

.dogselect-section .select-area:hover ~ .character .scale-wrapper {
	-webkit-transform: scale(.4, .4);
	-ms-transform: scale(.4, .4);
	transform: scale(.4, .4)
}

.dogselect-section .select-area:hover ~ .character label {
	-webkit-transform: translate(-50%, 0) scale(0);
	-ms-transform: translate(-50%, 0) scale(0);
	transform: translate(-50%, 0) scale(0);
	opacity: 0
}

.dogselect-section .select-area:hover.large-dog ~ .character.large-dog {
	z-index: 2
}

.dogselect-section .select-area:hover.large-dog ~ .character.large-dog .scale-wrapper {
	-webkit-transform: scale(.9, .9);
	-ms-transform: scale(.9, .9);
	transform: scale(.9, .9)
}

.dogselect-section .select-area:hover.large-dog ~ .character.large-dog label {
	-webkit-transform: translate(-50%, 0) scale(1);
	-ms-transform: translate(-50%, 0) scale(1);
	transform: translate(-50%, 0) scale(1);
	opacity: 1
}

.dogselect-section .select-area:hover.large-dog ~ .character.medium-dog .position-wrapper {
	-webkit-transform: translate(10vw, 0);
	-ms-transform: translate(10vw, 0);
	transform: translate(10vw, 0)
}

.dogselect-section .select-area:hover.large-dog ~ .character.small-dog .position-wrapper {
	-webkit-transform: translate(20vw, 0);
	-ms-transform: translate(20vw, 0);
	transform: translate(20vw, 0)
}

.dogselect-section .select-area:hover.medium-dog ~ .character.large-dog .position-wrapper {
	-webkit-transform: translate(-10vw, 0);
	-ms-transform: translate(-10vw, 0);
	transform: translate(-10vw, 0)
}

.dogselect-section .select-area:hover.medium-dog ~ .character.medium-dog {
	z-index: 2
}

.dogselect-section .select-area:hover.medium-dog ~ .character.medium-dog .scale-wrapper {
	-webkit-transform: scale(.9, .9);
	-ms-transform: scale(.9, .9);
	transform: scale(.9, .9)
}

.dogselect-section .select-area:hover.medium-dog ~ .character.medium-dog label {
	-webkit-transform: translate(-50%, 0) scale(1);
	-ms-transform: translate(-50%, 0) scale(1);
	transform: translate(-50%, 0) scale(1);
	opacity: 1
}

.dogselect-section .select-area:hover.medium-dog ~ .character.small-dog .position-wrapper {
	-webkit-transform: translate(10vw, 0);
	-ms-transform: translate(10vw, 0);
	transform: translate(10vw, 0)
}

.dogselect-section .select-area:hover.small-dog ~ .character.large-dog .position-wrapper {
	-webkit-transform: translate(-20vw, 0);
	-ms-transform: translate(-20vw, 0);
	transform: translate(-20vw, 0)
}

.dogselect-section .select-area:hover.small-dog ~ .character.medium-dog .position-wrapper {
	-webkit-transform: translate(-10vw, 0);
	-ms-transform: translate(-10vw, 0);
	transform: translate(-10vw, 0)
}

.dogselect-section .select-area:hover.small-dog ~ .character.small-dog {
	z-index: 2
}

.dogselect-section .select-area:hover.small-dog ~ .character.small-dog .scale-wrapper {
	-webkit-transform: scale(.9, .9);
	-ms-transform: scale(.9, .9);
	transform: scale(.9, .9)
}

.dogselect-section .select-area:hover.small-dog ~ .character.small-dog label {
	-webkit-transform: translate(-50%, 0) scale(1);
	-ms-transform: translate(-50%, 0) scale(1);
	transform: translate(-50%, 0) scale(1);
	opacity: 1
}

.ua-desktop-ie9 .genderselect-section .select-area,.ua-desktop-ie9 .speciesselect-section .select-area,.ua-desktop-ie10 .genderselect-section .select-area,.ua-desktop-ie10 .speciesselect-section .select-area {
	background-color: rgba(255,0,255,0)
}

.ending-section .logotype-wrapper {
	position: absolute;
	bottom: 35px;
	right: 65px
}

.ending-section .primary-button {
	color: #57A4D8
}

.ending-section .options {
	text-align: left;
	height: 82px;
	width: 100%;
	margin-top: 100px;
	font-size: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: scale(1.25, 1.25);
	-ms-transform: scale(1.25, 1.25);
	transform: scale(1.25, 1.25);
	opacity: 0;
	display: block;
	overflow: visible;
	position: absolute;
	pointer-events: none
}

.ending-section .options .option {
	display: inline-block
}

.ending-section .options .option img {
	display: none
}

.ending-section .options .option .hold {
	display: none
}

.ending-section .options .share-twitter,.ending-section .options .share-facebook,.ending-section .options .share-weibo,.ending-section .options .download-character,.ending-section .options .download-wallpaper,.ending-section .options .share-character,.ending-section .options .download-avatar,.ending-section .options .download-wallpaper,.ending-section .options .download-characterOnly {
	position: relative;
	display: inline-block;
	height: 82px;
	line-height: 82px;
	margin: auto 2px;
	color: #57A4D8;
	background-color: #f5f5f5;
	margin-bottom: 10px;
	white-space: nowrap;
	text-align: center;
	-webkit-transition: all .2s cubic-bezier(.6, 0, .37, 1);
	transition: all .2s cubic-bezier(.6, 0, .37, 1);
	z-index: 2;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	padding: 0 25px;
	font-size: 25px
}

.ending-section .options .share-twitter:hover,.ending-section .options .share-facebook:hover,.ending-section .options .share-weibo:hover,.ending-section .options .download-character:hover,.ending-section .options .download-wallpaper:hover,.ending-section .options .share-character:hover,.ending-section .options .download-avatar:hover,.ending-section .options .download-wallpaper:hover,.ending-section .options .download-characterOnly:hover {
	color: #f5f5f5;
	background-color: #f7ac2e
}

.ending-section .options .share-twitter.disabled,.ending-section .options .share-twitter.disabled:hover,.ending-section .options .share-facebook.disabled,.ending-section .options .share-facebook.disabled:hover,.ending-section .options .share-weibo.disabled,.ending-section .options .share-weibo.disabled:hover,.ending-section .options .download-character.disabled,.ending-section .options .download-character.disabled:hover,.ending-section .options .download-wallpaper.disabled,.ending-section .options .download-wallpaper.disabled:hover,.ending-section .options .share-character.disabled,.ending-section .options .share-character.disabled:hover,.ending-section .options .download-avatar.disabled,.ending-section .options .download-avatar.disabled:hover,.ending-section .options .download-wallpaper.disabled,.ending-section .options .download-wallpaper.disabled:hover {
	color: #57A4D8;
	background-color: #b8b8b8
}

.ending-section .options.active {
	-webkit-transition-delay: .22s;
	transition-delay: .22s;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1;
	pointer-events: auto
}

.ending-section .options.not-visible {
	display: none
}

.ending-section label {
	display: none
}

.ending-section .share-character .facebook-icon {
	margin-left: 15px
}

.ending-section .share-character .twitter-icon {
	margin-left: 10px
}

.ending-section .facebook-icon {
	height: 25px;
	width: auto;
	vertical-align: middle;
	margin-top: -9px
}

.ending-section .twitter-icon {
	height: 22px;
	width: auto;
	vertical-align: middle;
	margin-top: -7px
}

.ending-section .share-back,.ending-section .download-back,.ending-section .section-back {
	position: absolute;
	display: block;
	top: 40px;
	left: -75px
}

.ending-section .woodstock {
	width: 100px;
	height: 100px;
	background-image: url('../../images/menu/woodstock.png');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 45px;
	margin-top: 3px;
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1)
}

.ending-section .end-character {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	position: absolute;
	text-align: left;
	width: 450px;
	padding-top: 50px;
	padding-bottom: 250px;
	margin-left: -530px;
	left: 50%;
	top: 50%
}

.ending-section .end-character h2,.ending-section .end-character p {
	color: #fff;
	display: block
}

.ending-section .end-character h2 {
	text-shadow: 0 3px 2px #1a3787;
	font-size: 65px;
	line-height: 47px
}

.ending-section .end-character p {
	text-shadow: 0 3px 2px #1a3787;
	font-size: 25px;
	padding: 14px 5px
}

.ending-section .end-character .download-character {
	box-shadow: 0 4px 0 0 #3d7397
}

.ending-section .end-character .share-character {
	box-shadow: 0 4px 0 0 #3d7397
}

.ending-section .end-character .share-character:hover img {
	-webkit-filter: saturate(0) brightness(10);
	filter: saturate(0) brightness(10)
}

@media screen and (max-width: 1350px) {
	.ending-section .end-character {
		margin-top: 0;
		margin-left: -375px;
		width: 275px
	}

	.ending-section .end-character h2 {
		font-size: 45px;
		line-height: 38px
	}

	.ending-section .end-character p {
		font-size: 21px;
		padding: 10px 4px
	}

	.ending-section .end-character .share-twitter,.ending-section .end-character .share-facebook,.ending-section .end-character .share-weibo,.ending-section .end-character .download-character,.ending-section .end-character .download-wallpaper,.ending-section .end-character .share-character,.ending-section .end-character .download-avatar,.ending-section .end-character .download-wallpaper,.ending-section .options .download-characterOnly {
		padding: 0 25px;
		font-size: 24px;
		line-height: 64px;
		height: 64px
	}
}

.ua-desktop-ie .ending-section div.options {
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0)
}

.ua-desktop-ie .ending-section div.options.active {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1)
}

.ua-webview .ending-section .end-character .download-character,.ua-webview .ending-section .end-character p {
	display: none
}

footer {
	text-align: center;
	background-color: #010103;
	color: #939393;
	padding: 40px 0;
	min-height: 50px;
	font-size: 0
}

footer .locale-selector,footer .legal-logos,footer .movie-rating {
	vertical-align: middle;
	display: inline-block
}

footer .locale-selector.hidden,footer .legal-logos.hidden,footer .movie-rating.hidden {
	display: none
}

footer .movie-rating {
	margin-top: -15px
}

footer .legal-logos {
	padding: 0 0 0 40px;
	opacity: .6
}

footer .legal-logos img {
	padding: 0 20px 0 0
}

footer .movie-rating-image {
	opacity: .6;
	max-height: 45px;
	width: auto;
	margin-bottom: 10px
}

footer .legal-text,footer .rating-reasons {
	font-size: 12px;
	line-height: 15px
}

footer .legal-text a,footer .rating-reasons a {
	color: #346282 !important
}

footer .legal-text a:hover,footer .rating-reasons a:hover {
	color: #57A4D8 !important
}

footer .legal-text {
	display: inline-block;
	max-width: 900px
}

footer .rating-reasons {
	font-size: 10px;
	line-height: 12px
}

footer .rating-reasons a {
	text-decoration: underline
}

footer .rating-reasons a:after {
	content: ", ";
	display: inline-block;
	margin-right: 5px
}

footer .rating-reasons a:last-of-type:after {
	margin-right: 0;
	content: ""
}

footer .left,footer .right {
	position: absolute;
	z-index: 2;
	top: 40px
}

footer .left {
	width: 450px;
	left: 0
}

footer .right {
	width: 290px;
	right: 0
}

footer .center {
	position: relative;
	padding: 0 290px 0 450px;
	z-index: 1
}

@media screen and (max-width: 1150px) {
	footer .legal-logos {
		padding-left: 20px
	}

	footer .left,footer .right {
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		right: auto;
		left: auto;
		top: auto
	}

	footer .left {
		width: 60%
	}

	footer .right {
		width: 40%
	}

	footer .center {
		display: block;
		padding: 40px 80px
	}
}

@media screen and (max-width: 630px) {
	footer .center {
		padding: 40px
	}

	footer .left,footer .right {
		display: block;
		width: 100%
	}

	footer .right {
		padding-top: 40px
	}
}

@media screen and (max-width: 450px) {
	footer .left .locale-selector {
		display: block;
		padding-bottom: 40px
	}
}

.ua-phone footer .legal-text a {
	color: #346282 !important
}

.ua-phone footer .legal-text a:hover {
	color: #346282 !important
}

.landing-section .snoopy-cta,.mycharacters-section .snoopy-cta {
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0
}

.landing-section .snoopy-cta .sunburst,.mycharacters-section .snoopy-cta .sunburst {
	position: relative;
	height: auto;
	width: auto;
	max-width: 550px;
	max-height: 40vh
}

.landing-section .snoopy-cta .copy,.mycharacters-section .snoopy-cta .copy {
	-webkit-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	position: absolute;
	text-align: center;
	width: auto;
	left: 43%;
	top: 30%;
	color: #f5f5f5
}

.landing-section .snoopy-cta .copy h2,.landing-section .snoopy-cta .copy h3,.mycharacters-section .snoopy-cta .copy h2,.mycharacters-section .snoopy-cta .copy h3 {
	text-shadow: 0 3px 2px #1a3787
}

.landing-section .snoopy-cta .copy h2,.mycharacters-section .snoopy-cta .copy h2 {
	font-size: 45px;
	line-height: 38px
}

.landing-section .snoopy-cta .copy h3,.mycharacters-section .snoopy-cta .copy h3 {
	font-size: 22px;
	line-height: 19px
}

.landing-section .logotype-wrapper,.mycharacters-section .logotype-wrapper {
	position: absolute;
	bottom: 35px;
	right: 65px
}

.landing-section.no-characters .left-arrow,.landing-section.no-characters .right-arrow,.landing-section.no-characters .woodstock,.landing-section.no-characters .delete,.landing-section.no-characters .edit,.mycharacters-section.no-characters .left-arrow,.mycharacters-section.no-characters .right-arrow,.mycharacters-section.no-characters .woodstock,.mycharacters-section.no-characters .delete,.mycharacters-section.no-characters .edit,.mycharacters-section.no-characters .save {
	display: none
}

.landing-section.no-arrows .left-arrow,.landing-section.no-arrows .right-arrow,.mycharacters-section.no-arrows .left-arrow,.mycharacters-section.no-arrows .right-arrow {
	display: none
}

.landing-section .tutorial-el[data-message-id="landing-edit"],.mycharacters-section .tutorial-el[data-message-id="landing-edit"] {
	-webkit-transform-origin: center right;
	-ms-transform-origin: center right;
	transform-origin: center right;
	right: 195px;
	top: 80px
}

.landing-section .tutorial-el[data-message-id="landing-edit"]:before,.mycharacters-section .tutorial-el[data-message-id="landing-edit"]:before {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	right: -40px;
	top: 50%
}

.landing-section .tutorial-el[data-message-id="landing-edit"].active ~ .edit,.mycharacters-section .tutorial-el[data-message-id="landing-edit"].active ~ .edit {
	background-color: #f7ac2e;
	-webkit-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2)
}

.landing-section button,.mycharacters-section button {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	outline: none;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	margin: 0
}

.landing-section .left-arrow,.landing-section .right-arrow,.mycharacters-section .left-arrow,.mycharacters-section .right-arrow {
	background-color: #f5f5f5;
	border-radius: 50%;
	height: 55px;
	width: 55px;
	position: absolute;
	margin-top: -28px;
	top: 50%;
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: scale(.9, .9);
	-ms-transform: scale(.9, .9);
	transform: scale(.9, .9);
	cursor: pointer
}

.landing-section .left-arrow:before,.landing-section .right-arrow:before,.mycharacters-section .left-arrow:before,.mycharacters-section .right-arrow:before {
	content: "";
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	position: absolute;
	margin-top: -8px;
	left: 50%;
	top: 50%
}

.landing-section .left-arrow.left-arrow,.landing-section .right-arrow.left-arrow,.mycharacters-section .left-arrow.left-arrow,.mycharacters-section .right-arrow.left-arrow {
	left: 75px
}

.landing-section .left-arrow.left-arrow:before,.landing-section .right-arrow.left-arrow:before,.mycharacters-section .left-arrow.left-arrow:before,.mycharacters-section .right-arrow.left-arrow:before {
	border-right: 12px solid #57A4D8;
	margin-left: -7px
}

.landing-section .left-arrow.right-arrow,.landing-section .right-arrow.right-arrow,.mycharacters-section .left-arrow.right-arrow,.mycharacters-section .right-arrow.right-arrow {
	right: 75px
}

.landing-section .left-arrow.right-arrow:before,.landing-section .right-arrow.right-arrow:before,.mycharacters-section .left-arrow.right-arrow:before,.mycharacters-section .right-arrow.right-arrow:before {
	border-left: 12px solid #57A4D8;
	margin-left: -5px
}

@media screen and (max-width: 1350px) {
	.landing-section .left-arrow.left-arrow,.landing-section .right-arrow.left-arrow,.mycharacters-section .left-arrow.left-arrow,.mycharacters-section .right-arrow.left-arrow {
		left: 45px
	}

	.landing-section .left-arrow.right-arrow,.landing-section .right-arrow.right-arrow,.mycharacters-section .left-arrow.right-arrow,.mycharacters-section .right-arrow.right-arrow {
		right: 45px
	}
}

.landing-section .left-arrow:hover,.landing-section .right-arrow:hover,.mycharacters-section .left-arrow:hover,.mycharacters-section .right-arrow:hover {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1)
}

.landing-section .left-arrow:active,.landing-section .right-arrow:active,.mycharacters-section .left-arrow:active,.mycharacters-section .right-arrow:active {
	-webkit-transition-duration: .1s;
	transition-duration: .1s;
	-webkit-transform: scale(.8, .8);
	-ms-transform: scale(.8, .8);
	transform: scale(.8, .8)
}

.landing-section .right-arrow-timer,.mycharacters-section .right-arrow-timer {
	border-radius: 50%;
	background-color: rgba(255,255,255,0.35);
	position: absolute;
	width: 71px;
	height: 71px;
	margin-top: -36px;
	right: 67px;
	top: 50%
}

@media screen and (max-width: 1350px) {
	.landing-section .right-arrow-timer,.mycharacters-section .right-arrow-timer {
		right: 37px
	}
}

.landing-section .woodstock,.mycharacters-section .woodstock {
	width: 100px;
	height: 100px;
	background-image: url('../../images/menu/woodstock.png');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 45px;
	margin-top: 3px;
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1)
}

.landing-section .bubbles,.mycharacters-section .bubbles {
	height: 0;
	width: 0;
	position: absolute;
	margin-left: 315px;
	margin-top: -60px;
	left: 50%;
	top: 50%
}

@media screen and (max-width: 1030px) {
	.landing-section .bubbles,.mycharacters-section .bubbles {
		margin-left: 275px;
		margin-top: -10px
	}
}

.landing-section .bubbles .text,.mycharacters-section .bubbles .text {
	padding: 40px;
	background-color: #f5f5f5;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: -30px;
	left: -20px
}

.landing-section .bubbles .text span,.mycharacters-section .bubbles .text span {
	min-width: 120px;
	display: block;
	white-space: nowrap;
	color: #57A4D8;
	text-align: center
}

.landing-section .bubbles .text span.welcome,.mycharacters-section .bubbles .text span.welcome {
	opacity: 0;
	position: absolute;
	margin-top: 10px;
	font-size: 24px
}

.landing-section .bubbles .text span.welcome.active,.mycharacters-section .bubbles .text span.welcome.active {
	opacity: 1
}

.landing-section .bubbles .text span.welcome.inactive,.mycharacters-section .bubbles .text span.welcome.inactive {
	opacity: 0 !important
}

.landing-section .bubbles .text span.head,.mycharacters-section .bubbles .text span.head {
	font-size: 22px
}

.landing-section .bubbles .text span.sub,.mycharacters-section .bubbles .text span.sub {
	font-size: 18px
}

.landing-section .bubbles:before,.landing-section .bubbles .text,.landing-section .bubbles .text span,.mycharacters-section .bubbles:before,.mycharacters-section .bubbles .text,.mycharacters-section .bubbles .text span {
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1)
}

.landing-section .bubbles.visible .text,.mycharacters-section .bubbles.visible .text {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
	-webkit-transform: translate(-50%, -100%) scale(1);
	-ms-transform: translate(-50%, -100%) scale(1);
	transform: translate(-50%, -100%) scale(1)
}

.landing-section .bubbles.visible .text span,.mycharacters-section .bubbles.visible .text span {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1
}

.landing-section .bubbles.visible .text span:nth-of-type(2),.mycharacters-section .bubbles.visible .text span:nth-of-type(2) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.landing-section .bubbles.visible .text span:nth-of-type(3),.mycharacters-section .bubbles.visible .text span:nth-of-type(3) {
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.landing-section .bubbles.visible .text span:nth-of-type(1).active ~ span,.mycharacters-section .bubbles.visible .text span:nth-of-type(1).active ~ span {
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0)
}

.landing-section .bubbles .text,.mycharacters-section .bubbles .text {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transform: translate(-40%, -60%) scale(0);
	-ms-transform: translate(-40%, -60%) scale(0);
	transform: translate(-40%, -60%) scale(0)
}

.landing-section .bubbles .text span,.mycharacters-section .bubbles .text span {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate(0, 50%);
	-ms-transform: translate(0, 50%);
	transform: translate(0, 50%);
	opacity: 0
}

.landing-section .create,.mycharacters-section .create {
	background-color: #f5f5f5;
	box-shadow: 0 4px 0 0 #3d7397;
	display: inline-block;
	height: 82px;
	line-height: 82px;
	padding: 0 50px;
	min-width: 470px;
	position: absolute;
	bottom: 55px;
	left: 50%;
	white-space: nowrap;
	font-size: 25px;
	color: #57A4D8;
	text-align: center;
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: translate(-50%, 0) scale(0);
	-ms-transform: translate(-50%, 0) scale(0);
	transform: translate(-50%, 0) scale(0)
}

.landing-section .create.visible,.mycharacters-section .create.visible {
	-webkit-transform: translate(-50%, 0) scale(1);
	-ms-transform: translate(-50%, 0) scale(1);
	transform: translate(-50%, 0) scale(1)
}

.landing-section .create.visible ~ .woodstock,.mycharacters-section .create.visible ~ .woodstock {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1)
}

.landing-section .create.visible:hover,.mycharacters-section .create.visible:hover {
	box-shadow: 0 12px 0 -6px #3d7397;
	-webkit-transform: translate(-50%, 0) scale(1.05);
	-ms-transform: translate(-50%, 0) scale(1.05);
	transform: translate(-50%, 0) scale(1.05);
	background-color: #f7ac2e;
	color: #f5f5f5
}

.landing-section .create.visible:active,.mycharacters-section .create.visible:active {
	box-shadow: 0 0 0 0 #3d7397;
	-webkit-transform: translate(-50%, 0) scale(.95);
	-ms-transform: translate(-50%, 0) scale(.95);
	transform: translate(-50%, 0) scale(.95);
	-webkit-transition-duration: .1s;
	transition-duration: .1s
}

.landing-section #preview1.animatable,.landing-section #preview2.animatable,.mycharacters-section #preview1.animatable,.mycharacters-section #preview2.animatable {
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transition-duration: 1s;
	transition-duration: 1s
}

.landing-section .character-choice,.mycharacters-section .character-choice {
	display: inline-block;
	position: absolute;
	bottom: 55px;
	left: 50%;
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.landing-section .starting-choice,.mycharacters-section .starting-choice {
	display: inline-block;
	font-size: 0;
	position: absolute;
	bottom: 55px;
	left: 50%;
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: translate(-50%, 0) scale(0);
	-ms-transform: translate(-50%, 0) scale(0);
	transform: translate(-50%, 0) scale(0)
}

.landing-section .starting-choice.visible,.mycharacters-section .starting-choice.visible {
	-webkit-transform: translate(-50%, 0) scale(1);
	-ms-transform: translate(-50%, 0) scale(1);
	transform: translate(-50%, 0) scale(1)
}

.landing-section .starting-choice.visible ~ .left-arrow,.landing-section .starting-choice.visible ~ .right-arrow,.mycharacters-section .starting-choice.visible ~ .left-arrow,.mycharacters-section .starting-choice.visible ~ .right-arrow {
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0)
}

.landing-section button,.mycharacters-section button {
	cursor: pointer;
	display: inline-block
}

.landing-section .back,.mycharacters-section .back {
	left: -90px
}

.landing-section .edit,.landing-section .new,.landing-section .delete,.mycharacters-section .edit,.mycharacters-section .new,.mycharacters-section .delete,.mycharacters-section .save {
	height: 82px;
	line-height: 82px;
	margin: auto 2px;
	white-space: nowrap;
	text-align: center;
	-webkit-transition: all .2s cubic-bezier(.6, 0, .37, 1);
	transition: all .2s cubic-bezier(.6, 0, .37, 1);
	z-index: 2;
	color: #57A4D8;
	background-color: #f5f5f5;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	box-shadow: 0 4px 0 0 #3d7397;
	padding: 0 35px;
	font-size: 30px;
    text-transform: uppercase;
}

.landing-section .edit:hover,.landing-section .new:hover,.landing-section .delete:hover,.mycharacters-section .edit:hover,.mycharacters-section .new:hover,.mycharacters-section .delete:hover,.mycharacters-section .save:hover {
	background-color: #f7ac2e;
	color: #f5f5f5
}

.landing-section .edit.inactive,.landing-section .new.inactive,.landing-section .delete.inactive,.mycharacters-section .edit.inactive,.mycharacters-section .new.inactive,.mycharacters-section .delete.inactive,.mycharacters-section .save.inactive {
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0)
}

.landing-section .character-choice.visible,.mycharacters-section .character-choice.visible {
	-webkit-transform: translate(-50%, 0) scale(1);
	-ms-transform: translate(-50%, 0) scale(1);
	transform: translate(-50%, 0) scale(1)
}

.landing-section .character-choice.visible ~ .woodstock,.mycharacters-section .character-choice.visible ~ .woodstock {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1)
}

.landing-section .character-choice.visible button:hover,.mycharacters-section .character-choice.visible button:hover {
	box-shadow: 0 12px 0 -6px #3d7397;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.landing-section .character-choice.visible button:active,.mycharacters-section .character-choice.visible button:active {
	box-shadow: 0 0 0 0 #3d7397;
	-webkit-transform: scale(.95);
	-ms-transform: scale(.95);
	transform: scale(.95);
	-webkit-transition-duration: .1s;
	transition-duration: .1s
}

.landing-section .character-preview,.mycharacters-section .character-preview {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

.landing-section .character-preview.animating,.mycharacters-section .character-preview.animating {
	-webkit-transition: all .666s ease-in-out;
	transition: all .666s ease-in-out
}

.landing-section .character-preview.off-left,.mycharacters-section .character-preview.off-left {
	-webkit-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	transform: translate(-100%, 0)
}

.landing-section .character-preview.off-right,.mycharacters-section .character-preview.off-right {
	-webkit-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	transform: translate(100%, 0)
}

.landing-section .character-preview.center,.mycharacters-section .character-preview.center {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.landing-section .create-character,.mycharacters-section .create-character {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	position: absolute;
	width: 400px;
	padding-top: 50px;
	margin-left: -530px;
	left: 50%;
	top: 50%
}

.landing-section .create-character h2,.landing-section .create-character p,.mycharacters-section .create-character h2,.mycharacters-section .create-character p {
	color: #fff;
	display: block
}

.landing-section .create-character h2,.mycharacters-section .create-character h2 {
	text-shadow: 0 3px 2px #1a3787;
	font-size: 65px;
	line-height: 47px
}

.landing-section .create-character p,.mycharacters-section .create-character p {
	text-shadow: 0 3px 2px #1a3787;
	font-size: 25px;
	padding: 14px 5px
}

.landing-section .create-character .new,.mycharacters-section .create-character .new {
	margin-top: 100px
}

@media screen and (max-width: 1350px) {
	.landing-section .create-character,.mycharacters-section .create-character {
		margin-top: -25px;
		margin-left: -375px;
		width: 275px
	}

	.landing-section .create-character h2,.mycharacters-section .create-character h2 {
		font-size: 45px;
		line-height: 38px
	}

	.landing-section .create-character p,.mycharacters-section .create-character p {
		font-size: 21px;
		padding: 10px 4px
	}

	.landing-section .create-character .edit,.landing-section .create-character .new,.mycharacters-section .create-character .edit,.mycharacters-section .create-character .new {
		padding: 0 25px;
		font-size: 24px;
		line-height: 64px;
		height: 64px
	}
}

.mycharacters-section .woodstock {
	bottom: 132px;
	margin-left: -170px;
	left: 50%
}

.mycharacters-section .woodstock .bubbles {
	margin-left: -120px;
	margin-top: 10px
}

.modals {
	position: fixed;
	z-index: 20;
	top: 0;
	left: 0;
	width: 0;
	height: 0
}

.modals .modal {
	font-size: 25px;
	text-align: center;
	color: #f5f5f5;
	-webkit-transition: -webkit-transform .5s ease-in-out,opacity .5s ease-in-out,visibility .5s ease-in-out;
	transition: transform .5s ease-in-out,opacity .5s ease-in-out,visibility .5s ease-in-out;
	-webkit-transform: scale(1.25, 1.25);
	-ms-transform: scale(1.25, 1.25);
	transform: scale(1.25, 1.25);
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	padding: 20px 0;
	text-align: center;
	background-color: rgba(87,164,216,0.8)
}

.modals .modal.active {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1;
	visibility: visible
}

.modals .modal.trailer-overlay {
	padding: 0
}

.modals .modal.trailer-overlay #trailer-player {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -25.31vw 0 0 -45vw;
	height: 50.62vw;
	width: 90vw
}

@media screen and (min-aspect-ratio: 3 / 2) {
	.modals .modal.trailer-overlay #trailer-player {
		margin: -37.5vh 0 0 -66.67vh;
		height: 75vh;
		width: 133.34vh
	}
}

.modals .modal.trailer-overlay #trailer-player #vjs-player {
	margin: 0 auto;
	width: 100% !important;
	height: 100% !important
}

.modals .modal.trailer-overlay .circle-button.circle-button {
	position: absolute;
	margin-top: -40px;
	top: 6.5vh
}

.modals .modal .close-menu {
	position: relative;
	width: 80px;
	height: 80px;
	margin-top: 20px;
	top: -60px;
	left: 50%;
	margin-left: -40px;
	background-image: url('../../images/icons/nav/close-icon.png');
	background-size: 23px 23px;
	background-position: center center;
	background-repeat: no-repeat
}

.modals .modal .close-menu:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

@media (max-width: 400px) {
	.modals .modal .close-menu {
		margin-top: 0
	}
}

.modals .modal .prompt {
	position: relative;
	max-width: 640px;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	text-shadow: 0 3px 2px #1a3787
}

@media screen and (max-width: 640px) {
	.modals .modal .prompt {
		width: 85%
	}
}

.modals .modal .dob {
	width: 400px;
	position: relative;
	margin: 0 auto;
	text-align: center
}

.modals .modal .dob .date-label {
	display: none;
	position: absolute;
	width: 400px;
	height: 82px;
	line-height: 82px;
	margin-left: auto;
	margin-right: auto;
	color: #57A4D8;
	background-color: #f5f5f5;
	z-index: 1;
	pointer-events: none
}

.modals .modal .dob .date {
	display: none;
	margin-top: 20px;
	height: 82px;
	line-height: 82px;
	color: #57A4D8;
	width: 400px;
	margin-left: auto;
	margin-right: auto
}

.modals .modal .dob .date-dropdown {
	display: none
}

.modals .modal .dob .primary-select {
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	width: 400px;
	text-align: center;
	padding-left: 25px
}

.modals .modal .dob .submit {
	width: 400px;
	margin-top: 20px;
	padding: 0
}

.modals .modal .center-menu {
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%
}

.modals .modal .buy {
	width: 550px;
	position: relative;
	margin-bottom: 24px
}

.modals .modal .buy .primary-button {
	color: #57A4D8;
	font-size: 18px;
	white-space: normal;
	padding: 20px 40px;
	height: auto;
	line-height: 21px;
	width: 170px;
	white-space: nowrap
}

.modals .modal .buy .primary-button:first-child {
	margin-right: 12px
}

.modals .modal .buy .woodstock {
	position: absolute;
	left: 10px;
	top: -85px;
	pointer-events: none;
	width: 70px;
	height: 88px;
	background-image: url('../../images/menu/woodstock.png');
	background-repeat: no-repeat;
	background-size: 70px 88px
}

.modals .modal .options {
	width: 400px;
	position: relative;
	margin: 0 auto;
	top: 50%
}

.modals .modal .options button {
	-webkit-transition: all .2s cubic-bezier(.6, 0, .37, 1);
	transition: all .2s cubic-bezier(.6, 0, .37, 1);
	width: 400px;
	margin: 0 0 12px 0
}

.modals .modal .options button:hover {
	background-color: #f7ac2e;
	color: #f5f5f5
}

.modals .modal .options .linus {
	position: absolute;
	right: -260px;
	top: 230px;
	pointer-events: none;
	width: 321px;
	height: 416px;
	background-image: url('../../images/menu/linus.png');
	background-repeat: no-repeat;
	background-size: 321px 416px
}

@media (max-width: 400px) {
	.modals .modal .options .linus {
		display: none
	}
}

.modals .modal .options .woodstock {
	position: absolute;
	left: 10px;
	top: -85px;
	pointer-events: none;
	width: 70px;
	height: 88px;
	background-image: url('../../images/menu/woodstock.png');
	background-repeat: no-repeat;
	background-size: 70px 88px
}

.modals .modal .social {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 10px 0 10px 0
}

.modals .modal .social a {
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: scale(.9, .9);
	-ms-transform: scale(.9, .9);
	transform: scale(.9, .9);
	display: inline-block
}

.modals .modal .social a:hover {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.modals .modal .social a .icon {
	width: 45px;
	height: 45px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 45px 45px
}

.modals .modal .social a .icon.facebook {
	background-image: url('../../images/icons/social/facebook-white.png')
}

.modals .modal .social a .icon.twitter {
	background-image: url('../../images/icons/social/twitter-white.png')
}

.modals .modal .social a .icon.instagram {
	background-image: url('../../images/icons/social/instagram-white.png')
}

.modals .modal .social a .icon.gplus {
	background-image: url('../../images/icons/social/gplus-white.png')
}

.modals .modal .social a .icon.youtube {
	background-image: url('../../images/icons/social/youtube-white.png')
}

.modals .modal .link {
	position: relative;
	padding: 10px 0 30px 0;
	text-shadow: 0 3px 2px #1a3787;
	white-space: nowrap
}

.modals .modal .background {
	position: absolute;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw
}

.modals .age-gate.modal div.circle-button {
	top: 20px
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.modals .loading-spinner {
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	position: absolute;
	background-color: #f5f5f5;
	opacity: 0;
	border-radius: 50%;
	overflow: hidden;
	margin: -30px 0 0 -30px;
	width: 60px;
	height: 60px;
	left: 50vw;
	top: 50vh
}

.modals .loading-spinner.active {
	-webkit-transition-delay: .33s;
	transition-delay: .33s;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1
}

.modals .loading-spinner:before {
	content: "";
	-webkit-animation: spin .333s linear infinite;
	animation: spin .333s linear infinite;
	box-sizing: border-box;
	border: 3px solid #57A4D8;
	border-top: 3px solid transparent;
	margin: -8px 0 0 -8px;
	background-size: cover;
	position: absolute;
	border-radius: 50%;
	height: 16px;
	width: 16px;
	left: 50%;
	top: 50%
}

.modals .alert .copy {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background-color: #f7ac2e;
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%
}

.modals .alert .copy .message {
	display: block;
	font-size: 28px;
	color: #f5f5f5;
	padding: 30px 10px
}

.modals .alert .copy .message:before {
	content: "";
	-webkit-transform: translate(-100%, -90%);
	-ms-transform: translate(-100%, -90%);
	transform: translate(-100%, -90%);
	width: 100px;
	height: 120px;
	background-image: url('../../images/menu/woodstock.png');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	margin: 0 0 0 130px;
	left: 50%;
	top: 0
}

.modals .alert .copy button {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	outline: none;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
	padding: 10px 30px;
	color: #f7ac2e;
	background-color: #f5f5f5;
	display: none
}

.modals .alert.confirm .copy {
	padding: 20px
}

.modals .alert.confirm .copy .message {
	padding: 10px 0 20px 0
}

.modals .alert.confirm .copy button {
	display: inline-block
}

.sound-toggle {
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1;
	cursor: pointer;
	position: absolute;
	z-index: 10;
	oveflow: hidden;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background-image: url('../../images/icons/nav/audio.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 42% auto;
	background-color: #f5f5f5;
	right: 172px;
	top: 90px
}

.sound-toggle:hover {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.sound-toggle:before {
	content: "";
	-webkit-transition: all .1s cubic-bezier(.6, 0, .37, 1);
	transition: all .1s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: rotate(-45deg) scale(0, 1);
	-ms-transform: rotate(-45deg) scale(0, 1);
	transform: rotate(-45deg) scale(0, 1);
	margin-left: -25px;
	margin-top: -2px;
	position: absolute;
	background-color: #57A4D8;
	width: 50px;
	height: 4px;
	left: 50%;
	top: 50%
}

.sound-toggle.muted:before {
	-webkit-transform: rotate(-45deg) scale(1, 1);
	-ms-transform: rotate(-45deg) scale(1, 1);
	transform: rotate(-45deg) scale(1, 1)
}

.logo {
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);
	opacity: 0;
	cursor: pointer;
	position: absolute;
	z-index: 10;
	max-width: 120px;
	right: 38px;
	top: 30px
}

@media screen and (max-width: 700px) {
	.logo {
		left: 20px;
		top: 15px
	}
}

.logo.visible {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1
}

.logo.visible:hover {
	-webkit-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05)
}

@media screen and (max-width: 700px) {
	.logo.visible {
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-transform: scale(.66, .66);
		-ms-transform: scale(.66, .66);
		transform: scale(.66, .66)
	}

	.logo.visible:hover {
		-webkit-transform: scale(.69, .69);
		-ms-transform: scale(.69, .69);
		transform: scale(.69, .69)
	}
}

.logo .tagline {
	padding: 30px;
	color: #f5f5f5;
	text-shadow: 0 3px 2px #1a3787;
	white-space: nowrap;
	font-size: 23px;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	display: inline-block;
	left: 50%;
	top: 56%
}

.logo img {
	width: 100%;
	position: relative;
	left: 0;
	top: 0
}

.preloader-section.active ~ .modals .loading-spinner.active {
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);
	opacity: 0
}

.preloader-section .logotype-wrapper {
	position: absolute;
	right: 65px;
	bottom: 35px
}

.preloader-section .logotype-wrapper .buynow {
	display: none
}

.preloader-section .content {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 100%;
	text-align: center;
	display: block;
	position: absolute;
	top: 60%
}

.preloader-section h2,.preloader-section h4 {
	text-shadow: 0 3px 2px #1a3787
}

.preloader-section h4 {
	color: #fed53b;
	font-size: 17px
}

.preloader-section h2 {
	margin: 30px 0;
	line-height: 72px;
	color: #f5f5f5;
	font-size: 84px
}

.preloader-section .character {
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%
}

.preloader-section .character img {
	-webkit-transition: all .5s cubic-bezier(.6, 0, .37, 1);
	transition: all .5s cubic-bezier(.6, 0, .37, 1);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate(-54%, -50%);
	-ms-transform: translate(-54%, -50%);
	transform: translate(-54%, -50%);
	opacity: 0;
	position: absolute
}

.preloader-section .character img.active {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
	opacity: 1
}

.preloader-section .bar {
	display: inline-block;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAVCAMAAABCHOPWAAAAGFBMVEX///9MaXH///////////////////////+90lCmAAAACHRSTlP+AKPWaD0QI/6/d2wAAAEmSURBVHja7ZjbisMwDAVlXf//j9f2IZZKYNNSAu16J8XQeUlGtaGE2hV+UL9WEwUYS5ZJpnBNlknSMIAJLhQj84IxSdIQ4TMMdeaCeKfkbAS3+XhjV8b/Yvb1IKKv1OTdbElgvAiG4eQZo4fRxW9H4/H42ME6dBG+KNnRdsJmNhPZntm6WzZTU5K9snVme4qdstt/9i7ZumM2M7L3g/C/ZrtsHPENs40I2DQsHQYxjTLQjk9jOrAJTAx88C3Z/pgtlJxNvGLkAIYLjoEW2sQMROfmsy0XkR9jJE770WFAHZ92DMCs7di9E1x9WWILhdKD/JU4KY9y+yBwd3rbBLW7cPeYrHmbJufxwTDLwm/LdmrfgQ9OL+ZUYcp2ZBgGMi6YYzuOpf0AoucaHAYgRi4AAAAASUVORK5CYII=');
	background-size: 100% 100%;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	height: 25px;
	width: 250px
}

.preloader-section .bar .wrapper {
	-webkit-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	overflow: hidden;
	position: absolute;
	bottom: 6px;
	right: 6px;
	left: 6px;
	top: 6px
}

.preloader-section .bar .progress {
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	transform: translate(100%, 0);
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAAAMBAMAAABYR/9yAAAAGFBMVEX/zCj/zib/zCj/zCj/zCj/zCj/zCj/zChIPd4RAAAACHRSTlP8A+vSKFSGrvP5Pt4AAAIBSURBVHgBrc5Jj6tWEEDho7rSY10KvGxL4GGLcA/rK4N7G2Ljt+xum2FLPP79BDvznNCHGS6fCv3LvP5UeLvNc69a5MVmeIiq+4eiKir/EQJ6b3UOu/75+NjZd4VfnV6kXAf6OfFVvlF9mxZVvSR+D/dJxywvVN+CH4ywn6fBISk/QkD1y6X14ZvbGvAM9e6SBju3eQv80hWL/ac8TB93SdDD+5c4jXl6OpZROtV18wLMk3k1XvCKai80nZEBkiHPJoixMNn0wVpSd63syXAxXNJnjKOzes1DYUkPLJLZIR0tvCsaptwIA8T4VUfmJjjpJDMkg+N8h7neSZtJs0cAsuNAjxWGQSID+73A3RRA5CiJiaSQND04y5B4foQYkOSQCaOFUtHPiAAsYhOIEbiLv7iS4J4NzoWRZRgQJwcMcLODyXjBK/qVdCC4puqR68G1Nt8agthwBgE5Mt1B4F+QJmXINd8wFJ8zZLQQ3AYJVnLpbOZ1bbN8/Rju67Bnjuv2OAIzCN6oU3jQb3GFMfToB8ZItkY8WpiqolEdXXwU16orqTUstfBhypFp/jUJl4F5TGWLSKlvfFoz5EpdYoLMXrDZaOE2yL38froXts2qLTW6Nk3eHhdPRTxfYoFGmT32DM1Uo4XFwmnpjqePEND/Un6rqjZeVYt227Y+anL/EcL3K2HXYr2NvPwAAAAASUVORK5CYII=');
	background-size: 100% 100%;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

.tutorial-el {
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: scale(0) translate(0, -50%);
	-ms-transform: scale(0) translate(0, -50%);
	transform: scale(0) translate(0, -50%);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	opacity: 0;
	position: absolute;
	display: inline-block;
	text-shadow: 0 3px 2px #1a3787;
	font-size: 25px;
	color: #fff
}

.tutorial-el:before {
	content: "";
	position: absolute;
	background-image: url('../../images/icons/nav/arrow.png');
	background-repeat: no-repeat;
	height: 35px;
	width: 31px
}

.tutorial-el.active {
	-webkit-transform: scale(1) translate(0, -50%);
	-ms-transform: scale(1) translate(0, -50%);
	transform: scale(1) translate(0, -50%);
	opacity: 1
}

.section {
	-webkit-transition: all .3s cubic-bezier(.6, 0, .37, 1);
	transition: all .3s cubic-bezier(.6, 0, .37, 1);
	-webkit-transform: scale(1.25, 1.25);
	-ms-transform: scale(1.25, 1.25);
	transform: scale(1.25, 1.25);
	opacity: 0;
	display: block;
	overflow: hidden;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

.section.active {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1
}

.section.not-visible,.section>.not-visible {
	pointer-events: none;
	display: none
}

.logotype-wrapper img {
	width: 175px;
	height: 124px
}

#locale-selector-element {
	letter-spacing:initial
}