/* Media Queries */

/* 1199 - 1400 px */
@media screen and (max-width: 1400px) {

	.order-form {
		width: 100%;
		padding: 59px 20px;
	}

	.aa-img2 {
		right: -8%;
	}
}

/* 992 - 1200 px */
@media screen and (max-width: 1199px) {

	.fordesc {
  		 display: none;
	}

	.formob {
	  display: block;
	}

	.header {
	    height: 1040px;
	    background-color: #ffffff;
	    background-position: top center;
	    background-attachment: scroll;
	    background-image: url(../img/fon1.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
	}

	.menu-aa {
		width: 70px;
	}

	.menu-text span {
		font-size: 16px;
    	line-height: 1.2;
	}
 
    .offer {
	    margin-top: 65px;
	}

	.wrap-white {
		font-size: 17px;
	}
	.offer_title {
	    font-size: 54px;
	    line-height: 1.2;
	    width: 690px;
	    display: block;
	}

	.offer_desc {
		font-size: 31px;
		line-height: 1.2;
	}

	.offer_text {
		font-size: 20px;
		line-height: 1.3;
		width: 490px;
	}

	.btn {
		font-size: 27px;
		line-height: 1.2;
	}

	.vektor-price {
		font-size: 23px;
		line-height: 1.2;
		width: 140px;
	}

	.aaaahed-img {
		width: 100%;
		left: -20%;
		top: -55px;
	}

	.wrap-white3 {
		font-size: 19px;
		left: 0;
	}

	.hed1-img {
	    position: absolute;
	    left: 46px;
	    top: -188px;
	    width: 680px;
	    opacity: 0.15;
	    z-index: 0;
	}

	.hed2-img {
	    position: absolute;
		left: -104%;
		top: 541px;
		width: 105%;
		opacity: 0.2;
		z-index: 0;
		padding-bottom: 50px;
		display: block;
	}

	.container1 {
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}

	.container2 {
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}

	.block1_title {
		font-size: 59px;
		padding-bottom: 15px;
	}

	.block1_text {
		font-size: 31px;
		width: 600px;
	}

	.block1_list_text {
		width: 100%;
		font-size: 18px;
	} 

	.block1_img-1 {
		width: 270px;
	}

	.block1_img-2 {
		width: 290px;
	}


	.block1_img-3 {
		width: 220px;
	}

	.block1_imgline {
	    position: absolute;
	    top: 47px;
	    width: 280px;
	    left: -125px;
	    z-index: 0;
	}

	.block1_imgline2 {
		left:-20%;
	}

	.block3 {
	    height: auto;
	    padding-bottom: 54px;
	}

	.block3-title {
		font-size: 55px;
		/*width: 460px;*/
	}

	.list-img {
		width: 240px;
	}

	.list-text {
		font-size: 21px;
		width: 100%;
	}

	.block4 {
	    height: auto;
	    padding-bottom: 54px;
	}

	.block4-title {
		font-size: 62px;
		width: 590px;
	}

	.block4-autortitle {
		width: 490px;
	}


	.block4-autortext {
		font-size: 20px;
	}

	.aa-img {
		width: 480px;
	}

	.aa-fon {
	    left: -416.5px;
	    width: 1090px;
	}

	.aa-img2 {
	    right: 13px;
	    width: 60%;
	}

	.vektor-price1 {
		font-size: 25px;
		line-height: 1.2;
	    width: 150px;
	}

	.vektor-price-mob {
		font-size: 23px;
		line-height: 1.2;
		width: 172px;
	}

	.block6 {
	    height: auto;
	    /*margin-bottom: -30%;*/
	}

	.block6-title {
		font-size: 44px;
	}
	    
	.block6-text {
	    font-size: 21px;
	    line-height: 1.35;
	    width: 410px;
	}

	.bgmagiya {
	    left: -171px;
	}

	.start {
		left: 67%;
		top: -23px;
	}

	.start-text {
		left: 73%;
		top: 44px;
	}

	.step1__pin {
		left: 63%;
		top: 132px;
	}

	.step1 {
		left: 65%;
		top: 150px;
	}


	.step2__pin {
		left: 56%;
		top: 223px
	}

	.step2 {
		left: 58%;
		top: 245px;
	}

	.step3__pin {
		left: 46%;
		top: 286px;
	}

	.step3 {
		left: 48%;
		top: 311px;
	}

	.step4__pin {
		left: 35%;
		top: 388px;
	}

	.step4 {
		left: 38%;
		top: 405px;
	}

	.step5__pin  {
		left: 18%;
		top: 461px;

	}

	.step5 {
		left: 18%;
		top: 485px;
	}

	.finish {
		left: 6%;
		top: 410px;
	}

	.finish-text {
		left: 1%;
		top: 470px;
	}

	.block7 {
	    height: auto;	
	    margin-bottom: 100px;   
	}

	.block7-filter {
		height: auto;
		margin-bottom: 100px;
	}

	.block7-title {
		font-size: 61px;
	}

	.r-text {
		font-size: 18px;
	}

	.imgbgblock {	
	    width: 410px;
	}

	.r-text1 {
	    position: absolute;
	    width: 250px;
	    top: 0px;
	    left: 0%;
	}

	.line-l-1 {
	    position: absolute;
	    left: 17%;
	    top: 180px;
	    width: 110px;
	    opacity: 0.15;
	}

	.r-text2 {
	    position: absolute;
	    width: 280px;
	    top: 220px;
	    left: -2%;
	}

	.line-l-2 {
	    position: absolute;
	    left: 16%;
	    top: 396px;
	    width: 100px;
	    opacity: 0.15;
	}

	.r-text3 {
	    position: absolute;
	    top: 100%;
	    left: 0%;
	    width: 240px;
	}

	.line-l-3 {
	    position: absolute;
	    left: 27%;
	    top: 103%;
	    width: 90px;
	}

	.r-text4 {
	    position: absolute;
	    top: 0px;
	    left: 70%;
	    width: 250px;
	}

	.line-r-1 {
	    position: absolute;
	    left: 67%;
	    top: 191px;
	    width: 110px;
	    opacity: 0.15;
	}

	.r-text5 {
	    position: absolute;
	    top: 220px;
	    left: 76%;
	    width: 223px;
	}

	.line-r-2 {
	    position: absolute;
	    left: 73%;
	    top: 385px;
	    width: 110px;
	    opacity: 0.15;
	}

	.r-text6 {
	    position: absolute;
	    top: 100%;
	    left: 73%;
	    width: 250px;
	}

	.line-r-3 {
	    position: absolute;
	    left: 62%;
	    top: 103%;
	    width: 90px;
	    opacity: 0.2;
	}

	.r-text7 {
		width: 310px;
		margin: 100px auto 50px;
	}

	.module {
		width: 90%;
	}

	.order__title {
		font-size: 46px;
	}

	.order__text {
		font-size: 27px;
	}

	.ticket-textb {
		font-size: 26px;
		margin-bottom: 26px;
	}

	.ticket-textt {
		font-size: 19px;
		line-height: 1.25;
	}

	.qvest {
		padding-top: 50px;
	}


}




/* 768 - 991 px */
@media screen and (max-width: 990px) {

	.header {
	    height: 1030px;
	    background-image: url(../img/fon3.jpg);
	}

	.header-filter {
		height: 1030px;
		background-color: rgba(255,255,255,0.9);
		position: relative;
		z-index: 0;
	}

	.menu {
		width: 100%;
	}

	.wrap-white {
	    font-size: 18px;
	    line-height: 1.25;
	}

	.wrap-white3 {
	    left: -25%;
	}

	.offer {    
	    margin-left: 10%;
	}

	.offer_title {
	    font-size: 54px;
	    line-height: 1.25;
	    width: 514px;
	    display: block;
	}

	.offer_desc {
	    font-size: 29px;
	    line-height: 1.15;
	    width: 464px;
	    display: block;
	}


	.offer_text {
	    font-size: 18px;
	    line-height: 1.35;
	    width: 434px;
	    display: block;
	}


	.aaaahed-img {
		width: 120%;
		left: -50%;
		top: 86px;
	}

	.hed1-img {	    
	    display: none;
	}

	.hed1-img-mob {
	  	position: absolute;
		left: -21%;
		top: 0px;
		width: 380px;
		opacity: 0.15;
		z-index: 0;
		display: block;
	}

	.hed2-img {	   
	    left: -142%;
	    top: 479px;
	    width: 141%;
	}

	.block1_title {
	    font-size: 46px;
	    /*width: 590px;*/
	}

	.block1_text {
	    font-size: 26px;
	    width: 530px;
	}

	.aa-img {
	    width: 480px;
	    left: -13%;
	}

	.block4-autortext {
	    font-size: 20px;
	    width: 100%;
	}

	.aa-img2 {
	   /* left: -260px;
	    width: 761px;*/
	}


	.block6-title {
	    font-size: 30px;
    	line-height: 1.15;
    	width: 290px;	
	}

	.block6-text {
	    font-size: 18px;
	    line-height: 1.35;
	    width: 280px;
	}

	.bgmagiya {
	    left: -328px;
	}

	.start {
		left: 67%;
		top: -23px;	
		
	}

	.start-text {		
		left: 73%;
		top: 44px;
		width: 170px;
	}

	.step1__pin {
		left: 63%;
		top: 132px;
	}

	.step1 {
		left: 65%;
		top: 150px;
	}


	.step2__pin {
		left: 50%;
		top: 228px;
	}

	.step2 {
		left: 52%;
		top: 247px;
		width: 240px;
	}

	.step3__pin {
		left: 38%;
		top: 295px;
	}

	.step3 {
		left: 41%;
		top: 310px;
		width: 200px;
	}

	.step4__pin {
		left: 23%;
		top: 387px;
	}

	.step4 {
		left: 25%;
		top: 405px;
	}

	.step5__pin  {
		left: 8%;
		top: 445px;
	}

	.step5 {
		left: 8%;
		top: 471px;
		width: 200px;
	}

	.finish {
		left: 0%;
		top: 410px;
	}

	.finish-text {
		left: 0%;
		top: 331px;
	}

	.imgbgblock {
	    width: 410px;
	    left: 19%;
	    top: 25%;
	}

	.r-text {
		font-size: 16px;
		width: 220px;
	}

	.r-text5 span {
		font-size: 30px;
	}

	.r-text1 {
	    position: absolute;
		width: 220px;
		top: 14%;
		left: 17%;
	}

	.line-l-1 {
	    position: absolute;
	    left: 9%;
	    top: 180px;
	    width: 110px;
	    opacity: 0.15;
	    display: none;
	}

	.r-text2 {	  
	    position: absolute;
	    width: 220px;
	    top: 48%;
	    left: 5%;
	}

	.line-l-2 {
	    position: absolute;
	    left: 4%;
	    top: 396px;
	    width: 100px;
	    opacity: 0.15;
	    display: none;
	}

	.r-text3 {
	    position: absolute;
	    top: 82%;
	    left: 4%;
	    width: 230px;
	}

	.line-l-3 {
	    position: absolute;
	    left: 19%;
	    top: 103%;
	    width: 90px;
	    display: none;
	}

	.r-text4 {
	    position: absolute;
		top: 130%;
		left: 60%;
		width: 220px;
	}

	.line-r-1 {
	    position: absolute;
	    left: 72%;
	    top: 191px;
	    width: 110px;
	    opacity: 0.15;
	    display: none;
	}

	

	.r-text5 {
	    position: absolute;
		top: 0;
		left: 53%;
		width: 223px;
	    
	}

	.line-r-2 {
	    position: absolute;
	    left: 83%;
	    top: 385px;
	    width: 110px;
	    opacity: 0.15;
	    display: none;
	}

	.r-text6 {
	    position: absolute;
	    top: 120%;
	    left: 23%;
	    width: 230px;
	}

	.line-r-3 {
	    position: absolute;
	    left: 67%;
	    top: 103%;
	    width: 90px;
	    opacity: 0.2;
	    display: none;
	}

	.r-text7 {
	    width: 310px;
	    margin: 120% auto 50px;
	}

	.order-form {
	    width: 660px;
	    margin: 0 auto 5%;
	}

	.box-modal {		  
	    width: 100%;	 
	    height: auto;	
	}
}


/* 576 - 767 px */
@media screen and (max-width: 767px) {

	.offer-popup.sticky {	    
		display: inline-block;
		position: fixed;	
		bottom: 5px;
		z-index: 999;
		padding-top: 20px;
		padding-bottom: 20px;
		top:88%;
		left: 5px;
		width: calc(100% - 10px);
		background: rgb(255, 253, 253);
		/*background-color: #EF3124;*/
		text-align: center;
		height: 100px;
		box-shadow: 1px 1px 4px 1px #b7b3b3;  
	}


	.header {
	    height: auto;
	    background-image: url(../img/fon3.jpg);
	}

	.header-filter {
		height: auto;
		background-color: rgba(255,255,255,0.2);
		position: relative;
		z-index: 0;
	}

	.wrap-white {
	    font-size: 15px;
		line-height: 1.35;
		letter-spacing: 0.5px;
	}


	.offer {    
	    margin-left: 0%;
	}

	.start-training {
	    padding-top: 10px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin-bottom: 43px;
	    margin: 0 auto;
	}

	.offer_title {
		color: #fff;
	    font-size: 51px;
	    line-height: 1.25;
	    width: 514px;
	    display: block;
	    text-align: center;
	    margin: 10px auto;
	}

	.offer_desc {
		color: #fff;
	    font-size: 27px;
	    line-height: 1.15;
	    width: 464px;
	    display: block;
	    margin-bottom: 10px;
	    text-align: center;
	   margin: 10px auto;
	}


	.offer_text {
		color: #fff;
	    font-size: 17px;
	    line-height: 1.4;
	    width: 434px;
	    display: block;
	    text-align: center;
	    margin: 10px auto;
	}

	.btn-red { 
	    color: #ffffff;
		font-size: 22px;
		line-height: 1.35;
		letter-spacing: 0px;
	    font-weight: 500;
	    background-position: center center;
	    border-color: transparent;
	    border-style: solid;
	    background-image: url(../img/btn-red1.png);
	    background-position: center center;
	    border-color: transparent;
	    border-style: solid;
	    width: 280px;
	    background-repeat: no-repeat;
	    height: 61px;
	    padding: 16px;
	    margin: 0 auto;
	    display: block;
	}

	.btn-red:hover {
	    background: #fff;
	    border: 2px solid #ff5956;
	    color: #ff5956;
	}

	.btn-red:active, .btn:focus {
	    box-shadow: 0 0 25px rgba(0,0,0,0.2) inset;
	}

	.vektor {
	    position: absolute;
	    left: 62%;
	    top: 103%;
	    width: 30px;
	}

	.vektor-price {
	    font-size: 23px;
	    line-height: 1.2;
	    color: #ffffff;
	    font-size: 15px;
	    line-height: 1.25;
	    letter-spacing: 0.5px;
	    left: 67%;
	    width: 99px;
	    opacity: 1
	}

	.wrap-white3 {
	    position: static;	   
	    margin: 65px auto;
	    background-color: #ffffff;
	    border-radius: 300px;
	    width: 287px;
	    height: 287px;
	    padding: 89px 10px !important;
	    background-position: center center;
	    border-color: transparent;
	    border-style: solid;
	    box-shadow: 0px 0px 5px 5px rgba(138,138,138,0.1);	
	    color: #000000;
	    font-size: 16px !important;
	}

	.wrap-white3 span {
	    color: #000000;
		font-size: 22px;
		line-height: 1.15;
		width: 270px;
	}


	.aaaahed-img {
		display: none;
	}

	.aaaahed-img-mob {	  
	  	width: 380px;
		left: 10%;
		top: -20%;
		position: absolute;
		display: block;
		z-index: 999;
	}



	.hed1-img-mob {
	    position: absolute;
		left: -75%;
		top: 0px;
		width: 170%;
		opacity: 0.25;
		z-index: 0;
		display: block;
	}

	.hed2-img {
	    left: -48%;
	    width:145%;
	    top: -70%;
	}

	.airformob {
	  display: block;
	}

	.block1_title {
	    font-size: 38px;
	    line-height: 1.05;
	    /*width: 470px;*/
	}

	.block1_text {
	    font-size: 23px;
	    line-height: 1.3;
	    width: 420px;
	}

	.block1_img-1 {
	    width: 160px;
	}

	.block1_list_title {
		font-size: 27px;
	}

	.block1_list_text {
		width: 330px;
	}

	.block1_img-2 {
		width: 170px;
	}

	.block1_img-3 {
	    width: 150px;
	}

	.wraprow {
		align-items: flex-start !important;
		margin-bottom: 65px;
	}

	.block1_img1 {
	    position: absolute;
	    width: 70px;
	    left: 20px;
	    top: 0%;
	}

	.block1_img3 {
	    position: absolute;
	    width: 100px;
	    left: 75%;
	    top: 84%;
	}

	.block2_title {
		font-size: 46px;
		width: 100%;
		padding-top: 95px;
	}

	.block2_text {
		font-size: 20px;
		line-height: 1.3;
		width: 470px;
	}

	.block2 {
		height: auto;
	}

	.block2-filter {
		height: auto;
		padding-bottom: 50px;
	}

	.list-text {    
	    width: 100%;
	}

	.aa-img {
	    width: 480px;
	    left: 0%;
	}

	.aa-img2 {
	    left: -260px;
	    width: 90%;
	    position: static;
	    margin: 0 auto;
	    display: block;
	    left: 0%;
	}

	.block4-autortitle {
		width: 100%;
	}

	.text-descr {
		width: 100%;
	}

	.vektor1 {
	    position: absolute;
	    left: 70%;
	    top: 103%;
	    width: 30px;
	}

	.vektor-price1 {
	    font-size: 25px;
	    line-height: 1.2;
	    width: 150px;
	    left: 70%;
	}

	.block5-title {
		font-size: 51px;
		width: 600px;
		max-width: 100%;
	}


	.block5-text {
		font-size: 23px;
		line-height: 1.35;
		width: 590px;
		max-width: 100%;
	}

	.vektor-price-mob {
	    font-size: 21px;
	    line-height: 1.25;
	    width: 154px;
	}

	.block6-title {
	    font-size: 27px;
    	line-height: 1.15;
    	width: 290px;	
	}

	.block6-text {
	    font-size: 16px;
	    line-height: 1.35;
	    width: 250px;
	}

	.bgmagiya {
		width: 1300px;
	    left: -261px;
	}

	.start {
		left: 67%;
		top: -48px;
		
	}

	.start-text {
		font-size: 15px;		
		left: 81%;
		top: -60px;
		width: 110px;
	}

	.step1__pin {
		left: 69%;
		top: 41px;
		width: 16px;
		height: 16px;
	}

	.step1 {
		font-size: 15px;
		left: 72%;
		top: 50px;
		width: 70px;
	}


	.step2__pin {
		left: 59%;
		top: 113px;
		width: 16px;
		height: 16px;
	}

	.step2 {
		font-size: 15px;
		left: 63%;
		top: 124px;
		width: 140px;
	}

	.step3__pin {		
		left: 48%;
		top: 177px;
		width: 16px;
		height: 16px;
	}

	.step3 {
		font-size: 15px;
		left: 50%;
		top: 199px;
		width: 120px;
	}

	.step4__pin {
		left: 32%;
		top: 250px;
		width: 16px;
		height: 16px;
	}

	.step4 {
		font-size: 15px;
		left: 34%;
		top: 279px;
		width: 140px;
	}

	.step5__pin  {
		left: 8%;
		top: 323px;
		width: 16px;
		height: 16px;
	}

	.step5 {
		font-size: 15px;
		left: 8%;
		top: 360px;
		width: 170px;
	}

	.finish {
		display: none;
	}

	.finish-text {
		display: none;
	}

	.imgbgblock {
	    width: 410px;
	    left: 30%;
	    top: 25%;
	    position: relative;
	}

	.r-text6 {
	    position: absolute;
	    top: 120%;
	    left: 18%;
	    width: 230px;
	}

	.block8_title {
		font-size: 53px;
		width: 450px;
		padding-top: 100px;
	}

	.img-number {
	    width: 60px;
	    margin: 0 auto;
	    display: block;
	}

	.block8_text {
		font-size: 20px;
		width: 70%;
	}

	.block8_text span {
		font-size: 30px;
	}

	.wrap-block8 {
	    display: flex;
	    align-items: start;
	    justify-content: flex-start;
	    width: 100%;
	    margin: 0 auto 30px;
	}

	.programnew-title {
	    font-size: 44px;
	}

	.module {
	    width: 90%;
	    margin: 15% auto;
	}

	.module-1::before,
	.module-2::before,
	.module-3::before,
	.module-4::before {
		left: 6%;
		top: -3%;
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		transform: rotate(360deg);
		font-size: 25px;
		width: 150px;
		height: 50px;
		padding: 8px;
	}

	.module-text {
		font-size: 18px;
	}

	.dotted6 {
		font-size: 15px;
	}

	.order__title {
	    font-size: 38px;
	}

	.order__text {
	    font-size: 28px;
	    line-height: 1.1;
	    margin: 20px auto;
	}

	.order-form {
	    width: 90%;
	    margin: 0 auto 5%;
	}
	
}

/* 480 - 575 px */
@media screen and (max-width: 576px) {

	.btn_white {
		font-size: 18px;
	}

	.start-training {
		width: 70%;
	}

	.wrap-white1 {
	    width: 214px;
	    height: 28px;
	}

	.wrap-white2 {
	    width: 77px;
	    height: 28px;
	}

	.wrap-white {
	    font-size: 11px;
		line-height: 1.35;
		letter-spacing: 0.5px;
		padding: 8px;
	}

	.offer_title {
		color: #ffffff;
		font-size: 35px;
		line-height: 1.35;
		letter-spacing: 0.5px;
		width: 100%;
	}

	.offer_desc {
		color: #ffffff;
		font-size: 24px;
		line-height: 1.05;
		letter-spacing: 0.5px;
		width: 309px;
	}

	.offer_text {
		color: #ffffff;
		font-size: 16px;
		line-height: 1.2;
		letter-spacing: 0.5px;width: 269px;
	}

	.aaaahed-img-mob {
	    width: 380px;
	    left: -6%;
	    top: -33%;
	}

	.wraprow {    
	    margin: 0 auto;
	    display: table;
	}

	.block1_img-1 {
		width: 260px;
		 margin: 0 auto;
	    display: table;
	}

	.block1_img-2 {
		width: 260px;
		 margin: 0 auto;
	    display: table;
	}

	.block1_img-3 {
	    width: 230px;
	     margin: 0 auto;
	    display: table;
	}

	.block1_list_text {
	    width: 95%;
	    font-size: 17px;
	}

	.block1 {
	    height: auto;
	}

	.circle {
	    width: 470px;
	    height: 470px;
	}

	.block1_img2 {
	    position: absolute;
	    width: 50px;
	    left: 80%;
	    top: 6%;
	}

	.block1_img1 {
	    position: absolute;
	    width: 70px;
	    left: 20px;
	    top: 9%;
	}

	.block1_img3 {
	    position: absolute;
	    width: 90px;
	    left: 75%;
	    top: 85%;
	}

	.block2_title {
	    font-size: 36px;
	    line-height: 1.05;
	}

	.block2_text {
	    font-size: 18px;
	    line-height: 1.3;
	    width: 90%;
	}

	.list-text {
	    width: 260px;
	}

	.block3-title {
	    font-size: 52px;
	    width: 100%;
	}

	.block4-title {
	    font-size: 37px;
	    width: 100%;
	}

	.aa-img {
	    width: 380px;
	    left: 0%;
	}

	.aa-fon {
	    left: -416.5px;
	    width: 830px;
	}

	.block4-autortitle {
	    font-size: 27px;
	}

	.block4-autortext {
	    font-size: 18px;
	    width: 100%;
	}

	.text-descr {
	  font-size: 25px;
	  line-height: 1.35;
	}

	.aa-img2 {
        width: 530px;
	    position: static;
	    margin: 0 auto;
	    display: block;
	    left: -25%;
	}

	.block5-title {
		font-size: 40px;
		width: 100%;
		max-width: 100%;
	}


	.block5-text {
		font-size: 21px;
		line-height: 1.35;
		width: 470px;
		max-width: 100%;
	}

	.vektor-price-mob {
	    font-size: 20px;
	    opacity: 1;
	}

	.bgmagiya {
		display: none;
	}

	.bgmagiya1 {
	    width: 880px;
	    left: -169px;
	    top: 0%;
	    display: block;
		position: relative;
		z-index: 1;
		left: -5%;
		top: -4%;
		width: 105%;
		opacity: 0.4;
		background-position: center center;
		border-color: transparent;
		border-style: solid;
		}

	.start {
	    left: 52%;
	    top: 31%;
	}

	.start-text {
	    font-size: 16px;
		left: 67%;
		top: 31%;
		width: 143px;
	}

	.step1 {
		font-size: 13px;
		left: 61%;
		top: 41%;
		width: 70px;
	}

	.step1__pin {
		left: 58%;
		top: 45%;
		width: 9px;
		height: 9px;
	}


	.step2__pin {
		left: 50%;
		top: 53%;
		width: 9px;
		height: 9px
	}

	.step2 {
		font-size: 13px;
		left: 53%;
		top: 51%;
		width: 140px;
	}

	.step3__pin {		
		left: 43%;
		top: 59%;
		width: 9px;
		height: 9px;
	}

	.step3 {
	    font-size: 13px;
	    left: 45%;
	    top: 59%;
	    width: 99px;
	}

	.step4__pin {
		left: 32%;
		top: 68%;
		width: 9px;
		height: 9px;
	}

	.step4 {
		font-size: 13px;
		left: 34%;
		top: 68%;
		width: 107px;
	}

	.step5__pin  {
		left: 6%;
		top: 72%;
		width: 9px;
		height: 9px;
	}

	.step5 {
		font-size: 13px;
		left: 5%;
		top: 75%;
		width: 170px;
	}


	.imgbgblock {
	    width: 340px;
	    position: static;
	}

	.r-text1, .r-text2, .r-text3, 
	.r-text4, .r-text5, .r-text6 {
		position: static;
		margin: 20px auto;
	}

	.r-text7 {
	    width: 310px;
	    margin: 5% auto 50px;
	}

	.block7-title {
	    font-size: 35px;
	    line-height: 1.05;
	    width: 100%;
	    margin: 25% auto 5%;
	}

	.vektor-price1 {
		font-size: 21px;
		width: 120px;
		left: 65%;
	}

	.vektor1 {
	    position: absolute;
	    left: 60%;
	    top: 100%;
	    width: 30px;
	}


	.module {
	    padding: 50px 20px;
	}





	


}

/* 479 - 401 px */
@media screen and (max-width: 479px) {

	.start-training {
		width: 100%;
	}

	.wrap-white {
		padding: 7px;
	}

	.offer_title {
	    font-size: 32px;
	}

	.aaaahed-img-mob {
		position: absolute;
	    width: 380px;
	    left: -14%;
	    top: -27%;
	}

	.hed1-img-mob {
	    position: absolute;
		left: -91%;
		top: 0%;
		width: 190%;
		opacity: 0.25;
		z-index: 0;
	}

	.block1_title {
	    font-size: 28px;
	    line-height: 1.05;
	    width: 100%;
	}

	.block1_text {
	    font-size: 18px;
	    line-height: 1.3;
	    width: 100%;
	}

	.circle {
	    width: 320px;
	    height: 320px;	    
	}

	.circle-text {
		font-size: 21px;
		line-height: 1.2;
		width: 290px;
		margin: 20% auto 5%;
	}

	.block1_img1 {
		width: 50px;
	}

	.block1_img2 {
	    width: 30px;
	}

	.block1_img3 {
	    position: absolute;
	    width: 50px;
	    left: 75%;
	    top: 80%;
	}

	.block3-title {
	    font-size: 41px;
	    width: 95%;
	}

	.aa-img2 {
        width: 100%;
	    /*position: static;
	    margin: 0 auto;
	    display: block;
	    left: -25%;*/
	}


	.vektor-price-mob {	 
			font-size: 17px;
		line-height: 1.15;
		letter-spacing: 0.5px;   
	    left: 62%;
	    top: 134%;
	    width: 119px;
	}

	.bgmagiya1 {
		width: 106%;
		left: -2%;
		top: 0%;
		position: relative;
	}

	.start {
	    left: 52%;
	    top: 39%;
	}

	.start-text {
	   font-size: 14px;
		left: 73%;
		top: 36%;
		width: 70px;
	}

	.step1 {
	    font-size: 13px;
	    left: 63%;
	    top: 52%;
	    width: 70px;
	}

	.step1__pin {
	    left: 60%;
	    top: 52%;
	    width: 9px;
	    height: 9px;
	}

	.step2__pin {
	    left: 52%;
	    top: 61%;
	    width: 9px;
	    height: 9px;
	}

	.step2 {
	    font-size: 13px;
	    left: 53%;
	    top: 63%;
	    width: 140px;
	}

	.step3__pin {
	    left: 43%;
	    top: 69%;
	    width: 9px;
	    height: 9px;
	}

	.step3 {
	    font-size: 13px;
	    left: 43%;
	    top: 73%;
	    width: 107px;
	}

	.step4__pin {
	    left: 32%;
	    top: 74%;
	    width: 9px;
	    height: 9px;
	}

	.step4 {
	    font-size: 13px;
	    left: 30%;
	    top: 80%;
	    width: 107px;
	}

	.step5__pin {
	    left: 6%;
		top: 77%;
		width: 9px;
		height: 9px;
	}

	.step5 {
	    font-size: 13px;
	    left: 5%;
	    top: 80%;
	    width: 100px;
	}

	.block8_title {
	    font-size: 35px;
	    width: 100%;
	    padding-top: 100px;
	}

	.img-number {
	    width: 30px;
	    margin: 0 auto 10%;
	    display: block;
	}

	.block8_text {
		font-size: 20px;
		width: 90%;
		margin: 0 auto;
	}

	.block8_text span {
		font-size: 27px;
	}

	.wrap-block8 {
	    flex-direction: column;
	    width: 100%;
	    margin: 0 auto 30px;
	}

	.order__text {
	    font-size: 19px;
	    line-height: 1.35;
	    margin: 20px auto;
	}

	.pb150 {
	    padding-bottom: 50px;
	    margin-bottom: 50px;
	}

}

/* 320 - 400 px */
@media screen and (max-width: 400px) {

	.btn_white {
	    font-size: 17px !important;
	    background-image: none !important;
	    width: auto !important;
	    padding: 10px !important;
	}


	.aaaahed-img-mob {
		position: absolute;
		width: 100%;
		left: -17%;
		top: -25%;
	}

	.circle {
	    width: 280px;
	    height: 280px;	    
	}

	.circle-text {
		font-size: 19px;
		line-height: 1.2;
		width: 90%;
		margin: 12% auto 3%;
	}

    .block1_img1 {
    	top: 2%;
    }

    .vektor-price1 {
	    font-size: 19px;
	    line-height: 1.2;
	    width: 119px;
	    left: 47%;
	    top: 145%;
	}

	.vektor1 {
	    position: absolute;
	    left: 51%;
	    top: 103%;
	    width: 30px;
	}

	.btn {
		background-image: url(../img/btn-1.png);
		width: 100%;
		font-size: 23px;
	}

	.btn-red {	
	    font-size: 22px !important;	 
	    background-image: url(../img/btn-red1.png);
	}

	.bgmagiya1 {
		top: -3%;
		position: relative;
		left: 0%;
	}

	.start-text {
	    font-size: 14px;
	    left: 78%;
	    top: 38%;
	    width: 70px;
	}

	.start {
	    left: 59%;
	    top: 44%;
	    width: 50px;
	}
}