Желейная конфета Зомби (50шт)

Описание

@import url("https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=cyrillic");
.m-body {
min-width: 270px;
max-width: 882px;
width: 100%;
margin: 0 auto;
overflow: hidden;
font-family: "Montserrat", sans-serif;
font-size: 16px;
color: #1f1f1f;
font-weight: 400;
line-height: 1.42;
position: relative;
z-index: 0;
background: #f3f3f3; }
img {
max-width: 100%; }
.m-container {
padding: 0 50px; }
@media (max-width: 735px) {
.m-container {
padding: 0 20px; } }
@media (max-width: 439px) {
.m-container {
padding: 0 10px; } }
.section-title {
font-size: 25px !important;
font-weight: 900 !important;
font-family: "Montserrat", sans-serif !important;
color: #1f1f1f !important;
text-align: left;
display: inline-block;
margin: 0 auto 50px !important;
position: relative;
z-index: 4; }
@media (max-width: 439px) {
.section-title {
text-align: center; } }
.button {
display: inline-block;
border-radius: 25px;
background: #df7003;
box-shadow: 0px 8px 56px 0px rgba(255, 211, 0, 0.35), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.25);
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 12px;
color: #fff !important;
text-decoration: none !important;
line-height: 1;
padding: 19px 32px;
margin: 0 0 50px;
transition: all 0.3s linear;
position: relative;
z-index: 4;
border: 1px solid #df7003; }
.button:hover {
text-decoration: none !important;
color: #fff !important;
font-size: 12px !important;
transition: all 0.3s linear;
box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.25);
text-shadow: -1px 1px 0 #000; }
.hidden {
display: none; }
.slider {
position: relative;
z-index: 1;
width: 390px;
height: 400px; }
@media (max-width: 439px) {
.slider {
width: 250px; } }
.slider:before {
border-radius: 50%;
background-color: #df7003;
position: absolute;
content: '';
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 338px;
height: 338px;
z-index: -1; }
.slider__dots {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
margin-bottom: 29px;
position: absolute;
bottom: 0;
left: 0; }
@media (max-width: 439px) {
.slider__dots {
margin-bottom: -20px;
left: 50%;
transform: translate(-50%, 0%); } }
.slider__dots-item {
width: 5px;
height: 5px;
border-radius: 50%;
border: 1px solid #fff;
display: inline-block;
margin-right: 6px;
transition: all 0.3s linear;
animation: 9s slider_nums infinite linear; }
.slider__dots-item:nth-child(1) {
animation-delay: 0s; }
.slider__dots-item:nth-child(2) {
animation-delay: 3s; }
.slider__dots-item:nth-child(3) {
animation-delay: 6s; }
.slider__list {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; }
.slider__item {
text-align: center;
display: block;
text-decoration: none !important;
position: absolute;
width: 390px;
height: 400px;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: slider 9s linear infinite; }
@media (max-width: 439px) {
.slider__item {
width: 100%;
height: 250px; } }
.slider__item-img {
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 1; }
.slider__item-img img {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: none; }
.slider__item-text {
color: #fff;
font-weight: 700;
font-size: 12px;
position: absolute;
bottom: 0;
left: 0; }
@media (max-width: 439px) {
.slider__item-text {
bottom: -80px;
left: 50%;
transform: translate(-50%, 0%); } }
.slider__item:nth-child(2), .slider__item:nth-child(3) {
opacity: 0;
z-index: -1; }
.slider__item:nth-child(2) {
animation-delay: 3s; }
.slider__item:nth-child(3) {
animation-delay: 6s; }
@keyfram