.overlay__newsletter {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 100000;
background-color: rgba(0, 0, 0, 0.3);
display: none;
}
.overlay__newsletter.newsletter_active {
display: block;
}
.newsletter {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: fixed;
background: #fff;
width: 100%;
max-width: 800px;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
min-height: 400px;
height: auto;
display: flex;
}
.newsletter .wpcf7-response-output {
margin-top: 20px;
line-height: 17px
}
.newsletter__col {
width: 100%
}
@media only screen and (min-width:768px) {
.newsletter__col {
width: 50%
}
}
.newsletter__col:first-of-type {
background-position: 50%;
background-size: cover;
height: 200px;
display: none;
}
@media only screen and (min-width:768px) {
.newsletter__col:first-of-type {
height: auto;
display: block;
}
}
.newsletter__col:last-of-type {
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.newsletter__close {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer
}
.newsletter__title {
margin-bottom: 20px
}
.newsletter__desk {
line-height: 26px
}
.newsletter__field {
position: relative;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 30px
}
.newsletter__field .wpcf7-not-valid {
border-bottom: 1px solid #f22
}
.newsletter__field .wpcf7-not-valid-tip {
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #f22;
top: unset;
bottom: -20px;
position: absolute;
left: 0;
}
.newsletter__field.hidden {
display: none
}
.overlay__newsletter .newsletter input.button {
display: inline-block;
margin: 0;
border: 0;
width: auto;
height: auto;
font-size: 15px;
padding: 18px 34px;
}