В кошик
325 грн.
Варіанти цін
325 грн.
231 грн.
Варіанти цін
231 грн.
Достатньо
215 грн.
Варіанти цін
215 грн.
238 грн.
Варіанти цін
238 грн.
Достатньо
229 грн.
Варіанти цін
229 грн.
Достатньо
341 грн.
Варіанти цін
341 грн.
Достатньо
250 грн.
Варіанти цін
250 грн.
Достатньо
254 грн.
Варіанти цін
254 грн.
324 грн.
Варіанти цін
324 грн.
264 грн.
Варіанти цін
264 грн.
298 грн.
Варіанти цін
298 грн.
Закінчується
284 грн.
Варіанти цін
284 грн.
Достатньо
425 грн.
Варіанти цін
425 грн.
Достатньо
371 грн.
Варіанти цін
371 грн.
Достатньо
218 грн.
Варіанти цін
218 грн.
210 грн.
Варіанти цін
210 грн.
Достатньо
218 грн.
Варіанти цін
218 грн.
Достатньо
252 грн.
Варіанти цін
252 грн.
<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>