|
|
@ -1,24 +1,24 @@ |
|
|
|
.footer{ |
|
|
|
.footer { |
|
|
|
background: #1B2031; |
|
|
|
background: #1b2031; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
margin-top: 150px; |
|
|
|
margin-top: 150px; |
|
|
|
&__background_shape{ |
|
|
|
&__background_shape { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
top: 0; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
left: 0; |
|
|
|
svg{ |
|
|
|
svg { |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
path{ |
|
|
|
path { |
|
|
|
fill: $white; |
|
|
|
fill: $white; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@include mobile{ |
|
|
|
@include mobile { |
|
|
|
display: none; |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
&__cta{ |
|
|
|
&__cta { |
|
|
|
background: $primary-color; |
|
|
|
background: $primary-color; |
|
|
|
padding: 100px 80px; |
|
|
|
padding: 100px 80px; |
|
|
|
border-radius: 20px; |
|
|
|
border-radius: 20px; |
|
|
@ -29,21 +29,21 @@ |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
z-index: 5; |
|
|
|
z-index: 5; |
|
|
|
.shape-1{ |
|
|
|
.shape-1 { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
z-index: -1; |
|
|
|
z-index: -1; |
|
|
|
transform: rotate(-20deg); |
|
|
|
transform: rotate(-20deg); |
|
|
|
top: -43%; |
|
|
|
top: -43%; |
|
|
|
left: 2%; |
|
|
|
left: 2%; |
|
|
|
animation: moveLeft 5s infinite linear; |
|
|
|
animation: moveLeft 5s infinite linear; |
|
|
|
svg{ |
|
|
|
svg { |
|
|
|
path{ |
|
|
|
path { |
|
|
|
fill: #ffffff; |
|
|
|
fill: #ffffff; |
|
|
|
opacity: .07; |
|
|
|
opacity: 0.07; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.shape-2{ |
|
|
|
.shape-2 { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
z-index: -1; |
|
|
|
z-index: -1; |
|
|
|
transform: rotate(80deg); |
|
|
|
transform: rotate(80deg); |
|
|
@ -52,37 +52,37 @@ |
|
|
|
width: 235px; |
|
|
|
width: 235px; |
|
|
|
height: 208px; |
|
|
|
height: 208px; |
|
|
|
animation: move_top 3s infinite linear; |
|
|
|
animation: move_top 3s infinite linear; |
|
|
|
svg{ |
|
|
|
svg { |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
path{ |
|
|
|
path { |
|
|
|
fill: #ffffff; |
|
|
|
fill: #ffffff; |
|
|
|
opacity: .07; |
|
|
|
opacity: 0.07; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@include desktop{ |
|
|
|
@include desktop { |
|
|
|
padding: 70px 40px; |
|
|
|
padding: 70px 40px; |
|
|
|
} |
|
|
|
} |
|
|
|
&_content{ |
|
|
|
&_content { |
|
|
|
width: 60%; |
|
|
|
width: 60%; |
|
|
|
@include desktop{ |
|
|
|
@include desktop { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
margin-bottom: 20px; |
|
|
|
margin-bottom: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
span{ |
|
|
|
span { |
|
|
|
font-size: 20px; |
|
|
|
font-size: 20px; |
|
|
|
display: block; |
|
|
|
display: block; |
|
|
|
line-height: 1; |
|
|
|
line-height: 1; |
|
|
|
margin: 0 0 20px 40px; |
|
|
|
margin: 0 0 20px 40px; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
@include desktop{ |
|
|
|
@include desktop { |
|
|
|
display: inline-block; |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
} |
|
|
|
&::before{ |
|
|
|
&::before { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
content: ''; |
|
|
|
content: ""; |
|
|
|
height: 2px; |
|
|
|
height: 2px; |
|
|
|
width: 20px; |
|
|
|
width: 20px; |
|
|
|
left: -40px; |
|
|
|
left: -40px; |
|
|
@ -92,23 +92,23 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
&_action{ |
|
|
|
&_action { |
|
|
|
width: 40%; |
|
|
|
width: 40%; |
|
|
|
@include desktop{ |
|
|
|
@include desktop { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
a{ |
|
|
|
a { |
|
|
|
float: right; |
|
|
|
float: right; |
|
|
|
@include desktop{ |
|
|
|
@include desktop { |
|
|
|
float: none; |
|
|
|
float: none; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
&__widget{ |
|
|
|
&__widget { |
|
|
|
padding: 100px 0; |
|
|
|
padding: 100px 0; |
|
|
|
@include desktop{ |
|
|
|
@include desktop { |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
padding: 50px 0; |
|
|
|
padding: 50px 0; |
|
|
|
.footer__widget_address { |
|
|
|
.footer__widget_address { |
|
|
@ -122,24 +122,16 @@ |
|
|
|
// &_address{ |
|
|
|
// &_address{ |
|
|
|
// } |
|
|
|
// } |
|
|
|
} |
|
|
|
} |
|
|
|
&__footer{ |
|
|
|
&__footer { |
|
|
|
padding: 50px 0; |
|
|
|
padding: 50px 0; |
|
|
|
border-top: 1px solid rgba(255, 255, 255, .2); |
|
|
|
border-top: 1px solid rgba(255, 255, 255, 0.2); |
|
|
|
@include desktop{ |
|
|
|
@include desktop { |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
&_copy{ |
|
|
|
&_social { |
|
|
|
p{ |
|
|
|
ul { |
|
|
|
color: #fff; |
|
|
|
|
|
|
|
font-size: 16px; |
|
|
|
|
|
|
|
font-family: $secondary-font; |
|
|
|
|
|
|
|
margin: 0; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
&_social{ |
|
|
|
|
|
|
|
ul{ |
|
|
|
|
|
|
|
float: right; |
|
|
|
float: right; |
|
|
|
@include desktop{ |
|
|
|
@include desktop { |
|
|
|
margin: 20px auto 0; |
|
|
|
margin: 20px auto 0; |
|
|
|
float: none; |
|
|
|
float: none; |
|
|
|
} |
|
|
|
} |
|
|
@ -147,8 +139,9 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@keyframes moveLeft{ |
|
|
|
@keyframes moveLeft { |
|
|
|
0%, 100% { |
|
|
|
0%, |
|
|
|
|
|
|
|
100% { |
|
|
|
-webkit-transform: translateX(0) rotate(-20deg); |
|
|
|
-webkit-transform: translateX(0) rotate(-20deg); |
|
|
|
transform: translateX(0) rotate(-20deg); |
|
|
|
transform: translateX(0) rotate(-20deg); |
|
|
|
} |
|
|
|
} |
|
|
|