Вітрина
Мототехника
#body-for-sure * {
box-sizing: border-box !important;
}
#body-for-sure img {
max-width: none !important;
}
.a.btn {
cursor: pointer;
}
.a.button::-moz-focus-inner {
padding: 0;
border: 0;
}
.a,
.a:visited {
text-decoration: none;
color: inherit;
}
.a:hover {
text-decoration: none !important;
}
.p,
.a,
.h2,
.h3,
.h4,
.h5,
.h6,
.span,
.ul,
.ol,
.li,
.img {
padding: 0;
margin: 0;
border: 0;
}
#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%;
max-width: 870px;
font-family: Montserrat !important;
font-size: 16px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: normal !important;
line-height: normal !important;
letter-spacing: normal !important;
background-color: #ffffff;
}
#body-for-sure .h2 {
font-size: 32px !important;
font-weight: 800 !important;
color: #232323 !important;
}
#body-for-sure .h3 {
font-size: 21px !important;
font-weight: 800 !important;
color: #232323 !important;
}
#body-for-sure .section {
position: relative;
width: 100%;
height: auto;
z-index: 0;
}
#body-for-sure .container {
padding: 0 8.0459%;
width: 100%;
height: auto;
margin: 0 auto;
}
#body-for-sure .row {
display: flex;
flex-wrap: wrap;
}
.item.a {
text-decoration: none !important;
display: block !important;
}
.item.a:hover {
text-decoration: none !important;
}
.a.btn {
display: inline-block;
transition: all 0.3s ease;
width: 227px;
height: 56px;
line-height: 56px;
font-size: 16px !important;
text-align: center;
font-weight: 500 !important;
color: #ffffff !important;
box-shadow: 0px 24px 49px 2px rgba(255, 192, 24, 0.43);
background-color: #ffc018;
}
.a.btn .svg {
margin-left: 15px;
transition: all 0.3s ease;
}
.a.btn:hover {
background-color: #fff;
color: #ffc018 !important;
}
.a.btn:hover .svg path {
fill: #ffc018 !important;
}
.smart {
position: absolute;
}
.title .span {
display: block;
font-size: 18px !important;
font-weight: 500 !important;
color: #43aa8b !important;
}
#body-for-sure .section-header {
padding: 0px 0 100px 0;
margin-bottom: 40px;
z-index: 0;
}
#body-for-sure .section-header .smart-1 {
top: 0;
right: 115px;
z-index: -1;
}
#body-for-sure .section-header .smart-2 {
top: 60px;
left: 400px;
}
#body-for-sure .section-header .row {
flex-wrap: wrap;
}
#body-for-sure .section-header .row .col {
flex: 0 1 40%;
}
#body-for-sure .section-header .row .col .contacts {
margin-top: 90px;
margin-bottom: 80px;
margin-left: 15px;
position: relative;
}
#body-for-sure .section-header .row .col .contacts::before {
position: absolute;
content: "";
top: -10px;
left: -15px;
width: 4px;
height: 75px;
background-color: #ffc018;
}
#body-for-sure .section-header .row .col .contacts .a {
font-weight: 500 !important;
font-stretch: normal !important;
line-height: 1.56 !important;
color: #232323 !important;
display: block;
}
#body-for-sure .section-header .row .col .title-head .p {
margin-bottom: 20px;
font-size: 18px !important;
font-weight: 500 !important;
color: #ffc018 !important;
}
#body-for-sure .section-header .row .col .title-head .h2 {
margin-bottom: 40px;
}
#body-for-sure .section-advantages {
margin-bottom: 70px;
}
#body-for-sure .section-advantages .title {
margin-bottom: 100px;
}
#body-for-sure .section-advantages .title .h3 {
width: 100px;
}
#body-for-sure .section-advantages .row {
margin: 0 -30px;
}
#body-for-sure .section-advantages .row .col {
flex: 1 1 33.333%;
padding: 0 30px;
margin-bottom: 40px;
}
#body-for-sure .section-advantages .row .col .item {
width: 100%;
height: 100%;
min-width: 139px;
text-align: center;
}
#body-for-sure .section-advantages .row .col .item:hover .image .img-1 {
display: none;
}
#body-for-sure .section-advantages .row .col .item:hover .image .img-2 {
display: block;
top: 90% !important;
}
#body-for-sure .section-advantages .row .col .item:hover .p::after {
width: 42px;
}
#body-for-sure .section-advantages .row .col .item .image {
position: relative;
width: 50px;
height: 50px;
margin: 0 auto 35px auto;
transition: all 0.3s ease;
}
#body-for-sure .section-advantages .row .col .item .image .img-1,
#body-for-sure .section-advantages .row .col .item .image .img-2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#body-for-sure .section-advantages .row .col .item .image .img-2 {
display: none;
}
#body-for-sure .section-advantages .row .col .item .p {
font-weight: 500 !important;
color: #232323 !important;
position: relative;
}
#body-for-sure .section-advantages .row .col .item .p::after {
position: absolute;
content: "";
width: 0;
height: 3px;
background-color: #ffc018;
left: 50%;
transform: translate(-50%, 0%);
bottom: -17px;
transition: all 0.5s ease;
}
#body-for-sure .section-popular {
margin-bottom: 69px;
z-index: 0;
}
#body-for-sure .section-popular .title {
margin-bottom: 54px;
}
#body-for-sure .section-popular .row .col {
flex: 1 1 33.333%;
width: 243px;
height: 253px;
}
#body-for-sure .section-popular .row .col .item.a {
width: 100%;
height: 100%;
min-width: 178px;
border: solid 1px #000000;
background-color: #ffffff;
position: relative;
overflow: hidden;
transition: all 0.5s ease;
}
#body-for-sure .section-popular .row .col .item.a:hover {
transform: scale(1.1);
z-index: 1;
box-shadow: 0 0 49px 2px rgba(52, 54, 65, 0.22);
}
#body-for-sure .section-popular .row .col .item.a:hover .svg path {
fill: #ffc018 !important;
}
#body-for-sure .section-popular .row .col .item.a .img,
#body-for-sure .section-popular .row .col .item.a .svg,
#body-for-sure .section-popular .row .col .item.a .text {
position: absolute;
}
#body-for-sure .section-popular .row .col .item.a .img {
max-width: 100%;
height: auto;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
}
#body-for-sure .section-popular .row .col .item.a .svg {
top: 15px;
right: 15px;
}
#body-for-sure .section-popular .row .col .item.a .svg path {
transition: all 0.5s ease;
}
#body-for-sure .section-popular .row .col .item.a .text {
bottom: 10px;
left: 0px;
padding: 0 5px;
font-weight: 800 !important;
color: #292929 !important;
}
#body-for-sure .section-popular .a.btn {
margin-top: 46px;
width: 227px;
height: 56px;
box-shadow: 0px 24px 49px 2px rgba(67, 170, 139, 0.43);
background-color: #43aa8b;
}
#body-for-sure .section-popular .a.btn:hover {
color: #43aa8b !important;
background-color: #fff;
}
#body-for-sure .section-popular .a.btn:hover .svg path {
fill: #43aa8b !important;
}
#body-for-sure .section-popular .svg-arrow {
position: absolute;
bottom: 48px;
left: -50px;
z-index: -1;
}
#body-for-sure .section-how {
padding-bottom: 40px;
}
#body-for-sure .section-how .title {
margin-bottom: 74px;
}
#body-for-sure .section-how .title .h3 {
width: 100px;
}
#body-for-sure .section-how .wrap {
display: flex;
}
#body-for-sure .section-how .wrap .wrap-row {
flex: 0 1 60%;
}
#body-for-sure .section-how .wrap .wrap-row .row {
margin: 0 -30px;
}
#body-for-sure .section-how .wrap .wrap-row .row .col {
flex: 1 1 33.333%;
padding: 0 30px;
margin-bottom: 40px;
}
#body-for-sure .section-how .wrap .wrap-row .row .col .item {
width: 100%;
height: 100%;
min-width: 139px;
}
#body-for-sure .section-how .wrap .wrap-row .row .col .item:hover .image .img-1 {
display: none;
}
#body-for-sure .section-how .wrap .wrap-row .row .col .item:hover .image .img-2 {
display: block;
top: 90% !important;
}
#body-for-sure .section-how .wrap .wrap-row .row .col .item:hover .p::after {
width: 42px;
}
#body-for-sure .section-how .wrap .wrap-row .row .col .item .image {
position: relative;
width: 50px;
height: 50px;
margin-bottom: 25px;
transition: all 0.3s ease;
}
#body-for-sure .section-how .wrap .wrap-row .row .col .item .image .img-1,
#body-for-sure .section-how .wrap .wrap-row .row .col .item .image .img-2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#body-for-sure .section-how .wrap .wrap-row .row .col .item .image .img-2 {
display: none;
}
#body-for-sure .section-how .wrap .wrap-row .row .col .item .p {
font-weight: 500 !important;
color: #232323 !important;
position: relative;
}
#body-for-sure .section-how .wrap .wrap-row .row .col .item .p::after {
position: absolute;
content: "";
width: 0;
height: 3px;
background-color: #ffc018;
left: 0;
bottom: -17px;
transition: all 0.5s ease;
}
#body-for-sure .section-how .wrap .wrap-col {
flex: 0 1 40%;
z-index: 0;
}
#body-for-sure .section-how .wrap .wrap-col .info {
position: relative;
width: 100%;
height: auto;
}
#body-for-sure .section-how .wrap .wrap-col .info::before {
position: absolute;
content: "";
width: 430px;
height: 430px;
background-color: #43aa8b;
border-radius: 50%;
top: -100px;
right: -120px;
z-index: -1;
}
#body-for-sure .section-how .wrap .wrap-col .info .p {
position: absolute;
display: inline-block;
width: 80%;
right: -50px;
top: -20px;
font-weight: 600 !important;
line-height: 1.69 !important;
color: #ffffff !important;
}
.smart-line-1 {
z-index: -1;
left: 20%;
top: 100px;
}
.smart-line-2 {
z-index: -1;
left: 50%;
top: 100px;
}
.smart-line-3 {
z-index: -1;
left: 80%;
top: 100px;
}
/* 757 */
@media only screen and (max-width: 1160px) {
#body-for-sure .container {
padding: 0 25px;
}
}
/* 683 */
@media only screen and (max-width: 839px) {
#body-for-sure .section-header .row .col .title-head .h2 {
font-size: 25px !important;
}
#body-for-sure .section-header .smart-2 {
display: none;
}
#body-for-sure .section-header .smart-1 {
right: -60px;
}
#body-for-sure .section-header .row {
justify-content: center;
}
#body-for-sure .section-header .row .col {
flex: 1 1 100%;
text-align: center;
}
#body-for-sure .section-how .wrap {
flex-wrap: wrap;
justify-content: center;
}
#body-for-sure .section-how .wrap .wrap-row {
flex: 1 1 100%;
}
#body-for-sure .section-how .wrap .wrap-col .info {
bottom: -100px;
}
#body-for-sure .section-how {
padding-bottom: 100px;
}
#body-for-sure .section-how .wrap .wrap-row .row .col {
flex: 1 1 50%;
}
}
@media only screen and (max-width: 427px) {
#body-for-sure .section-how .wrap .wrap-col .info::before,
#body-for-sure .section-how .wrap .wrap-col .info .p {
left: 50%;
transform: translate(-50%, 0);
text-align: center;
}
#body-for-sure .section-how .wrap .wrap-col .info .img {
width: 100%;
position: absolute;
bottom: -400px;
left: 50%;
transform: translate(-50%, 0);
}
#body-for-sure .section-how {
padding-bottom: 500px;
}
#body-for-sure .section-how .wrap .wrap-col .info .p {
width: 90%;
}
#body-for-sure .section-how .wrap .wrap-col {
flex: 1 1 100%;
}
}
+38 (066) 222 26 09 +38 (067) 119 31 56
Мототехніка
Продаж садової мототехніки і бензинового інструменту
Каталог товарів
01 Відмінні якості
Хороша ціна
Відмінна якість
Сервіс на вищому рівні
02 Топ продаж
Мотоцикли, мопеди, скутери
Міні-трактори
Мотоблоки, мотокультиватори
Мотокоси, тримери, газонокосарки
Бензопили, ланцюгові пили
Навісне обладнання до мототехніки
Каталог товарів
03 Як ми працюємо?
Залиште заявку на сайті або зв'яжіться з нами по вказаним телефонам
Задайте питання менеджеру, і узгодьте з ним деталі
Сплата можлива готівкою при отриманні, передоплата
Доставляємо перевізниками по всій Україні
Кращий Інтернет магазин мототехніки для дому!