

/* Standart elements  */

/* standart btn */
    .openwindow,
	.us21-standart-btn{
		display: inline-block;
		min-width: 180px;
		padding: 14px 40px 14px;
		background: #F0323C;
		border-radius: 30px;
		font-size: 16px;
		line-height: 1.5;
		text-align: center;
		color: #FFFFFF !important;
		border: 2px solid #F0323C;
		cursor: pointer;
		outline: none !important;
		letter-spacing: .001em;
	}
	.us21-standart-btn._white{
		background: #ffffff;
		color: #F0323C !important;
		font-weight: 600;
	}
	.us21-standart-btn:disabled{
		background: #DBDBDB;
		border-color: #DBDBDB;
		cursor: default;
		cursor: not-allowed;
	}

/* standart section header */
	.us21-standart-section{
		font-weight: 300;
		font-size: 20px;
		line-height: 1.4;
		letter-spacing: -.01em;
	}
	.us21-standart-section__header{
		margin: 0 0 34px;
	}
	.us21-standart-section__title{
		margin: 0 0 24px;
		padding: 3px 0 0 27px;
		position: relative;
		font-weight: 600;
		font-size: 38px;
		line-height: 1.26;
		letter-spacing: -.017em;
	}
	.us21-standart-section__title:before {
		content: "/";
		font-weight: 600;
		font-size: 52px;
		line-height: 1;
		letter-spacing: .6px;
		text-transform: uppercase;
		color: #FF0019;
		position: absolute;
		margin-right: 0px;
		top: -1px;
		left: 0;
	}
	.us21-standart-section p{
		margin: 0 0 16px;
	}
	.us21-standart-section p:last-child{
		margin: 0;
	}
	.us21-standart-section ul + p{
		margin-top: 32px !important;
	}

/* standart numb elem */
	.us21-standart-nmb-elem{
		position: relative;
		padding-top: 24px;
	}
	.us21-standart-nmb-elem:before{
		content: '';
		width: 8px;
		height: 8px;
		background: #F0323C;
		position: absolute;
		top: 0;
		left: 0;
	}
	.us21-standart-nmb-elem__title{
		font-weight: 600;
		font-size: 28px;
		line-height: 1.29;
		margin: 0 0 13px;
	}
	.us21-standart-nmb-elem__desc{
		font-weight: 300;
		font-size: 14px;
		line-height: 1.29;
		letter-spacing: 0.03em;
	}

/* standart simple elem */
	.us21-standart-simple-prw{
		font-weight: 300;
		font-size: 16px;
		line-height: 1.5;
/*        margin: 0 0 14px;*/
	}
	.us21-standart-simple-prw__img-wrp{
		display: block;
		padding-top: 55%;
		margin-bottom: 21px;
		background-size: cover;
		background-position: 50% 50%;
		border: 1px solid rgba(0,0,0,.05);
	}
	.us21-standart-simple-prw__img-wrp-72{
		display: flex;
		align-items: center;
		height: 72px;
		margin: 0 0 20px;
	}
	.us21-standart-simple-prw__img-72{
		max-height: 72px;
		max-width: 100%;
		display: block;
	}
	.us21-standart-simple-prw__title-wrp{
		margin: 0 0 11px;
	}
	.us21-standart-simple-prw__title{
		font-weight: 600;
		font-size: 20px;
		line-height: 1.4;
		color: #1F78D8;
	}
	.us21-standart-simple-prw__tags{
		padding: 0 !important;
		margin: 12px -2px 0 !important;
		display: flex;
		flex-wrap: wrap;
	}
	.us21-standart-simple-prw__tags-item{
		padding: 0 2px;
		margin: 0 0 5px;
		list-style: none;
	}
	.us21-standart-simple-prw__date{
		margin: 12px 0 0;
		font-size: 14px;
		line-height: 1.28;
		letter-spacing: 0.03em;
	}

    @media (max-width: 480px){
/*        .us21-standart-simple-prw{
            margin: 0 0 10px;
        }*/
    }

/* standart dotted elem */
	.us21-standart-dotted-prw{
		position: relative;
		padding-top: 20px;
	}
	.us21-standart-dotted-prw:before{
		content: '';
		width: 8px;
		height: 8px;
		background: #F0323C;
		position: absolute;
		top: 0;
		left: 0;
	}
	.us21-standart-dotted-prw__title{
		font-weight: 600;
		font-size: 20px;
		line-height: 1.4;
	}
	.us21-standart-dotted-prw__desc{
		font-weight: 300;
		font-size: 16px;
		line-height: 1.5;
		margin: 12px 0 0;
	}

/* standart note */
	.us21-standart-note{
		padding: 25px 24px 24px 24px;
		background: #F2F2F2;
		font-weight: 300;
		font-size: 16px;
		line-height: 1.5;
	}
	.us21-standart-note__title{
		font-weight: 600;
		font-size: 14px;
		line-height: 1.29;
		letter-spacing: 0.03em;
		text-transform: uppercase;
		color: #F0323C;
		margin: 0 0 11px;
	}

/* standart steps numered */
	.us21-standart-detail-steps-numered{
		counter-reset: list; 
		padding: 0 !important;
		margin: 0;
	}
	.us21-standart-section .us21-standart-detail-steps-numered__item,
	.us21-standart-detail-steps-numered__item{
		counter-increment: list;
		position: relative;
		padding: 9px 0 41px 72px;
		margin: 0;
		list-style: none;
	}
	.us21-standart-section .us21-standart-detail-steps-numered__item:before,
    .us21-standart-detail-steps-numered__item:before{
		content: counter(list);
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 40px;
		border-radius: 100%;
		background: #F0323C;
		color: #FFFFFF;
		font-weight: 600;
		font-size: 20px;
		line-height: 40px;
		text-align: center;
		padding: 0 5px;
		z-index: 2;
    }
    .us21-standart-detail-steps-numered__item:after{
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 19px;
	    width: 2px;
	    height: 100%;
	    background: #DBDBDB;
	    z-index: 1;
    }
    .us21-standart-detail-steps-numered__item:last-child:after{
    	display: none;
    }
    .us21-standart-detail-steps-numered__item-title{
		font-weight: 600;
		font-size: 20px;
		line-height: 1.4;
    }
    .us21-standart-detail-steps-numered__item-desc{
    	margin: 14px 0 0;
		font-weight: 300;
		font-size: 16px;
		line-height: 1.5;
    }

/* Standart form */
	.us21-standart-form__successbox{
		padding: 20px;
    	text-align: center;

		display: none;
	}
	.us21-standart-form__item{
		position: relative;
		margin-bottom: 16px;
	}
	.us21-standart-form__input{
		height: 56px;
		font-weight: 300;
		font-size: 16px;
		line-height: 55px;
		border: 0;
		padding: 0;
		background: transparent;
		border-bottom: 1px solid #757575;
		color: #000000;
		width: 100%;
		outline: none;
	}
	.us21-standart-form__item.js-error-control-box .us21-standart-form__input{
		border-color: #F0323C;
	}
	.us21-standart-form__item-label{
		font-weight: 300;
		font-size: 16px;
		line-height: 1.4;
		color: #757575;
		position: absolute;
		top: 17px;
		left: 0;
		pointer-events: all;
		z-index: -1;
	}
	.us21-standart-form__item._hide-label .us21-standart-form__item-label{
		display: none;
	}
	.us21-standart-form__item-label-star{
		color: #F0323C;
	}
	.us21-standart-form__error{
		display: none;
		color: #F0323C;
	    font-size: 13px;
	    margin-top: 5px;
	}
	.us21-standart-form__item.js-error-control-box .us21-standart-form__error{
		display: block;
	}
	.us21-standart-form__confirm{
		margin: 46px 0 0 0;
	}
	.us21-standart-form__confirm-chbx{
		display: none;
	}
	.us21-standart-form__confirm-label{
		display: inline-block;
		position: relative;
		padding: 0 0 0 32px;
	}
	.us21-standart-form__confirm-pchbx{
		position: absolute;
		top: 1px;
		left: 0;
		width: 20px;
		height: 20px;
		border: 2px solid #000000;
	}
	.us21-standart-form__confirm-chbx:checked ~ .us21-standart-form__confirm-pchbx:before{
		content: '';
	    width: 6px;
	    height: 11px;
		border: 2px solid #000000;
		border-top: 0;
		border-left: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%) rotate(45deg);
		margin: -1px 0 0 0;
	}
	.us21-standart-form__text{
		font-weight: 300;
		font-size: 16px;
		line-height: 1.5;
		padding: 0 0 0 1px;
	}
	.us21-standart-form__btn-wrp{
		margin: 46px 0 0;
	}
	.us21-standart-form.js-send-form-success .us21-standart-form__controls{
		display: none;
	}
	.us21-standart-form.js-send-form-success .us21-standart-form__successbox{
		display: block;
	}
	.us21-standart-form__confirm .us21-standart-form__error{
		display: none;
	}
	.us21-standart-form__confirm.js-error-control-box .us21-standart-form__error{
		display: block;
	}

/* Modal */
    .us21-modal{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;

        display: none;
    }
    .us21-modal._opened{
        display: table;
    }
    .us21-modal__bg{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1;
    }
    .us21-modal__inner-layout{
        display: table-cell;
        vertical-align: middle;
    }
    .us21-modal__inner{
        position: relative;
        display: block;
        max-width: 672px;
        background: #ffffff;
        padding: 28px 32px 32px;
        vertical-align: middle;
        margin: 0 auto;
        z-index: 2;
        border-radius: 4px;
        box-sizing: border-box;
    }
    .us21-modal__closer{
        position: absolute;
        top: 8px;
        right: 8px;
        width: 32px;
        height: 32px;
        border: 0;
        background: #ffffff;
        cursor: pointer;
        padding: 0;
        margin: 0;
    }
    .us21-modal__closer:before,
    .us21-modal__closer:after{
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 28px;
        height: 2px;
        background: #757575;
    }
    .us21-modal__closer:before{
        transform: translate(-50%,-50%) rotate(45deg);
    }
    .us21-modal__closer:after{
        transform: translate(-50%,-50%) rotate(-45deg);
    }
    .us21-modal__header{
        margin: 0 0 7px;
    }
    .us21-modal__title{
        font-weight: 600;
        font-size: 20px;
        line-height: 1.4;
        margin: 0 0 16px;
    }
    .us21-modal__title:first-letter{
        text-transform: uppercase;
    }
    .us21-modal__subtitle{
        font-weight: 300;
        font-size: 16px;
        line-height: 1.5;
    }
    .us21-modal__subtitle:first-letter{
        text-transform: uppercase;
    }
    .us21-modal .us21-standart-form__item {
        margin-bottom: 7px;
    }
    .us21-modal .us21-standart-form__confirm-pchbx {
        width: 16px;
        height: 16px;
    }
    .us21-modal .us21-standart-form__confirm {
        margin: 33px 0 0 0;
    }
    .us21-modal .us21-standart-form__confirm-chbx:checked ~ .us21-standart-form__confirm-pchbx:before {
        width: 5px;
        height: 10px;
    }
    .us21-modal .us21-standart-form__btn-wrp {
        margin: 31px 0 0;
    }
    .us21-modal .us21-standart-btn {
        min-width: 172px;
        padding: 14px 16px 14px;
    }
    .us21-modal .us21-standart-form.js-send-form-success .us21-modal__data {
        display: none;
    }
    .us21-modal .us21-standart-form.js-send-form-success .us21-standart-form__successbox{
        font-size: 20px;
        font-weight: 600;
    }
    .us21-modal .us21-standart-form__confirm-label .us21-standart-form__text a{
        color: #1F78D8;
        text-decoration: none;
    }

    @media (max-width: 959px){
        .us21-modal__inner{
            max-width: 576px;
        }
    }

    @media (max-width: 480px){
        .us21-modal{
            background-color: #ffffff;
        }
        .us21-modal._opened {
            display: block;
            overflow: auto;
        }
        .us21-modal__inner-layout{
            background-color: #ffffff;
        }
        .us21-modal__bg{
            display: none;
        }
        .us21-modal__inner {
            padding: 28px 14px 28px;
        }
        .us21-modal__header {
            margin: 0 0 0px;
        }
        .us21-modal .us21-standart-form__item {
            margin-bottom: 0px;
        }
        .us21-modal .us21-standart-form__input {
            height: 55px;
        }
        .us21-modal .us21-standart-form__confirm {
            margin: 25px 0 0 0;
        }
        .us21-modal .us21-standart-form__btn-wrp {
            margin: 23px 0 0;
        }
    }


/* Typo */
	.h1{
		font-weight: 600;
		font-size: 48px;
		line-height: 1.17;
		margin: 0 0 24px;
	}

	@media (max-width: 1191px){
		.h1{
			font-size: 46px;
		}
	}

	@media (max-width: 639px){
		.h1{
			font-size: 30px;
			line-height: 1.33;
		}
	}

/* Main page */
	.us21-main-page{
		padding: 80px 0 0;
	}

	@media (max-width: 480px){
		.us21-main-page{
			padding: 64px 0 0;
		}
	}

/* Sections */
/* Использовать с модификатором _actual */
	.us21-standart-section{
		margin: 0 0 160px;
	}
/*	.us21-standart-section._with-cols{
		margin: 0 0 113px;
	}*/
/*	.us21-standart-section._clients{
		margin: 0 0 148px;
	}*/
	.us21-standart-section._actual .us21-standart-section__header{
		margin: 0 0 32px;
	}
	.us21-standart-section._actual .us21-standart-section__title{
		margin: 0 0 32px;
		padding: 0 0 0 27px;
	}
	.us21-standart-section._actual .us21-standart-section__title:before{
		top: -3px;
	}
	.us21-standart-section._actual .us21-standart-section__tizers{
		margin-top: 48px;
	}
	.us21-standart-section._actual .row{
		margin-bottom: -44px;
	}


	.us21-standart-section__body-header{
		margin: 0 0 48px;
	}
	.us21-standart-section img{
		max-width: 100%;
		vertical-align: middle;
	}
	.us21-standart-section._tizers .us21-standart-section__tizers + .us21-standart-section__btn-wrp{
		margin-top: 64px;
	}

	@media (max-width: 480px){
		.us21-standart-section{
			margin: 0 0 128px;
		}
		.us21-standart-section._actual .row{
			margin-bottom: -40px;
		}
		.us21-standart-section._actual .us21-standart-section__title {
		    margin: 0 0 32px;
		    padding-left: 22px;
		    padding-top: 1px;
		}
		.us21-standart-section._actual .us21-standart-section__title:before {
		    top: -2px;
		}
		.us21-standart-section._actual .us21-standart-section__tizers {
		    margin-top: 44px;
		}
	}

/* UI BLOCKS */
	/* Cover block */
		.us21-cover-block__top-title{
			font-weight: 600;
			font-size: 14px;
			line-height: 1.28;
			letter-spacing: 0.03em;
			text-transform: uppercase;
			margin: 0 0 12px;
			color: #F0323C;
		}
		.us21-cover-block__title{
			margin: 0 0 24px;	
		}
		.us21-cover-block__btn-wrp{
			margin: 40px 0 0;
		}
		.us21-cover-block__text-col{
			padding: 18px 0 0;
		}

		@media (max-width: 960px){
			.us21-cover-block__text-col{
				padding: 0;
			}
		}

	/* Tizers block */