:root{
    --color_s1:  #153045;
    --color_s4:  #0DA64C;
    --color_s7:  #FF395A;
    
    --color-form_s2: #878991;
    --color-form_s3: #363946;
    --color-form_s4: #E9F0F7;

}

/* Modal Block - модальное окно */
.modal-block{background-color: rgba(0, 0, 0, 0.8); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); position: fixed; top: 0px; left: 0px; width: 100%; height: 100Dvh; z-index: 99; display: flex; justify-content: center; align-items: center; opacity: 0; z-index: -1; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; display: grid; grid-template-columns: 1fr; justify-content: center;}
.modal-block.active{opacity: 1;}    
.modal-block.index{z-index: 99;}
.modal-wrapper{max-width: 600px; width: calc(100% - 10px); margin: 20px auto; background: #fff; border-radius: 8px; padding: 40px 60px; position: relative; max-height: calc(100dvh - 40px); opacity: 0; position: relative; top: -100px; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; grid-column: 1; grid-row: 1; overflow: hidden;}
.modal-wrapper.active{opacity: 1;  top: 0px; z-index: 1;}
.modal-close{position: absolute; right: 20px; top: 20px; cursor: pointer; z-index: 100;}
.modal-close svg{width: 15px; height: 15px; fill: #000; opacity: 0.5; display: block; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear;}
.modal-close:hover svg{opacity: 1;}
.modal-content{max-height: calc(100dvh - 120px); overflow: hidden; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.modal-content::-webkit-scrollbar {width: 0; height: 0;}
.modal-content__notification{font-size: 18px; line-height: 24px; font-weight: 400; color: var(--color_s4); margin-bottom: 30px; display: none;}
.modal-content__head{margin-bottom: 30px;}
.modal-content__text{color: var(--color_s1);}
.modal-content__form{margin-bottom: 30px;}
.modal-content__form:last-child{margin-bottom: 0px;}
.modal-content__form__line{margin-bottom: 15px;}
.modal-content__form__line:last-child{margin-bottom: 0px;}
.modal-content__form__line.input{position: relative;}
.modal-content__form__line.input label{font-size: 12px; line-height: 16px; font-weight: 500; left: 16px; top: 12px;}
.modal-content__form__line.input input{margin: 0px;}
.modal-content__form__line.input input[type="checkbox"]{margin-top: 2px;}
.modal-content__form__line.phone{display: flex; gap: 15px;}
.modal-content__form__line.error{}
.modal-content__form__line.btn{margin-top: 20px; text-align: center;}
.modal-content__form__line .btn {margin: 0px; max-width: 100%;}
.modal-content__next{cursor: pointer; margin-top: 10px; font-size: 14px; line-height: 18px; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; text-align: center;}
.modal-content__next:hover{color: var(--color_s7);}
.modal-content__form__error{background: #f8dbdb; padding: 10px; border-radius: 10px; text-align: center; color: #c00; font-size: 14px; line-height: 18px;}
.modal-content__form__error.alert-success{background: #c7e3c7; color: green;}
.modal-content__form__error.hide{display: none;}
    /* коррекция под видео блок */
    .modal-wrapper.modal-video{width: 100%; max-width: 450px; margin: 0 auto; padding: 0px;}
    .modal-wrapper.modal-video [id^="player_"] {width: 100%; max-width: 450px; margin: 0 auto;}
    .modal-wrapper.modal-video .modal-close{width: 45px; height: 45px; background: rgba(0, 0, 0, 0.5); border-radius: 100%; display: flex; justify-content: center; align-items: center; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear;}
    .modal-wrapper.modal-video .modal-close svg{fill: #fff; opacity: 1;}
    .modal-wrapper.modal-video .modal-close:hover{background-color: rgba(0, 0, 0, 1);}
    /*корекция блока под описанием*/
    .modal-wrapper.modal-prodcaption{width: 100%; max-width: 800px; margin: 0 auto;}

/* загрузчик */
.loadblock{position: relative; overflow: hidden; pointer-events: none;}
.loadblock:after{content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(245, 245, 245, 0.7); z-index: 6;}
.loadblock:before{content: ''; position: absolute; background: url(/../img/loader.svg) no-repeat; width: 100px; height: 100px; left: 50%; margin-left: -50px; top: 50%; margin-top: -50px; z-index: 7;}
.loadblock.s25:before{width: 25px; height: 25px; margin-left: -12.5px; margin-top: -12.5px;}
.loadblock.s50:before{width: 50px; height: 50px; margin-left: -25px ; margin-top: -25px;}
.loadblock.s75:before{width: 75px; height: 75px; margin-left: -37.5px; margin-top: -37.5px;}

.verifayo-modalbid__one{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #F7F8FA; padding: 16px; border-radius: 1rem; margin-bottom: 15px; position: relative; overflow: hidden; gap: 20px;}
.verifayo-modalbid__one:last-child{margin-bottom: 0px;}
.verifayo-modalbid__info__one{margin-right: 16px; display: flex; align-items: center; gap: 5px; white-space: nowrap; min-width: 0px;}
.verifayo-modalbid__info__one:last-child{margin-right: 0px;}
.verifayo-modalbid__info__one:nth-child(1){font-size: 14px; line-height: 22px; font-weight: 400; color: #565757;}
.verifayo-modalbid__info__one:nth-child(2){font-size: 18px; line-height: 28px; font-weight: 400; white-space: nowrap; color: #153045; width: 100%; justify-content: end;}
.verifayo-modalbid__info__one:nth-child(2) span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.verifayo-modalbid__info__one:nth-child(2) *{vertical-align: middle;}
.verifayo-modalbid__info__one:nth-child(2) svg{display: inline-block; stroke: #565757; min-width: 16px; max-width: 16px; min-height: 16px; max-height: 16px; cursor: pointer; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; margin-left: 5px;}
.verifayo-modalbid__info__one:nth-child(2) svg:hover{stroke: #153045;}
.verifayo-modalbid__one:after{content: attr(data-clipping_block); position: absolute; top: 0px; left: 0; background: rgba(0, 0, 0, 0.85); width: 100%; height: 100%; color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 16px; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; opacity: 0; z-index: -1;}
.verifayo-modalbid__one.copy:after{opacity: 1; z-index: 1;}

/* секция регистрации */
.verifayo-register{background-color: #fff; min-height: 702px; width: 100%; background-position: left center; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; margin-top: 120px; padding: 84px 0; position: relative;}
.verifayo-register:before{content: ''; position: absolute; background-image: var(--bakground-image); background-repeat: no-repeat; height: 100%; width: 100%; z-index: 0; background-size: contain;}
.verifayo-register__form{max-width: 600px; margin-left: auto; position: relative; z-index: 2;}
.verifayo-register__form .subtitle{text-align: left;}
.verifayo-register__form .form-block__descr{text-align: left;}
.verifayo-register__form .select2-container{width: 100% !important;}
.verifayo-register__img{display: none;}

@media screen and (max-width: 1300px) {
    .verifayo-register:before{display: none;}
    .verifayo-register__img{display: block;}
    .verifayo-register{padding: 0px; margin-top: 60px;}
    .verifayo-register .container{padding: 0px;}
    .verifayo-register__form{padding: 40px 10px; margin: 0 auto;}
    .verifayo-register__form .subtitle{text-align: center;}
    .verifayo-register__form .form-block__descr{text-align: center;}
}

@media screen and (max-width: 1000px) {
    
}

@media screen and (max-width: 650px) {
    .modal-wrapper{padding: 20px; padding-top: 35px;}
    .modal-close{right: 10px; top: 10px;}
    .modal-content__notification{margin-bottom: 20px;}
    .modal-content__head{margin-bottom: 20px;}
    .modal-content__form{margin-bottom: 20px;}
    .modal-content__form:last-child{margin-bottom: 0px;}
    .modal-wrapper.modal-video{padding: 0px;}
    
    .verifayo-register__form{padding: 20px 10px;}
}