Cумка на пояс для телефона и документов, поясная сумка для документов Олива (00

Описание

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800,900&subset=cyrillic');
@keyframes slide-1 {
from {
transform: rotate(0deg) translate(-4px) rotate(0deg);
-webkit-transform: rotate(0deg) translate(-4px) rotate(0deg);
}
to {
transform: rotate(360deg) translate(-4px) rotate(-360deg);
-webkit-transform: rotate(360deg) translate(-4px) rotate(-360deg);
}
}
@-webkit-keyframes slide-1 {
from {
transform: rotate(0deg) translate(-4px) rotate(0deg);
-webkit-transform: rotate(0deg) translate(-4px) rotate(0deg);
}
to {
transform: rotate(360deg) translate(-4px) rotate(-360deg);
-webkit-transform: rotate(360deg) translate(-4px) rotate(-360deg);
}
}
@keyframes slide-2 {
from {
transform: rotate(0deg) translate(-3px) rotate(0deg);
-webkit-transform: rotate(0deg) translate(-3px) rotate(0deg);
}
to {
transform: rotate(0deg) translate(-3px) rotate(360deg);
-webkit-transform: rotate(-360deg) translate(-3px) rotate(360deg);
}
}
@-webkit-keyframes slide-2 {
from {
transform: rotate(0deg) translate(-3px) rotate(0deg);
-webkit-transform: rotate(0deg) translate(-3px) rotate(0deg);
}
to {
transform: rotate(-360deg) translate(-3px) rotate(360deg);
-webkit-transform: rotate(-360deg) translate(-3px) rotate(360deg);
}
}
@keyframes slide-3 {
from {
transform: rotate(0deg) translate(-6px) rotate(0deg);
-webkit-transform: rotate(0deg) translate(-6px) rotate(0deg);
}
to {
transform: rotate(360deg) translate(-6px) rotate(-360deg);
-webkit-transform: rotate(360deg) translate(-6px) rotate(-360deg);
}
}
@-webkit-keyframes slide-3 {
from {
transform: rotate(0deg) translate(-6px) rotate(0deg);
-webkit-transform: rotate(0deg) translate(-6px) rotate(0deg);
}
to {
transform: rotate(360deg) translate(-6px) rotate(-360deg);
-webkit-transform: rotate(360deg) translate(-6px) rotate(-360deg);
}
}
.m-body {
min-width: 300px;
max-width: 970px;
background-color: #fff !important;
margin: 0 auto;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Montserrat', sans-serif !important;
font-size: 18px;
color: #000;
overflow: hidden;
}
.m-header {
width: 100%;
height: 405px;
background-image: url("https://i.postimg.cc/1tjWptgh/header-bg-new-3.jpg");
background-size: cover;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 60px 0;
}
.h-group__img {
width: 40%;
height: 100%;
position: relative;
z-index: 0;
}
.asset-item__img_ico {
width: 30%;
height: 30%;
}
.m-header__img-1 {
position: absolute;
z-index: 1;
right: 100px;
top: 140px;
animation: slide-2 2.5s infinite linear;
-webkit-animation: slide-2 2.5s infinite linear;
}
.m-header__img-2 {
position: absolute;
z-index: 1;
right: 155px;
top: 30px;
animation: slide-1 2.5s infinite linear;
-webkit-animation: slide-1 2.5s infinite linear;
}
.m-header__img-3 {
position: absolute;
bottom: -25px;
right: -65px;
z-index: 0;
animation: slide-3 3.2s infinite linear;
-webkit-animation: slide-3 3.2s infinite linear;
}
.m-header__content {
width: 55%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 40px;
z-index: 1;
}
.m-header__title {
color: #feae02 !important;
font-size: 26px !important;
font-weight: 900 !important;
margin: 10px 0 !important;
}
.m-header__text {
font-size: 14px !important;
color: #fff !important;
border-left: 2px solid #feae02;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 0