Сообщаем о графике работы в праздничные дни в июне
[1] => Array
(
[name] => Телефон
[type] => validate_phone
[field_status] => on
[required] => on
[option] => 0
)
[2] => Array
(
[name] => Email
[type] => validate_email
[field_status] => on
[required] => on
[option] => 0
)
[3] => Array
(
[name] => Я принимаю условия передачи данных
[type] => confirm
[field_status] => on
[required] => on
[option] => 0
)
)
</pre>-->
<style>
.claim {
background: #eceff1;
padding-top: 60px;
padding-bottom: 40px;
margin: 0;
}
.claim__inner {
padding-top: 20px;
}
.claim__agree .checkbox {
justify-content: center;
}
.claim__submit {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.claim__nav-tabs {
display: flex;
justify-content: center;
margin-bottom: 60px;
}
.checkbox {
display: inline-block;
margin: 0;
}
.checkbox .checkbox__element:checked + .checkbox__view:before {
border-color: #1976d2;
}
.checkbox__element {
width: 0;
height: 0;
border-width: 0;
outline: none;
opacity: 0;
position: absolute;
box-sizing: border-box;
padding: 0;
}
.checkbox__label {
color: #1B1919;
font-weight: 400;
}
.checkbox__view {
padding-left: 32px;
position: relative;
user-select: none;
cursor: pointer;
}
.checkbox__view:before {
content:)
span::before {
content: "";
display: block;
margin-right: 19px;
border: solid 2px rgba(16, 24, 40, 0.2);
background-color: #ffffff;
width: 26px;
height: 26px;
}
.checkbox_lg input:checked + span::after {
content: "";
display: block;
position: absolute;
left: 8px;
top: 50%;
width: 13px;
height: 13px;
background: no-repeat url(images/tick.svg);
background-size: contain;
background-position: center;
transform: translateY(-50%);
}
.control {
display: block;
background: #fff;
position: relative;
height: 60px;
margin: 0 0 2px;
padding: 0;
transition: all .4s ease-in-out;
}
.control.claim__agree {
text-align: center;
margin: 20px auto;
font-size: 14px;
background: none;
margin-top: 0;
padding-top: 15px;
}
.control.claim__agree.control_valid_confirm {
border-bottom: 2px solid red;
}
.control_valid_no:focus-within {
margin-bottom: 56px;
}
.control__label {
position: absolute;
top: 20px;
left: 20px;
font-size: 14px;
z-index: 1;
transition: all .1s ease-in-out;
font-weight: 400;
}
.control_filled .control__label {
font-size: 12px;
top: 10px;
}
.control:focus-within .control__label {
font-size: 12px;
top: 10px;
color: #1976d2;
}
.control__label_error {
color: #ff0c0c;
}
.control:focus-within .control__label_error {
color: #ff0c0c;
}
.control__text-field {
background: none;
border: none;
display: block;
/* width: 100%;*/
padding: 30px 0 10px 20px;
outline: none;
z-index: 2;
position: relative;
color: #1B1919;
height: 100%;
appearance: none;
font-size: 16px;
}
.control__line {
display: block;
height: 2px;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
background-color: #1976d2;
width: 0;
position: absolute;
bottom: -2px;
z-index: 1;
}
.control:hover .control__line {
width: 100%;
}
.control__line_bg {
position: relative;
bottom: unset;
width: 100%;
z-index: 0;
background-color: #f1f3f5;
}
.control_valid_no .control__line_error {
background: #ff0c0c;
width: 100%;
}
.control__clear {
transition: all .4s ease-in-out;
position: absolute;
opacity: 0;
cursor: pointer;
right: 24px;
bottom: 10px;
z-index: 5;
}
.control:focus-within .control__clear {
opacity: 1;
}
.control__clear-icon {
cursor: pointer;
}
.control__error {
background: #ff0c0c;
color: #fff;
width: 100%;
padding: 20px;
margin: 0;
height: 56px;
opacity: 0;
position: absolute;
display: flex;
align-items: center;
z-index: 0;
top: 58px;
text-align: center;
border-radius: 0;
left: 0;
transition: all .4s ease-in-out;
}
.control_valid_no:focus-within .control__error {
opacity: 1;
z-index: 9;
}
.office-form__title {
font-size: 24px;
line-height: 32px;
font-weight: 500;
margin: 0;
}
.page-sub-title {
font-size: 18px;
line-height: 32px;
font-weight: 500;
margin: 0;
margin-top: 30px;
}
.office-form__title {
text-align: center;
}
.office-form__text {
text-align: center;
font-size: 12px;
line-height: 16px;
}
.office-form__label {
font-size: 12px;
line-height: 16px;
color: rgba(16, 24, 40, 0.5);
}
.recaptcha-hover {
color: #1B1919;
transition: color .2s ease-in-out;
}
.recaptcha-hover:hover {
color: #fa4616;
}
.claim__submit-btn_wrapper {
text-align: center;
}
.claim__link {
color: #fa4616;
cursor: pointer;
transition-property: opacity;
transition-timing-function: ease-in-out;
transition-duration: .2s;
}
.claim__link:hover,
.claim__link:focus {
color: #d33706;
text-decoration: none;
}
/*
@import "./src/blocks/common/paragraph/p-paragraph";
@extend %paragraph;
@import "./src/blocks/common/subtitle/p-subtitle";
@extend %subtitle;
@import "./src/blocks/common/heading-4/p-heading-4";
@extend %heading-4;
*/
@media (min-width: 768px) {
.claim__inner {
padding-top: 40px;
}
.office-form__title {
font-size: 32px;
line-height: 40px;
}
.page-sub-title {
font-size: 24px;
line-height: 32px;
}
}
@media (min-width: 1280px) {
.office-form__title {
font-size: 36px;
line-height: 44px;
}
}
.control.checkbox {
background: transparent;
}
.mt-60 {
margin-top: 60px;
}
.input-phone input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.input-phone input[type="number"] {
-moz-appearance: textfield;
}
.input-phone input {
width: 100%;
padding-right: 20px;
}
сотовой связи!
8 800 511-98-12.
