.form-pay * {font-family: 'Open Sans', sans-serif; }
	.form-pay--container-content {
		width: 100%;
		position: relative;
		display: block;
		min-height: 20px;
	}


	/*Основа стрелки*/
	.form-pay--label {
		position: absolute;
			
		width: 23px;

		height: 16px;
		font-size: 14px;
		

		background-color: #fff;

		text-align: center;

		border-right: 1px solid #0057b0;
		border-left: 1px solid #0057b0;

		left: -18px;

		top: -6px;

		z-index: 2;
	}
	/*Готовая стрелка (зелёного цвета)*/
	.form-pay--label._success {
		border-right: 1px solid #2ebd2d;
		border-left: 1px solid #2ebd2d;
		background-color: #2ebd2d;
	}

	/*Стрелка серого цвета*/

	.form-pay--label._progress {
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		background-color: #ccc;
	}

	/*Компоненты стрелки сверху и снизу*/
	.form-pay--label .form-pay--label-up {
		position: absolute;

		width: 23px;
		border-right: 1px solid  #0057b0;
		border-left: 1px solid #0057b0;

		background-color: #fff;

		left: -1px;

		bottom: 100%;
		height: 15px;

		z-index: -42!important;
	}

	/*Зелёная стрелка (компонент сверху)*/
	.form-pay--label._success .form-pay--label-up {
		background-color: #2ebd2d;
		border-right: 1px solid #2ebd2d;
		border-left: 1px solid #2ebd2d;
	}
	/*Серая стрелка (компонент сверху)*/
	.form-pay--label._progress .form-pay--label-up {
		background-color: #ccc;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}

	.form-pay--label .form-pay--label-down {
		position: absolute;

		width: 23px;
		border-right: 1px solid white;
		border-left: 1px solid white;

		left: -1px;

		top: 100%;
		height: 15px;
		z-index: -5;
	}


	/*Псевдоклассы границ стрелки*/
	.form-pay--label .form-pay--label-up::after {
		content: "";
		position: absolute;
		
		width: 16px;
		height: 16px;

		border-bottom: 1px solid #0057b0;
		border-left: 1px solid #0057b0;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);

		left: 3px;
		bottom: 38%;

		z-index: 	-12;
	}
	.form-pay--label .form-pay--label-down::after {
		content: "";
		position: absolute;

		width: 16.2px;
		height: 16.2px;

		border-bottom: 1px solid #0057b0;
		border-left: 1px solid #0057b0;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);

		background-color: #fff;

		left: 3px;
		top: -57%;;

		z-index: 	-14;
	}

	/*Псевдоклассы границ зелёной стрелки*/
	.form-pay--label._success .form-pay--label-up::after,
	.form-pay--label._success .form-pay--label-down::after {
		background-color: #fff;
		border-bottom-color: #2ebd2d;
		border-right-color: #2ebd2d;
		border-left-color: #2ebd2d;
	}

	.form-pay--label._success .form-pay--label-down::after {
		background-color: #2ebd2d;
	}

	/*Псевдоклассы границ серого цвета*/
	.form-pay--label._progress .form-pay--label-up::after,
	.form-pay--label._progress .form-pay--label-down::after {
		background-color: #fff;
		border-bottom-color: #ccc;
		border-right-color: #ccc;
		border-left-color: #ccc;

		z-index: -23!important;
	}

	.form-pay--label._progress .form-pay--label-down::after {
		background-color: #ccc;
	}

	/*Заголовки в форме*/
	.form-pay h3 {
		display: inline-block;
		color: #0057b0;
		font-weight: normal;
		text-transform: uppercase;
		font-size: 1.33em;
		padding: 5px 34px 0 0;
	}
	
	.form-container {padding: 0 17px;margin: 0 ;}
	.form-container.first {padding-top: 20px;}

	.form-container > .form-pay--container-content {
		position: relative;
	}
	.form-container > .form-pay--container-content::before {
		content :"";
		position: absolute;

		height: 100%;
		width : 2px;

		left: -6px;
		background-color: #0057b0;
		top: 22px;

		z-index: 3;
	}

	.form-container._mobile > .form-pay--container-content::before {
		content: "";
		height: 105%!important;
		background-color: #0057b0!important;
	}

	.form-container:last-child > .form-pay--container-content::before {
		content: "";
		display: none;
	}

	.form-container._success > .form-pay--container-content::before {
		background-color: #2ebd2d;
	}
	.form-container._progress > .form-pay--container-content::before {
		background-color: #ccc;
	}

	.form-pay--container-header {
		padding: 6px 14px 3px;
	}

	.shadow-divider  {
		   height: 40px;
    	background: url(http://static.ventilator.ua/i/new_design/shadow_cat_top.png) no-repeat;
	    position: relative;
	    margin-bottom: 0px;
	}
	.form-pay--circle {  

		position: absolute;

		width: 25px;
		height: 25px;

		border-radius :50%;

		background-color: #ccc;

		display: inline-block;

		left: -18px;
		bottom: 100%;

		z-index: 4;
	}
	
	#content .form-pay .inputtext {
		padding: 7px 15px; 
		border: 1px solid #0058af; 
		border-radius: 3px;
		width: 255px; 
	    margin-right: 10px;
	}

	#content .form-pay .inputtext.shorter {
		width: 104.5px; 
	}
	

	
	.form-pay .form-row { margin: 8px 0;}
	
	.form-pay button { border-radius: 3px; border: 1px solid transparent; text-transform: uppercase; color:#fff; background-color: #0057b0; padding: 7px 15px; margin: 25px 0 10px 0 ; cursor: pointer;}
	
	.checkout_log_in_into_account {padding: 5px 25px 7px 14px; color: #fff; background-color: #0057b0;  margin: 14px 15px 0; display: inline-block; text-transform:none; border-radius: 3px; font-size: 14px; text-decoration: none; }
	.checkout_log_in_into_account .icon {margin: 3px 10px 0 0; font-size: 20px;}
	
	.checkout_log_in_into_account:hover, .form-pay button:hover {background-color: #2e85de}
	
	.checkout_log_in_into_account, .form-pay button {-webkit-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out;}


	
	.form-container ._success h3 {
		color: #08e804!important;
	}

	.form-pay--button--submit {
		padding: 10px 25px;
	    background-color: #0057b0;
	    color: #fff;
	    margin-top: 15px;
	    border-radius: 2px;
	    cursor: pointer;

	    transition: background-color .3s ease-in-out;
	}

	.form-pay--button--submit:hover {
		background-color: #2e83da;
	}