.attachment img[src$=".svg"],.widget_media_image img[src$=".svg"]{width:100%}.attachment img[src$=".svg"],.widget_media_image img[src$=".svg"]{width:100%}.attachment svg,.widget_media_image svg{max-width:100%;height:auto}@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap&subset=cyrillic-ext");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,900&display=swap&subset=cyrillic");
html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
footer,
header,
nav,
section {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
figcaption,
figure,
main {
display: block
}
figure {
margin: 1em 40px
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b,
strong {
font-weight: inherit
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
audio,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=reset],
[type=submit] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
display: inline-block;
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
menu {
display: block
}
summary {
display: list-item
}
canvas {
display: inline-block
}
template {
display: none
}
[hidden] {
display: none
}
.body-overflow {
overflow: hidden
}
body {
overflow-x: hidden;
-webkit-overflow-scrolling: touch
}
main {
position: relative;
z-index: 2
}
footer {
z-index: 3;
position: relative
}
input[type=email],
input[type=submit],
input[type=tel],
input[type=text],
textarea {
-webkit-appearance: none
}
.container {
max-width: 1250px;
width: 100%;
position: relative;
margin: 0 auto;
padding: 0 50px;
z-index: 3
}
@media all and (max-width:639px) {
.container {
padding: 0 16px
}
}
.container .slick-arrow {
position: absolute;
top: 10px;
z-index: 2;
width: 16px;
height: 16px;
background-color: transparent;
border: 0;
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.container .slick-arrow i {
border: solid #828282;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 4px;
opacity: .54;
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear
}
.container .slick-arrow:hover i {
opacity: 1
}
.container .slick-prev {
left: 0
}
.container .slick-prev i {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg)
}
.container .slick-next {
right: 0
}
.container .slick-next i {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0
}
a,
button {
outline: 0
}
b,
strong {
font-weight: inherit
}
b,
strong {
font-weight: bolder
}
ol,
ul {
list-style: none
}
.fw {
display: -ms-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
label.error {
display: none;
position: absolute;
bottom: -15px;
right: 0;
color: #e42b2b;
font-size: 14px;
font-weight: 400;
text-align: right;
font-size: 12px;
z-index: 5
}
.input-item {
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #33475b;
background-color: #f5f8fa;
border: 1px solid #cbd6e2;
display: block;
width: 100%;
height: 40px;
outline: 0;
line-height: 40px;
padding: 0 15px;
border-radius: 2px
}
.label-file {
padding: 10px 22px;
color: #000;
font-size: 16px;
background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e5e5e5));
background: -webkit-linear-gradient(top, #f7f7f7 0, #e5e5e5 100%);
background: linear-gradient(180deg, #f7f7f7 0, #e5e5e5 100%);
border-radius: 3px;
max-width: 144px;
width: 100%
}
#contacts-file {
display: none
}
::-webkit-input-placeholder {
color: #33475b
}
:-ms-input-placeholder {
color: #33475b
}
::placeholder {
color: #33475b
}
.site-button {
display: inline-block;
padding: .3em .5em .3em 1em;
white-space: nowrap;
cursor: pointer;
text-align: center;
background-color: transparent;
color: #fff;
line-height: 25.5px;
font-size: 15px;
letter-spacing: 4px;
text-transform: uppercase;
border: 2px solid #fff;
-webkit-transition: .2s ease-out;
transition: .2s ease-out
}
.site-button:active,
.site-button:focus,
.site-button:hover {
border: 2px solid #4ff094;
background: #4ff094;
color: #0c74d5;
padding: .3em 1.5em .3em 1em
}
.site-button--orange {
background: #e94a42;
border: 2px solid #e94a42
}
.site-button--orange:active,
.site-button--orange:focus,
.site-button--orange:hover {
padding: .3em .5em .3em 1em
}
.site-button--arrow {
position: relative
}
.site-button--arrow .arrow {
opacity: 0;
-webkit-transition: .1s ease;
transition: .1s ease
}
.site-button--arrow:active .arrow,
.site-button--arrow:focus .arrow,
.site-button--arrow:hover .arrow {
opacity: 1
}
.site-button--arrow .left-bar {
position: absolute;
background-color: #0c74d5;
top: 14px;
right: 10px;
width: 6px;
height: 1px;
display: block;
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);
border-radius: 2px
}
.site-button--arrow .right-bar {
position: absolute;
background-color: #0c74d5;
top: 18px;
right: 10px;
width: 6px;
height: 1px;
display: block;
-webkit-transform: rotate(-40deg);
-ms-transform: rotate(-40deg);
transform: rotate(-40deg);
float: right;
border-radius: 2px
}
.site-button--violet {
background: 0 0;
border: 2px solid #0c74d5;
color: #0c74d5
}
.site-button--violet:active,
.site-button--violet:focus,
.site-button--violet:hover {
background: #0c74d5;
color: #fff;
border: 2px solid #0c74d5
}
.site-button--violet:active span,
.site-button--violet:focus span,
.site-button--violet:hover span {
background: #fff
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
cursor: pointer
}
.play-button::after {
content: "";
color: #fff;
font-size: 30px;
position: absolute;
padding: 35px 55px;
background: rgba(233, 74, 66, .9);
text-align: center;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
@media all and (max-width:639px) {
.play-button::after {
padding: 25px 45px
}
}
.play-button::before {
content: "";
z-index: 1;
position: absolute;
width: 0;
height: 0;
border-left: 24px solid #fff;
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
top: 50%;
left: 50.5%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: .2s ease;
transition: .2s ease
}
@media all and (max-width:639px) {
.play-button::before {
border-left: 18px solid #fff;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent
}
}
.play-button:hover::before {
-webkit-transform: translate(-50%, -50%) scale(1.2);
-ms-transform: translate(-50%, -50%) scale(1.2);
transform: translate(-50%, -50%) scale(1.2)
}
* {
font-family: Montserrat, sans-serif;
line-height: 1;
font-weight: 300
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #514747;
font-weight: 700;
margin: 0
}
.h1,
h1 {
line-height: 1.3em;
margin-bottom: 1em;
font-size: 47px
}
@media all and (max-width:639px) {
.h1,
h1 {
font-size: 32px
}
}
.h1:last-child,
h1:last-child {
margin-bottom: 0
}
.h2,
h2 {
font-size: 37px;
margin-bottom: 18px;
line-height: 1.35em;
color: #514747;
font-weight: 400
}
@media all and (max-width:639px) {
.h2,
h2 {
font-size: 24px
}
}
.h3,
h3 {
font-size: 27px;
line-height: .9em;
color: #514747;
margin-bottom: 24px
}
@media all and (max-width:639px) {
.h3,
h3 {
font-size: 20px
}
}
.h3:last-child,
h3:last-child {
margin-bottom: 0
}
.h4,
h4 {
font-size: 20px
}
@media all and (max-width:639px) {
.h4,
h4 {
font-size: 16px
}
}
p,
span {
margin: 0;
font-size: 17px;
line-height: 27.2px;
color: #514747;
font-weight: 300;
font-family: 'Open Sans', sans-serif
}
@media all and (max-width:639px) {
p,
span {
font-size: 14px
}
}
a,
span {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
font-family: 'Open Sans', sans-serif
}
a {
text-decoration: none;
color: inherit
}
li {
margin-bottom: 1em;
font-size: 14px;
line-height: 1.2;
font-weight: 400
}
li:last-child {
margin-bottom: 0
}
.typography .alignright {
float: right;
margin-bottom: 5px;
margin-left: 20px
}
.typography .alignleft {
float: left;
margin-bottom: 5px;
margin-right: 20px
}
.typography img {
max-width: 100%;
display: block;
height: auto;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
margin-bottom: 12px
}
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography p {
margin-bottom: 1em;
line-height: 1.5
}
.typography p {
font-size: 20px
}
.typography p:last-child {
margin-bottom: 0
}
.typography ol {
padding-left: 18px;
margin-bottom: 18px
}
.typography ol li {
text-align: left;
font-size: inherit;
font-weight: 300
}
.typography ul {
margin-bottom: 18px
}
.typography ul li {
font-weight: 300;
position: relative;
padding-left: 24px;
font-size: inherit;
text-align: left
}
.typography ul li::after {
content: '';
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background: #000;
left: 0;
top: 6px
}
.typography a {
color: #e94a42
}
.typography iframe {
display: block;
margin-bottom: 12px;
width: 100%;
min-height: 300px
}
@media all and (max-width:639px) {
.typography iframe {
min-height: 250px;
height: auto
}
}
.s_popup {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999999999;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .7);
overflow-y: auto
}
.s_popup__layer {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1
}
.s_popup__close {
width: 16px;
height: 16px;
position: absolute;
top: 16px;
right: 19px;
cursor: pointer
}
.s_popup__close::after,
.s_popup__close::before {
content: "";
position: absolute;
width: 100%;
height: 3px;
background: #000;
top: 40%;
left: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 20px
}
.s_popup__close::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.s_popup__content {
width: 100%;
max-width: 995px;
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px 45px;
color: #000
}
@media all and (max-width:999px) {
.s_popup__content {
position: relative;
margin: 0 auto;
padding: 20px;
top: 0;
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
}
.s_popup__content--filter {
top: 20%
}
.s_popup__content-feedback {
max-width: 770px;
padding: 88px 0
}
.s_popup__content--consultation {
max-width: 770px;
padding: 100px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 0
}
@media all and (max-width:999px) {
.s_popup__content--consultation {
padding: 70px
}
}
@media all and (max-width:639px) {
.s_popup__content--consultation {
padding: 40px
}
}
.s_popup__content--thanks {
max-width: 770px;
width: 100%;
padding: 130px 0;
text-align: center;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 0
}
.s_popup__content--thanks h4 {
margin-bottom: 16px
}
.s_popup_video_content {
height: 100vh;
position: relative;
z-index: 2;
padding: 50px
}
@media all and (max-width:999px) {
.s_popup_video_content {
padding: 20px
}
}
@media all and (max-width:999px) {
.s_popup_video_content {
padding: 5px
}
}
.s_popup_video_close {
position: fixed;
right: 15px;
top: 15px;
width: 20px;
z-index: 101;
cursor: pointer;
height: 33px
}
.s_popup_video_close::after,
.s_popup_video_close::before {
position: absolute;
content: '';
left: 0;
top: 50%;
width: 100%;
height: 3px;
background: #fff;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.s_popup_video_close::after {
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg)
}
.s_popup_video_close::before {
-webkit-transform: translateY(-50%) rotate(-45deg);
-ms-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg)
}
.s_popup_video_close:hover::after,
.s_popup_video_close:hover::before {
background: #c4c4c4
}
.s_popup_video_video {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.s_popup_video_video iframe {
width: auto;
height: auto;
display: block;
max-width: 100%;
max-height: 100%;
margin: 0;
width: 70vw;
height: 80vh
}
@media all and (max-width:999px) {
.s_popup_video_video iframe {
width: 90vw;
height: 50vh
}
}
@media all and (max-width:639px) {
.s_popup_video_video iframe {
width: 100vw;
height: 38vh
}
}
.s_header {
background: #fff;
padding: 0 30px;
z-index: 999;
position: relative
}
.s_header_wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.s_header_list {
margin-left: auto
}
@media all and (max-width:639px) {
.s_header_list {
display: none
}
}
.s_header_list ul li {
margin: 0;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .1em;
color: #514747;
margin-right: 22px;
white-space: nowrap
}
@media all and (max-width:639px) {
.s_header_list ul li {
margin-right: 12px
}
}
.s_header_list ul li:last-child {
margin: 0
}
.s_header_list ul li a {
font-size: inherit;
font-family: inherit;
color: inherit;
display: block;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
letter-spacing: 2px;
color: #e94a42;
text-transform: uppercase;
font-size: 15px
}
.s_header_list ul li a:hover {
text-decoration: none;
animation: textanimate .5s
}
@media all and (max-width:639px) {
.s_header_list ul li a {
font-size: 12px
}
}
.s_header_logo {
display: block;
max-width: 180px;
width: 100%;
margin-top: 15px;
margin-bottom: 15px
}
@media all and (max-width:1023px) {
.s_header_logo {
max-width: 110px
}
}
@media all and (max-width:639px) {
.s_header_logo {
max-width: 65px
}
}
.s_header_logo img,
.s_header_logo svg {
display: block;
max-width: 100%;
height: auto
}
.s_header_burger {
position: relative;
z-index: 10;
display: none;
width: 25px;
height: 22px;
margin-left: 30px;
cursor: pointer
}
@media all and (max-width:639px) {
.s_header_burger {
display: block
}
}
.s_header_burger_line {
position: absolute;
width: 100%;
height: 4px;
border-radius: 4px;
background: #e94a42;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.s_header_burger_line--one {
top: 0;
right: 0
}
.s_header_burger_line--two {
top: 9px
}
.s_header_burger_line--three {
bottom: 0;
right: 0
}
.s_header_burger--open .s_header_burger_line--one {
top: 50%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 100%
}
.s_header_burger--open .s_header_burger_line--two {
-webkit-transition: all .1s ease-out;
transition: all .1s ease-out;
opacity: 0
}
.s_header_burger--open .s_header_burger_line--three {
top: 50%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 100%
}
.s_header__menu {
position: fixed;
color: #fff;
background: #e94a42;
left: 100%;
top: 0;
bottom: 0;
right: -500%;
z-index: 99;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: flex;
-webkit-transition: .6s;
transition: .6s;
margin-top: 49px
}
.s_header__menu--open {
left: 0;
right: 0
}
.s_header__nav ul li {
font-size: 25px;
font-weight: 700;
text-align: center;
font-family: Montserrat, sans-serif;
margin-bottom: 18px
}
.s_header__nav ul li:last-child {
margin-bottom: 0
}
.s_header__nav ul li a {
position: relative
}
.s_header__nav ul li a::after {
content: '';
display: block;
width: 0;
height: 5px;
background: #fff;
-webkit-transition: width .3s;
transition: width .3s;
z-index: 2
}
.s_header__nav ul li a:hover::after {
width: 100%
}
.s_works {
width: 100%
}
.s_works__cards {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.s_works__card {
height: 100%;
position: relative
}
.s_works__card::after {
content: '';
background: #f44d33;
mix-blend-mode: multiply;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
opacity: 0;
-webkit-transition: .4s;
transition: .4s
}
.s_works__card-wr {
max-width: 50%;
width: 100%;
display: block;
overflow: hidden
}
.s_works__card-wr:hover .play-button {
display: none
}
.s_works__card-wr:hover .s_works__card::after {
opacity: 1
}
.s_works__card-wr:hover .s_works__img img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
.s_works__card-wr:hover .s_works__content {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
@media all and (max-width:639px) {
.s_works__card-wr {
max-width: 100%
}
}
.s_works__img {
width: 100%;
height: 100%
}
.s_works__img img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
-webkit-transition: 1s;
transition: 1s
}
.s_works__content-wr {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.s_works__content {
padding: 30px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: .2s;
transition: .2s
}
.s_works__content * {
color: #fff
}
.s_works__content * p {
font-size: 17px
}
.s_works__title {
margin-bottom: 40px;
position: relative
}
.s_works__title::after {
width: 30px;
height: 1px;
background: #fff;
content: '';
position: absolute;
bottom: -25px;
left: 0
}
.s_works__title h3 {
color: #fff;
font-family: Montserrat, sans-serif;
font-size: 20px;
line-height: 20px;
letter-spacing: normal;
font-weight: 800
}
.s_works__length {
margin-bottom: 6px
}
.s_works__more {
padding: 50px;
background-color: #eceff1;
text-align: center
}
.s_ready {
background: #e94a42;
padding-top: 100px;
text-align: center
}
.s_ready * {
color: #fff
}
.s_ready__title {
margin-bottom: 24px
}
.s_ready__title h2 {
font-weight: 700;
font-size: 41px;
line-height: 61.1px;
letter-spacing: normal;
font-family: Montserrat, sans-serif
}
.s_ready__btn a {
padding: .3em 1em .3em 1em;
font-size: 16px;
color: #fff;
border: 1px solid #fff
}
.s_ready__btn a:hover {
padding: .3em 2em .3em 1em;
border: 1px solid #fff;
background: 0 0
}
.s_ready__img img {
display: block;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.s_marketing {
background: #eceff1
}
.s_marketing__content {
padding: 80px 40px
}
.s_marketing__title {
margin-bottom: 8px
}
.s_marketing__title h1 {
font-family: Montserrat;
font-weight: 700;
letter-spacing: normal;
color: #514747
}
.s_marketing__cards {
margin: -20px;
padding: 0 40px 20px 40px
}
.s_marketing__card-wr {
padding: 20px;
height: 440px
}
.s_marketing__card-wr:nth-child(4n+1) {
max-width: 60%
}
.s_marketing__card-wr:nth-child(4n+2) {
max-width: 40%
}
.s_marketing__card-wr:nth-child(4n+4) {
max-width: 60%
}
.s_marketing__card-wr:nth-child(4n+3) {
max-width: 40%
}
@media all and (max-width:639px) {
.s_marketing__card-wr:nth-child(4n+1) {
max-width: 100%
}
.s_marketing__card-wr:nth-child(4n+2) {
max-width: 100%
}
.s_marketing__card-wr:nth-child(4n+4) {
max-width: 100%
}
.s_marketing__card-wr:nth-child(4n+3) {
max-width: 100%
}
}
.s_marketing__card-wr:hover .s_works__img img {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.s_footer {
background: #2c485e;
padding: 40px 0
}
.s_footer * {
color: #fff
}
.s_footer__logo {
margin-bottom: 32px;
max-width: 110px;
width: 100%;
display: block
}
@media all and (max-width:639px) {
.s_footer__logo {
margin: auto;
margin-bottom: 16px
}
}
.s_footer__logo img {
display: block;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.s_footer__name {
margin-bottom: 24px
}
.s_footer__info {
max-width: 25%;
width: 100%
}
@media all and (max-width:639px) {
.s_footer__info {
max-width: 100%
}
}
.s_footer__info p {
font-size: 14px;
margin-bottom: 12px
}
.s_footer__info a:hover {
color: #e94a42
}
.s_footer__content ul li {
margin-bottom: .5em
}
.s_footer__content ul li a {
font-size: 14px
}
.s_footer__content ul li a:hover {
color: #e94a42
}
@media all and (max-width:639px) {
.s_footer__content {
-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;
text-align: center
}
}
.s_footer__logos {
width: 100%;
max-width: 230px;
margin-bottom: 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media all and (max-width:639px) {
.s_footer__logos {
margin: auto
}
}
.s_footer__logos a {
display: block;
max-width: 33%
}
.s_footer__logos img {
display: block;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.s_footer__networks .footer-icon {
padding: 10px;
font-size: 25px;
-webkit-transition: .2s;
transition: .2s
}
.s_footer__networks .footer-icon:hover {
color: #e94a42
}
@media all and (max-width:639px) {
.s_footer__link {
margin-bottom: 18px
}
}
@media all and (max-width:639px) {
.s_footer__links {
margin-bottom: 18px
}
}
@media all and (max-width:639px) {
.s_footer__videos {
margin-bottom: 18px
}
}
.s_explainer {
background: #eceff1;
padding: 80px 40px
}
.s_explainer__title {
margin-bottom: 80px;
text-align: center
}
.s_explainer__title h2 {
font-family: Montserrat;
font-weight: 700;
font-size: 27px;
line-height: 18px;
letter-spacing: normal
}
.s_explainer__cards {
margin: -20px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.s_explainer__card-wr {
padding: 20px;
max-width: -webkit-calc(100%/3);
max-width: calc(100%/3);
display: none
}
@media all and (max-width:639px) {
.s_explainer__card-wr {
max-width: 100%
}
}
.s_explainer__card-wr:nth-of-type(-n+3) {
display: block
}
.s_explainer__card-wr:hover .s_works__img img {
-webkit-transform: none;
-ms-transform: none;
transform: none
}