@media(min-width: 1551px){
	.step_man2 {
	    left: 50%;
	    -webkit-transform: translateX(-80%);
	    -ms-transform: translateX(-80%);
	    -o-transform: translateX(-80%);
	    transform: translateX(-80%);
	}
	.card1 {
	    left: 50%;
	    -webkit-transform: translateX(-170%);
	    -ms-transform: translateX(-170%);
	    -o-transform: translateX(-170%);
	    transform: translateX(-170%);
	}
	.card2 {
	    right: 50%;
	    -webkit-transform: translateX(200%);
	    -ms-transform: translateX(200%);
	    -o-transform: translateX(200%);
	    transform: translateX(200%);
	}
	.paralax_bg {
	    top: -90%;
	    height: 140%;
	}
}
@media (max-width: 1550px){
	body{
		min-width: 100%;
	}
	.ozon_btn{
		width: 350px;
	}
	header{
		padding-top: 16px;
	}
	.wrapper{
		max-width: 1100px;
	}
	.btn,
	.menu ul li a{
		font-size: 14px;
	}
	.download_btn,
	.menu {
	    margin-top: -55px;
	}
	.pop_up{
		max-width: 710px;
	}
	.fancybox-close-small:before,
	.fancybox-close-small:after{
		width: 40px;
	}
	form input{
		height: 70px;
		font-size: 20px;
		margin-bottom: 30px;
	}

	.pop_up {
	    width: 100%;
	    padding: 90px 50px;
	}
	#more_propose,
	#problem {
	    font-size: 18px;
	}
	#problem a{
		font-size: 24px;
	}
	#thanks h2{
		font-size: 48px;
	}
	#thanks h3{
		font-size: 21px;
	}
	::-webkit-input-placeholder {
	    font-size: 20px;
	}
	::-moz-placeholder          {
	    font-size: 20px;
	 }/* Firefox 19+ */
	:-moz-placeholder           {
	    font-size: 20px;
	 }/* Firefox 18- */
	:-ms-input-placeholder      {
	    font-size: 20px;
	}
	form button.btn {
		padding: 0;
		height: 70px;
	    font-size: 20px;
	}
	#thanks .btn{
		font-size: 20px;
	}
	.warn {
	    font-size: 24px;
	    line-height: 1.5;
	}
	form p {
	    font-size: 18px;
	    line-height: 1.5;
	}
	.pop_logo {
	    max-width: 250px;
	}
	.logo{
		max-width: 260px;
	}
	.main_man {
	    display: block;
	    width: 39%;
	    height: auto;
	    position: absolute;
	    top: 91px;
	    left: -102px;
	}
	#main .wrapper {
	    padding-top: 130px;
    	padding-bottom: 130px;
	}
	.main_center_container h1 {
	    font-size: 63px;
	    margin-bottom: 26px;
	    line-height: 1.25;
	    letter-spacing: -1.4px;
	}
	.main_center_container h3 {
	    font-size: 26px;
	    line-height: 1.25;
	    letter-spacing: 1.3px;
	}
	.main_center_container h3 span {
	    font-size: 39px;
	}
	.money2 {
	    right: 0px;
    	top: -43px;
    	max-width: 597px;
	}
	.money2 img{
		width: 100%;
	}
	.main_center_container .btn {
	    font-size: 39px;
	    padding: 15px 35px;
	    margin-top: 51px;
	}
	.btn_desc {
	    font-size: 14px;
	    color: rgba(255, 255, 255, 0.66);
	    margin-top: 15px;
	    letter-spacing: 0.2px;
	}
	.money1 {
	    top: 578px;
	    left: -9px;
	}
	.money1 img{
	    max-width: 371px;
	}
	.btn_down {
	    bottom: 30px;
	    font-size: 75px;
	}
	#main:before {
	    height: 170px;
	}
	.s_flex_wrapp{
	    padding-top: 97px;
	}
	.f_item .icon {
	    font-size: 86px;
	    margin-bottom: 25px;
	}
	.f_item{
	    font-size: 27px;
	    letter-spacing: 1px;
	}
	.f_item .icon img {
	    max-width: 50px;
	}
	.f_item span {
	    font-size: 33px;
	    line-height: 1;
	}
	.first_step {
	    bottom: 0px;
	    left: 99%;
	    width: 104px;
	}
	.second_step {
	    top: 47px;
	    left: 100%;
	    width: 112px;
	}
	.rools_btn a {
	    font-size: 19px;
	}
	#slider .title h2 {
	    font-size: 50px;
	    margin-left: 33px;
	}
	#second {
	    padding-bottom: 127px;
	}
	#slider .title .rotate {
	    -webkit-transform-origin: -60px 1865px;
	    -moz-transform-origin: -60px 1865px;
	    -ms-transform-origin: -60px 1865px;
	    -o-transform-origin: -60px 1865px;
	    transform-origin: -60px 1865px;
	    letter-spacing: 0px;
	}
	.dirty {
	    padding: 0 7px;
	}
	.slider {
	    margin-top: 30px;
	}
	.owl-carousel .owl-controls .owl-nav .owl-next{
	    top: 50%;
	    right: -5px;
	}
	.owl-carousel .owl-controls .owl-nav .owl-prev {
	    top: 50%;
	    left: -5px;
	}
	.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next{
		padding-top: 40px;
	}
	#slider .rools_btn {
	    margin-top: -2px;
	}
	#company {
	    padding-top: 88px;
	    padding-bottom: 80px;
	}
	#company h2 {
	    font-size: 33px;
	    line-height: 1.2;
	    margin-bottom: 44px;
	    letter-spacing: .4px;
	}
	.c_desc p {
	    font-size: 17px;
	    line-height: 1.25;
	}
	.man2 {
	    top: 71%;
	    width: 515px;
	    right: 100%;
	}
	.c_desc .game {
	    top: 50%;
	    width: 530px;
	    left: 100%;
	}
	#how_to_play {
	    background-color: #001a64;
	    padding-top: 25px;
	    padding-bottom: 33px;
	}
	#how_to_play h2,
	h2.my {
	    font-size: 51px;
	    margin-bottom: 55px;
	}
	.game_open {
	    margin-left: -55px;
	    max-width: 712px;
	}
	.flex_item h3 {
	    font-size: 22px;
	    margin-top: 23px;
	}
	.flex_item {
	    font-size: 16px;
	}
	.list_right {
	    padding-left: 51px;
	}
	.steps {
	    padding-top: 82px;
	}
	.step {
	    font-size: 16px;
	    letter-spacing: .2px;
	    max-width: 280px;
	    min-height: 160px;
	    padding-left: 72px;
	    margin-bottom: 78px;
	}
	.steps .step br{
		display: none;
	}
	.first {
	    top: 44%;
	    left: -7px;
	    font-size: 327px;
	}
	.step.center {
	    padding-left: 151px;
	    margin-bottom: 91px;
	}
	.second {
	    top: 42%;
	    left: 26px;
	    font-size: 310px;
	}
	.step_man {
	    display: block;
	    max-width: 539px;
	    position: absolute;
	    top: 440px;
	    right: -92px;
	}
	.step.right {
	    margin-right: -35px;
	    padding-left: 150px;
	    margin-bottom: 30px;
	}
	.step:nth-child(4) {
	    padding-left: 132px;
	    max-width: 280px;
	    margin-bottom: 104px;
	}
	.step:nth-child(4) .second {
	    top: 50%;
	    left: -5px;
	}
	.card1 {
	    top: 793px;
	    left: -41px;
	    max-width: 370px;
	}
	.step:nth-child(5) {
	    max-width: 280px;
	    padding-left: 152px;
	    margin-bottom: 67px;
	}
	.card2 {
	    top: 1236px;
	    right: -35px;
	    max-width: 385px;
	}
	.step:nth-child(5) .first {
	    top: 27%;
	    left: 9px;
	}
	.step_man2 {
	    display: block;
	    max-width: 802px;
	    position: absolute;
	    top: 1568px;
	    left: -18px;
	}
	.mon_by {
	    max-width: 331px;
	    margin-right: -13px;
	    margin-top: 90px;
	}
	.mon_by .btn {
	    max-width: 250px;
	    margin-top: 35px;
	    font-size: 20px;
	    padding: 16px 6px;
	}
	footer {
	    padding: 50px 0px 25px;
	}
	.ozon {
	    top: 153px;
	    right: -11px;
	    z-index: 20;
	    max-width: 174px;
	}
	footer .logo {
	    max-width: 162px;
	}
	footer .social,
	footer .menu{
		margin-top: -20px;
	}
	.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .owl-carousel .owl-controls .owl-nav .owl-next:hover{
		padding-top: 40px;
		width: 25px;
	}
	.c_desc:before{
		-webkit-filter: blur(60px);
		-o-filter: blur(60px);
		filter: blur(60px);
	}
}
@media(max-width: 1130px){
	.top_gradient {
	    height: 100px;
	    background-image: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,0.2));
	}
	.man2 {
	    top: 71%;
	    width: 345px;
	    right: 100%;
	}
	.fancybox-close-small:focus:before, .fancybox-close-small:focus:after{
		outline: none;
	}
	.wrapper{
		max-width: 1000px;
	}
	.money1{

	}
	.money2{
		top: 300px;
    	max-width: 297px;
	}
	header .btn {
	    background-color: transparent;
	}
	#hamburger{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
	}
	.h_flex_wrap{
		position: relative;
	}
	nav#mobile-nav{
		position: absolute;
		top: 85%;
		right: -15px;
		z-index: 999;
	}
	nav#mobile-nav  ul{
		display: none;	
	}
	.menu{
		position: unset;
	}
	.download_btn, .menu{
		margin-top: 0;
	}
	.menu ul{
		display: block;
		padding: 30px;
		background-color: rgba(255, 255, 255, .8);
	}
	.menu ul li{
		text-align: right;
	}
	footer .menu ul{
		padding: 0;
		background-color: transparent;
	}
	footer .menu ul li{
		text-align: center;
	}
	.menu ul li a{
		display: inline-block;
		color: #000;
	}
	footer .menu ul li a{
		color: rgba(255, 255, 255, .7);
	}
	.menu ul li a:hover{
		background-color: #fff;
		color: #858383;
	}
	footer .h_flex_wrap{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	footer .social{
		order: 1;
		margin-top: 0;
		margin-bottom: 20px;
	}
	footer .logo{
		order: 2;
		margin-bottom: 20px;
	}
	footer .menu{
		order: 3;
		margin-top: 0;
		margin-bottom: 0;
		padding: 0;
	}
}
@media(max-width: 1023px){

	.top_gradient {
	    height: 110px;
	    background-image: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,0.2));
	}
	.wrapper{
		max-width: 100%;
	}
	#main .wrapper{
		padding-top: 100px;
	}
	.ozon {
	    top: 363px;
	    right: 109px;
	    z-index: 20;
	    max-width: 174px;
	}
	.main_center_container .btn{
		margin-top: 350px;
	}
	.main_man {
	    top: 401px;
	    left: 29px;
	}
	.money2 {
	    top: 500px;
	    max-width: 277px;
	}
	.money1 {
	    top: 678px;
	}
	.money1 img {
	    max-width: 231px;
	}
	.f_item:nth-child(2),
	.f_item{
		margin-top: 30px;
		width: 100%;
	}
	.second_step,
	.first_step{
		display: none;
	}
	.c_desc{
		padding-right: 0;
		padding-top: 300px;
	}
	.c_desc .game {
	    top: -120px;
	    left: 50%;
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
	.man2 {
	    top: 121%;
	    width: 225px;
	}
	.game_flex_box{
		-webkit-flex-direction: column-reverse;
		-moz-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		-o-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.list_right{
		text-align: center;
	}
	.game_open {
	    margin: 0 auto;
	    max-width: 100%;
	    margin-top: 50px;
	}
	.flex_item h3{
		margin-bottom: 20px;
	}
	.step_man{
		display: none;
	}
	.steps{
		max-width: 480px;
		margin: 0 auto;
		position: relative;
		z-index: 3;
	}
	.step{
		margin: 0 auto !important;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		width: 100%;
		max-width: 100% !important;
		padding: 0 15px !important;
		max-height: 300px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.step:nth-child(odd) p{
		padding-left: 50px;
	}
	.step:nth-child(3) p{
		padding-right: 50px;
	}
	.step:nth-child(even){
		padding-right: 50px;
		text-align: right;
		-webkit-flex-direction: row-reverse;
		-moz-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		-o-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.step:nth-child(3) .first {
	    font-size: 227px;
	    color: #021b65;
	    opacity: 1;
	    font-family: var(--bold);
	    -webkit-text-stroke: 7px #5871aa;
	}
	.step:nth-child(6) .second,
	.step:nth-child(2) .second {
	    font-size: 227px;
	    color: #787d9f;
	    opacity: .8;
	    font-family: var(--bold);
	    -webkit-text-stroke: 0px transparent;
	}
	.first {
	    font-size: 227px;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
	}
	.second{
	    font-size: 227px;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
	}
	.card1 {
	    top: 1433px;
	    left: auto;
	    right: 59px;
	    max-width: 181px;
	    z-index: 2;
	}
	.card2 {
	    top: 1476px;
	    right: -35px;
	    max-width: 185px;
	    z-index: 1;
	}
	.step_man2 {
	    display: block;
	    max-width: 502px;
	    position: absolute;
	    bottom: -170px;
	    top: auto;
	    left: -18px;
	}
	.mon_by{
		margin-right: 0;
	}

}
@media(max-width: 767px){
	.menu {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding-right: 50px;
	}
	.btn.download.scroll.mobile-visible {
		margin-top: -12px;
		background-color: #d22025;
	}
	#main:before{
		height: 50px;
	}
	#main .paralax_bg{
		background-image: url('../images/main_bg1.jpg') !important;
		height: 100% !important;
		top: 0;
	}
	.top_gradient {
	    height: 80px;
	    background-image: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,0.2));
	}
	.mobile-hidden{
		position: absolute;
		display: none;
		opacity: 0;
		z-index: -1;
		left: 10000%;
	}
	.mobile-visible{
		display: block;
	}
	.main_center_container h1{
		font-size: 39px;
		margin-bottom: 10px;
	}
	.main_center_container h3{
		font-size: 19px;
		letter-spacing: 0px;
	}
	.main_center_container h3 span {
	    font-size: 24px;
	}
	.ozon {
	    top: 243px;
	    right: 15px;
	    z-index: 20;
	    max-width: 100px;
	}
	.main_center_container .btn {
	    font-size: 30px;
	    padding: 10px 35px;
    	margin-top: 30px;
	}
	.btn_desc {
	    font-size: 10px;
	    color: rgba(255, 255, 255, 0.66);
	    margin-top: 5px;
	    letter-spacing: 0.2px;
	    margin-bottom: 160px;
	}
	.main_man {
		width: 57%;
		max-width: 200px;
		top: 370px;
		left: 139px;
	}
	#main .wrapper{
		padding-bottom: 100px;
	}
	.btn_down {
	    bottom: 0px;
	    font-size: 45px;
	}
	.money1 {
	    top: 466px;
	}
	.money1 img {
	    max-width: 171px;
	}
	.money2 {
	    top: 400px;
	    max-width: 277px;
	}
	.f_item span{
		font-size: 23px;
	}
	.f_item .icon{font-size: 65px;}
	.f_item .icon img{max-width: 40px;}
	.s_flex_wrapp{
		padding-top: 0;
	}
	.rools_btn a {
    	font-size: 16px;
	}
	#slider .title h2{
		font-size: 26px;
	}
	#slider .title .rotate {
	    -webkit-transform-origin: -60px 865px;
	    -moz-transform-origin: -60px 865px;
	    -ms-transform-origin: -60px 865px;
	    -o-transform-origin: -60px 865px;
	    transform-origin: -60px 865px;
	}
	.sl_item{
		padding: 0 50px;
	}
	#slider .rools_btn{
		margin-top: 30px;
	}
	.c_desc{
		padding-top: 39vw;
	}
	.c_desc br{
		display: none;
	}
	.c_desc p{
		font-size: 14px;
	}
	#company h2{
		font-size: 18px;
	}
	.man2 {
	    top: 121%;
	    width: 125px;
	    right: 90%;
	}
	#company{
		padding-bottom: 10px;
	}
	#how_to_play h2,
	h2.my {
	    font-size: 24px;
	    margin-bottom: 55px;
	}
	.list_right{
		padding-left: 0;
	}
	.flex_item h3{
		font-size: 16px;
	}
	.flex_item{
		font-size: 14px;
	}
	.steps {
	    padding-top: 30px;
	}
	.step {
    	font-size: 15px;
    	height: auto;
    	max-height: inherit;
    	min-height: auto;
    	margin-bottom: 30px !important;
	    padding: 0 !important;
	}
	.second,
	.first{
		font-size: 120px !important;
	}
	.card1 {
	    top: 903px;
	    left: auto;
	    right: 19px;
	    max-width: 90px;
	    z-index: 2;
	}
	.card2 {
	    top: 916px;
	    right: -35px;
	    max-width: 95px;
	    z-index: 1;
	}
	.second,
	.step:nth-child(3) .first {
	    -webkit-text-stroke: 3px #5871aa;
	}
	.step:nth-child(odd) p{
		padding-left: 40px;
	}
	.step:nth-child(even) p{
		padding-right: 40px;
	}
	.step:nth-child(5) .first,
	.step:nth-child(3) .first{
		margin-left: -15px;
	}
	.step:nth-child(6) .second,
	.step:nth-child(4) .second {
	    left: 0px;
	}

	.second, .first{
		line-height: 0 !important;
	}
	.mon_by .btn {
	    font-size: 10px;
	    padding: 10px 6px;
	}
	.mon_by{
		margin-top: 40px;
		max-width: 140px;
	}
	.step_man2 {
	    max-width: 172px;
	    bottom: -50px;
	    left: -28px;
	}
	.mon_by .btn{
		margin-top: 15px;
	}
	.logo{
		width: 40%;
		max-width: 170px;
	}
	footer .logo{
		width: 100%;
	}
	.f_item {
	    font-size: 22px;
	}
	.pop_up {
	    width: 100%;
	    padding: 90px 20px;
	}
	#more_propose,
	#problem {
	    font-size: 16px;
	}
	#problem a{
		font-size: 18px;
	}
	form input{
		height: 40px;
		font-size: 16px;
		margin-bottom: 25px;
	}
	::-webkit-input-placeholder {
	    font-size: 14px;
	}
	::-moz-placeholder          {
	    font-size: 14px;
	 }/* Firefox 19+ */
	:-moz-placeholder           {
	    font-size: 14px;
	 }/* Firefox 18- */
	:-ms-input-placeholder      {
	    font-size: 14px;
	}
	form button.btn {
	    font-size: 16px;
	    padding: 10px 0;
	    height: 40px;
	}
	.warn {
	    font-size: 18px;
	    line-height: 1.5;
	}
	form p {
	    font-size: 11px;
	    line-height: 1.5;
	}
	.pop_logo {
	    max-width: 180px;
	}
	#thanks h2 {
	    font-size: 32px;
	    margin-bottom: 30px;
	}
	#thanks h3 {
	    font-size: 16px;
	    margin-bottom: 30px;
	}
	#thanks .btn {
	    font-size: 16px;
	    padding: 20px 30px;
	}
	.ozon_btn{
		width: 100%;
		max-width: 2600px;
	}
}
@media(max-width: 370px){
	.step {
    	font-size: 13px;
	}
	.f_item{
		font-size: 17px;
	}
	.step:nth-child(odd) p{
		padding-left: 20px;
	}
	.step:nth-child(even) p{
		padding-right: 20px;
	}
	.main_center_container h1 {
		font-size: 33px;
	}
	.main_center_container h3 {
		font-size: 14px;
	}
	.main_center_container .btn{
		font-size:24px;
	}
	.btn_desc{
		margin-bottom:110px;
	}
	.main_man {
		width: 57%;
		max-width: 200px;
		top: 340px;
		left: 139px;
	}
	.money1 {
		top: 416px;
	}
}