		html{
			color: rgba(255, 255, 255, 0);
		}
		h2{
			font-size: 24px;
			font-weight: bold;
			color: #1551B3;
			text-transform: uppercase;
			font-family: 'HelveticaNeue-Bold', Helvetica, Arial, sans-serif !important;
		}
		h3{
			text-transform: none;
			font-weight: bold;
			font-size: 22px;
			color: #1551B3;
			font-family: 'HelveticaNeue-Bold', Helvetica, Arial, sans-serif !important;
		}
		a:hover{
			text-decoration: none;
		}
		.whiteBox{
			font-family: 'HelveticaNeue-Light', Helvetica, Arial, sans-serif !important;
		}



		/* You */
		.you{
			text-align: center;
			padding-top: 25px; 
		}
		.you h2{
			margin-bottom: 40px;
			text-transform: none;
		}
		.you-item{
		    width: 550px;
    		height: 340px;
			display: inline-block;
		    vertical-align: top;	
			padding: 0 5%;
			border-right: 2px dashed black;  
			/* border-image: url(img/border-img.png) 3; */
		}
		.you-item:last-child{
			border: none;
		}
		.you-img{
    		margin-bottom: 25px;
		}
		.round{
			position: relative;
		    width: 270px;
		    height: 270px;
		    border-radius: 200px;
		    border: 15px double;
		    margin: 0 auto;
		}
		.round.blue{
			position: absolute;
		    background-color: #1551B3;
		    width: 250px;
		    height: 250px;
		    border: none;
		    top: -5px;
		    left: -5px;
		}
		.round.white{
			background-color: #FFFFFF;
			border-color: #1551B3;
		}
		.round.gray{
			position: absolute;
		    background-color: #818281;
		    width: 250px;
		    height: 250px;
		    border: none;
		    top: -5px;
		    left: -5px;
		}
		.round.gray-border{
			border-color: #818281;
		}
		.round.lite{
			position: absolute;
		    background-color: #d1d1d1;
		    width: 180px;
		    height: 180px;
		    border: none;
		    top: -5px;
		    left: -5px;
		}
		.round.lite-border{
			border-color: #d1d1d1;
		}
		.b{
			text-transform: uppercase;
			font-size: 16px;
			font-weight: bold;
		}

		

		/* Invite */
		.arr1{
			margin-top: -10px;
    		text-align: center;			
		}
		.invite{
    		max-width: 1050px;
    		text-align: center;
    		margin: 35px auto 0;    					
		}
		.invite>div{
			display: inline-block;
			vertical-align: middle;
		}
		.invite-block{
			max-width: 500px;
			min-height: 145px;
		    border: 5px solid #1551B3;
		    border-radius: 50px;
		    padding: 15px 30px;
		    color: #1551B3;
		    font-size: 15px;
    		margin: 0 1%;		    
		}

		.invite-block-descr {
			float: left;
			width: 120px;
			margin-right: 10px;
		}

		.invite-block-img {
			float: right;
		}
		
		.invite-block img {
			width: 91%;
		}
		

		/* advantagesantages */
		.advantages{
   			margin-top: 40px;			
   			text-align: center;
		}
		.advantages-items{
			margin: 30px 0;
		}
		.advantages-item{
			height: 100%;
		    text-align: left;
		    padding: 20px;
		    border-top-left-radius: 45px;
		    border-bottom-right-radius: 45px;
		    color: white;
		}
		.advantages-border{
			display: inline-block;
			vertical-align: middle;
		    width: 550px;
		    height: 360px;
		    border-right: 2px dashed black;
		    padding: 0 4%;
		}
		.advantages-border:last-child{
			border:none;
		}
		.advantages-item.blue{
			background-color: #1551B3;
			background: linear-gradient(to bottom right, #0B3271, #3A6DBF);
		}
		.advantages-item.gray{
			background-color: #818281;
		}
		.advantages-item.lite{
			background-color: #d1d1d1;
			color: black;
		}
		.advantages-item li{
			padding: 10px 0;
		}

		

		/* Become */
		.bec{
			margin-top: 75px;
			text-align: center;
		}
		.bec-items{
			margin: 60px 0 30px;
		}
		.bec-item{
			width: 300px;
   			height: 300px;
			position: relative;
			display: inline-block;
			vertical-align: top;
			padding: 20px;
			font-size: 20px;
			color: #1551B3;
		}
		.bec-item:first-child{
			margin-right: 7%;
		}
		.bec-item:last-child{
			margin-left: 9%;
		}
		.bec-item>div{
			display: inline-block;
			vertical-align: top;
		}
		.bec-name{
			float: left;
			padding-top: 20px;  
			text-align: left;
		}
		.bec-num{
			float: left;
			font-size: 80px;
			font-weight: bold;
			margin-right: 10px;
			line-height: 1.3;
		}
		.bec-item .bec-img{
    		display: block;			
		}
		.bec-item{
    		border-radius: 25px;
    		box-shadow: 7px 7px 5px 2px rgba(90, 90, 90, 0.18);
		}
		.after-1:after{
			content: " ";
		    position: absolute;
		    background: url(img/after1.png);
		    background-size: contain;
		    width: 123px;
		    height: 80px;
		    bottom: -105px;
		    right: -75px;
		}
		.after-2{
			margin: 60px 3%;
		}
		.after-2:after{
			content: " ";
		    position: absolute;
		    background: url(img/after2.png);
		    background-size: contain;
		    width: 123px;
		    height: 79px;
		    top: -95px;
		    right: -80px;
		}
		/* .btn-form{
			width: 275px;
			padding: 20px 0;
			margin: 0 auto;
			background-color: #1551B3;
			background: linear-gradient(to right, #29509d, #223057);
			border-radius: 10px;
			color: white;
			font-size: 18px;			
		}
		.btn-form.disabled{
			background-color: #737373;
		}
		.btn-form.disabled:hover{
			cursor: auto;
			background-color: #737373;
		}
		.btn-form:hover{
			cursor: pointer;
			background-color: #3F88FF;
			background: linear-gradient(to right, #3C72DC, #445FAB);
			transition: 0.5s;
		}
		.btn-form:active{
			outline: none;
		} */
		.btn-form{
			width: 275px;
		}


		/* History */
		.history{
			/* height: 440px; */
			text-align: center;
		    background-color: #D1D1D1;
		    padding: 10px 35px;
		    margin: 25px 0;
		    border-radius: 15px;
		}
		.history-text{
			max-width: 1390px;
		    margin: 15px auto;
		    /* color: #D1D1D1; */
		}
		#ninja-slider-prev{
			background: url(img/history-arr1.png) no-repeat;
		}
		#ninja-slider-next{
			background: url(img/history-arr2.png) no-repeat;
		}
		#ninja-slider-prev>div, #ninja-slider-next>div{
			display: none;
		}
		#ninja-slider .content{
			height: 310px;
			overflow-y: auto;
			padding: 10px 20px;
		}
		#ninja-slider .content h3{
			margin-top: 10px;
		}
		#ninja-slider .content .text ul{
			padding-top: 0 !important;
		}
		/* хром, сафари */
		/* #ninja-slider .content::-webkit-scrollbar { width: 0; } */

		/* ie 10+ */
		/* #ninja-slider .content { -ms-overflow-style: none; } */

		/* фф (свойство больше не работает, других способов тоже нет)*/
		/* #ninja-slider .content { overflow: -moz-scrollbars-none; } */
		

		/* Why */
		.why-item{
			display: inline-block;
			z-index: 999;
		}
		.why-round{
			width: 200px;
			height: 100px;
			-moz-border-radius: 100px / 50px;
			-webkit-border-radius: 100px / 50px;
			border-radius: 100px / 50px;
			background-color: #F5F5F5;
			border-color: #1551B3;
			border: 10px solid #1551B3;
		}
		.why-row{
			position: relative;
		}
		.why-row:before{
			content: " ";
			position: absolute;
			width: 100%;
			height: 20px;
			background-color: #1551B3; 
			top: 40px;
    		left: 10px;
			z-index: 2;
		}
		.why-fix{
			width: 100%;
			height: 605px;
			margin-top: 75px;
			text-align: center;
		}	
		.why-fix>img{
			width: 100%;
		    height: auto;
		    max-height: 605px;
		    margin-top: 20px;
		}	


		/* Form */
				
		@media (max-width: 480px){
			.form {
			    padding-left: 10px;
			}
		}
		.form{
			background-color: #ebedec;
			border-radius: 15px;
			text-align: center;
			margin-top: 20px;
    		padding: 20px 40px;			
		}
		.form-table{
			width: 100%;
			margin-top: 20px;
		}
		.form-table th, .form-table td{
			padding: 2px 10px !important;
    		text-align: left;			
		}
		.form-table th{
			font-weight: normal;
			padding-top: 15px !important;
		}
		/* .form-table input{
			width: 100%;
		    border-radius: 5px;
		    border: 1px solid #818281;
		} */
		.form-table input{
			width: 100%;
			background: #fff;
		    border: 1px solid #ADADAD;
		    border-radius: 4px;
		    color: #000;
		    box-shadow: none ;
		    display: inline-block;
		    outline: none;
		    vertical-align: middle;
		    font-size: 14px;
		    padding: 6px 8px;
		    margin-bottom: 3px;
		}
		.form-table input[type=checkbox]{
			width: auto;
		}
		.form-btn{
			display: inline-block;
			padding: 5px 10px;
			margin: 5px 4px;
			background-color: white;
			border: 1px solid #818281;
			border-radius: 5px;
		}
		.form-btn:hover{
			cursor: pointer;
			background-color: #1551B3;
			color: white;
			transition: 0.5s;
		}
		.form-btn.active{
			color: white;
			background-color: #1551B3;
		}
		.errors{
			text-align: left;
			padding: 20px 0;
		}
	
		.flexslider{
			/* height: 275px; */
		}
		.flex-viewport {
		    /* overflow-y: scroll!important;
		        		height: 315px; */
		}	
		.flex-direction-nav a.flex-prev:before{
			content: url('img/history-arr1.png') !important;
		}
		.flex-direction-nav a.flex-next:before{
			content: url('img/history-arr2.png') !important;
		}

		.flexslider .flex-direction-nav .flex-prev {
		    left: -85px !important;
		    opacity: 0.7 !important;
		}
		.flexslider .flex-direction-nav .flex-prev:hover {
		    cursor: pointer;
		    opacity: 1 !important;
		}

		.flexslider .flex-direction-nav .flex-next {
		    right: -85px !important;
		    opacity: 0.7 !important;
		}
		.flexslider .flex-direction-nav .flex-next:hover {
		    cursor: pointer;
		    opacity: 1 !important;
		}

		.flexslider:hover .flex-direction-nav .flex-next {
		    right: -85px !important;
		    outline: none !important;
		}
		.flexslider:hover .flex-direction-nav .flex-prev{
			left: -85px !important;
			outline: none !important;
		}
		.flex-direction-nav a{
			width: 54px !important;
		    height: 85px !important;
		}

		@media (max-width: 1675px){
			.you-item, .advantages-border{
				width: 500px;
				margin: 0 auto;
			}

			.advantages-border{
			    width: 500px;
    			height: 390px;
			}

			.arr2, .arr3{
				display: none !important;
			}
			.invite{
   				text-align: center;				
			}

			.bec-item{
				/* display: block; */
				width: 270px;
				height: 270px;
				/* margin: 0 auto 100px !important; */
			}
			.bec-item:last-child{
				margin-bottom: 50px !important;
			}
			.bec-img>img{
				margin-top: -10px;
			}
			.after-2{
				margin: 100px 4% 30px;
			}
			.form{
				margin-top: 0;
			}
		}

		@media (max-width: 1565px){
			.you-item{
				width: 400px;
    			padding: 0 4%;				
			}
			.advantages-border{
				width: 450px;
				height: 400px;
    			padding: 0 2%;
			}
			.invite-block{
				display: block !important;
				/* height: 145px; */	
				margin: 0 auto;
				text-align: left;
			}
			.why-fix{
				height: 560px;
			}
			
			.bec-item{
				width: 240px;
				height: 240px;
			}
			.bec-item:first-child{
				margin-right: 0%;
			}
			.bec-item:last-child{
				margin-left: 0%;
			}
			.after-2{
				margin: 100px 9% 30px;
			}

			.after-1:after{
				right: -20px;
			} 
			.after-2:after{
				right: -20px;
			}

		}

		@media (max-width: 1380px){
			.you-item, .advantages-border {
				width: 350px;
			}
			.bec-item {
			    width: 230px;
    			height: 230px;
			}
			.after-2{
				margin: 100px 5% 30px;
			}
			.after-2 .bec-img img{
				padding: 0px 0 0 14px !important;
    			width: 80%;
			}
			.bec-img>img {
			    margin-top: 0px;
			}

		}

		@media (max-width: 1366px){
			.form {
			    margin-top: -140px;
			}			
			.advantages-border{
				height: 450px;
			}
		}

		@media (max-width: 1280px){
			.after-2 {
			    margin: 100px 5% 30px;
			}
			.bec-item {
			    width: 220px;
			    height: 220px;
			}
			.bec-img>img {
			    margin-top: -3px;
			}
			.form {
			    margin-top: -175px;
			}
		}

		@media (max-width: 1279px){
			.form {
			    margin-top: -40px;
			}
		}

		@media (max-width: 832px){
			.you-item, .advantages-border{
				display: block;
				border: none;
				margin-bottom: 20px;
			}
			.advantages-border{
				width: 320px;
				height: 400px;
				margin: 20px auto;
			}
			.invite-block{
				display: block !important;
				/* height: 160px;	 */
				margin: 0 auto;
				text-align: left;
			}
			.why-fix{
    			height: 330px;				
			}

			.bec-item{
				display: block;
				width: 270px;
    			height: 270px;
				margin: 0 auto 100px !important;
			}
		
			.after-1:after{
				background: url(img/arr-down.png) no-repeat;
				width: 123px;
				bottom: -125px;
				right: 15px;
			}
			
			.after-2:after{
				background: url(img/arr-down.png) no-repeat;
				width: 123px;
				top: auto;
				bottom: -125px;
				right: 15px;
			}
			.form {
			    margin-top: -60px;
			}
			/* .partners{
				overflow-y: auto;
				overflow-x: hidden;
			} */
		}

		@media (max-width: 610px) {
			.invite-block {
				text-align: center;
			}

			.invite-block-descr {
				width: 100%;
				margin-right: 0;
			}

			.invite-block-img {
				float: none;
			}
		}

