.imageSliderBlock {
margin: 100px 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-o-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
-moz-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
-ms-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
-o-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
}
.imageSliderBlock.is-inview {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.imageSliderBlock .imageSliderWrapper {
height: 600px;
width: 100%;
position: relative;
}
.imageSliderBlock .imageSliderWrapper .slider {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.imageSliderBlock .imageSliderWrapper .slider .slidesContainer {
height: 100%;
}
.imageSliderBlock .imageSliderWrapper .slider .slidesContainer .slide {
position: relative;
height: 100%;
width: 100%;
display: inline-block;
vertical-align: top;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.imageSliderBlock .imageSliderWrapper .slider .slidesContainer .slide:after {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
background: #000;
opacity: 0.2;
}
.imageSliderBlock .imageSliderWrapper .slider .slidesContainer .slide .quoteTitle {
text-align: right;
height: auto;
left: auto;
position: absolute;
top: auto;
width: 100%;
bottom: 20px;
padding-right: 20px;
padding-left: 20px;
color: #fff;
z-index: 1;
white-space: normal;
}
@media all and (max-width: 767px) {
.imageSliderBlock {
margin: 50px 0;
}
.imageSliderBlock .imageSliderWrapper {
padding-bottom: 60%;
}
.imageSliderBlock .imageSliderWrapper .slider .sliderButton {
width: 40px;
height: 40px;
}
.imageSliderBlock .imageSliderWrapper .slider .sliderButton i {
font-size: 20px;
}
}
@media all and (max-width: 430px) {
.imageSliderBlock .imageSliderWrapper {
padding-bottom: 0;
height: 300px;
}
.imageSliderBlock .imageSliderWrapper .slider .slidesContainer .slide .quoteTitle {
font-size: 18px;
line-height: 24px;
}
}.textBlock {
margin: 100px 0;
}
.textBlock.is-inview .cols .col {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.textBlock .cols .col {
display: inline-block;
vertical-align: top;
width: 50%;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-o-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
-moz-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
-ms-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
-o-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
}
.textBlock .cols .col:last-child {
-webkit-transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
-moz-transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
-ms-transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
-o-transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
}
.textBlock .cols .col:first-child {
padding-right: 50px;
}
.textBlock .cols .col .smallTitle {
max-width: 370px;
width: 100%;
}
@media all and (max-width: 767px) {
.textBlock {
margin: 50px 0;
}
.textBlock .cols .col {
width: 100%;
padding-right: 0 !important;
}
.textBlock .cols .col:first-child {
margin-bottom: 20px;
}
}.quoteBlock {
margin: 100px 0;
}
.quoteBlock.is-inview .cols .col {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.quoteBlock .cols .col {
display: inline-block;
vertical-align: top;
width: 50%;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-o-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
-moz-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
-ms-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
-o-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
}
.quoteBlock .cols .col:first-child {
padding-right: 50px;
}
@media all and (max-width: 767px) {
.quoteBlock {
margin: 50px 0;
}
.quoteBlock .cols .col {
width: 100%;
padding-right: 0 !important;
}
.quoteBlock .cols .col:first-child {
display: none;
}
}.formBlock {
margin: 100px 0;
}
.formBlock.is-inview .cols .col {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.formBlock .cols .col {
display: inline-block;
vertical-align: top;
width: 50%;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-o-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
-moz-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
-ms-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
-o-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
}
.formBlock .cols .col:last-child {
-webkit-transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
-moz-transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
-ms-transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
-o-transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
}
.formBlock .cols .col:first-child {
padding-right: 50px;
}
.formBlock .cols .col .smallTitle {
max-width: 370px;
width: 100%;
}
.formBlock .cols .col form {
display: block;
text-align: left;
}
.formBlock .cols .col form .field.half {
display: inline-block;
vertical-align: top;
width: calc(50% - 3px);
}
.formBlock .cols .col form .field.half.left {
padding-right: 5px;
}
.formBlock .cols .col form .field.half.right {
padding-left: 5px;
}
.formBlock .cols .col form .field label {
color: #707070;
opacity: 0.6;
}
.formBlock .cols .col form .field input[type="text"],
.formBlock .cols .col form .field input[type="email"],
.formBlock .cols .col form .field input[type="tel"],
.formBlock .cols .col form .field textarea {
color: #1a1a1a;
padding: 10px 0;
display: block;
width: 100%;
border: none;
margin-bottom: 20px;
background: transparent;
font-size: 20px;
line-height: 26px;
font-family: 'Cormorant', serif;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.formBlock .cols .col form .field input[type="text"].wpcf7-not-valid,
.formBlock .cols .col form .field input[type="email"].wpcf7-not-valid,
.formBlock .cols .col form .field input[type="tel"].wpcf7-not-valid,
.formBlock .cols .col form .field textarea.wpcf7-not-valid {
border-bottom: 2px solid #c74e4e;
}
.formBlock .cols .col form .field input[type="text"]::-webkit-input-placeholder,
.formBlock .cols .col form .field input[type="email"]::-webkit-input-placeholder,
.formBlock .cols .col form .field input[type="tel"]::-webkit-input-placeholder,
.formBlock .cols .col form .field textarea::-webkit-input-placeholder {
color: rgba(29, 29, 29, 0.4);
}
.formBlock .cols .col form .field input[type="text"]::-moz-placeholder,
.formBlock .cols .col form .field input[type="email"]::-moz-placeholder,
.formBlock .cols .col form .field input[type="tel"]::-moz-placeholder,
.formBlock .cols .col form .field textarea::-moz-placeholder {
color: rgba(29, 29, 29, 0.4);
}
.formBlock .cols .col form .field input[type="text"]:-ms-input-placeholder,
.formBlock .cols .col form .field input[type="email"]:-ms-input-placeholder,
.formBlock .cols .col form .field input[type="tel"]:-ms-input-placeholder,
.formBlock .cols .col form .field textarea:-ms-input-placeholder {
color: rgba(29, 29, 29, 0.4);
}
.formBlock .cols .col form .field input[type="text"]:-moz-placeholder,
.formBlock .cols .col form .field input[type="email"]:-moz-placeholder,
.formBlock .cols .col form .field input[type="tel"]:-moz-placeholder,
.formBlock .cols .col form .field textarea:-moz-placeholder {
color: rgba(29, 29, 29, 0.4);
}
.formBlock .cols .col form .field textarea {
height: 150px;
resize: none;
}
.formBlock .cols .col form .field .wpcf7-not-valid-tip {
display: none !important;
}
.formBlock .cols .col form.sent .wpcf7-response-output {
background: #bad9b5;
}
.formBlock .cols .col form .terms {
margin-bottom: 20px;
}
.formBlock .cols .col form .terms p {
font-size: 10px;
line-height: 18px;
max-width: 400px;
width: 100%;
}
.formBlock .cols .col form .terms a {
text-decoration: underline;
color: #1a1a1a;
opacity: 1;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.formBlock .cols .col form .terms a:hover {
opacity: 0.6;
}
.formBlock .cols .col form .wpcf7-response-output {
margin: 20px 0 !important;
padding: 20px !important;
background: rgba(0, 0, 0, 0.1);
font-weight: 600;
color: #1a1a1a !important;
border: none !important;
font-size: 18px;
}
.formBlock .cols .col form .submitField .wpcf7-spinner {
margin-top: 8px !important;
display: inline-block;
vertical-align: top;
margin: 0 auto;
margin-left: 20px;
}
.formBlock .cols .col form .submitField input {
display: inline-block;
border: none;
height: 40px;
cursor: pointer;
line-height: 40px;
text-align: center;
width: auto;
background: #707070;
color: #fff;
padding: 0 20px;
text-transform: uppercase;
font-family: 'Cormorant', sans serif;
font-size: 20px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.formBlock .cols .col form .submitField input:hover {
background: #1a1a1a;
}
@media all and (max-width: 767px) {
.formBlock {
margin: 50px 0;
}
.formBlock .cols .col {
width: 100%;
padding-right: 0 !important;
}
.formBlock .cols .col:first-child {
margin-bottom: 20px;
}
}