В кошик
325 грн.
Варіанти цін
325 грн.
298 грн.
Варіанти цін
298 грн.
Достатньо
371 грн.
Варіанти цін
371 грн.
Достатньо
425 грн.
Варіанти цін
425 грн.
210 грн.
Варіанти цін
210 грн.
313 грн.
Варіанти цін
313 грн.
Достатньо
242 грн.
Варіанти цін
242 грн.
281 грн.
Варіанти цін
281 грн.
241 грн.
Варіанти цін
241 грн.
840 грн.
Варіанти цін
840 грн.
86 грн.
Варіанти цін
86 грн.
1 234 грн.
Варіанти цін
1 234 грн.
293 грн.
Варіанти цін
293 грн.
76 грн.
Варіанти цін
76 грн.
265 грн.
Варіанти цін
265 грн.
125 грн.
Варіанти цін
125 грн.
Закінчується
523 грн.
Варіанти цін
523 грн.
244 грн.
Варіанти цін
244 грн.
<div>
<style type="text/css">.uc-btns{ display: inline-block; padding: 8px 22px; color: #fff !important; text-decoration: none !important; font-size: 16px; transition: all .3s ease; background: #78c932; border: 1px solid #78c932; } .uc-btns:hover { transition: all .3s ease; border: 1px solid #78c932; background: #fff;color: #78c932!important; } .ucv-a2-panel strong{ font-size:20px; color:#78c932;} .ucv-a2-panel { background: #777 url(https://content.s3.prom.st/September/30389gr44.png) 50% 16%; padding: 40px 20px; background-size:cover; } .ucv-a2-texts { background-color: rgba(83, 83, 83, 0.85); border: 2px solid #535353; width: 90%; margin: 0 auto; padding: 20px 15px; text-align: center; } .ucv-a2-header { font-size: 24px; line-height: 32px; color: #78c932; margin: 0px 0px 5px; } .ucv-a2-sub-header { font-size: 16px; line-height: 32px; color: #fff; margin: 0px 0px 10px; } .ucv-a2-text { font-size: 14px; line-height: 26px; color: #fff; margin: 0px 0px 10px; } .ucv-a2-link { display: inline-block; height: 37px; line-height: 37px; text-decoration: none; text-align: center; color: #fff!important; background: #78c932; font-size: 15px; padding:0 10px; } .ucv-a2-link:hover { color: #78c932!important; background: #fff; } .ucv-b1-panel { padding: 20px; text-align: center; box-shadow: 0 1px 1px rgba(0,0,0,0.3); margin-bottom:20px;} .ucv-b1-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .ucv-b1-header { margin-bottom: 40px; text-align: center; } .ucv-b1-wrapper { display: inline-block; vertical-align: top; margin: 20px; text-decoration: none !important; } .ucv-b1-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 300px; border: 2px solid #535353; margin: 0 auto; } .ucv-b1-img-holder img { display: block; height: auto !important; } .ucv-b1-img-holder:hover .ucv-b1-hint { left: 0; } .ucv-b1-hint { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(83, 83, 83, 0.94); text-align: left; color: #fff; transition: all 0.6s ease 0s; overflow: hidden; font-size:12.5px;} .ucv-b1-hint-body { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 15px; box-sizing: border-box; } .ucv-b1-name { color: #535353; display: inline-block; margin-top: 10px; text-align:center;} .ucv-b1-name:hover { color: #78c932; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-panel .ucv-b1-wrapper { width: 44%; margin-right: 2%; margin-left: 2%; text-align: center;} @media screen and (max-width: 1300px) { .ucv-b1-panel .ucv-b1-wrapper { width: 44%; margin-right: 2%; margin-left: 2%; } .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 44%; margin-right: auto; margin-left: 5%; } } @media screen and (max-width: 900px) { .ucv-b1-desc { position: static; visibility: visible; } .ucv-b1-panel .ucv-b1-wrapper, .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: auto; margin-right: 15px; margin-left: 15px; } } /* Bob */ @-webkit-keyframes uc-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes uc-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes uc-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes uc-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .uc-bob { margin-top: 10px; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-animation-name: uc-bob-float, uc-bob; animation-name: uc-bob-float, uc-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } .uc-box { text-align: center; overflow: hidden; padding: 20px 10px; box-shadow: 0 1px 1px rgba(0,0,0,0.3); margin-bottom:20px;} .uc-box__icons { width:48%; margin: 20px 1%; min-height: 180px; float: left; box-shadow: 0 0 40px rgba(83, 83, 83, .3) inset; border-radius: 2px; padding: 20px 10px; box-sizing: border-box; transition: all .2s ease; vertical-align: top; } .uc-box__icons:hover { transition: all .2s ease; box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1); } @media screen and ( max-width: 1152px ) { .uc-box__icons { width: 90%; margin: 20px 5%; } } .uc-b5-panel { padding: 20px;box-shadow: 0 1px 1px rgba(0,0,0,0.3); margin-bottom:20px; text-align: center; } .uc-b5-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-b5-header { margin-bottom: 40px; } .uc-b5-wrapper { display: inline-block; vertical-align: top; width: 18%; margin: 10px; } .uc-b5-text { margin: 10px 0 0; } .uc-b5-arr { width: 40px; font-size: 30px; color: #535353; vertical-align: middle; padding-top: 10px; } .uc-b5-text { margin: 10px 0 0; } @media screen and (max-width: 1200px) { .uc-b5-wrapper { width: 23%; } .uc-b5-arr2 { display: none; } } @media screen and (max-width: 900px) { .uc-b5-wrapper { width: 60%; } .uc-b5-arr { display: none; } } .uc-e1-panel { box-shadow: 0 1px 1px rgba(0,0,0,0.3); margin-bottom:20px; padding: 20px; } .uc-e1-header { text-align: center; margin-bottom: 40px; } .uc-f10-panel { padding: 20px 15px 20px;box-shadow: 0 1px 1px rgba(0,0,0,0.3); margin-bottom:20px;} .uc-f10-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-f10-header { text-align: center; } .uc-f10-table { border-width: 0px !important; width: 48% !important; table-layout: fixed; float: left; } .uc-f10-table td { padding-bottom: 10px; } .uc-f10-table+.uc-f10-table { margin-left: 4%; } .uc-f10-table-col1 { width: 60px; } .uc-f10-table-marker { width: 40px; height: 40px; margin: 0px auto; line-height: 41px; border-radius: 100%; border: 2px solid #535353; text-align: center; color: #78c932; font-size: 28px; } .uc-f10-table tr:hover .uc-f10-table-marker { background: #535353; color: #ffffff; border: 2px solid #535353; } @media screen and (max-width:1000px) { .uc-f10-table { float: none; width: 100% !important; } .uc-f10-table+.uc-f10-table { margin: 0; } }
</style>
</div><div></div><div>
<div class="uc-f10-panel">
<table class="uc-f10-table">
<tbody>
<tr>
<td class="uc-f10-table-col1"> </td>
<td> </td>
</tr>
<tr>
<td class="uc-f10-table-col1"> </td>
<td> </td>
</tr>
</tbody>
</table>
</div>
</div>
<style type="text/css">.uc-btns{ display: inline-block; padding: 8px 22px; color: #fff !important; text-decoration: none !important; font-size: 16px; transition: all .3s ease; background: #78c932; border: 1px solid #78c932; } .uc-btns:hover { transition: all .3s ease; border: 1px solid #78c932; background: #fff;color: #78c932!important; } .ucv-a2-panel strong{ font-size:20px; color:#78c932;} .ucv-a2-panel { background: #777 url(https://content.s3.prom.st/September/30389gr44.png) 50% 16%; padding: 40px 20px; background-size:cover; } .ucv-a2-texts { background-color: rgba(83, 83, 83, 0.85); border: 2px solid #535353; width: 90%; margin: 0 auto; padding: 20px 15px; text-align: center; } .ucv-a2-header { font-size: 24px; line-height: 32px; color: #78c932; margin: 0px 0px 5px; } .ucv-a2-sub-header { font-size: 16px; line-height: 32px; color: #fff; margin: 0px 0px 10px; } .ucv-a2-text { font-size: 14px; line-height: 26px; color: #fff; margin: 0px 0px 10px; } .ucv-a2-link { display: inline-block; height: 37px; line-height: 37px; text-decoration: none; text-align: center; color: #fff!important; background: #78c932; font-size: 15px; padding:0 10px; } .ucv-a2-link:hover { color: #78c932!important; background: #fff; } .ucv-b1-panel { padding: 20px; text-align: center; box-shadow: 0 1px 1px rgba(0,0,0,0.3); margin-bottom:20px;} .ucv-b1-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .ucv-b1-header { margin-bottom: 40px; text-align: center; } .ucv-b1-wrapper { display: inline-block; vertical-align: top; margin: 20px; text-decoration: none !important; } .ucv-b1-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 300px; border: 2px solid #535353; margin: 0 auto; } .ucv-b1-img-holder img { display: block; height: auto !important; } .ucv-b1-img-holder:hover .ucv-b1-hint { left: 0; } .ucv-b1-hint { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(83, 83, 83, 0.94); text-align: left; color: #fff; transition: all 0.6s ease 0s; overflow: hidden; font-size:12.5px;} .ucv-b1-hint-body { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 15px; box-sizing: border-box; } .ucv-b1-name { color: #535353; display: inline-block; margin-top: 10px; text-align:center;} .ucv-b1-name:hover { color: #78c932; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-panel .ucv-b1-wrapper { width: 44%; margin-right: 2%; margin-left: 2%; text-align: center;} @media screen and (max-width: 1300px) { .ucv-b1-panel .ucv-b1-wrapper { width: 44%; margin-right: 2%; margin-left: 2%; } .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 44%; margin-right: auto; margin-left: 5%; } } @media screen and (max-width: 900px) { .ucv-b1-desc { position: static; visibility: visible; } .ucv-b1-panel .ucv-b1-wrapper, .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: auto; margin-right: 15px; margin-left: 15px; } } /* Bob */ @-webkit-keyframes uc-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes uc-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes uc-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes uc-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .uc-bob { margin-top: 10px; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-animation-name: uc-bob-float, uc-bob; animation-name: uc-bob-float, uc-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } .uc-box { text-align: center; overflow: hidden; padding: 20px 10px; box-shadow: 0 1px 1px rgba(0,0,0,0.3); margin-bottom:20px;} .uc-box__icons { width:48%; margin: 20px 1%; min-height: 180px; float: left; box-shadow: 0 0 40px rgba(83, 83, 83, .3) inset; border-radius: 2px; padding: 20px 10px; box-sizing: border-box; transition: all .2s ease; vertical-align: top; } .uc-box__icons:hover { transition: all .2s ease; box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1); } @media screen and ( max-width: 1152px ) { .uc-box__icons { width: 90%; margin: 20px 5%; } } .uc-b5-panel { padding: 20px;box-shadow: 0 1px 1px rgba(0,0,0,0.3); margin-bottom:20px; text-align: center; } .uc-b5-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-b5-header { margin-bottom: 40px; } .uc-b5-wrapper { display: inline-block; vertical-align: top; width: 18%; margin: 10px; } .uc-b5-text { margin: 10px 0 0; } .uc-b5-arr { width: 40px; font-size: 30px; color: #535353; vertical-align: middle; padding-top: 10px; } .uc-b5-text { margin: 10px 0 0; } @media screen and (max-width: 1200px) { .uc-b5-wrapper { width: 23%; } .uc-b5-arr2 { display: none; } } @media screen and (max-width: 900px) { .uc-b5-wrapper { width: 60%; } .uc-b5-arr { display: none; } } .uc-e1-panel { box-shadow: 0 1px 1px rgba(0,0,0,0.3); margin-bottom:20px; padding: 20px; } .uc-e1-header { text-align: center; margin-bottom: 40px; } .uc-f10-panel { padding: 20px 15px 20px;box-shadow: 0 1px 1px rgba(0,0,0,0.3); margin-bottom:20px;} .uc-f10-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-f10-header { text-align: center; } .uc-f10-table { border-width: 0px !important; width: 48% !important; table-layout: fixed; float: left; } .uc-f10-table td { padding-bottom: 10px; } .uc-f10-table+.uc-f10-table { margin-left: 4%; } .uc-f10-table-col1 { width: 60px; } .uc-f10-table-marker { width: 40px; height: 40px; margin: 0px auto; line-height: 41px; border-radius: 100%; border: 2px solid #535353; text-align: center; color: #78c932; font-size: 28px; } .uc-f10-table tr:hover .uc-f10-table-marker { background: #535353; color: #ffffff; border: 2px solid #535353; } @media screen and (max-width:1000px) { .uc-f10-table { float: none; width: 100% !important; } .uc-f10-table+.uc-f10-table { margin: 0; } }
</style>
</div><div></div><div>
<div class="uc-f10-panel">
<table class="uc-f10-table">
<tbody>
<tr>
<td class="uc-f10-table-col1"> </td>
<td> </td>
</tr>
<tr>
<td class="uc-f10-table-col1"> </td>
<td> </td>
</tr>
</tbody>
</table>
</div>
</div>