В корзину
325 грн.
Варианты цен
325 грн.
Достаточно
371 грн.
Варианты цен
371 грн.
613 грн.
Варианты цен
613 грн.
Достаточно
425 грн.
Варианты цен
425 грн.
298 грн.
Варианты цен
298 грн.
210 грн.
Варианты цен
210 грн.
313 грн.
Варианты цен
313 грн.
Достаточно
242 грн.
Варианты цен
242 грн.
281 грн.
Варианты цен
281 грн.
241 грн.
Варианты цен
241 грн.
Достаточно
358 грн.
Варианты цен
358 грн.
840 грн.
Варианты цен
840 грн.
86 грн.
Варианты цен
86 грн.
833 грн.
Варианты цен
833 грн.
Достаточно
290 грн.
Варианты цен
290 грн.
76 грн.
Варианты цен
76 грн.
265 грн.
Варианты цен
265 грн.
125 грн.
Варианты цен
125 грн.
Достаточно
523 грн.
Варианты цен
523 грн.
<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>