Вітрина
Planet Botanical Garden
#body-for-sure * {
box-sizing: border-box !important;
}
#body-for-sure img {
max-width: none !important;
}
.a.button::-moz-focus-inner {
padding: 0;
border: 0;
}
.a,
.a:visited {
text-decoration: none !important;
color: inherit !important;
}
.a:hover {
text-decoration: none !important;
}
.p,
.a,
.h2,
.h3,
.h4,
.h5,
.h6,
.span,
.ul,
.ol,
.li,
.img {
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}
#body-for-sure {
word-wrap: normal !important;
overflow: hidden;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0 auto;
width: 100%;
height: 100%;
background-color: #fff;
max-width: 1240px;
font-family: Manrope !important;
font-size: 18px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: normal !important;
line-height: normal !important;
letter-spacing: normal !important;
color: #2d2d2d !important;
}
#body-for-sure .h2 {
font-family: Prata !important;
font-size: 72px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: normal !important;
line-height: normal !important;
letter-spacing: normal !important;
color: #2d2d2d !important;
}
#body-for-sure .h3 {
font-family: Prata !important;
font-size: 48px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: normal !important;
line-height: normal !important;
letter-spacing: normal !important;
color: #2d2d2d !important;
}
#body-for-sure .section {
position: relative;
z-index: 0;
width: 100%;
height: auto;
padding-left: 25px !important;
padding-right: 25px !important;
}
#body-for-sure .container {
padding: 0;
width: 100%;
height: auto;
margin: 0 auto;
max-width: 930px;
}
#body-for-sure .row {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.item.a {
text-decoration: none !important;
display: block !important;
}
.item.a:hover {
text-decoration: none !important;
}
.a.btn {
display: inline-block;
position: relative;
text-align: center !important;
transition: 0.3s;
font-family: Prata !important;
font-size: 21px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: normal !important;
line-height: normal !important;
letter-spacing: normal !important;
color: #2d2d2d !important;
}
.a.btn:hover {
text-decoration: none !important;
}
.a.btn .svg, .a.btn::before {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
transition: 0.3s;
}
.a.btn::before {
content: "";
width: 104px;
height: 104px;
right: -50px;
background-color: #bfceb1;
border-radius: 50%;
z-index: -1;
}
.a.btn .svg {
right: -90px;
transition: 0.3s;
}
.a.btn:hover {
color: #bfceb1 !important;
}
.a.btn:hover .svg path {
fill: #bfceb1 !important;
}
.a.btn:hover::before {
background-color: #c59d77;
}
#body-for-sure .section-header {
background-color: #f7f9f5;
margin-bottom: 135px;
}
#body-for-sure .section-header .row {
justify-content: start;
}
#body-for-sure .section-header .row img {
position: absolute;
z-index: -1;
}
#body-for-sure .section-header .row .img1 {
top: 15px;
right: 51%;
width: 15%;
animation: 15s rotate 0s infinite linear;
}
#body-for-sure .section-header .row .logo {
top: 50px;
right: 54%;
width: 9%;
}
#body-for-sure .section-header .row .col {
padding: 146px 0 117px 0;
flex: 0 1 25%;
position: relative;
}
#body-for-sure .section-header .row .col .img {
bottom: 26%;
right: -80%;
width: 218%;
}
#body-for-sure .section-header .row .col .contacts {
margin-bottom: 72px;
}
#body-for-sure .section-header .row .col .contacts .a {
font-family: Prata !important;
font-size: 21px !important;
}
#body-for-sure .section-header .row .col .title-head {
margin-bottom: 118px;
}
#body-for-sure .section-header .row .col .title-head .h2 {
text-transform: capitalize !important;
}
#body-for-sure .section-header .row .col .title-head .p {
color: #768e60 !important;
margin-bottom: 15px !important;
}
#body-for-sure .section-header .wrap {
background: url("https://i.postimg.cc/L6kjwpdm/bgt2.png") 0 0/cover no-repeat;
width: 50%;
height: 100%;
margin-left: auto;
display: block;
position: absolute;
top: 0;
right: 0;
overflow: hidden;
display: flex;
}
#body-for-sure .section-header .wrap .block {
position: relative;
width: 405px;
height: 602px;
margin: auto;
padding: 30px;
}
#body-for-sure .section-header .wrap .block .img {
width: 100%;
height: auto;
}
#body-for-sure .section-header .wrap .block .img1 {
position: absolute;
bottom: -20%;
left: -26%;
width: 156%;
}
#body-for-sure .section-whom {
margin-bottom: 250px;
}
#body-for-sure .section-whom .title {
margin-bottom: 111px;
}
#body-for-sure .section-whom .row {
margin: 0 -30px;
}
#body-for-sure .section-whom .row .col {
flex: 1 1 50%;
padding: 0 30px;
margin-bottom: 30px;
}
#body-for-sure .section-whom .row .col .image {
position: relative;
text-align: center;
}
#body-for-sure .section-whom .row .col .image .img {
width: 100%;
height: auto;
max-width: 475px !important;
}
#body-for-sure .section-whom .row .col .item {
width: 100%;
height: 100%;
min-width: none;
margin-top: 104px;
}
#body-for-sure .section-whom .row .col .item .p {
font-size: 18px !important;
font-weight: 200 !important;
line-height: 1.5 !important;
margin-bottom: 30px !important;
position: relative;
display: block;
}
#body-for-sure .section-whom .row .col .item .p .span {
font-weight: 500 !important;
}
#body-for-sure .section-whom .row .col .item .p .img {
position: absolute;
bottom: -180px;
right: -110px;
z-index: -1;
}
#body-for-sure .section-why {
margin-bottom: 113px;
z-index: 1;
}
#body-for-sure .section-why .title {
margin-bottom: 194px;
}
#body-for-sure .section-why .v-line {
position: relative;
}
#body-for-sure .section-why .v-line::after {
content: "";
position: absolute;
width: 1px;
height: 150%;
background-color: #bfceb1;
top: -25%;
right: 0px;
}
#body-for-sure .section-why .row {
margin: 0 -40px;
}
#body-for-sure .section-why .row .col {
flex: 1 1 33.333%;
padding: 0 40px;
margin-bottom: 100px;
}
#body-for-sure .section-why .row .col .item {
width: 100%;
height: 100%;
min-width: none;
}
#body-for-sure .section-why .row .col .item .image {
margin: 0 auto 70px auto;
width: 70px;
height: 70px;
position: relative;
}
#body-for-sure .section-why .row .col .item .image::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 155px;
height: 155px;
background: url("https://i.postimg.cc/C5X9vGs5/Shape-4-copy-4.png");
z-index: -1;
transition: 0.5s;
}
#body-for-sure .section-why .row .col .item:hover .image::before {
transform: translate(-50%, -50%) rotate(45deg);
}
#body-for-sure .section-assort {
margin-bottom: 81px;
}
#body-for-sure .section-assort .title {
margin-bottom: 120px;
}
#body-for-sure .section-assort .row .col {
flex: 1 1 25%;
}
#body-for-sure .section-assort .row .col .item.a {
width: 100%;
height: 433px;
min-width: 200px;
overflow: hidden;
position: relative;
border: 1px solid rgba(255, 255, 255, 0.363) !important;
}
#body-for-sure .section-assort .row .col .item.a::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-color: #000;
opacity: 0.5;
z-index: 1;
transition: 0.5s;
}
#body-for-sure .section-assort .row .col .item.a::after {
content: "";
position: absolute;
width: 100%;
height: 0;
bottom: 0px;
left: 0px;
background-color: #bfceb1;
z-index: 1;
transition: 0.5s;
}
#body-for-sure .section-assort .row .col .item.a img,
#body-for-sure .section-assort .row .col .item.a .head,
#body-for-sure .section-assort .row .col .item.a .foot {
position: absolute;
}
#body-for-sure .section-assort .row .col .item.a img {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#body-for-sure .section-assort .row .col .item.a .img2 {
width: 185%;
}
#body-for-sure .section-assort .row .col .item.a .img3 {
left: 69% !important;
}
#body-for-sure .section-assort .row .col .item.a .head {
font-family: Prata !important;
font-size: 24px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: normal !important;
line-height: normal !important;
letter-spacing: normal !important;
color: #ffffff !important;
left: 40px;
bottom: 70px;
z-index: 2;
}
#body-for-sure .section-assort .row .col .item.a .foot {
font-family: Manrope !important;
font-size: 16px !important;
font-weight: 300 !important;
font-stretch: normal !important;
font-style: normal !important;
line-height: normal !important;
letter-spacing: normal !important;
color: #bfceb1 !important;
left: 40px;
bottom: 37px;
z-index: 2;
transition: 0.5s;
}
#body-for-sure .section-assort .row .col .item.a .foot .svg {
position: relative;
right: -5px;
}
#body-for-sure .section-assort .row .col .item.a .foot .svg path {
fill: #ffffff;
transition: 0.5s;
}
#body-for-sure .section-assort .row .col .item.a:hover::before {
height: 0;
}
#body-for-sure .section-assort .row .col .item.a:hover::after {
height: 30%;
}
#body-for-sure .section-assort .row .col .item.a:hover .foot {
color: #fff !important;
}
#body-for-sure .section-assort .row .col .item.a:hover .foot .svg path {
fill: #000 !important;
}
#body-for-sure .section-soc {
margin-bottom: 164px;
}
#body-for-sure .section-soc .row {
background-image: linear-gradient(to bottom, #bfceb1, #e3ebda);
padding: 40px 55px 20px 55px;
margin: 0 -30px;
position: relative;
}
#body-for-sure .section-soc .row .title {
flex: 1 1 60%;
font-size: 24px !important;
color: #313131 !important;
align-self: center;
margin: 0 0 20px 0;
}
#body-for-sure .section-soc .row .col {
flex: 1 1 40%;
align-self: center;
}
#body-for-sure .section-soc .row .col .item {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#body-for-sure .section-soc .row .col .item .box {
margin: 0 9px 20px 9px;
}
#body-for-sure .section-soc .row .col .item .box .a {
position: relative;
display: block;
width: 48px !important;
height: 48px !important;
border: solid 2px #ffffff !important;
border-radius: 50%;
transition: 0.3s;
}
#body-for-sure .section-soc .row .col .item .box .a .img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#body-for-sure .section-soc .row .col .item .box:hover .a {
box-shadow: 0 0 17.3px 0.7px rgba(0, 0, 0, 0.219);
border: transparent !important;
}
#body-for-sure .section-soc .row .col .item .box:nth-child(1):hover .a {
background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}
#body-for-sure .section-soc .row .col .item .box:nth-child(2):hover .a {
background: linear-gradient(120deg, #414b56, #00a2e1);
}
#body-for-sure .section-soc .row .col .item .box:nth-child(3):hover .a {
background: linear-gradient(-120deg, #021b79, #0575e6, #205e9b);
}
#body-for-sure .section-soc .row .col .item .box:nth-child(4):hover .a {
background: linear-gradient(-120deg, #d62121, #c72c2c, #3a1111);
}
#body-for-sure .section-soc .row .col .item .box:nth-child(5):hover .a {
background: linear-gradient(to top, #58151a, #bc2909, #ba6d09, #71a8ee, #3072eb, #1552c6, #0542a8);
}
.smart {
position: absolute;
z-index: -1;
}
.smart.smart-1 {
bottom: 30px;
left: 30px;
width: 5%;
animation: 5s rotate 0s reverse infinite linear;
}
.smart.smart-2 {
bottom: -90px;
right: 0;
z-index: 1;
width: 22%;
}
.smart.smart-3 {
right: 20px;
bottom: -90px;
z-index: 1;
width: 40%;
min-width: 300px !important;
}
.smart.smart-4 {
top: -20px;
left: 0;
z-index: 0;
width: 36%;
animation: 20s rotate 0s infinite linear;
}
.smart.smart-05 {
animation: 8s rotate reverse 0s infinite linear;
top: 350px;
right: 50px;
}
.smart.smart-5 {
width: 100%;
top: 0;
left: 0;
}
.smart.smart-6 {
bottom: -900px;
right: 0;
width: 80%;
}
.smart.smart-7 {
width: 19%;
top: 10%;
right: 5%;
animation: 15s orbit-circ 0s infinite linear;
}
.smart.smart-8 {
animation: 8s rotate reverse 0s infinite linear;
bottom: -50px;
left: 35%;
}
.smart.smart-9 {
right: 0;
bottom: -450px;
width: 62%;
z-index: 0;
}
.smart.smart-10 {
bottom: -300px;
left: -50px;
z-index: 1;
width: 28%;
animation: 15s orbit-circ reverse 0s infinite linear;
}
.smart.smart-11 {
left: 0;
top: -500px;
width: 100%;
}
.smart.smart-12 {
bottom: 200px;
right: 85%;
z-index: 2;
width: 12%;
animation: 20s rotate 0s infinite linear;
}
.smart.smart-13 {
right: 0;
bottom: -1%;
width: 6%;
animation: 18s rotate 0s reverse infinite linear;
}
.smart.smart-14 {
top: -50px;
left: 100px;
z-index: 1;
width: 12%;
}
.smart.smart-15 {
bottom: -177px;
right: 50px;
width: 33%;
z-index: 1;
}
.smart.smart-16 {
left: 200px;
bottom: -50px;
z-index: 1;
width: 7%;
animation: 22s rotate 0s reverse infinite linear;
}
@keyframes rotate {
to {
transform: rotate(360deg);
}
}
@keyframes orbit-circ {
from {
transform: rotate(0deg) translate(-30px) rotate(0deg);
}
to {
transform: rotate(360deg) translate(-30px) rotate(-360deg);
}
}
@media only screen and (max-width: 780px) {
#body-for-sure .section {
padding-left: 10px !important;
padding-right: 10px !important;
}
#body-for-sure .section-soc .row .title,
#body-for-sure .section-soc .row .col,
#body-for-sure .section-header .row .col,
#body-for-sure .section-whom .row .col {
flex: 1 1 100%;
text-align: center;
}
#body-for-sure .section-header .wrap {
width: 100%;
position: static;
}
#body-for-sure .section-header .wrap .block .img1 {
left: -50%;
}
#body-for-sure .section-header .row .img1,
#body-for-sure .section-header .row .logo {
left: 5%;
top: 5px;
min-width: 100px;
}
#body-for-sure .section-header .a.btn {
margin-left: -80px !important;
}
.smart.smart-9 {
bottom: -350px;
}
}
@media only screen and (max-width: 500px) {
#body-for-sure .h2 {
font-size: 50px !important;
}
#body-for-sure .h3 {
font-size: 32px !important;
}
#body-for-sure .section-assort .row .col .item.a .head {
font-size: 18px !important;
}
#body-for-sure .section-assort .row .col .item.a .foot {
font-size: 14px !important;
}
#body-for-sure .section-whom .row .col .image .img {
max-width: 300px !important;
}
#body-for-sure .section-why .row .col {
flex: 1 1 100%;
text-align: center;
}
#body-for-sure .section-header .wrap .block {
width: auto !important;
height: auto !important;
}
.smart.smart-9 {
bottom: -250px;
}
}
+38 (068) 34 81 598
Інтернет-магазин
Planet Botanical Garden
Каталог рослин
Хто ми
такі?
Наша організація створює умови для наступних поколінь. Ми наголошуємо на важливості дружності до природи та пропонуємо Органічне добриво над яким працювали 3 інститути і яке має не аби які характеристики.
Також ми пропонуємо саджанці дерев, за рахунок яких ми маємо кисень, та імені сертифікати й книжки щоденники для виховання дітей.
Чому нас
обирають?
Некомерційна громадська організація, яка зароджує традицію іменних дерев;
Протидіємо змінам клімату, обєднуємо та згуртовуємо суспільство у добрих справах. Планово йдемо до перетворення планети на ботанічний сад;
Розробили книжку для дітей “ Книга твого іменного дерева”, запустили соціальне підприємництво у ліцеї 23, м.Запоріжжя.
Наш
асортимент
Саджанці Дивитись
Добриво Дивитись
Біогумус Дивитись
Всі товари Дивитись
Cлідкуй за нами в соціальним мережах