ZOOGREENS
.m-body {
min-width: 270px;
max-width: 680px;
width: 100%;
margin: 0 auto;
overflow: hidden;
font-family: "Montserrat Alternates", sans-serif;
font-size: 14px;
color: #232323;
font-weight: 400;
line-height: 1.42;
position: relative;
z-index: 0; }
.row {
text-align: center; }
img {
max-width: 100%; }
.m-container {
padding: 0 48px; }
@media (max-width: 735px) {
.m-container {
padding: 0 20px; } }
@media (max-width: 439px) {
.m-container {
padding: 0 10px; } }
.section-white {
background-color: #fff; }
.section-title {
font-size: 22px !important;
font-weight: 700 !important;
font-family: "Montserrat Alternates", sans-serif !important;
color: #543928 !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; } }
.section-black {
color: #fff; }
.section-black h3.section-title {
color: #fff !important; }
.button {
display: inline-block;
border-radius: 25px;
background: #543928;
font-family: "Montserrat Alternates", sans-serif;
font-weight: 700;
font-size: 12px;
color: #fff !important;
text-decoration: none !important;
line-height: 1;
padding: 20px 30px;
margin: 0 0 50px;
transition: all 0.3s linear;
position: relative;
z-index: 4;
border: 1px solid transparent; }
.button:hover {
text-decoration: none !important;
color: #543928 !important;
font-size: 12px !important;
transition: all 0.3s linear;
background: #6ebf45;
box-shadow: 0px 8px 56px 0px rgba(255, 211, 0, 0.35), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.25); }
.hidden {
display: none; }
.accent {
color: #6ebf45; }
.slider {
position: relative;
z-index: 1;
width: 414px;
height: 412px;
background: url("../../img/slider_bg.png") 50% 50% no-repeat;
box-sizing: border-box;
padding-top: 45px; }
@media (max-width: 439px) {
.slider {
width: 100%;
height: 255px;
background-size: contain;
padding-top: 25px; } }
.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; }
@media (max-width: 439px) {
.slider__dots {
margin-bottom: 20px; } }
.slider__dots-item {
width: 5px;
height: 5px;
border-radius: 50%;
border: 1px solid #fecd07;
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__item {
text-decoration: none !important;
text-align: center;
display: block; }
.slider__item-text {
color: #fff;
display: block; }
.slider__item-text:after {
content: "";
display: block;
color: #fff;
font-size: 18px;
font-weight: 700px;
transition: all 0.3s linear;
animation: 9s slider_text infinite linear; }
@media (max-width: 439px) {
.slider__item-text:after {
font-size: 12px; } }
.slider__item-img {
display: block;
margin-bottom: 20px;
height: 226px;
line-height: 226px;
box-sizing: border-box; }
@media (max-width: 439px) {
.slider__item-img {
height: 155px;
line-height: 155px;
width: 110px;
margin: 0 auto; } }
.slider__item-img img {
line-height: normal;
display: inline-block;
vertical-align: middle;
transition: all 0.3s linear;
animation: 9s slider infinite linear; }
@keyframes slider {
0%, 100%, 30% {
content: url("../../img/slider_img1.png"); }
33%, 63% {
content: url("../../img/slider_img2.png"); }
66%, 97% {
content: url("../../img/slider_img3.png"); } }
@keyframes slider_text {
0%, 100%, 30% {
content: "Детские товары"; }
33%, 63% {
content: "Автотовары"; }
66%, 97% {
content: "Бытовая техника"; } }
@keyframes slider_nums {
0% {
background: yellow; }
30% {
background: yellow; }
33% {
background: transparent; }
97% {
background: transparent; }
100% {
background: yellow; } }
.scroll-down {
display: inline-block;
text-decoration: none !important;
font-size: 14px !important;
font-family: "Montserrat Alternates", sans-serif !important;
color: #fff;
font-weight: 400 !important;
position: absolute;
left: 50%;
bottom: 0%;
transform: translate(-50%, 50%);
background: #fff;
border-radius: 50%;
width: 45px;
height: 45px;
cursor: pointer; }
.scroll-down .mouse-icon {
display: inline-block;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -70%);
width: 12px;
height: 17px;
border: 1px solid #728298;
border-radius: 6px; }
.scroll-down .mouse-icon:after {
width: 2px;
height: 3px;
border-radius: 50%;
background: #728298;
top: 5px;
left: 50%;
transform: translateX(-50%);
position: absolute;
content: "";
animation: mouse 2s infinite; }
@keyframes mouse {
0% {
opacity: 1;
top: 5px; }
100% {
opacity: 0;
top: 14px; } }
.m-header {
position: relative;
box-sizing: border-box;
z-index: 2;
margin: 0;
padding: 0;
background: url("https://d.radikal.ru/d15/2004/18/cb4faa4f0ec9.jpg") 100% 100% repeat-y;
min-height: 475px; }
.m-header .section__wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
position: relative;
z-index: 1; }
.m-header .section__wrapper:after {
position: absolute;
content: "";
background: url("https://c.radikal.ru/c35/2004/11/c7e3e4fc302d.png") 0 0 no-repeat;
width: 25px;
height: 24px;
right: 120px;
top: 0;
animation: circle-3 infinite 19s linear;
z-index: -1; }
@media (max-width: 439px) {
.m-header .section__wrapper:after {
display: none; } }
.m-header .section__content {
width: 250px;
flex-grow: 1; }
@media (max-width: 439px) {
.m-header .section__content {
width: 100%;
text-align: center; } }
.m-header .section__img {
width: 300px;
height: 371px;
position: relative; }
.m-header .section__img:before {
position: absolute;
content: "";
background: url("https://b.radikal.ru/b22/2004/11/8b8e087a1484.png") 0 0 no-repeat;
width: 76px;
height: 76px;
bottom: 190px;
left: 95px;
animation: circle-1 infinite 15s linear; }
.m-header .section__img:after {
position: absolute;
content: "";
background: url("https://a.radikal.ru/a38/2004/8f/5f653d43d9bb.png") 0 0 no-repeat;
width: 46px;
height: 46px;
bottom: 250px;
right: -25px;
z-index: -1;
animation: circle-2 infinite 25s linear; }
@media (max-width: 439px) {
.m-header .section__img {
width: 100%;
height: auto;
margin-bottom: 30px; } }
.m-header .section__img img {
max-width: none;
position: absolute;
left: -25px; }
@media (max-width: 439px) {
.m-header .section__img img {
position: relative;
left: auto;
max-width: 100%; } }
.m-header .section__top {
padding-top: 25px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding-bottom: 10px; }
@media (max-width: 439px) {
.m-header .section__top {
flex-direction: column; } }
.m-header .phone {
box-sizing: border-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-start;
align-items: center; }
@media (max-width: 439px) {
.m-header .phone {
margin-bottom: 15px; } }
.m-header .phone__icon {
margin-right: 8px; }
.m-header .phone__icon svg {
fill: #fff; }
.m-header .phone__text {
display: block;
margin-bottom: 5px; }
.m-header .phone__link {
color: #fff !important;
text-decoration: none !important;
display: block;
font-family: "Montserrat Alternates", sans-serif;
font-size: 14px;
font-weight: 400; }
.m-header .phone__link:hover {
color: #6ebf45 !important;
text-decoration: none !important; }
.m-header .logo {
box-sizing: border-box;
display: flex;
justify-content: flex-start;
align-items: center; }
@media (max-width: 439px) {
.m-header .logo {
margin-bottom: 15px; } }
.m-header .logo__img {
flex-shrink: 0;
margin-right: 24px; }
.m-header .logo__text {
display: block;
font-family: "Inter", sans-serif;
font-weight: 700;
font-size: 14px;
color: #fff;
line-height: 1; }
.m-header__title {
font-family: "Montserrat Alternates", sans-serif !important;
font-weight: 800 !important;
font-size: 22px !important;
color: #fff !important;
line-height: 1 !important;
margin: 0 0 10px !important; }
.m-header__subtitle {
font-family: "Montserrat Alternates", sans-serif;
font-size: 14px;
font-weight: 300;
color: #fff;
margin: 0 0 55px;
display: block; }
@keyframes circle-1 {
0% {
transform: translate(190px, 95px); }
50% {
transform: translate(0, 0); }
100% {
transform: translate(190px, 95px); } }
@keyframes circle-2 {
0% {
transform: translate(-25px, 250px); }
50% {
transform: translate(0, 0); }
100% {
transform: translate(-25px, 250px); } }
@keyframes circle-3 {
0% {
transform: translate(120px, 0); }
50% {
transform: translate(-50px, 80px); }
100% {
transform: translate(120px, 0); } }
.advantages {
position: relative;
z-index: 1;
margin: 0;
padding: 50px 0 15px;
text-align: center; }
.advantages__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: stretch;
margin: 0 -7px;
padding: 0;
box-sizing: border-box; }
.advantages__item {
box-sizing: border-box;
width: 185px;
padding: 0;
margin: 0 7px 14px;
display: block;
transition: all 0.3s linear;
text-align: center;
padding: 20px 15px;
border-radius: 15px;
background-color: white;
box-shadow: 0px 8px 20px 0px rgba(35, 35, 35, 0.15); }
.advantages__item-title {
font-size: 14px;
font-weight: 400;
font-family: "Montserrat Alternates", sans-serif;
color: #232323;
transition: all 0.3s linear; }
.advantages__item-icon {
display: block;
text-align: center;
margin-bottom: 22px;
height: 54px;
line-height: 54px; }
.advantages__item-icon svg {
display: inline-block;
vertical-align: middle;
fill: #014421;
transition: all 0.3s linear; }
.advantages__item:hover {
background: #014421; }
.advantages__item:hover .advantages__item-title {
color: #fff; }
.advantages__item:hover .advantages__item-icon svg {
fill: #fff; }
.topsales {
position: relative;
z-index: 1;
margin: 0;
padding: 50px 0 0;
box-sizing: border-box;
text-align: center; }
.topsales__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: stretch;
margin: 0 -8px;
padding: 0;
box-sizing: border-box; }
.topsales__item {
box-sizing: border-box;
width: 184px;
padding: 0;
margin: 0 8px 16px;
display: block;
transition: all 0.3s linear;
text-decoration: none !important;
margin-bottom: calc(8px * 3); }
.topsales__item-title {
font-size: 14px;
font-weight: 600;
font-family: "Montserrat Alternates", sans-serif;
color: #232323;
transition: all 0.3s linear;
text-align: left;
min-height: 38px; }
.topsales__item-btn {
width: 27px;
height: 27px;
background: #543928;
border-radius: 5px;
text-align: center;
line-height: 27px;
flex-shrink: 0;
transition: all 0.3s linear; }
.topsales__item-btn svg {
fill: #fff;
display: inline-block;
vertical-align: middle; }
.topsales__item-icon {
height: 140px;
width: 100%;
display: block;
overflow: hidden;
margin-bottom: 10px;
transition: all 0.3s linear;
position: relative;
z-index: 1;
border-radius: 15px; }
.topsales__item-icon:after {
position: absolute;
content: "";
width: 10px;
height: 10px;
background: #6ebf45;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s linear;
opacity: 0;
visibility: hidden; }
.topsales__item-icon img {
display: inline-block;
vertical-align: middle;
transition: all 0.3s linear; }
.topsales__item-bottom {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
align-items: flex-start; }
.topsales__item:hover .topsales__item-icon:after {
width: 100%;
height: 100%;
z-index: 2;
opacity: 1;
visibility: visible;
opacity: 0.2; }
.topsales__item:hover .topsales__item-icon img {
transform: scale(1.05); }
.topsales__item:hover .topsales__item-title {
color: #543928; }
.topsales__item:hover .topsales__item-btn {
transform: rotate(360deg); }
.schemeworks {
margin: 0;
padding: 50px 0 30px;
position: relative;
z-index: 1;
background: url("https://c.radikal.ru/c41/2004/40/a7d197b36fed.jpg") 100% 100% repeat-y;
text-align: center; }
.schemeworks:before {
position: absolute;
content: "";
background: url("https://b.radikal.ru/b22/2004/41/8b8dbf118def.png") 0 0 no-repeat;
width: 119px;
height: 139px;
bottom: 30px;
left: -19px;
z-index: -1; }
.schemeworks:after {
position: absolute;
content: "";
background: url("https://d.radikal.ru/d19/2004/c7/896002fb9454.png") 0 0 no-repeat;
width: 66px;
height: 132px;
top: 25px;
right: -20px;
z-index: -1; }
.schemeworks__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: stretch;
margin: 0 -7px;
padding: 0;
box-sizing: border-box;
margin-bottom: 20px; }
.schemeworks__item {
box-sizing: border-box;
width: 185px;
padding: 0;
margin: 0 7px 14px;
display: block;
transition: all 0.3s linear;
text-align: center;
padding: 0 15px;
text-decoration: none !important;
margin-bottom: 15px; }
.schemeworks__item-digit {
font-family: "Montserrat Alternates", sans-serif;
font-size: 25px;
font-weight: 900;
color: #014421; }
.schemeworks__item-icon {
display: block;
text-align: center;
margin-bottom: 24px;
height: 47px;
line-height: 47px;
transition: all 0.3s linear; }
.schemeworks__item-icon svg {
display: inline-block;
vertical-align: middle;
fill: #fff; }
.schemeworks__item-title {
font-family: "Montserrat Alternates", sans-serif;
font-weight: 400;
font-size: 14px;
color: #fff;
transition: all 0.3s linear; }
.schemeworks__item:hover .schemeworks__item-icon {
transform: translateY(15px); }
.schemeworks__item:hover .schemeworks__item-title {
color: #6ebf45 !important; }
.schemeworks .button {
margin-bottom: 20px !important; }
.schemeworks .block_text {
font-family: "Montserrat Alternates", sans-serif;
color: #73a78c;
font-size: 12px;
font-weight: 600; }
.why {
margin: 0;
padding: 50px 0 50px;
box-sizing: border-box;
position: relative;
z-index: 1; }
.why .section__wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-end;
flex-direction: row-reverse;
position: relative;
z-index: 1; }
.why .section__wrapper:after {
position: absolute;
content: "";
background: url("https://b.radikal.ru/b08/2004/e9/887c3fb271ed.png") 0 0 no-repeat;
width: 26px;
height: 26px;
left: 120px;
top: 100px;
z-index: -1;
animation: circle-6 infinite 15s linear; }
@media (max-width: 439px) {
.why .section__wrapper:after {
display: none; } }
.why .section__content {
width: 270px;
flex-grow: 1;
text-align: center; }
.why .section__content .section-title {
text-align: center;
max-width: 335px;
margin-bottom: 10px !important;
text-align: left;
line-height: 1; }
.why .section__subtitle {
text-align: left;
font-size: 12px;
max-width: 280px;
display: inline-block;
margin-bottom: 5px; }
.why .section__img {
flex-shrink: 0;
margin-right: 60px;
position: relative;
z-index: 1; }
@media(max-width: 439px){
.why .section__img{
margin-right: 0;
}
}
.why .section__img:before {
position: absolute;
content: "";
background: url("https://d.radikal.ru/d40/2004/f0/e2284cb6da28.png") 0 0 no-repeat;
width: 74px;
height: 46px;
bottom: -20px;
right: -40px;
z-index: -1;
animation: circle-4 infinite 15s linear; }
.why .section__img:after {
position: absolute;
content: "";
background: url("https://b.radikal.ru/b36/2004/31/5cd542e63794.png") 0 0 no-repeat;
width: 77px;
height: 76px;
bottom: 120px;
left: -50px;
z-index: -1;
animation: circle-5 infinite 25s linear; }
.why .section__img img {
display: block; }
.why__list {
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.why__list:after {
position: absolute;
content: "";
background: url("https://c.radikal.ru/c42/2004/42/8b3227ec5c25.png") 0 0 no-repeat;
width: 255px;
height: 352px;
bottom: -180px;
right: -150px;
z-index: -1; }
.why__item {
text-align: left;
margin-bottom: 0px;
padding: 10px 10px 10px 30px;
position: relative;
z-index: 1;
transition: all 0.3s linear; }
.why__item-title {
font-family: "Montserrat Alternates", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000000; }
.why__item:before {
position: absolute;
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
border: 2px solid #014421;
top: calc(10px + 4px + 2px);
left: calc(30px / 2 - (4px + 2px) / 2);
/* 11px; */
transition: all 0.3s linear; }
.why__item:hover {
background: rgba(84, 57, 40, 0.7);
color: #fff; }
.why__item:hover:before {
transform: scale(1.5); }
@keyframes circle-4 {
0% {
transform: translate(-40px, -20px); }
50% {
transform: translate(0px, 0px); }
100% {
transform: translate(-40px, -20px); } }
@keyframes circle-5 {
0% {
transform: translate(-50px, -120px); }
50% {
transform: translate(0px, 0px); }
100% {
transform: translate(-50px, -120px); } }
@keyframes circle-6 {
0% {
transform: translate(-120px, 30px); }
50% {
transform: translate(80px, 0px); }
100% {
transform: translate(-20px, 10px); } }
.testimonials {
margin: 0;
padding: 0;
position: relative;
z-index: 1; }
.testimonials__list {
margin: 0;
padding: 0; }
.testimonials__item {
font-family: "Montserrat Alternates", sans-serif;
font-size: 14px;
font-weight: 400;
color: #232323; }
.m-footer {
padding: 20px 0;
position: relative;
z-index: 3;
background: #232323;
/* end logo */
/* end phone */ }
.m-footer__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap; }
@media (max-width: 439px) {
.m-footer__wrapper {
justify-content: center;
flex-direction: column;
align-items: center; } }
.m-footer .logo {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 15px; }
.m-footer .logo__text {
color: #fff;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 700; }
.m-footer .logo__img {
flex-shrink: 0;
margin-right: 20px; }
.m-footer .phone {
position: relative;
z-index: 1;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-start;
align-items: flex-start; }
.m-footer .phone__icon {
flex-shrink: 0;
margin-right: 7px; }
.m-footer .phone__icon svg {
fill: #6ebf45; }
.m-footer .phone__list {
margin: 0 -10px;
padding: 0;
box-sizing: border-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column; }
@media (max-width: 439px) {
.m-footer .phone__list {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column; } }
.m-footer .phone__link {
box-sizing: border-box;
display: inline-block;
margin: 0 10px 10px;
text-decoration: none !important;
color: #fff !important;
font-family: "Montserrat Alternates", sans-serif;
font-size: 12px;
font-weight: 400;
position: relative;
z-index: 1;
transition: all 0.3s linear; }
.m-footer .phone__link:hover {
color: #6ebf45 !important; }
ZooGreens
+38 (073) 053 73 10+38 (066) 722 19 20
Інтернет-магазин акваріумістики і зоотоварів
Оптова і роздрібна торгівля товарами для домашніх тваринВідкрити каталог
Наші переваги
Тільки доступні ціни на всі товари
Здійснюємо доставку по всій Україні
Забирай товар прямо з магазину і не плати за доставку
Найкращі пропозиції
Корм для котів Корм для собак Наповнювач для туалету Акваріумна хімія Корм для акваріумних риб, Акваріуми та комплекти
Як зробити замовлення?
Залишаєте заявку на сайті або по телефону*
Ми відправляємо ваше замовлення поштою або самовивіз
Оплата замовлення при отриманні
Подивитися асортимент
*Мінімальна сума замовлення 200 грн
Чому варто купувати у нас?
Тому що у нас є те, що вам треба!
Лояльний підхід до кожного клієнта
Хороша система знижок
Досвід продавця-консультанта більше 7 років
Безкоштовна консультація по догляду і лікування акваріумних риб
ZooGreens
+38 (073) 053 73 10