.vrezka {
max-width: 844px;
width: 100%;
background: #FFFFFF;
border: 1px solid #929292;
-webkit-box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.1);
box-shadow: 0px -2px 25px rgb(0 0 0 / 10%);
margin-bottom: 40px;
}
.vrezka .vrezka__wrapper {
padding: 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #eee;
}
.vrezka .vrezka__wrapper .vrezka__title {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 120%;
color: #575757;
padding-right: 240px;
margin-bottom: 40px;
}
.vrezka .vrezka__wrapper .vrezka__title span {
color: #113555;
}
.vrezka__date {
background: #F8C043;
border-radius: 6px;
color: #fff;
font-weight: 700;
padding: 14px 9px;
max-width: 374px;
margin-left: 8px;
margin-bottom: 35px;
}
.vrezka .vrezka__wrapper .vrezka__worker {
position: absolute;
right: 48px;
top: 56px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.vrezka .vrezka__wrapper .vrezka__worker img {
width: 236px;
height: 236px;
margin-bottom: 25px;
}
.vrezka .vrezka__wrapper .vrezka__worker .vrezka__info {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.vrezka .vrezka__wrapper .vrezka__worker .vrezka__info .vrezka__name {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
color: #113555;
margin-bottom: 6px;
}
.vrezka .vrezka__wrapper .vrezka__worker .vrezka__info .vrezka__post {
font-family: "Montserrat";
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
color: #575757;
}
.vrezka .vrezka__wrapper .vrezka__subtitle {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 120%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000;
padding-right: 260px;
margin-bottom: 40px;
}
.vrezka .vrezka__wrapper .vrezka__content {
margin-bottom: 12px;
}
.vrezka .vrezka__wrapper .vrezka__content .vrezka__text {
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1.5;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000;
margin-bottom: 20px;
position: relative; }
.vrezka .vrezka__wrapper .vrezka__content .vrezka__text:nth-child(1) {
padding-right: 260px;
}
.vrezka__docs {
display: flex;
flex-direction: column;
gap: 14px;
}
a.vrezka__doc {
display: flex;
align-items: center;
color: #393939 !important;
cursor: pointer;
}
.vrezka__doc img {
max-width: 40px;
margin: 0 12px 0 0 !important;
}  .vrezka .vrezka__wrapper a.vrezka__special {
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 160%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
color: #113555;
margin-bottom: 20px;
cursor: pointer;
position: relative;
padding-left: 52px;
}
.vrezka .vrezka__wrapper a.vrezka__special:hover {
text-decoration: none;
}
.vrezka .vrezka__wrapper a.vrezka__special._pdf:before {
content: '';
background: url(//panel-tek.ru/wp-content/themes/panel/vrezka/pdf.png) no-repeat center center;
width: 30px;
height: 38px;
position: absolute;
left: 0px;
top: 10px;
}
.vrezka .vrezka__wrapper a.vrezka__special._xlsx:before {
content: '';
background: url(//panel-tek.ru/wp-content/themes/panel/vrezka/xlsx.png) no-repeat center center;
width: 29px;
height: 38px;
position: absolute;
left: 0;
top: -6px;
}
.vrezka .vrezka__wrapper .vrezka__instuction {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center;
margin-top: 15px;
}
.vrezka .vrezka__wrapper .vrezka__instuction a {
height: 86px;
padding: 0 30px; background: #ffbd45;
border-radius: 12px;
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 120%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
color: #FFFFFF;
text-align: center;
position: relative;
text-decoration: none;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.vrezka .vrezka__wrapper .vrezka__instuction a img {
position: absolute;
bottom: -3px;
right: -84px;
margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 992px) {
.vrezka .vrezka__wrapper .vrezka__instuction a img {
max-width: 55px;
bottom: -10px;
right: -31px;
}
}
@media screen and (max-width: 768px) {
.vrezka {
width: 100%;
}
.vrezka .vrezka__wrapper {
padding: 21px 16px 21px 21px;
}
.vrezka .vrezka__wrapper .vrezka__title {
font-size: 20px;
padding-right: 0;
margin-bottom: 10px;
max-width: 300px;
}
.vrezka__date {
font-size: 14px;
max-width: 184px;
line-height: 18px;
padding: 5px 4px;
text-align: center;
margin-bottom: 15px;
}
.vrezka .vrezka__wrapper .vrezka__worker {
position: initial;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px;
}
.vrezka .vrezka__wrapper .vrezka__worker img {
width: 104px;
height: 104px;
margin-bottom: 0;
}
.vrezka .vrezka__wrapper .vrezka__worker .vrezka__info {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-left: 16px;
}
.vrezka .vrezka__wrapper .vrezka__subtitle {
font-size: 20px;
padding-right: 0;
margin-bottom: 32px;
}
.vrezka .vrezka__wrapper .vrezka__content .vrezka__text:nth-child(1) {
padding-right: 0;
}
.vrezka .vrezka__wrapper a.vrezka__special {
margin-bottom: 20px;
}
.vrezka .vrezka__wrapper .vrezka__instuction a {
max-width: 400px;
width: 100%;
height: auto;
font-size: 14px;
padding-left: 0;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
padding: 16px 20px;
text-align: center;
}
.vrezka .vrezka__wrapper .vrezka__instuction a::before {
position: absolute;
bottom: -26px;
left: calc(50% - 47px);
content: "PDF (122 KB)";
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 170%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
color: #D41A1A;
}
.vrezka .vrezka__wrapper .vrezka__instuction a br {
display: none;
}
.vrezka .vrezka__wrapper .vrezka__instuction a img {
max-width: 40px;
bottom: -10px;
right: -12px;
}
a.vrezka__doc {
font-size: 11px;
}
.vrezka .vrezka__wrapper .vrezka__instuction a::before {
content: none;
}
.vrezka .vrezka__wrapper .vrezka__content .vrezka__text {
padding-left: 35px;
}
.vrezka .vrezka__wrapper .vrezka__content .vrezka__text::before {
left: -7px;
top: 4px;
}
} #vrezka_moddal_form .pop_form {
max-width: 1000px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background: #dcdcdc;
}
#vrezka_moddal_form .req_call_left {
padding-left: 57px;
padding-top: 57px;
padding-bottom: 57px;
text-align: left;
}
#vrezka_moddal_form .req_call_top {
color: #626262;
font-size: 30px;
}
#vrezka_moddal_form .modal__title {
font-size: 30px;
color: #626262;
padding-top: 4px;
margin-bottom: 40px;
font-family: 'Montserrat-SemiBold', sans-serif;
}
#vrezka_moddal_form .req_call_top .blue {
color: #113555;
font-family: 'Montserrat-ExtraBold', sans-serif;
}
#vrezka_moddal_form .req_call_top span {
color: #113555;
background: #f3e800;
padding: 6px;
border-radius: 6px;
font-family: 'Montserrat-ExtraBold', sans-serif;
}
#vrezka_moddal_form .flex {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-content: space-between;
align-items: flex-start;
}
#vrezka_moddal_form .flex .w50 {
min-width: 50%;
}
#vrezka_moddal_form .flex .w50:last-of-type {
padding-left: 50px;
}
#vrezka_moddal_form .modal__subtitle {
color: #807e7e;
font-family: 'Montserrat-SemiBold', sans-serif;
font-size: 18px;
text-align: left;
font-weight: 100;
}
#vrezka_moddal_form .modal__subtitle span.green {
color: #1f9956;
}
#vrezka_moddal_form .white_button {
padding: 26px 31px;
background: #fff;
border-radius: 6px;
color: #113555;
max-width: 212px;
margin-top: 10px;
font-family: 'Montserrat-SemiBold', sans-serif;
position: relative;
}
#vrezka_moddal_form .white_button:first-of-type:before {
content: '';
background: url(//panel-tek.ru/wp-content/themes/panel/vrezka/pdf.png) no-repeat center center;
width: 40px;
background-size: contain;
height: 51px;
position: absolute;
left: -20px;
top: calc(50% - 25.5px);
}
#vrezka_moddal_form .white_button:nth-child(2):before {
content: '';
background: url(//panel-tek.ru/wp-content/themes/panel/vrezka/xlsx.png) no-repeat center center;
width: 40px;
background-size: contain;
height: 51px;
position: absolute;
left: -20px;
top: calc(50% - 25.5px);
}
#vrezka_moddal_form .white_button span {
font-family: 'Montserrat-ExtraBold', sans-serif;
}
#vrezka_moddal_form form {
margin-top: 30px;
}
#vrezka_moddal_form form input {
color: #807e7e;
border-bottom: 1px solid #040404;
font-size: 20px;
padding: 12px 0;
text-align: center;
min-width: 313px;
}
#vrezka_moddal_form form button {
font-size: 30px;
padding: 15px;
max-width: 304px;
}
#vrezka_moddal_form form input::-webkit-input-placeholder {
color: #807e7e;
opacity: 1; }
#vrezka_moddal_form form input:-moz-placeholder {
color: #807e7e;;
opacity: 1; }
#vrezka_moddal_form form input::-moz-placeholder {
color: #807e7e;
opacity: 1; }
#vrezka_moddal_form form input:-ms-input-placeholder {
color: #807e7e;
opacity: 1; }
#vrezka_moddal_form .req_call_right {
position: relative;
background: transparent;
}
#vrezka_moddal_form .req_call_right:before {
content: '';
background: url(//panel-tek.ru/wp-content/themes/panel/vrezka/new_modal.png) no-repeat top left;
position: absolute;
width: calc(100% + 70px);
bottom: 0;
left: -70px;
height: calc(100% - 73px);
}
#vrezka_moddal_form .leyer_in {
background: rgba(0, 0, 0, 0.79);
}
@media (min-width: 320px) and (max-width: 767.6px) {
.vrezka .vrezka__wrapper .vrezka__title {
max-width: 100%;
text-align: center;
}
.vrezka .vrezka__wrapper .vrezka__content .vrezka__text {
font-size: 16px;
} #vrezka_moddal_form .pop_form {
padding: 20px;
margin: 0;
}
#vrezka_moddal_form .req_call_left {
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
}
#vrezka_moddal_form .modal__title {
font-size: 20px;
margin-bottom: 20px;
line-height: 1.4;
text-align: center;
}
#vrezka_moddal_form .modal__title br {
display: none;
}
#vrezka_moddal_form form {
margin-top: 15px;
}
#vrezka_moddal_form form input {
min-width: 100%;
font-size: 16px;
}
#vrezka_moddal_form .modal__subtitle {
font-size: 16px;
text-align: center;
}
#vrezka_moddal_form .flex {
display: block;
}
#vrezka_moddal_form .flex .w50:last-of-type {
display: none;
}
#vrezka_moddal_form .flex .w50 {
width: 100%;
text-align: center;
}
#vrezka_moddal_form form button {
font-size: 20px;
}
#vrezka_moddal_form .form_input {
margin: 5px 0 15px;
}
#vrezka_moddal_form .pop_form.scroll_type .pop_close {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.vrezka .vrezka__wrapper {
padding: 40px;
}
.vrezka .vrezka__wrapper .vrezka__title {
font-size: 29px;
margin-bottom: 20px;
}
.vrezka .vrezka__wrapper .vrezka__worker {
top: 49px;
}
.vrezka .vrezka__wrapper .vrezka__subtitle {
font-size: 21px;
margin-bottom: 20px;
}
.vrezka .vrezka__wrapper .vrezka__instuction a {
font-size: 16px;
text-align: center;
}
}