article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:0.0625rem dotted;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:0.0625rem solid #c0c0c0;margin:0 0.125rem;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

/*** Main blocks ***/

html,
body,
form,
.step {
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}

body {
	position: relative;
	font-weight: 300;
	color: #1a1a1a;
	background-color: #e9ebee;
	-webkit-transition: background-color .1s ease-out 1s;
	-moz-transition: background-color .1s ease-out 1s;
	-o-transition: background-color .1s ease-out 1s;
	transition: background-color .1s ease-out 1s;
}

body.is--yellowbg{
	background:#fff
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
}

button, a, .captcha__item{
	-webkit-tap-highlight-color: transparent;
	outline: 0;
}

strong {
	font-weight: 700;
}

.container {
	position: relative;
	width: 96%;
	max-width: 520px;
	padding: 10px;
	background: #ffffff;
	margin: 0px auto;
	margin-top: 20px !important;
	-webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.3);
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	-webkit-transition: transform 0.4s ease;
	-moz-transition: transform 0.4s ease;
	-o-transition: transform 0.4s ease;
	transition: transform 0.4s ease;
}
.avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-size: cover;
	display: inline-block;
	vertical-align: top;
	font-weight: 300;
}
.profile {
	display: inline-block;
	font-size: .75rem;
	color: #929292;
	vertical-align: top;
	margin-left: 10px;
	line-height: 1.25rem;
	font-weight: 300 !important
}
.profile strong {
	color: #000;
	font-weight: 700;
}

.icons {
	display: inline-block;
	color: #898989;
	font-size: .75rem;
}
.icons img {
	width: 26px;
	height: auto;
	margin: 0 2px;
}
.icons span {
	position: relative;
	top: -8px;
}
.shares {
	float: right;
	color: #898989;
	font-size: .65rem;
	margin: 5px 0 0;
}
.shares span {
	padding: 10px 10px;
}
.step__buttons {
	padding-top: 1rem;
	text-align: center
}

footer {
	position: fixed;
	bottom: 0;
	z-index: 100;
	background: #fafafa;
	border-top: 1px solid #c7c7c7;
}
.fixfixed footer {
	position: absolute;
}
@media (max-width: 800px) {
	.fixfixed footer {
	    display: none;
	}
}

footer,
footer > * {
	padding: 0 !important;
	margin: 0;
}

footer a {
	font-size: 0.625rem;
	text-decoration: none;
	color: #000;
	-webkit-transition: color .6s ease-in-out;
	-moz-transition: color .6s ease-in-out;
	-o-transition: color .6s ease-in-out;
	transition: color .6s ease-in-out;
}

.wrapper {
	width: 100%;
	max-width: 20.2rem;
	margin: 0 auto;
}

/*** Step block ***/
.step {
	position: absolute;
	margin: 0 auto;
	text-align: center;
	-webkit-transition: transform 0.4s ease;
	-moz-transition: transform 0.4s ease;
	-o-transition: transform 0.4s ease;
	transition: transform 0.4s ease;
	background-repeat: no-repeat;
	background-size: cover;
}

.step[data-step="1"],
.step[data-step="7"],
section {
	color: #1a1a1a;
}

.step[data-step="13"].is--overlayed .girl__overlay:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.83);
}

.step_black {
	background: rgba(0, 0, 0, 0.83);
	z-index: 200;
}

@media screen and (orientation: landscape){
	.step_black {
		height: auto;
	}
	.step {
		padding-bottom: 130px !important;
	}
}


.step__logo {
    height: auto;
    margin-top: 2.4rem;
}

.step__title {
	margin: .5rem 0;
	font-size: 1.25rem;
	line-height: 1.25rem;
}

.intro__bg__content {
	margin: 0px auto;
	text-align: left;
	padding: 10px;
	border: 1px solid #bdbec1;
}
.step__warning {
	margin: 1.4rem 0 0;
	font-size: 1rem;
	text-align: center;
	width: 100%;
}
.step__warning strong {
	font-weight: 800 !important
}

.step__text {
	margin: 0 auto;
	padding: 5px 0 !important;
}

.step__text--1{
	margin-bottom: .75rem;
}

.step__text--2, .step__text--3{
	margin-bottom: .9rem;
}

.step__text--4, .step__text--5{
	margin-bottom: .6rem;
}

.step__text--6, .step__text--7, .step__text--8, .step__text--9, .step__text--10{
	margin-bottom: .7rem;
}

.step__free {
	margin: 2.1rem auto 2rem;
	font-size: 3.5rem;
	line-height: 1.5rem;
	text-transform: uppercase;
	color: #248df9;
	font-weight: 700
}

.step__free strong {
}

.step__label {
	display: block;
	font-size: 1.15rem;
	line-height: 1.325rem;
	text-align: left;
	padding: .5rem 0;
}
.pull-center {
	text-align: center;
	padding: 10px 0 !important;
}
.step[data-step="12"] .step__label {
	margin-top: 10px !important;
}

.step__label__robot--1{
	margin: 0.857rem 0 0.5rem;
	font-size: 1.428rem;
	color: #0061bc;
	text-align: center
}

.step__label__robot--2{
	max-width: 90%;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 0.428rem;
	font-size: 0.857rem;
	text-align: center
}

.step__label__robot--3{
	font-size: 1.125rem;
	color: #eb55ff;
	text-align: center
}

.step__label__password{
	max-width: 96%;
	margin: 2.9rem auto 2.214rem;
	font-size: 1.125rem;
	line-height: 1.3;
}

.step__label-small {
	font-size: 0.8125rem;
	line-height: 1.5rem;
	color: #9B9B9B;
}

.step__label-last {
	width: 100%;
	max-width: 19.625rem;
	margin: 0 auto;
}

.step__match {
	margin: 2rem auto 0.375rem;
	font-size: 4.285rem;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.214rem;
}
.step__girls {
	width: 17.0625rem;
	margin: 0 auto 3.3rem;
	background-image: url("snap.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.step[data-step="14"] .step__match {
	color: #000000;
}
.field__input {
    width: 90%;
    padding: 1.0625rem .875rem;
    border: 0;
    font-size: 1rem;
    background-color: #ECECEC;
    letter-spacing: .025rem;
    outline: 0;
    border-radius: .25rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom: 20px;
}
@media (max-width: 420px) {
	.step__match {
		margin: 1rem auto 0.375rem;
		font-size: 1.285rem;
		letter-spacing: normal;
		text-align: center
	}
	.step__girls {
		margin: 0 auto 1rem;
	}
}

.step__girls:before{
	content: '';
	display: block;
	padding-bottom: 45.64%;
}

.step__preferences {
	max-width: 18rem;
	margin: 0 auto 1rem;
	font-size: 1rem;
	color: #fff;
	line-height: 1.875rem;
}

.step__disclaimer {
	width: 100%;
	max-width: 19.7rem;
	margin: 2rem auto 1.5rem;
	font-size: 0.625rem;
	color: #818181;
	letter-spacing: 0.05875rem;
	line-height: 0.9375rem;
	text-transform: uppercase;
}

.step__disclaimer a {
	color: #818181;
}

.step__button {
	width: 100%;
	padding: 1.5rem 0;
	font-size: 1rem;
	line-height: 2.06;
	color: #fff;
	background: #0061bc;
	border: none;
	text-transform: uppercase;
	font-weight: 700;
}

.step__button--1{
}

.step__button--2, .step__button--4{
	padding: 0.857rem;
	width: 95%;
	max-width: 480px;
}

.step__button--3, .step__button--5{
	padding: 0.928rem;
}

.step__button:focus {
	outline: none;
}

.step__button_extra {
	margin-top: 2rem;
}

.step__button__arrow {
	position: relative;
	height: 1em;
	width: auto;
	top: 0.125em;
	left: 0.1875rem;
}

.step__button--3 .step__button__arrow{
	left: 2.65rem;
}

.step__field__show.is--active .step__field__show__eyeon{
	display: inline-block;
}

.step__field__show.is--active .step__field__show__eyeoff{
	display: none;
}

.step__field__show__eyeon{
	display: none;
}

.step__field__placeholder {
	position: absolute;
	left: 0.214rem;
	top: 0;
	font-size: 1.125rem;
	line-height: 2.0625rem;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	z-index: -1;
}

.step__field__placeholder_active {
	top: -0.5rem;
	font-size: 0.625rem;
	line-height: 0.625rem;
	color: #fff;
}

.step__field__error {
	margin: 1.4rem 0 1.4rem -14%;
	width: 128%;
	font-size: 1.125rem;
	line-height: 1.5625rem;
	color: #DE4926;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center
}

/*** Header element ***/
.header {
	width: 100%;
	text-align: center;
	z-index: 200;
	background:#3c3c3c;
	padding: .5rem 0;
	border-bottom: 1px solid #3c3c3c;
}

.header_absolute {
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	border-bottom: 1px solid #E3E0E0;
}
.likes__container,
.header__container {
	position: relative;
	margin: 0 auto;
	min-height: 40px;
}
.likes__container {
	min-height: 20px;
	text-align: left;
	padding: 8px 10px;
	font-weight: 700
}
.likes__container.address {
	padding: 2px 10px 8px;
}
.likes__container.address IMG {
	position: relative;
	top:5px;
}

.header__container__logo {
	text-align: center;
	margin-top: 10px;
	width: 170px;
	height: auto
}

.header__container__chat {
	position: absolute;
	top: 0.9375rem;
	right: 0;
	width: 1.5625rem;
	height: 1.5625rem;
}

.girl__overlay{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-top: .8rem;
	padding-bottom: 2.5rem;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
}

/*** Buttons element ***/
.step__buttons_extra {
	margin-top: 1.375rem;
}

.step__buttons__button {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 60px;
	margin: 0 1rem;
	cursor: pointer
}

.step__buttons__button_disabled {
	background: #ECEEF4;
}

.step__buttons__button__icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	transition: opacity 0.2s linear;
}

.step__buttons__button__icon:hover{
	opacity: 0.6;
}

.step__buttons__button__icon--yes{
	-webkit-transform: translate(-51%, -46%);
	-moz-transform: translate(-51%, -46%);
	-ms-transform: translate(-51%, -46%);
	-o-transform: translate(-51%, -46%);
	transform: translate(-51%, -46%);
}

.step__buttons__button__icon--no{
	-webkit-transform: translate(-49%, -48%);
	-moz-transform: translate(-49%, -48%);
	-ms-transform: translate(-49%, -48%);
	-o-transform: translate(-49%, -48%);
	transform: translate(-49%, -48%);
}

/*** Girl block ***/
.step__girl {
	position: relative;
	width: 95%;
	height: auto;
	margin: 0 auto;
	background: #000
}
.girl {
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	min-height: 240px;
	margin: 0px auto 0;
	background-color: #000;
}

@media only screen and (min-width: 820px) {
	.girl {
		min-height: 400px;
	}
}

@media only screen and (max-width: 360px) {
	.step__girl {
		max-width: 304px;
	}
	.girl {
		min-height: 200px;
	}
	.step {
		padding-bottom: 70px !important;
	}
}

@media only screen and (max-width: 320px) and (max-height: 440px) {
	.step__girl {
		font-size: 13.5px;
	}
}

@media only screen and (min-width: 400px) {
	.step__girl {
		max-width: 391px;
	}
}

@media only screen and (min-width: 480px) {
	.step__girl {
		max-width: 435px;
	}
}



.girl__info {
	font-size: 0.875rem;
	margin-bottom: 0.875rem;
	text-align: center
}
.girl__info IMG {
	top: 10px;
	position: relative
}

.girl__info__name {
	font-weight: 800
}

.girl__image--0{
	background-image: url("step1.gif");
}

.girl__image--00{
	background-image: url("model_1.png");
}
.girl__image--1{
	background-image: url("model_2.jpg");
}
.girl__image--1 .girl__caption{
	top: 50%;
    margin-top: -6.2rem;
}

.girl__image--2{
	background-image: url("model_3.jpg");
}
.girl__image--2 .girl__caption{
	top: 50%;
	margin-top: -6.2rem;
}

.girl__image--3{
	background-image: url("model_4.jpg");
}
.girl__image--3 .girl__caption{
	top: 50%;
    margin-top: -5.8em;
}

.girl__image--4{
	background-image: url("model_5.jpg");
}
.girl__image--4 .girl__caption{
	top: 50%;
    margin-top: -6.2rem;
}

.girl__image--5{
	background-image: url("model_6.jpg");
}
.girl__image--5 .girl__caption{
	top: 50%;
    margin-top: -6.7rem;
}

.girl__image--6{
	background-image: url("model_8.jpg");
}
.girl__image--6 .girl__caption{
	top: 50%;
    margin-top: -2.2rem;
}

.girl__image--7{
	background-image: url("model_9.jpg");
}
.girl__image--7 .girl__caption{
	top: 50%;
    margin-top: -2.2rem;
}

.girl__image--8{
	background-image: url("model_10.jpg");
}
.girl__image--8 .girl__caption{
	top: 50%;
    margin-top: -2.2rem;
}

.girl__image--9{
	background-image: url("model_11.jpg");
}
.girl__image--9 .girl__caption{
	top: 50%;
    margin-top: -8.1rem;
}


.girl__caption{
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0.5rem 0;
	background: rgba(0,0,0,.7);
	text-align: center;
	font-size: 1.0714rem;
}

/*** Captcha ***/
.captcha{
	overflow: hidden;
	width: 90%;
	max-width: 500px;
	margin: 1.285rem auto 0.714rem;
	padding: 0;
	list-style: none;
	text-align: center;
	font-size: 0;
}

.captcha__item{
	position: relative;
	display: inline-block;
	width: 30%;
	margin-left: 3%;
	margin-bottom: 3%;
	background-repeat: no-repeat;
	background-size: 104%;
	background-position: 25% 25%;
	cursor: pointer;
}
.captcha__item:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.7);
	background-image: url("robot_tick.svg");
	background-repeat: no-repeat;
	background-size: 72%;
	background-position: center;
	opacity: 0;
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}
.captcha__item.is--active:after{
	opacity: 1;
}
.captcha__item:nth-child(3n + 1){
	margin-left: 0;
}

.captcha__item:before{
	content: '';
	display: block;
	padding-bottom: 97%;
}

.captcha__item--1{
		background-image: url("model_7-1.jpg");
}
.captcha__item--2{
		background-image: url("model_7-2.jpg");
}
.captcha__item--3{
		background-image: url("model_7-3.jpg");
}
.captcha__item--4{
		background-image: url("model_7-4.jpg");
}
.captcha__item--5{
		background-image: url("model_7-5.jpg");
}
.captcha__item--6{
		background-image: url("model_7-6.jpg");
}
/*** Results block ***/
.results {
	position: relative;
}

.results__list {
	list-style: none;
	padding: 0;
}

.results__list-single {
	/*min-height: 3rem;*/
	margin: 0;
}

.results__list-multi {
	margin: 0 0 1rem;
}

.results__list-single-step {
	margin: 1.5625rem 0 0;
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: center;
}

.results__list-single-step-big {
	font-size: 1.5rem;
	color: #000;
	font-weight: 800;
}

.results__list-multi-step {
    min-height: 1.5rem;
    margin-bottom: .7rem;
    padding-left: 2.15rem;
    padding-top: 0.3125rem;
    text-align: left;
    font-size: 1.125rem;
    background: url("check.svg") no-repeat scroll;
    background-size: 1.3em 1.2em;
    background-position: 0 0.4375rem;
}

div[data-finish]{
	max-width: 19.6rem;
    margin: 0 auto;
}

.results__link{
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 1rem 1.15625rem;
	font-size: 1rem;
	line-height: 2.06;
	color: #fff;
	background: #0061bc;
	border: none;
	text-decoration: none;
	text-align: center;
}

.french .results__link {
	font-size: 0.8rem;
}

.results__spinner {
	width: 100%;
	margin: 1.78125rem 0;
}

li[data-check="4"] {
	margin-bottom: 3rem;
}

.results__spinner__inner {
	width: calc(100% - 200px);
	color: #9B9B9B;
	padding: 0 100px;
	text-align: center;
}

.results__spinner__inner label {
	font-size: 1rem;
	opacity: 0;
	display: inline-block;
}

.results__spinner__inner label:nth-child(6) {
	-webkit-animation: lol 3s infinite ease-in-out;
	animation: lol 3s infinite ease-in-out;
}

.results__spinner__inner label:nth-child(5) {
	-webkit-animation: lol 3s 100ms infinite ease-in-out;
	animation: lol 3s 100ms infinite ease-in-out;
}

.results__spinner__inner label:nth-child(4) {
	-webkit-animation: lol 3s 200ms infinite ease-in-out;
	animation: lol 3s 200ms infinite ease-in-out;
}

.results__spinner__inner label:nth-child(3) {
	-webkit-animation: lol 3s 300ms infinite ease-in-out;
	animation: lol 3s 300ms infinite ease-in-out;
}

.results__spinner__inner label:nth-child(2) {
	-webkit-animation: lol 3s 400ms infinite ease-in-out;
	animation: lol 3s 400ms infinite ease-in-out;
}

.results__spinner__inner label:nth-child(1) {
	-webkit-animation: lol 3s 500ms infinite ease-in-out;
	animation: lol 3s 500ms infinite ease-in-out;
}

/*** Step effects ***/
.step[data-effect="zoom"] {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.step[data-effect="left"] {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}

.step[data-effect="up"] {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}

.step[data-effect="turn"] {
	-webkit-transform: rotate3d(0, 1, 0, 90deg);
	-moz-transform: rotate3d(0, 1, 0, 90deg);
	-ms-transform: rotate3d(0, 1, 0, 90deg);
	-o-transform: rotate3d(0, 1, 0, 90deg);
	transform: rotate3d(0, 1, 0, 90deg);
}

.step[data-step="1"] {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

@media screen and (orientation: landscape){
	.step {
		height: auto;
	}

	.step[data-step="12"] {
		height: 100%;
	}
}

/*** Keyframes ***/
@-webkit-keyframes lol {
    0% {
		opacity: 0;
		-webkit-transform: translateX(-18.75rem);
	}
	33% {
		opacity: 1;
		-webkit-transform: translateX(0px);
	}
	66% {
		opacity: 1;
		-webkit-transform: translateX(0px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(18.75rem);
	}
} 

@keyframes lol {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-18.75rem);
		transform: translateX(-18.75rem);
	}
	33% {
		opacity: 1;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	66% {
		opacity: 1;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(18.75rem);
		transform: translateX(18.75rem);
	}
}

.botRight{
	display: none;
	background-size: 60px 60px;
	width: 60px;
	height: 60px;
	position: fixed;
	top: 690px;
	right: 7px;
	margin: 0;
	line-height: 20px
}

.stepDots{
	position: absolute;
    top: 70px;
    right: 30px;
    list-style-type: none;
	z-index: 99999;
}
.stepDots LI {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
	margin: 5px 0;
}

.stepDots li.active{
	background: #ff3e6c;
}

/*** Media queries ***/
@media only screen and (max-width: 320px) {
	html {
		font-size: 14px;
	}
}

@media only screen and (max-width: 320px) and (max-height: 440px) {
	html {
		font-size: 13.5px;
	}
}

@media only screen and (min-width: 400px) {
	html {
		font-size: 18px;
	}
}

@media only screen and (min-width: 480px) {
	html {
		font-size: 20px;
	}
}

@media only screen and (max-width: 820px) {
	.botRight{
		top: 400px;
	}
}

@media only screen and (max-width: 680px) {
	.container {
		display: inline-block;
		width: 88% !important;
		padding: 10px;
		margin: 20px 0 0 10px;
		float: left
	}
	.step[data-step="7"] .container,
	.step[data-step="14"] .container {
		float: inherit;
		width: 94% !important;
		margin: 20px auto;
	}
	.profile {
		width: 80%
	}
	span.desktop-only {
		display: none;
	}
}

@media only screen and (max-width: 580px) {
	.container {
		width: 80% !important;
	}
	.profile {
		width: 75%;
	}
}

@media screen and (max-width: 420px) {
	.container {
		width: 85% !important;
	}
	.header {
		padding: 0 !important;
	}
	.stepDots{
		right: 15px;
	}
	.botRight{
		background-size: 30px 30px;
		width: 30px;
		height: 30px;
	}
}
@media screen and (max-width: 380px) {
	.shares span:nth-of-type(1) {
		display: none
	}
}