.wpcf7 p {
margin-bottom: 0;
}
.wpcf7 input:not([type="submit"]),
.wpcf7 textarea {
width: 100%;
padding: 11px 15px;
background: #F5F5F6;
border-radius: 4px;
transition: all 0.3s ease-in-out;
margin-bottom: 10px;
color: #3A414E;
border: none;
}
.wpcf7 input:not([type="submit"]):focus,
.wpcf7 textarea:focus {
-webkit-box-shadow: 0px 0px 5px 0px #ff0025;
-moz-box-shadow: 0px 0px 5px 0px #ff0025;
box-shadow: 0px 0px 5px 0px #3a414e;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
margin-top: 1em;
}
.wpcf7-not-valid-tip {
font-size: 14px;
text-align: center;
}
.wpcf7-spinner {
display: none!important;
}
.wpcf7-submit {
background-color: #3A414E;
color: #fff;
border-radius: 30px;
border: none;
padding: 13px 40px 17px;
line-height: 1;
margin-top: 5px;
transition: all 0.3s ease-in-out;
width: 100%;
}
.wpcf7-submit:hover {
background-color: #ff0025;
color: #fff;
}
.wpcf7 span.wpcf7-list-item {
margin-left: 0;
}
.wpcf7 .wpcf7-list-item>label {
display: flex;
margin-bottom: 0;
}
.wpcf7 .wpcf7-acceptance {
font-size: 14px;
}
.wpcf7 .wpcf7-acceptance a {
color: #3a414e;
text-decoration: underline;
}
.wpcf7 .wpcf7-acceptance a:hover {
text-decoration: none;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] {
width: 20px;
height: 20px;
background-color: #f5f5f6;
border: 1px solid #3a414e;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
cursor: pointer;
vertical-align: text-top;
margin-right: 5px;
flex: 0 0 auto;
padding: 0;
border-radius: 0;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"]:checked:before {
content: '';
width: 10px;
height: 10px;
background: #3a414e;
position: absolute;
top: calc(50% - 5px);
left: calc(50% - 5px);
}
@media (min-width: 750px) {
#callback .modal-dialog {
max-width: 720px;
}
}
.slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
margin-top: 30px;
}
.slick-dots button {
border: none;
background: rgba(255,255,255,.5);
border-radius: 50%;
width: 15px;
height: 15px;
transition: .3s;
margin: 0 10px;
padding: 0;
}
.slick-dots .slick-active button,
.slick-dots button:hover {
background-color: #fff;
}
.banner__slider {
top: calc(50% - 100px);
margin-bottom: 30px;
}
.banner__logo {
margin-bottom: 30px;
}
.banner__text {
margin-bottom: 40px;
}
.about {
border-bottom: 1px solid #F5F5F6;
}
.about__item {
display: inline-flex;
align-items: center;
background: #F5F5F6;
border-radius: 4px;
margin-right: 20px;
margin-bottom: 20px;
padding: 8px 20px;
font-size: 16px;
height: 48px;
}
.about__icon {
margin-right: 10px;
}
.modal-text {
padding-top: 15px;
}
blockquote {
font-size: 24px;
color: #fff;
background: #3A414E;
border-radius: 4px;
padding: 15px 25px 5px;
line-height: 1.25;
}
.block_accordion_head {
font-size: 20px;
position: relative;
padding: 20px 35px 20px 0;
border-bottom: 1px solid #dbdee5;
cursor: pointer;
}
.block_accordion_head:after {
content: '+';
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
background: #F5F5F6;
position: absolute;
right: 0;
top: calc(50% - 15px);
transition: .3s;
cursor: pointer;
text-align: center;
line-height: 30px;
}
.block_accordion_head[aria-expanded="true"]:after {
transform: rotate(45deg);
}
.block_accordion_content {
border-bottom: 1px solid #dbdee5;
padding: 20px 0;
}
.review__item {
background: #FFF;
box-shadow: 0px 9px 24px -14px rgba(58, 65, 78, 0.2);
padding: 25px 15px;
height: 100%;
}
.review__img {
margin-right: 15px;
}
.review__img img {
border-radius: 50%;
}
.review__top {
display: flex;
align-items: center;
}
.review__name {
font-size: 22px;
font-weight: 700;
}
.review__sign {
font-size: 16px;
color: #162D3D;
opacity: 0.6;
}
.review__bottom {
font-size: 16px;
line-height: 1.5;
}
.form__inline {
position: relative;
}
.form__inline input[type="text"],
.form__inline input[type="tel"] {
background: #F5F5F6;
border-radius: 4px;
padding: 12px 20px;
font-size: 16px;
width: 100%;
}
.form__inline input[type="submit"] {
position: absolute;
right: 0;
top: 0;
margin: 0;
padding: 16px 20px;
background: #3A414E;
border-radius: 0 4px 4px 0;
font-size: 16px;
text-transform: unset;
width: auto;
}
.form__inline input[type="submit"]:hover {
background-color: #ff0025;
}
.modal-label {
color: #3A414E;
text-align: center;
margin-bottom: 30px;
}
.modal-label__title {
font-size: 30px;
line-height: 1.25;
}
.modal-label__title span {
color: #FF0025;
text-decoration-line: line-through;
}
.modal-label__text {
color: #3A414E;
font-size: 20px;
line-height: 1.3;
}
#callback .modal-title:after {
left: calc(50% - 45px);
}
#callback .modal-content {
padding: 90px 40px;
}
.modal.right .modal-dialog {
position: fixed;
margin: auto;
width: 1280px;
height: 100%;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
.modal.right.fade .modal-dialog {
right: -1280px;
-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.show .modal-dialog {
right: 0;
}
.modal-menu .modal-content {
height: 100%;
border-radius: 0;
overflow-y: scroll;
}
.banner__slider-group {
position: absolute;
right: 30px;
}
.banner__slider-group ul {
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
list-style-type: none;
}
.banner__slider-group ul li {
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border: 1px solid #FFF;
cursor: pointer;
border-radius: 50%;
transition: .3s;
}
.banner__slider-group ul li:hover {
background-color: #FF0025;
-webkit-box-shadow: 0px 0px 10px 0px rgba(255, 0, 37, 0.62);
-moz-box-shadow: 0px 0px 10px 0px rgba(255, 0, 37, 0.62);
box-shadow: 0px 0px 10px 0px rgba(255, 0, 37, 0.62);
border-color: #FF0025;
}
.banner__slider-group ul li + li {
margin-top: 15px;
}
.review__video {
float: right;
margin: 0 0 1em 1em;
}
.review__video iframe {
max-width: 330px;
height: 170px;
}