html * {
	max-height:9999999px;
}
html, body{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #0a4598;
}
body{
	font-family: Arial;
	font-size: 12px;
	-webkit-text-size-adjust: 100%;
}

.trigger-user, img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input, button, :focus{
	outline: none;
}

.header{
	position: fixed;
	z-index: 3;
	width: 100%;
	height: 100px;
}
.logo{
	position: absolute;
	left: 35px;
	top: 17px;
	width: 100%;
}
.logo img{
	width: 100%;
}
.logo-wrapper{
	width: 20%;
	max-width: 217px;
	height: 76px;
}
.social{
	position: absolute;
}
.social.vk {
	right: 20px;
	top: 20px;
}
.social.tg {
	right: 70px;
	top: 20px;
}
.social .item{
	display: block;
	width: 38px;
	height: 38px;
	/*margin: 0 0 16px;*/
	border-radius: 50%;
	color: #0a4598;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	line-height: 38px;
	text-decoration: none;
	transition: background-color 0.7s ease;
}
.social .item:hover {
	background-color: #e51937!important;
}
.social .item.vkontakte {
	background: url("../img/vk.png") no-repeat center, white;
	background-size: 85%;
}
.social .item.tg {
	background: url("../img/tg.png") no-repeat center, white;
	background-size: 105%;
}
.social .facebook{
	font-size: 28px;
}
/*.social .vkontakte{*/
/*	font-size: 20px;*/
/*}*/

.screen{
	position: absolute;
	width: 100%;
	height: 100vh;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	overflow: hidden;
}
.screen-0, .screen-1,.screen-7{
	overflow: visible;
}
.screen.fixed{
	transform: translateY(0);
	-webkit-transform: translateY(0);
}
.screen .img{
	position: absolute;
}
.screen.show{
	transform: translateY(0);
	-webkit-transform: translateY(0);
}
.screen.animate{
	transition: transform 1.3s cubic-bezier(0.300, 0.0, 0.240, 1);
	-webkit-transition: -webkit-transform 1.3s cubic-bezier(0.300, 0.0, 0.240, 1);
}
.screen.animate.animate-before{
	transform: translateY(3%);
	-webkit-transform: translateY(3%);
	transition: transform 0.7s cubic-bezier(0.300, 0.0, 0.240, 1);
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.300, 0.0, 0.240, 1);
}
.screen.animate.animate-after{
	transform: translateY(-3%);
	-webkit-transform: translateY(-3%);
	transition: transform 0.7s cubic-bezier(0.300, 0.0, 0.240, 1);
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.300, 0.0, 0.240, 1);
}
.screen-1.animate.animate-after .man{
	transform: translateY(3%);
	-webkit-transform: translateY(3%);
	transition: transform 0.7s cubic-bezier(0.300, 0.0, 0.240, 1);
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.300, 0.0, 0.240, 1);
}

/* slide 0 */
.screen-0{
	background: #0a4598;
	/*box-shadow: 0 -300px 100px 100px rgba(0,67,156,1);*/
}

.scroll-button-wide{
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	opacity: 0;
	transition: transform 0.4s ease, opacity 0.4s ease;
	-webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s ease;
}
.scroll-wide .scroll-button-wide{
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	opacity: 1;
}

.scroll-button-circle{
	transform: translateX(0);
	-webkit-transform: -webkit-translateX(0);
	transition: transform 0.4s ease;
	-webkit-transition: -webkit-transform 0.4s ease;
}
.scroll-wide .scroll-button-circle{
	transform: translateX(-79px);
	-webkit-transform: translateX(-79px);
}
.scroll-arrow{
	transform: translateX(0);
	-webkit-transform: translateX(0);
	transition: transform 0.4s ease;
	-webkit-transition: -webkit-transform 0.4s ease;
}
.scroll-wide .scroll-arrow{
	transform: translateX(-79px);
	-webkit-transform: translateX(-79px);
}

.scroll-arrow{
	width: 15px;
	height: 16px;
	background: url('../img/arrow.png');
	background-repeat: repeat-y;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 3%;
	margin-bottom: 3px;
	border-radius: 3px;
	box-shadow: inset 0 -2px 3px 2px rgba(10,69,152,1)
}
.screen-0 .arrow{
	animation-name: arrow-animation;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.screen-video .arrow{
	animation-name: arrow-animation;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.screen-4 .scroll-arrow {
	transform: translateX(-78px);
	-webkit-transform: translateX(-78px);
	bottom:132px;
}
.screen-4 .arrow{
	animation-name: arrow-animation;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.screen-video .img4{
	bottom: 3%;
	margin: 0 auto;
	left: 0;
	right: 0;
	cursor: pointer;
}

@keyframes arrow-animation{
    0%  {
			background-position: center 0;
		}
    100% {
			background-position: center 10px;
		}
}
.screen-0 .img0{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 80%;
	transform: translateX(7%);
	-webkit-transform: translateX(7%);
}
.screen-0 .img1{
	top: 10%;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 50%;
	max-width: 798px;
}

.screen-0 .img2{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	transform: translateY(10%) scale(0.6);
	-webkit-transform: translateY(10%) scale(0.6);
}

.screen-0 .img4{
	bottom: 3%;
	margin: 0 auto;
	left: 0;
	right: 0;
	cursor: pointer;
}

/* slide 1 */
.screen-1{
	background: #1b61c3;
	box-shadow: 0 200px 100px 100px rgba(27,97,195,1);
}
.screen-1 .img1{
	top: 10%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 50%;
	max-width: 884px;
}
.screen-1 .img0{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 90%;
	transform: translateY(10%);
	-webkit-transform: translateY(10%);
}
.screen-1 .button-1{
	top: 40%;
	left: 30%;
	margin-left: -100px;
}
.screen-1 .button-2{
	top: 40%;
	right: 30%;
	margin-right: -100px;
}
.screen-1 .button{
	width: 40%;
	max-width: 215px;
	position: absolute;
	cursor: pointer;
}
.screen-1 .button .img{
	position: absolute;
	z-index: 2;
	width: 100%;
	transform: scale(0.85);
	-webkit-transform: scale(0.85);
	transition: transform 0.4s ease;
	-webkit-transition: -webkit-transform 0.4s ease;
}
.screen-1 .button:hover  .img{
	transform: scale(1);
	-webkit-transform: scale(1);
}
.screen-1 .button .btn{
	position: absolute;
	height: 42px;
	width: 80px;
	margin: 0 auto;
	left:0;
	right: 0;
	top: 210px;
}
.screen-1 .button .btn .txt{
	position: absolute;
	width: 100%;
	height: 100%;
	line-height: 42px;
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
}
.screen-1 .button .btn .bg{
	position: absolute;
	height: 42px;
	border-radius: 42px;
	width: 80px;
	background: #0a4598;
}
.screen-1 .button.animation .btn .bg{
	animation-name: animation2;
    animation-duration: 2.3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;

	-webkit-animation-name: animation2;
    -webkit-animation-duration: 2.3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
}

.screen-1 .button:hover .btn .bg{
	background: #e51937;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
/*
.screen-1 .button .btn.animation.stop{
	animation-play-state: paused;
}
*/
@keyframes animation2{
    0%  {
			transform: scale(1);
		}
    50%  {
			transform: scale(1.2);
		}
    100% {
			transform: scale(1);
		}
}
@-webkit-keyframes animation2{
    0%  {
			-webkit-transform: scale(1);
		}
    50%  {
			-webkit-transform: scale(1.2);
		}
    100% {
			-webkit-transform: scale(1);
		}
}

.man{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: transform 1.3s cubic-bezier(0.300, 0.0, 0.240, 1);
	-webkit-transition: -webkit-transform 1.3s cubic-bezier(0.300, 0.0, 0.240, 1);
}
.man-wrapper{
	width: 100%;
	max-width: 399px;
	height: 60%;
	max-height: 539px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	top: 15%;
}
.man .img{
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 1;
}
.man1 .img.hidden, .man2 .img.hidden{
	opacity: 0;
}

.man.screen1{
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.man.screen2{
	transform: translateY(0);
	-webkit-transform: translateY(0);
}
.man.screen3{
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
}
.scroll-trigger{
	width: 55px;
	height: 55px;
	position: absolute;
	left: 0;
	right: 0;
	top: -3%;
	margin: 0 auto;
	margin-top: -55px;
	cursor: pointer;
	z-index: 3;
	display:none;
}

.scroll-trigger-video{
	width: 55px;
	height: 55px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 3%;
	margin: 0 auto;
	margin-top: -55px;
	cursor: pointer;
	z-index: 3;
	display:none;
}

/* not joined */
.screen-2{
	background: #2aacfc;
}
.screen-2.shadow{
	box-shadow: 0 -50px 30px 200px rgba(42,172,252,1);
}
.screen-2 .img0{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 90%;
	max-width: 1419px;
}
.screen-2 .img1{
	top: 10%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 50%;
	max-width: 587px;
}
.screen-2 .text{
	position: absolute;
	width: 90%;
	max-width: 600px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 15%;
	margin-top: 150px;
	font-family: Ubuntu;
	font-weight: 500;
	font-size: 16px;
	color: white;
	text-align: center;
	text-transform: uppercase;

}
@media only screen and (max-width: 800px){
	.screen-2 .text{
		margin-top: 80px;
	}
}
.features{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 20%;
	margin-top: 180px;
	width: 90%;
	/*max-width: 1014px;*/
	max-width: 1200px;
}
@media only screen and (max-width: 800px){
	.features{
		margin-top: 110px;
	}
}
.features:after{
	content: "";
	display: table;
	clear: both;
}
.features .item{
	float: left;
	width: 25%;
}
.features .image{
	height: 140px;
	text-align: center;
	margin: 0 0 10px;
}
.features .image img{
	width: 100%;
	max-width: 160px;
}

.features .txt{
	font-family: Ubuntu;
	font-size: 15px;
	color: #003e7e;
	font-weight: 400;
	text-align: center;
	padding: 0 25px;
}
@media only screen and (max-width: 600px){
	.features .txt{
		display: none;
	}
	.features{
		margin-top: 200px;
	}
}
.features .txt big{
	text-transform: uppercase;
	font-weight: 600;
}
@media only screen and (max-width: 1000px){
	.features .txt{
		font-size: 12px;
	}
}
@media only screen and (max-width: 700px){
	.features .txt{
		font-size: 10px;
	}
}

.buttons{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 3%;

	text-align: center;
	font-family: Ubuntu;
	font-weight: 500;
	font-size: 17px;
	color: white;
	text-transform: uppercase;
}
.buttons .wrap{
	margin: 0 0 20px;
}
.buttons .btn{
	display: inline-block;
	padding: 25px 30px;
	border-radius: 60px;
	background: #e51937;
	font-family: Ubuntu;
	font-weight: 500;
	font-size: 17px;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
}
.buttons .btn.try{
	background: #004993;
	cursor: pointer;
}

@media only screen and (max-height: 850px){
	.screen-2 .features{
		transform: scale(1) translateY(0%);
		-webkit-transform: scale(1) translateY(0%);
	}
	.screen-2 .buttons{
		transform: scale(0.8) translateY(20%);
		-webkit-transform: scale(0.8) translateY(20%);
	}
}
@media only screen and (max-height: 800px){
	.screen-2 .text{
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
		top: 12%;
	}
	.screen-2 .features{
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		top: 12%;
	}

	.screen-2 .img.img1 {
		top:5%;
	}

	.screen-2 .text {
		top:6%;
	}

	.screen-2 .features {
		top:10%;
	}

	.screen-2 .buttons {
		bottom:auto;
		top:61%;
	}
	.screen-2 .buttons .wrap{
		display:inline-block;
		margin:0 10px 20px 10px;
	}
	.screen-2 .buttons{
		transform: scale(0.7) translateY(30%);
		-webkit-transform: scale(0.7) translateY(30%);
	}
}
@media only screen and (max-height: 670px){
	.screen-2 .text{
		transform: scale(0.9);
		-webkit-transform: scale(0.8);
		top: 12%;
	}
	.screen-2 .features{
		transform: scale(0.6) translateY(-40%);
		-webkit-transform: scale(0.6) translateY(-40%);
		top: 17%;
	}
	.screen-2 .buttons{
		transform: scale(0.6) translateY(30%);
		-webkit-transform: scale(0.6) translateY(30%);
	}
}

/* main slides */
.screen-3{
	background: #fcaf2a;
}
.screen-3.shadow{
	box-shadow: 0 -50px 30px 200px rgba(252,175,42,1);
}
.screen-3 .img0{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 80%;
	max-width: 1419px;
	transform: translateY(-20%);
	-webkit-transform: translateY(-20%);
}
.screen-3 .img1{
	top: 5%;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 50%;
	max-width: 547px;
}

.screen-3 .img2{
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	top: 20%;
	width: 70%;
	max-width: 1028px;
	margin: 0 auto;
}
.screen-3 .img2 .bg{
	width: 100%;
	position: relative;
	margin: 0 auto;
}
.screen-3 .img2 .bg.platinum{
	position: absolute;
	opacity: 1;
	transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
}
.screen-3 .img2 .bg.platinum.hide{
	opacity: 0;
}
.screen-3 .user{
	width: 100%;
	position: absolute;
	top: 0;
}
.users .user{
	opacity: 0;
	transition: opacity 0.7s ease;
	-webkit-transition: opacity 0.7s ease;
}
.users .user.active{
	opacity: 1;
}
.trigger-user{
	position: absolute;
	top: 15%;
	height: 85%;
	cursor: pointer;
}

.level{
	position: absolute;
	width: 30%;
	opacity: 0;
	transition: opacity 0.7s ease;
	-webkit-transition: opacity 0.7s ease;
}
.level img{
	width: 100%;
}
.level.active{
	opacity: 1;
	cursor: pointer;
	z-index: 3;
}
.level-1{
	max-width: 230px;
	left: 8%;
}
.level-2{
	max-width: 230px;
	left: 22%;
}
.level-3{
	max-width: 269px;
	left: 36%;
}
.level-4{
	max-width: 230px;
	left: 51%;
}
.level-5{
	max-width: 280px;
	left: 69%;
}
.level img{
	transform: translateX(-30%);
	-webkit-transform: translateX(-30%);
}

.trigger-user-1{ left: 8%; width: 14%; }
.trigger-user-2{ left: 22%; width: 12%; }
.trigger-user-3{ left: 34%; width: 16%; }
.trigger-user-4{ left: 50%; width: 16%; }
.trigger-user-5{ left: 66%; width: 18%; }

/* slide 4 */
.screen-4{
	background: #4cbafe;
}
.screen-4 .img0{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 90%;
	max-width: 1401px;
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}
.screen-4 .img1{
	top: 10%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 50%;
	max-width: 508px;
}
.screen-4 .img2{
	top: 50%;
	left: 40px;
	width: 20%;
	max-width: 180px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.screen-4 .img3{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 50%;
	max-width: 809px;
}
.calc{
	position: absolute;
	top: 42%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: auto;
	background: #2aacfc;
	width: 100%;
	max-width: 730px;
	border-radius: 50px;
	padding-bottom: 46px;
	color: #0a4598;
	font-family: Ubuntu;
	box-sizing: border-box;
}
.calc .tr{
	width: 100%;
	margin: 0 0 40px;
}
.calc .tr:after{
	display: table;
	content: "";
	clear: both;
}
.calc .label{
	position: relative;
	float: left;
	width: 34%;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	white-space: nowrap;
}
.calc .field{
	width: 66%;
	float: left;
	position: relative;
}
.calc .bubble-wrapper{
	position: absolute;
	left: -115px;
	z-index: 3;
	width: 215px;
	padding-top: 39px;
	background: url('../img/bubble-additional.png') no-repeat 140px 0;
	white-space: normal;
}
.calc .bubble-wrapper.hide{
	display: none;
}
.calc .bubble{

	background: #93d4fc;
	font-size: 14px;
	line-height: 18px;
	text-transform: none;
	font-weight: 400;
	color: white;
	padding: 13px 30px;
	width: 165px;
	border-radius: 90px;
	text-align: center;
}
.calc .button{
	margin-top: 40px;
	margin-left: 35px;
	margin-right: 35px;
}
.calc .button button{
	width: 100%;
	background: #e51937;
	border: none;
	font-size: 35px;
	color: white;
	text-transform: uppercase;
	padding: 10px 30px 11px;
	border-radius: 50px;
	font-weight: 600;
	outline: none;
}
.calc .info{
	margin-right: 7px;
	cursor: pointer;
}
.calc .slider{
	padding-top: 8px;
}
.calc-header {
	height: 69px;
	padding: 10px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	padding-left: 35px;
	padding-right: 35px;
	border-bottom: 2px solid #4cbafe;
	position: relative;
}
.calc-header .plain-img  {
	width:63px;
	height:64px;
}
.calc-header-title {
	font-family: Ubuntu;
	font-size: 15.5px;
	font-weight: 700;
	text-transform: uppercase;
	padding:30px 0;
}
.calc-header-icons {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-left: 28px;
	z-index: 1;
}
.calc-header-icons-item {
	cursor: pointer;
	position: relative;
}
.calc-header-icons-item:not(:first-child) {
	margin-left: 12px;
}
.calc-header-icons-item.visible {
	display: inherit;
}
.calc-header-icons-close {
	width: 22px;
	height: 21px;
	background: url("../img/button-close.png") 0 0 no-repeat;
	position: absolute;
	top: -2px;
	right: -3px;
	z-index: 999;
	display:none;
}
.calc-header-icons-close.active {
	display: block;
}
.calc-header-miles {
	padding: 12px 11px 12px 39px;
	background-color: #1b5bb2;
	border-radius: 50px;
	margin: 12px 0 12px -30px;
	height:20px;
}
.calc-header-miles-text {
	color: #fff;
	font-size: 16px;
	font-weight:bold;
}
.calc-header-button-plus {
	width: 63px;
	height: 62px;
	background: url("../img/button-plus.png") 0 0 no-repeat;
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 35px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.calc-center {
	margin-left: 35px;
	margin-right: 35px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.calc-center-item {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-top: 35px;
}
.calc-center-item-icon {
	margin-right: 6px;
	cursor: pointer;
	position:relative;
	border:solid 1px transparent;
	border-radius:30px;
}
.calc-center-item-icon.hidden {
	display:none;
}
.calc-center-item-plus {
	margin-right: 6px;
	cursor: pointer;
}
.calc-center-item-plus.hidden {
	display:none;
}
.calc-center-item-title {
	font-family: Ubuntu;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	margin-top: 4px;
}
.calc-center-item-count {
	background-color: #1b5bb2;
	border-radius: 50px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 5px 12px 6px;
	display: inline-block;
	margin-top: 8px;
	font-weight: 700;
}

.screen-4 .img4 {
	bottom: 133px;
	left: 0;
	right: 0;
	margin: 0 auto;
	cursor: pointer;
}


.slider-with-icon .main-slider{
	width: 86%;
	margin-left: 7%;
}
.main-slider{
	width: 78%;
	margin-left: 11%;
}
.slider3 .main-slider{
	width: 88%;
	margin-left: 11%;
}
.slider4 .main-slider{
	width: 70%;
	margin-left: 15%;
}
.slider8 .main-slider{
	width: 78%;
	margin-left: 11%;
}

.ui-slider .ui-slider-handle{
	height: 38px;
	width: 100px;
	padding: 0;
	top: -12px;
	color: #0a4598;
	line-height: 38px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
}
.ui-slider-horizontal .ui-slider-handle{
	margin-left: -50px;
}


.ui-widget-content .ui-state-default.image-1{
	background: white url("../img/icon-1.png") no-repeat center;
}
.ui-widget-content .ui-state-default.image-2{
	background: white url("../img/icon-2.png") no-repeat center;
}
.ui-widget-content .ui-state-default.image-3{
	background: white url("../img/icon-3.png") no-repeat center;
}
.ui-widget-content .ui-state-default.image-4{
	background: white url("../img/icon-4.png") no-repeat center;
}
.ui-widget-content .ui-state-default.image-5{
	background: white url("../img/icon-5.png") no-repeat center;
}
.ui-widget-content .ui-state-default.image-6{
	background: white url("../img/icon-6.png") no-repeat center;
}

.ui-slider-handle {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.slider-with-icon .ui-slider .ui-slider-handle{
	width: 62px;
	height: 38px;
	top: -12px;
	background: url('../img/slider-icon.png') no-repeat !important;
}
.slider-with-icon .ui-slider-horizontal .ui-slider-handle{
	margin-left: -31px;
}

.slider3 .ui-slider .ui-slider-handle{
	width: 55px;
	height: 55px;
	border-radius: 100%;
	top: -20px;
}
.slider-3 .ui-slider-horizontal .ui-slider-handle{
	margin-left: -23px;
}

.slider4  .ui-slider-horizontal .ui-slider-handle{
	margin-left: -60px;
}
.slider4  .ui-slider .ui-slider-handle{
	background: #e51937;
	color: white;
	width: 120px;
}


.ui-widget-content .ui-state-default{
	background: white;
	border: none;
	border-radius: 20px;
	outline: none;
	cursor: pointer;
}
.ui-slider-handle:hover{
	background: white;
}
.ui-slider{
	background: none !important;
	border: none !important;
}
.main-slider-wrapper{
	background: #d4eefe;
	border-radius: 10px;
	height: 13px;
}


/* slide 5 */
.screen-5{
	background: #2aacfc;
}
.screen-5 .img0{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 90%;
	max-width: 1421px;
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}
.screen-5 .img1{
	top: 10%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 50%;
	max-width: 575px;
}
.screen-5 .img2{
	top: 50%;
	left: 40px;
	width: 20%;
	max-width: 197px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.screen-5 .img3{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 50%;
	max-width: 729px;
}
.screen-5 .img4{
	bottom: 0;
	right: 10%;
	width: 50%;
	max-width: 479px;
}
.screen-5 .img5{
	top: 22%;
	left: 0;
	right: 0;
	margin: auto;
	width: 30%;
	max-width: 657px;
}

.tabs{
	width: 1000px;
	position: absolute;
	left: 50%;
	right: 0;
	top: 14%;
	margin-top: 90px;
	margin-left: -500px;
	text-align: center;
}
.tabs .item{
	display: inline-block;
	position: relative;
	width: 98px;
	height: 98px;
	margin: 0 6px;
	border-radius: 100%;
	box-shadow: 0 0 0 0 rgba(10,69,152,0);
	transition: box-shadow 0.2s ease, transform 1s ease;
	-webkit-transition: box-shadow 0.2s ease, -webkit-transform 1s ease;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	cursor: pointer;
}
.tabs .item.active,
.tabs .item:hover{
	box-shadow: 0 0 0 7px rgba(10,69,152,1);
	transition: box-shadow 0.4s ease, transform 1s ease;
	-webkit-transition: box-shadow 0.4s ease, -webkit-transform 1s ease;
}
.tabs .item .circle{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 88px;
	height: 88px;
	border-radius: 100%;
	cursor: pointer;
	box-shadow: 0 0 0 0 rgba(255,255,255,1);
	transition: box-shadow 0.4s ease;
	-webkit-transition: box-shadow 0.4s ease;
}
.tabs .item.active .circle,
.tabs .item:hover .circle{
	box-shadow: 0 0 0 5px rgba(255,255,255,1);
	transition: box-shadow 0.2s ease;
	-webkit-transition: box-shadow 0.2s ease;
}



.tabs .icon1{ background: white url('../img/ico1.png') center; }
.tabs .icon2{ background: white url('../img/ico2.png') center; }
.tabs .icon3{ background: white url('../img/ico3.png') center; }
.tabs .icon4{ background: white url('../img/ico4.png') center; }
.tabs .icon5{ background: white url('../img/ico5.png') center; }
.tabs .icon6{ background: white url('../img/ico6-1.png') center; }


.tabs.start-screen .item-1{
	transform: translate(-20px,330px);
	-webkit-transform: translate(-20px,330px);
}
.tabs.start-screen .item-2{
	transform: translate(-55px,138px);
	-webkit-transform: translate(-55px,138px);
}
.tabs.start-screen .item-3{
	transform: translate(7px, 25px);
	-webkit-transform: translate(7px, 25px);
}
.tabs.start-screen .item-4{
	transform: translate(100px, 40px);
	-webkit-transform: translate(100px, 40px);
}
.tabs.start-screen .item-5{
	transform: translate(147px,172px);
	-webkit-transform: translate(147px,172px);
}
.tabs.start-screen .item-6{
	transform: translate(80px, 377px);
	-webkit-transform: translate(80px, 377px);
}

.tabs.start-screen .big-icon{
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
}
.tabs .big-icon{
	position: absolute;
	opacity: 0;
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
	transition: transform 1s ease, opacity 1.5s ease;
	-webkit-transition: -webkit-transform 1s ease, opacity 1.5s ease;
}
.tabs .big-icon1{
	left: -38px;
	top: -37px;
}
.tabs .big-icon2{
	left: -44px;
	top: -33px;
}
.tabs .big-icon3{
	left: -45px;
	top: -33px;
}
.tabs .big-icon4{
	left: -28px;
	top: -32px;
}
.tabs .big-icon5{
	left: -47px;
	top: -33px;
}
.tabs .big-icon6{
	left: -49px;
	top: -46px;
}

.figures{
	position: absolute;
	height: 485px;
	width: 40%;
	max-width: 360px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	transition: transform 1s ease;
	-webkit-transition: -webkit-transform 1s ease;
}
.figures.moved{
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	display:none;
}

.figure{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.figure .img{
	width: 100%;
	position: absolute;
	bottom: 0;
}
.figure.active{
	opacity: 1;
}

.popups{
	position: absolute;
	left: 0;
	right: 0;
	top: 20%;
	margin: 180px auto 0;
	max-width: 730px;
	width: 50%;
}
.popups .popup{
	background: #4cbafe;
	border-radius: 40px;
	padding: 9px;
	opacity: 0;
	position: absolute;
	width: 100%;
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
}
.popups .popup.active{
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	z-index: 2;
}
.popups .title{
	background: #2aacfc;
	border-radius: 60px;
	height: 64px;
	font-size: 24px;
	color: #0a4598;
	text-align: center;
	font-weight: 700;
	line-height: 64px;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	padding: 0 70px;
}
.popups .back{
	position: absolute;
	left: 6px;
	top: 6px;
	cursor: pointer;
}

.popup-container .back-gain {
	position: absolute;
	left: 16px;
	top: 16px;
	cursor: pointer;
}

.back-close {
	position: absolute;
	right: -24px;
	top: -24px;
	cursor: pointer;
}

.popups .button{
	display: inline-block;
	background: #e51937;
	color: white;
	font-family: Ubuntu;
	text-transform: uppercase;
	font-size: 32px;
	font-weight: 600;
	padding: 9px 50px 9px 50px;
	border-radius: 30px;
	cursor: default;
	position: relative;
	margin-right: 50px;
	white-space: nowrap;
}

.popups .button img{
	height:19px;
}

.button-icon{
	display:none;
	position: absolute;
	right: -40px;
	top: 50%;
	margin-top: -19px;
}
.popup .content{
	padding: 20px;
	position: relative;
	min-height: 180px;
}
.popup .content.with-image{
	padding-right: 180px;
}
.popup .content.with-image .text{
	padding-top: 10px;
	padding-right: 100px;
	margin: 0 0 20px;
}
.popup .content .image{
	position: absolute;
	right: 20px;
	top: 20px;
}
.popup .text{
	font-family: Ubuntu;
	font-size: 14px;
	font-weight: 400;
	color: white;
	text-align: center;
	padding: 0 20px;
}

.popup .text a:link, .popup .text a:visited{
	color:#ffffff;
}

.popup .on-off{
	position: absolute;
	right: 20px;
	top: 60px;
	width: 210px;
	height: 122px;
	background: url('../img/popup-image-off.png');
}
.popup .on-off.on{
	background: url('../img/popup-image-on.png');
}
.popup .on-off-trigger{
	position: absolute;
	width: 100px;
	height: 40px;
	top: 38px;
	cursor: pointer;
}
.popup-slider-container{
	 padding-top: 15px;
	 margin-right: 80px;
	 margin-bottom: 40px;
}

.popup1 .text{
	margin: 0 0 38px;
}
.popup2 .text{
	padding-right: 100px;
}
.popup2 .selectors{
	position: relative;
	height: 50px;
	margin: 30px 250px 60px 0;
}

/* slide 6 */
.screen-6{
	background: #0a4598;
}
.screen-6 .img0{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 90%;
	max-width: 1378px;
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}
.screen-6 .img1{
	top: 10%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 50%;
	max-width: 677px;
}
.screen-6 .img2{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 90%;
	max-width: 856px;
}
.screen-6 .img3{
	top: 30%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 60%;
	max-width: 554px;
}
.screen-6 .img4{
	top: 70%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 90%;
	max-width: 616px;
}
.offers{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 320px;
	height: 221px;
}
.offer{
	width: 320px;
	position: absolute;
	background: #063474;
	border-radius: 20px;
	transition: transform 1s ease, opacity 1s ease;
	-webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
	overflow: hidden;

}
.offer.prevprev{
	transform: scale(0.85) translateX(-118%);
	-webkit-transform: scale(0.85) translateX(-118%);
	background: #063474;
	cursor: pointer;
}
.offer.prevprev .image{
	opacity: 0.25;
}
.offer.nextnext{
	transform: scale(0.85) translateX(118%);
	-webkit-transform: scale(0.85) translateX(118%);
	background: #063474;
	cursor: pointer;
}
.offer.nextnext .image{
	opacity: 0.25;
}
.offer .image{
/*
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
*/
}
.offer .image img{
	display: block;
	position: relative;
}
.offer .txt{
	font-family: Ubuntu;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: white;
	background: rgba(15,63,135,0.8);
	padding: 5px 12px;
	border-radius: 20px;
	position: absolute;
}
.offer .title{
	left: 7px;
	top: 7px;
}
.offer .miles{
	right: 7px;
	top: 7px;
	z-index: 10;
}
.offer.prev,
.offer.next{
	cursor: pointer;
	z-index: 100;
}
.offer.prev{
	transform: scale(0.85) translateX(-118%);
	-webkit-transform: scale(0.85) translateX(-118%);
}
.offer.next{
	transform: scale(0.85) translateX(118%);
	-webkit-transform: scale(0.85) translateX(118%);
}
.offer .image{
	width: 100%;
	display: block;
}
.offer.next .image,
.offer.prev .image{
	opacity: 0.25;
}
.offer.current{
	z-index: 200;
	cursor: pointer;
}
.prev-arrow,.next-arrow{
	position: absolute;
	top: 50%;
	margin-top: -11px;
	z-index: 200;
}
.prev-arrow{
	right: 15px;
	transform: scale(1.176);
	-webkit-transform: scale(1.176);
}
.next-arrow{
	left: 15px;
	transform: scale(1.176);
	-webkit-transform: scale(1.176);
}
.offer.prev .arrow,
.offer.next .arrow{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.offer.prev .arrow{
	background: url('../img/prev-arrow.png') no-repeat 87% 50%;
	transform: scale(1.176);
	-webkit-transform: scale(1.176);
}
.offer.next .arrow{
	background: url('../img/next-arrow.png') no-repeat 13% 50%;
	transform: scale(1.176);
	-webkit-transform: scale(1.176);
}
.offer-note{
	font-size: 12px;
	font-family: Ubuntu;
	font-weight: 500;
	color: white;
	text-transform: uppercase;
	margin-top: 10px;
}
.offer-note p {
	margin: 0;
}
.subscribe{
	display:none;
	position: absolute;
	left: 0;
	right: 0;
	width: 90%;
	max-width: 650px;
	margin: 140px auto 0;
	top: 55%;
	text-align: center;
}
.subscribe .txt{
	font-size: 19px;
	font-family: Ubuntu;
	font-weight: 500;
	color: white;
	text-transform: uppercase;
	margin: 0 0 20px;
}
.subscribe .input{
	width: 300px;
	padding: 0 30px;
	height: 56px;
	border-radius: 56px;
	border: none;
	margin-right: 10px;
}
.subscribe input{
	font-family: Ubuntu;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}
.subscribe .submit{
	border: none;
	border-radius: 56px;
	background: #2aacfc;
	height: 56px;
	padding: 0 45px;
	color: white;
	cursor: pointer;
}
::-webkit-input-placeholder {color:#4cbafe;}
::-moz-placeholder          {color:#4cbafe;}
:-moz-placeholder           {color:#4cbafe;}
:-ms-input-placeholder      {color:#4cbafe;}

.slider-offer-container{
	position: absolute;
	left: 0;
	right: 0;
	top: 30%;
	margin: 0 auto;
	width: 60%;
	max-width: 600px;
}
.slider-offer-container .txt{
	font-family: Ubuntu;
	font-weight: 500;
	font-size: 20px;
	color: white;
	text-transform: uppercase;
}
.slider4{
	margin-left: 220px;
	margin-top: -18px;
}

.offer-button{
	position: absolute;
	z-index: 300;
	width: 100%;
	text-align: center;
	top: 50%;
	margin-top: 80px;
}
.offer-button a{
	display: inline-block;
	padding: 20px 40px;
	border-radius: 60px;
	background: #e51937;
	font-family: Ubuntu;
	font-weight: 500;
	font-size: 17px;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
}

@media only screen and (max-height: 800px) {
	.screen.screen-6 {
	}
}

/* slide 7 */
.screen-7{
	background: #2aacfc;
	box-shadow: 0 200px 100px 100px rgba(1,173,255,1);
}
.screen-7 .img0{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 90%;
	max-width: 1315px;
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}
.screen-7 .img1{
	top: 10%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 50%;
	max-width: 697px;
	z-index: 2;
}
.screen-7 .txt{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 90%;
	max-width: 460px;
	font-family: Ubuntu;
	color: white;
	font-size: 14px;
	text-align: center;
	top: 15%;
	margin-top: 80px;
}
.block-buttons{
	position: absolute;
	z-index: 4;
	top: 40%;
	margin-top: 0px;
	left: 10%;
	width: 300px;
}
.block-buttons .title{
	font-family: Ubuntu;
	font-size: 20px;
	font-weight: 600;
	color: white;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 25px;
}
.block-buttons .item{
	text-align: center;
	margin: 0 0 10px;
}
.screen-7 .img3,
.screen-7 .img3_gif,
.screen-7 .img3_{
	position: absolute;
	bottom: -65px;
	right: 0;
	left: 0;
	width: 100%;
	max-width: 1267px;
	margin: 0 auto;
	height: 70%;
}
.screen-7 .img3{
	background: url('../img/slide7-img3.png') center top no-repeat;
}
.screen-7 .img3_gif{
	background-position: 50% 60px;
	background-repeat: no-repeat;
	opacity: 0.5;
}
.screen-7 .img3_{
	background: url('../img/slide7-img3_.png') center top no-repeat;
}

.screen-7 .join-button,
.screen-7 .img3,
.screen-7 .img3_gif,
.screen-7 .img3_{
	transform: translateY(0);
	-webkit-transform: translateY(0);
	transition: transform 2s ease;
	-webkit-transition: transform 2s ease;
}
.screen-7 .join-button.hide{
	transform: translateY(500%);
	-webkit-transform: translateY(500%);
}
.screen-7 .img3_.hide,
.screen-7 .img3_gif.hide,
.screen-7 .img3.hide{
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
}

.screen-7 .img4{
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 10%;
	margin-top: 110px;
	width: 80%;
	max-width: 437px;
}
.screen-7 .img3-wrapper{
	width: 150%;
	height: 100%;
	position: absolute;
	left: -25%;
}

.screen-8 {
	background: #fcaf2a;
}
.screen-8 .img1 {
  top: 90px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 50%;
  max-width: 575px;
}
.screen-8-text {
	position: absolute;
	top: 230px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	max-width: 700px;
	font-family: Ubuntu;
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.screen-8-content {
	width: 698px;
	height: 660px;
	background: url("../img/screen-8-form-bg.png") 0 0 no-repeat;
	position: absolute;
	margin: 0 auto;
	top: 310px;
	left: 0;
	right: 0;
}
.screen-footer {

	position: absolute;
	top: 85%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);

	max-width: 700px;
	font-family: Ubuntu;
	font-size: 11px;
	color: #fff;
	text-align: center;
	line-height: 14px;
}

.popup-container .screen-footer {
	top: 92%;
}

.screen-footer a {
	color: #e51937;
}
.screen-8 .info-block .image .title {
	width: auto;
	display: block;
}
.screen-8-title {
	font-family: Ubuntu;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	margin-top: 105px;
}
.screen-8-form {
	width: 360px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.screen-8-form-input {
	margin-top: 13px;
	padding: 14px 23px;
	border-radius: 50px;
	color: #094597;
	font-weight: 700;
	border: 0;
}
.screen-8-button {
	margin: 22px auto 0;
	background: #e51937;
  border: none;
  font-size: 16px;
  color: white;
  text-transform: uppercase;
  padding: 26px 41px 24px;
  border-radius: 50px;
  font-weight: 600;
  outline: none;
  cursor: pointer;
  text-align: center;
}

.screen-8-form-input::-webkit-input-placeholder {
	color:#094597;
}
.screen-8-form-input::-moz-placeholder {
	color:#094597;
}
.screen-8-form-input:-moz-placeholder {
	color:#094597;
}
.screen-8-form-input:-ms-input-placeholder {
	color:#094597;
}

.join-button{
	position: absolute;
	z-index: 3;
	width: 100%;
	text-align: center;
	top: 50%;
	margin-top: 130px;
}
.join-button a{
	display: inline-block;
	padding: 25px 30px;
	border-radius: 60px;
	background: #e51937;
	font-family: Ubuntu;
	font-weight: 500;
	font-size: 17px;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
}


.nav-container.hidden{
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
}
.nav-container{
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
	min-height: 300px;
	min-width: 200px;
	right: 100%;
	top: 40px;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	transition: transform 1.3s cubic-bezier(0.300, 0.0, 0.240, 1);
	-webkit-transition: -webkit-transform 1.3s cubic-bezier(0.300, 0.0, 0.240, 1);
}
.nav{
	transform: translateY(-50%) scale(1);
	-webkit-transform: translateY(-50%) scale(1);
	position: absolute;
	margin-right: 10px;
	right: -100%;
	top: 50%;
	padding: 10px;
}
.nav .item{
	width: 50px;
	height: 50px;
	position: relative;
	right: 10px;
	cursor: pointer;
}
.nav .item.active{
	cursor: default;
}
.nav .item-over-edge{
	position: absolute;
	width: 56px;
	height: 56px;
	left: -3px;
	top: -3px;
}
.nav .bullet{
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 100px;
	position: absolute;
	margin: auto;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition: width 1.5s cubic-bezier(0.300, 0.0, 0.240, 1), height 1.5s cubic-bezier(0.300, 0.0, 0.240, 1), background 0.7s ease;
	-webkit-transition: width 1.5s cubic-bezier(0.300, 0.0, 0.240, 1), height 1.5s cubic-bezier(0.300, 0.0, 0.240, 1), background 0.7s ease;
}
.nav .item:hover .bullet{
	background: #e51937;
	transition: background 0.4s ease;
	-webkit-transition: background 0.4s ease;
}
.nav .item.active .bullet{
	width: 55px;
	height: 55px;
	transition: width 1s ease, height 1s ease;
	-webkit-transition: width 1s ease, height 1s ease;
	background: #e51937;
}
.nav .item .label{
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -8px;
	white-space: nowrap;
	overflow: hidden;
	max-width: 0;
	transition: max-width 0.8s cubic-bezier(0.000, 0.655, 0.175, 0.090), right 1.5s ease, opacity 1s ease, transform 1.5s ease;
	-webkit-transition: max-width 0.8s cubic-bezier(0.000, 0.655, 0.175, 0.090), right 1.5s ease, opacity 1s ease, -webkit-transform 1.5s ease;
	text-align: right;
	opacity: 0;
	font-family: Ubuntu;
	font-size: 12px;
	color: white;
	font-weight: 500;
	text-transform: uppercase;
}
.nav .item.active .label{
	right: 65px;
	max-width: 200px;
	opacity: 1;
	transition: max-width 1.5s linear, right 1.5s ease, opacity 1s ease, transform 1.5s ease;
	-webkit-transition: max-width 1.5s linear, right 1.5s ease, opacity 1s ease, -webkit-transform 1.5s ease;

}


.nav .item.active .bullet img{
	opacity: 1;
}
.nav .bullet img{
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
}

.footer, .footer2{
	width: 100%;
	height: 100vh;
	min-height: 300px;
	min-width: 200px;
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 3;
	transition: transform 1.3s cubic-bezier(0.300, 0.0, 0.240, 1);
	-webkit-transition: -webkit-transform 1.3s cubic-bezier(0.300, 0.0, 0.240, 1);
	background: red;
}
.footer.before, .footer2.before{
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
}
.footer.after, .footer2.after{
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	/* down animation for fast scroll action */
	/*transform: translateY(100%);*/
}
.user-status{
	position: absolute;
	width: 100%;
	left: 100%;
	bottom: 0;
}
.footer2 .wrapper{
	position: absolute;
	right: 0;
	width: 40%;
}
.footer2 .panel{
	position: absolute;
	right: 15%;
	bottom: 0;
	width: 100%;
	max-width: 431px;
}

.bubble-popup-container.hide{
	display: none;
}
.bubble-popup-container{
	position: absolute;
	width: 30%;
	max-width: 430px;
	right: 4%;
	height: 80px;
	top: -80px;
	z-index: 3;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
}
.bubble-popup{
	position: absolute;
	width: 230px;
	top: 0;
	right: 0;
}
.bubble-popup .bubble{
	position: absolute;
	bottom: 80px;
	right: 0;
	background: #0a4598;
	border-radius: 50px;
	font-family: Ubuntu;
	color: white;
	font-size: 14px;
	padding: 30px;
	text-align: center;
}
.bubble-popup .bubble.hide{
	display: none;
}
.bubble-popup .bubble-additional{
	position: absolute;
	bottom: 40px;
	right: 40px;
}

.button-join{
	position: absolute;
	bottom: 33px;
	left: 100%;
	margin-left: 33px;
	font-family: Ubuntu;
	color: white;
	text-transform: uppercase;
	font-size: 16px;
	cursor: pointer;
	width: 30%;
	max-width: 228px;
}

/* user status panel */
.user-container{
	position: absolute;
	width: 30%;
	max-width: 430px;
	right: 4%;
	height:80px;
	top: -80px;
	z-index: 3;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
}
.user-block{
	width: 50%;
	max-width: 140px;
	height: 115px;
	position: absolute;
	bottom: 0;
	right: 20%;
	margin-right: -50px;
}
.user1{ background: #1b5bb2; }
.user2{ background: #1b5bb2; }
.user3{ background: #828993; }
.user4{ background: #f9af14; }
.user5{ background: #141518; }
.user1 .user-block{background: url('../img/user-1.png') no-repeat right bottom;}
.user2 .user-block{background: url('../img/user-2.png') no-repeat right bottom;}
.user3 .user-block{background: url('../img/user-3.png') no-repeat right bottom;}
.user4 .user-block{background: url('../img/user-4.png') no-repeat right bottom;}
.user5 .user-block{background: url('../img/user-5.png') no-repeat right bottom;}
.user-container .user-block{ background-size: 100% auto; }

.user-container.hidden{
	display: none;
}
.user-container .txt{
	position: absolute;
	font-family: Ubuntu;
	font-size: 18px;
	font-weight: 500;
	color: white;
	text-transform: uppercase;
	padding-left: 54px;
	padding-top: 20px;
}
.user-container .miles{
	font-size: 30px;
	color: #e51937;
	font-weight: 600;
}
@media only screen and (max-width: 800px){
	.user-container{
		height: 60px;
		top: -60px;
	}
	.user-container .txt{
		font-size: 12px;
		padding-left: 40px;
		padding-top: 18px;
	}
	.user-container .miles{
		font-size: 14px;
	}
}

.info-block{
	position: absolute;
	top: 50%;
	left: 40px;
	width: 20%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	max-width: 180px;
}
.info-block .image{
	max-width: 164px;
	margin: 0 auto 15px;
}
.info-block .image .title{
	width: 100%;
	max-width: 164px;
	margin: 0 auto;
}

.info-block .button img{
	width: 100%;
	max-width: 179px;
	margin: 0 auto;
	cursor: pointer;
}
.info-block .txt{
	font-family: Ubuntu;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	color: white;
	margin: 0 0 15px;
}
.info-block .person-container{
	width: 167px;
	height: 165px;
	border-radius: 100%;
	overflow: hidden;
}
.screen-4 .info-block .person-container{
	background: #2aacfc;
}
.screen-5 .info-block .person-container{
	background: #4cbafe;
}

.info-block .txt,
.popup-block .txt,
.popup-block .title{
	display: none;
}
.info-block .txt.visible,
.popup-block .txt.visible,
.popup-block .title.visible{
	display: block;
}

@media only screen and (max-width: 1000px){
	.info-block{
		display: none;
	}
}


.valign{
	vertical-align: middle;
}
.right-space{
	padding-right: 40px;
}
.nobr{
	white-space: nowrap;
}

@media only screen and (max-width: 1024px){
	.nav{
		transform: scale(0.7) translateY(-80%);
		-webkit-transform: scale(0.7) translateY(-80%);
	}
}

@media only screen and (max-height: 700px){
	.slide-3 .img2{
		max-width: 100px;
	}
	.slide-4 .img2{
		max-width: 100px;
	}
}

@media only screen and (max-width: 1150px){
	.block-buttons{
		display: none;
	}
	.nav .label{
		display: none;
	}
}

@media only screen and (max-width: 1200px){
	.spend-notice {
		/*width: 460px !important;*/
	}
	.popup .content.with-image .text {
		padding-right: 15px;
	}
	.calc{
		transform: scale(0.7) translateY(-80%);
		-webkit-transform: scale(0.7) translateY(-80%);
	}
	.tabs{
		transform: scale(0.7) translateY(-40%);
		-webkit-transform: scale(0.7) translateY(-40%);
	}
	.screen-8 .img1 {
		transform: scale(0.7) translateY(-40%);
		-webkit-transform: scale(0.7) translateY(-40%);
	}
	.screen-8-text {
		transform: scale(0.9) translate(-50%, -40%);
		-webkit-transform: scale(0.9) translate(-50%, -40%);
	}
	.screen-8-content {
		transform: scale(0.8) translateY(-10%);
		-webkit-transform: scale(0.8) translateY(-10%);
	}
}
@media only screen and (max-width: 530px){
	.tabs{
		transform: scale(0.5) translateY(-150%);
		-webkit-transform: scale(0.5) translateY(-150%);
	}
}

/* temporary */
@media only screen and (max-height: 750px){
	.screen-4 .img1{
		transform: scale(0.7) translateY(-100%);
		-webkit-transform: scale(0.7) translateY(-100%);
	}
	.screen-4 .calc{
		transform: scale(0.7) translateY(-70%);
		-webkit-transform: scale(0.7) translateY(-70%);
	}
	.screen-2 .buttons {
		top:71%;
	}
}
@media only screen and (max-height: 750px){
	.screen-5 .popups{
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		top:15%;
	}
	.screen-5 .tabs{
		transform: scale(0.6) translateY(-100%) !important;
		-webkit-transform: scale(0.6) translateY(-100%) !important;
	}
}
@media only screen and (max-height: 880px){
	.screen-5 .figures{
		max-width: 250px;
	}
}
@media only screen and (max-height: 700px){
	.screen-5 .figures{
		max-width: 200px;
	}
}
@media only screen and (max-height: 840px){
	.tabs{
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
	}
	.screen-8 .img0 {
		transform: scale(0.9) translateY(-20%);
		-webkit-transform: scale(0.9) translateY(-20%);
	}
	.screen-8 .img1 {
		top: 30px;
		transform: scale(0.8) translateY(-20%);
		-webkit-transform: scale(0.8) translateY(-20%);
	}
	.screen-8 .screen-footer {
		top:650px;
	}
	.screen-8-text {
		top: 130px;
		transform: scale(0.95) translateX(-50%);
		-webkit-transform: scale(0.95) translateX(-50%);
	}
	.screen-8-content {
		transform: scale(0.9) translateY(-25%);
		-webkit-transform: scale(0.9) translateY(-25%);
	}
}
@media only screen and (max-height: 700px){
	.tabs{
		transform: scale(0.6);
		-webkit-transform: scale(0.6);
	}
	.screen-3 .img1{
		transform: scale(0.6) translateY(-20%);
		-webkit-transform: scale(0.6) translateY(-20%);
	}
	.screen-3 .img2{
		transform: scale(0.6) translateY(-20%);
		-webkit-transform: scale(0.6) translateY(-10%);
	}
	.screen-6 .subscribe{
		transform: scale(0.7) translateY(-20%);
		-webkit-transform: scale(0.7) translateY(-20%);
	}
}
@media only screen and (max-height: 800px){
	.screen-3 .img1{
		transform: scale(0.7) translateY(-20%);
		-webkit-transform: scale(0.7) translateY(-20%);
	}
	.screen-3 .img2{
		transform: scale(0.7) translateY(-10%);
		-webkit-transform: scale(0.7) translateY(-10%);
	}
	.screen-6 .img1{
		transform: scale(0.8) translateY(-30%);
		-webkit-transform: scale(0.8) translateY(-30%);
	}
	.slider-offer-container{
		top: 25%;
	}
	.screen-7 .join-button,
	.screen-7 .img3,
	.screen-7 .img3_gif,
	.screen-7 .img3_{
		transform: translateY(-10%);
		-webkit-transform: translateY(-10%);
	}
	.screen-7 .txt{
		margin-top: 50px;
	}
	.screen-7 .img1{
		transform: scale(0.8) translateY(-30%);
		-webkit-transform: scale(0.8) translateY(-30%);
	}
	.screen-5 .img1{
		transform: scale(0.8) translateY(-40%);
		-webkit-transform: scale(0.8) translateY(-40%);

	}
	.screen-5 .tabs{
		transform: scale(0.7) translateY(-50%);
		-webkit-transform: scale(0.7) translateY(-50%);
	}
	.screen-5 .popups{
		margin-top: 120px;
	}
	.screen-8 .img0 {
		transform: scale(0.7) translateY(-20%);
		-webkit-transform: scale(0.7) translateY(-20%);
	}
	.screen-8 .img1 {
		top: 30px;
		transform: scale(0.6) translateY(-20%);
		-webkit-transform: scale(0.6) translateY(-20%);
	}
	.screen-8-text {
		top: 130px;
	}
	.screen-8-content {
		transform: scale(0.7) translateY(-47%);
		-webkit-transform: scale(0.7) translateY(-47%);
	}
	.popup-12 .popup-block {
		transform: scale(0.7) translateY(-25%);
		-webkit-transform: scale(0.7) translateY(-25%);
	}
	.screen-footer {
		top: 550px !important;
	}
}
@media only screen and (max-width: 1600px){
	.screen-3 .img2{
		transform: scale(0.7) translateY(-10%);
		-webkit-transform: scale(0.7) translateY(-10%);
	}
}
@media only screen and (max-width: 1300px) and (min-height: 800px){
	.tabs{
		transform: scale(0.7) translateY(-40%);
		-webkit-transform: scale(0.7) translateY(-40%);
	}
	.screen-3 .img0{
		transform: translateY(-40%);
		-webkit-transform: translateY(-40%);
	}
	.screen-3 .img2{
		transform: scale(0.7) translateY(10%);
		-webkit-transform: scale(0.7) translateY(10%);
	}
}
@media only screen and (max-width: 1300px) and (max-height: 800px){
	.screen-3 .img0{
		transform: translateY(-20%);
		-webkit-transform: translateY(-20%);
	}
	.screen-3 .img2{
		transform: scale(0.7) translateY(20%);
		-webkit-transform: scale(0.7) translateY(20%);
	}
}
@media only screen and (max-height: 700px){
	.screen-6 .img1{
		transform: scale(0.7) translateY(-50%);
		-webkit-transform: scale(0.7) translateY(-50%);
	}
}
@media only screen and (max-height: 600px){
	.screen-6 .img1{
		transform: scale(0.5) translateY(-50%);
		-webkit-transform: scale(0.5) translateY(-50%);
	}
}
@media only screen and (max-height: 300px) {
	.screen-footer {
		display: none;
	}
}

@media only screen and (max-width: 1400px){
	.popups .button{
		font-size: 28px;
	}
}
@media only screen and (max-width: 1200px){
	.popups .button{
		font-size: 24px;
	}
}
@media only screen and (max-width: 1000px){
	.popups .button{
		font-size: 20px;
	}
}

.cap{
	position: absolute;
	width: 100%;
	height: 100vh;
	background: rgba(10,69,152,0.95) url('../img/cap.png') no-repeat center;
	background-size: 75%;
	z-index: 1010;
}
@media screen and (orientation: landscape){
	.cap{
		display: none;
	}
}

.cap2{
	position: absolute;
	width: 100%;
	height: 100vh;
	background: rgba(10,69,152,0.95) url('../img/cap2.png') no-repeat center;
	background-size: 100% scale;
	z-index: 1009;
	display: none;
}
/*
@media screen and (max-width: 1000px){
	.cap2{
		display: block;
	}
	.cap{
		display: none;
	}
}
*/

.calc .selector-block{
	top: -6px;
}
.selector-block{
	width: 100%;
	position: absolute;
}
.selector-block{
	background: url('../img/icon-fly.png') no-repeat center;
}
.selector-block:after{
	content: "";
	clear: both;
	display: table;
}
.selector-container-from .selector-wrap{
	padding-right: 23px;
}
.selector-container-from{
	width: 50%;
	float: left;
}
.selector-container-to .selector-wrap{
	padding-left: 23px;
}
.selector-container-to{
	width: 50%;
	float: right;
}

.selector{
	background: white url('../img/selector-icon.png') no-repeat right center;
	padding: 10px 15px;
	border-radius: 40px;
	font-family: Ubuntu;
	font-weight: 500;
	font-size: 18px;
	cursor: pointer;
	color: #0a4598;
	position: relative;
}
.selector.opened{
	border-radius: 20px 20px 0 0;
}

.selector .main-value{
	margin-right: 27px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.selector .values{
	border: solid 1px #2aacfc;
	position: absolute;
	background: white;
	top: 41px;
	left: -1px;
	z-index: 5;
/* 	max-height: 200px; */
	width: 100%;
/* 	min-width: 180px; */
	overflow: hidden;
	padding-bottom: 5px;
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
}
/*
.selector .values.wide {
	min-width: 205px;
}
*/
.selector .values.hidden{
	display: none;
}
.selector .values .item.hidden{
	display: none;
}
.selector .values-wrap{
	padding: 0px 0;
	width: 100%;
	overflow: auto;
	max-height: 200px;
}
.selector .values .item{
	padding: 5px 0 5px 15px;
	font-size: 70%;
}
.selector .values .item:hover{
	background: #d4eefe;
}

.popup-selectors-container{
	position: relative;
	margin-top: 10px;
	width: 100%;
	height: 65px;
}
.selector-class-container{
	width: 28%;
	float: left;
	margin-right: -100%;
}
.selector-path-container{
	position: relative;
	margin-left: 33%;
}


.popup-container{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	transition: transform 0.7s cubic-bezier(0.300, 0.0, 0.240, 1);
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.300, 0.0, 0.240, 1);
}
.popup-container .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(23,92,172,0.8);
}
.popup-container.hidden{
	transform: translateY(-300%);
	-webkit-transform: translateY(-300%);
}

.popup-block{
	background: white;
	border-radius: 40px;
	width: 580px;
	height: 360px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.popup-block .wrap{
	color: #0a4598;
	position: relative;
}
.popup-block .image{
	position: absolute;
	width: 167px;
	height: 164px;
	margin: 0 auto;
	left: 0;
	right: 0;
	border-radius: 100%;
	top: -78px;
	background: #2aacfb;
}
.popup-block .bulb{
	z-index: 2;
	position: absolute;
	top: -105px;
	left: 313px;
	position: absolute;
}
.popup-block .title {
	font-family: Ubuntu;
	font-size: 30px;
	line-height: 35px;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	padding: 105px 30px 0;
	margin: 0 0 15px;
}
.popup-block .txt{
	font-family: Ubuntu;
	font-size: 14px;
	padding: 0;
	text-align: center;
	max-width: 480px;
	margin: 0 auto;
}
.popup-block-blue .title {
	font-family: Ubuntu;
	font-size: 24px;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	padding: 25px 30px 0;
	margin: 0;
	display: block;
}
.popup-block-blue .txt {
	font-family: Ubuntu;
	font-size: 14px;
	padding: 0;
	text-align: center;
	max-width: 480px;
	margin: 15px auto 0;
	color: #fff;
	display: block;
}
.popup-block-blue .slider {
	max-width: 400px;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
}
.popup-block-blue .slider1 {
	margin-top: 45px;
}
button {
	cursor: pointer;
}
.popup-button {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -22px;
	margin: 0 auto;
	cursor: pointer;
}
.popup-block-blue .button {
	display: table;
	margin: 50px auto 0;
	text-align: center;
}
.popup-block-blue .button button{
	background: #e51937;
	border: none;
	font-size: 32px;
	color: white;
	text-transform: uppercase;
	padding: 14px 30px 12px;
	border-radius: 50px;
	font-weight: 600;
	outline: none;
}
.popup-block-blue {
	background-color: #2aacfc;
	height: 395px;
	width: 660px;
}
.popup-shoping {
	font-size: 14px;
	background-color: #1b5bb2;
	border-radius: 50px;
	margin-top: 46px;
	color: #fff;
	line-height: normal;
	padding: 5px 10px;
	display: inline-block;
	margin-left: -6px;
}
.ruble {
	display: inline-block;
	width: 8px;
	height: 10px;
	background: url("../img/icon-ruble.png") 0 0 no-repeat;
}
.popup-path .popup-block {
	width: 730px;
	/*height: 370px;*/
	height: 400px;
}
.popup-path .title {
	font-family: Ubuntu;
	font-size: 36px;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	padding: 40px 30px 0;
	margin: 0;
	display: block;
}
.selector-path {
	margin-top: 50px;
	margin-left: 35px;
	margin-right: 35px;
	background-color: #2aacfc;
	padding: 25px 15px;
	border-radius: 25px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.selector-path .selector-block {
	position: relative;
}
.selector-path .selector-path-container {
	margin-left: 0;
}
.selector-path  .selector-class-container {
	width: 205px;
	float: none;
	margin-right: 0;
}
.selector-path .selector-block {
	background-color: #2aacfc;
}
.selector-path .selector-container-from .selector-wrap {
	width: 180px;
}
.selector-path .selector-container-to .selector-wrap {
	width: 180px;
	float: left;
}
.popup-path .button {
	display: inline-block;
	max-width: 395px;
	margin-top: 20px;
	margin-left: 35px;
}
.popup-path .button button {
	background: #e51937;
  border: none;
  font-size: 32px;
  color: white;
  text-transform: uppercase;
  padding: 14px 30px 12px;
  border-radius: 50px;
  font-weight: 600;
  outline: none;
}
.popup-6 .ui-slider-handle {
	width: 120px;
}
.popup-6 .main-slider {
	width: 73%;
}
.popup-6 .main-slider-wrapper,
.popup-9 .main-slider-wrapper,
.popup-10 .main-slider-wrapper,
.popup-11 .main-slider-wrapper {
	position: relative;
}


.popup-6 .main-slider {
	width: 88%;
}
.popup-6 .ui-slider-handle {
	width: 55px;
	height: 55px;
	background: url("../img/icon-spend-1.png") 0 0 no-repeat;
	top: -22.5px;
}
.popup-6 .ui-widget-content .ui-state-default.image-1 {
	background: url("../img/icon-spend-1.png") no-repeat center;
}
.popup-6 .ui-widget-content .ui-state-default.image-2 {
	background: url("../img/icon-spend-2.png") no-repeat center;
}
.popup-6 .ui-widget-content .ui-state-default.image-3 {
	background: url("../img/icon-spend-3.png") no-repeat center;
}
.popup-6 .ui-widget-content .ui-state-default.image-4 {
	background: url("../img/icon-spend-4.png") no-repeat center;
}
.popup-6 .ui-widget-content .ui-state-default.image-5 {
	background: url("../img/icon-spend-5.png") no-repeat center;
}


.popup-6 .main-slider-wrapper::before {
	content: "10 000 ₽";
	position: absolute;
	top: 0px;
	color: #fff;
	font-weight: 700;
	left: -60px;
}
.popup-6 .main-slider-wrapper::after {
	content: "1 000 000 ₽";
	position: absolute;
	top: 0px;
	color: #fff;
	font-weight: 700;
	right: -75px;
}

.popup-7 .main-slider {
	width: 88%;
}
.popup-7 .ui-slider-handle {
	width: 55px;
	height: 55px;
	background: url("../img/icon-hotel-1.png") 0 0 no-repeat;
	top: -22.5px;
}
.popup-7 .ui-widget-content .ui-state-default.image-1 {
	background: url("../img/icon-hotel-1.png") no-repeat center;
}
.popup-7 .ui-widget-content .ui-state-default.image-2 {
	background: url("../img/icon-hotel-2.png") no-repeat center;
}
.popup-7 .ui-widget-content .ui-state-default.image-3 {
	background: url("../img/icon-hotel-3.png") no-repeat center;
}
.popup-7 .ui-widget-content .ui-state-default.image-4 {
	background: url("../img/icon-hotel-4.png") no-repeat center;
}
.popup-7 .ui-widget-content .ui-state-default.image-5 {
	background: url("../img/icon-hotel-5.png") no-repeat center;
}


.popup-8 .main-slider {
	width: 88%;
}
.popup-8 .ui-slider-handle {
	width: 55px;
	height: 55px;
	background: url("../img/icon-rent_car-1.png") 0 0 no-repeat;
	top: -22.5px;
}
.popup-8 .ui-widget-content .ui-state-default.image-1 {
	background: url("../img/icon-rent_car-1.png") no-repeat center;
}
.popup-8 .ui-widget-content .ui-state-default.image-2 {
	background: url("../img/icon-rent_car-2.png") no-repeat center;
}
.popup-8 .ui-widget-content .ui-state-default.image-3 {
	background: url("../img/icon-rent_car-3.png") no-repeat center;
}
.popup-8 .ui-widget-content .ui-state-default.image-4 {
	background: url("../img/icon-rent_car-4.png") no-repeat center;
}
.popup-8 .ui-widget-content .ui-state-default.image-5 {
	background: url("../img/icon-rent_car-5.png") no-repeat center;
}

.popup-9 .ui-slider-handle:after {
	display:none;
	content: "";
	position: absolute;
	width: 8px;
	height: 10px;
	background: url("../img/icon-ruble.png") 0 0 no-repeat;
	right: 2px;
	bottom: -6px;
}
.popup-9 .main-slider-wrapper::before {
	content: "1 000 ₽";
	position: absolute;
	top: 0px;
	color: #fff;
	font-weight: 700;
	left: -60px;
}
.popup-9 .main-slider-wrapper::after {
	content: "50 000 ₽";
	position: absolute;
	top: 0px;
	color: #fff;
	font-weight: 700;
	right: -60px;
}
.popup-10 .main-slider-wrapper::before {
	content: "5 000 ₽";
	position: absolute;
	top: 0px;
	color: #fff;
	font-weight: 700;
	left: -60px;
}
.popup-10 .main-slider-wrapper::after {
	content: "100 000 ₽";
	position: absolute;
	top: 0px;
	color: #fff;
	font-weight: 700;
	right: -65px;
}
.popup-10 .main-slider {
	width: 88%;
}
.popup-10 .ui-slider-handle {
	width: 55px;
	height: 55px;
	background: url("../img/popup10-image1.png") 0 0 no-repeat;
	top: -22.5px;
}
.popup-10 .button {
	margin-top: 70px;
}
.popup-10 .image2 {
	background: url("../img/popup10-image2.png") 0 0 no-repeat;
}
.popup-10 .image3 {
	background: url("../img/popup10-image3.png") 0 0 no-repeat;
}
.popup-10 .image4 {
	background: url("../img/popup10-image4.png") 0 0 no-repeat;
}
.popup-10 .image5 {
	background: url("../img/popup10-image5.png") 0 0 no-repeat;
}
.popup-10 .image6 {
	background: url("../img/popup10-image6.png") 0 0 no-repeat;
}
.popup-11 .main-slider-wrapper::before {
	content: "2 000 ₽";
	position: absolute;
	top: 0px;
	color: #fff;
	font-weight: 700;
	left: -60px;
}
.popup-11 .main-slider-wrapper::after {
	content: "100 000 ₽";
	position: absolute;
	top: 0px;
	color: #fff;
	font-weight: 700;
	right: -65px;
}
.popup-11 .main-slider {
	width: 88%;
}
.popup-11 .ui-slider-handle {
	width: 55px;
	height: 55px;
	background: url("../img/popup11-image1.png") 0 0 no-repeat;
	top: -22.5px;
}
.popup-11 .ui-widget-content .ui-state-default.image-1 {
	background: url("../img/popup11-image1.png") no-repeat center;
}
.popup-11 .ui-widget-content .ui-state-default.image-2 {
	background: url("../img/popup11-image2.png") no-repeat center;
}
.popup-11 .ui-widget-content .ui-state-default.image-3 {
	background: url("../img/popup11-image3.png") no-repeat center;
}
.popup-11 .ui-widget-content .ui-state-default.image-4 {
	background: url("../img/popup11-image4.png") no-repeat center;
}
.popup-11 .ui-widget-content .ui-state-default.image-5 {
	background: url("../img/popup11-image5.png") no-repeat center;
}
.popup-11 .ui-widget-content .ui-state-default.image-6 {
	background: url("../img/popup11-image6.png") no-repeat center;
}
.popup-12 .popup-block {
	width: 743px;
	height: 524px;
	border-radius: 0;
	background: url("../img/popup12-bg.png") 0 0 no-repeat;
}
.popup12-title {
	font-family: Ubuntu;
	font-size: 13.5px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	margin-top: 270px;
}
.popup12-name {
	font-family: Ubuntu;
	font-size: 29px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	margin-top: 20px;
}
.popup12-text {
	font-family: Ubuntu;
	font-size: 13.5px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	margin-top: 16px;
	line-height: 22px;
}
.popup12-icons {
	width: 350px;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-top: 22px;
}
.popup12-icons-item {
	width: 59px;
	height: 60px;
	font-size: 0;
	padding:0 15px;
}
.icon-fb {
	background: url("../img/icon-fb.png") 0 0 no-repeat;
}
.icon-vk {
	background: url("../img/icon-vk.png") 0 0 no-repeat;
}
.icon-download {
	background: url("../img/icon-download.png") 0 0 no-repeat;
}
.icon-print {
	background: url("../img/icon-print.png") 0 0 no-repeat;
}
@media only screen and (max-width: 1401px){
	.figures.moved {
		display:none;
	}
}
.disclamer {
	padding:4px 0 0 30px;
}
.screen-video {
	background:#5CB1E4;
	z-index:1;
}
.screen-video #video-sound-switcher,
.screen-video #video-full-screen {
	position: absolute;
	bottom: 50px;
	right: 50px;
	width: 50px;
	height: 50px;
	background: rgba(0,0,0,0.4);
	color: white;
	cursor: pointer;
	border: none;
	outline: none;
	display: block;
	box-shadow: 0px 0px 10px black;
	border-radius: 50%;
	padding: 5px;
	transition: background-color 0.5s ease;
	text-align: center;
}
.screen-video #video-sound-switcher > span,
.screen-video #video-full-screen > span {
	position: relative;
	width: 40px;
	height: 40px;
	display: inline-block;
	background:url("../img/volume-on.svg") center no-repeat;
	background-size: contain;
}
.screen-video #video-sound-switcher.off > span {
	background:url("../img/volume-off.svg") center no-repeat;
	background-size: contain;
}
.screen-video #video-sound-switcher:hover,
.screen-video #video-full-screen:hover{
	background: rgba(0,0,0,0.6);
}
.screen-video #video-full-screen {
	right: 120px;
}
.screen-video #video-full-screen > span {
	background:url("../img/full-screen.svg") center no-repeat;
	background-size: contain;
}
.screen-video video {
	width:100%;
}
.gain-notice {
	padding:5px 50px 0px 50px;
	text-align:center;
}
.gain-notice2 {
	font-size: 12px;
	font-family: Ubuntu;
	color: #0a4598;
	padding: 15px 5px 5px 5px;
	text-align:center;
}
.popup-container .popup-block > .gain-notice2 {
	position: absolute;
	bottom: 10px;
	width: 100%;
	box-sizing: border-box;
}
.spend-notice {
	font-size: 12px;
	font-family: Ubuntu;
	color: #0a4598;
	padding: 5px;
	/*width:569px;*/
	width:100%;
	padding: 0px 10px;
	text-align:center;
	box-sizing: border-box;
}
.spend-notice-mobile {
	font-size: 12px;
	font-family: Ubuntu;
	color: #0a4598;
	padding: 5px;
	text-align:center;
	/*width:600px;*/
	width:100%;
}
.gain-notice-mobile {
	font-size: 12px;
	font-family: Ubuntu;
	color: #0a4598;
	padding: 5px;
	text-align:center;
	width:95%;
}
button:disabled {
	cursor:default;
}
.popup-container a:link, .popup-container a:visited {
	color:#ffffff;
}
.gain-notice2 a:link, .gain-notice2 a:visited {
	color: #0000ee;
}








/* ========== Custom Scroll  ========== */
.mCS-aeroflot.mCSB_inside > .mCSB_container{
	margin-right: 0px;
	}
	.mCS-aeroflot.mCSB_inside > .mCSB_container .item{
		padding-right-right: 34px;
		}
.mCS-aeroflot .mCSB_scrollTools{
	width: 27px;
	right: 7px;
	background-color: #d7f1ff;
	        border-radius: 40px;
	   -moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	}
.mCS-aeroflot .mCSB_draggerRail{
	background-color: transparent;
	width: 27px;
	}
.mCS-aeroflot .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #0a4598;
	}
.mCS-aeroflot .mCSB_scrollTools .mCSB_buttonUp:before{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -3px;
	margin-left: -5px;
	border-style: solid;
	border-width: 0px 5px 5px 5px;
	border-color: transparent transparent #0a4598 transparent;
	}
.mCS-aeroflot .mCSB_scrollTools .mCSB_buttonDown:before{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -2px;
	margin-left: -5px;
	border-style: solid;
	border-width: 5px 5px 0px 5px;
	border-color: #0a4598 transparent transparent transparent;
	}
/*  ========== Custom Scroll  ========== END*/

.center {text-align:center;}
.back-del {
	float:right;
	margin: 36px 36px 0 0;
	cursor:pointer;
}

.mw-choice {
	width:361px;
	height:45px;
	margin-top:13px;
}

.mw-choice .mw-choice-m {
	width:180px;
	height:45px;
	float:left;
	background:url(../img/cert-choice-sprite.png) 0 0px no-repeat;
	cursor:pointer;
}
.mw-choice .mw-choice-m:hover {
	background:url(../img/cert-choice-sprite.png) 0 -45px no-repeat;
}
.mw-choice .mw-choice-m.active {
	background:url(../img/cert-choice-sprite.png) 0 -90px no-repeat;
}

.mw-choice .mw-choice-w {
	width:180px;
	height:45px;
	float:left;
	background:url(../img/cert-choice-sprite.png) 0 -135px no-repeat;
	margin-left:1px;
	cursor:pointer;
}
.mw-choice .mw-choice-w:hover {
	background:url(../img/cert-choice-sprite.png) 0 -180px no-repeat;
}
.mw-choice .mw-choice-w.active {
	background:url(../img/cert-choice-sprite.png) 0 -225px no-repeat;
}
.mw-w {display:none;}

.info-block {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
.kb-hidden {
	opacity:0;
}