В корзину
237 грн.
Варианты цен
237 грн.
220 грн.
Варианты цен
220 грн.
Достаточно
188 грн.
Варианты цен
188 грн.
Достаточно
214 грн.
Варианты цен
214 грн.
Достаточно
188 грн.
Варианты цен
188 грн.
220 грн.
Варианты цен
220 грн.
Достаточно
188 грн.
Варианты цен
188 грн.
111 грн.
Варианты цен
111 грн.
Достаточно
237 грн.
Варианты цен
237 грн.
Достаточно
214 грн.
Варианты цен
214 грн.
Достаточно
250 грн.
Варианты цен
250 грн.
Достаточно
237 грн.
Варианты цен
237 грн.
Достаточно
250 грн.
Варианты цен
250 грн.
Достаточно
214 грн.
Варианты цен
214 грн.
Достаточно
214 грн.
Варианты цен
214 грн.
<div>
<style>.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://ssl.prom.st/q?u=http%3A%2F%2Fcontent.s2.prom.st%2F%25250AOctober2017%2F31507_GL-prv.jpg&s=sgruurdl&h=i59ggmrGlCZ9Vdgt0Bc8Hw) 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: 270px; 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: 28%; 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 #000000; -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 #dddddd; } @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; } } .uc-b2-panel { padding: 30px 15px 0; box-shadow: 0 1px 1px rgba(0,0,0,0.3); margin-bottom:20px; text-align: center; } .uc-b2-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-b2-header { margin-bottom: 40px; } .uc-b2-wrapper { float: left; width: 27%; margin: 0 3% 40px; padding: 20px 0; } .uc-b2-wrapper img { border-radius: 100%; } .uc-b2-wrapper:hover{ -webkit-filter: grayscale(100%); filter: grayscale(100%); box-shadow: 0px 0px 36px -2px rgba(0,0,0,0.75); } .uc-b2-text { margin: 10px 0 0; } @media screen and (max-width: 750px) { .uc-b2-panel .uc-b2-wrapper { float: left; width: 44%; margin: 0 3% 40px; } .uc-b2-panel .uc-b2-wrapper+.uc-b2-wrapper+.uc-b2-wrapper { width: auto; margin: 0 28% 40px; } } @media screen and (max-width: 500px) { .uc-b2-panel .uc-b2-wrapper, .uc-b2-panel .uc-b2-wrapper+.uc-b2-wrapper+.uc-b2-wrapper { float: left; width: 100%; margin: 0 auto 40px; } }
</style>
<div class="uc-b2-panel">
<div class="uc-b2-wrapper"><a href="https://norim.com.ua/g22482839-detskaya-odezhda" target="_blank"><img src="https://images.ua.prom.st/941618640_941618640.jpg?PIMAGE_ID=941618640" style="width: 250px; height: 250px;"></a>
<p class="uc-b2-text"><a href="https://norim.com.ua/g22482839-detskaya-odezhda" target="_blank">Детская одежда</a></p>
</div>
<div class="uc-b2-wrapper"><a href="https://norim.com.ua/g22482840-zhenskaya-odezhda" target="_blank"><img src="https://images.ua.prom.st/941618795_941618795.jpg?PIMAGE_ID=941618795" style="width: 250px; height: 250px;"></a>
<p class="uc-b2-text"><a href="https://norim.com.ua/g22482840-zhenskaya-odezhda" target="_blank">Женская одежда</a></p>
</div>
<div class="uc-b2-wrapper"><a href="https://norim.com.ua/g22482841-muzhskaya-odezhda" target="_blank"><img src="https://images.ua.prom.st/941618854_941618854.jpg?PIMAGE_ID=941618854" style="width: 250px; height: 250px;"></a>
<p class="uc-b2-text"><a href="https://norim.com.ua/g22482841-muzhskaya-odezhda" target="_blank">Мужская одежда</a><br>
</p>
</div>
</div>
</div>
<style>.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://ssl.prom.st/q?u=http%3A%2F%2Fcontent.s2.prom.st%2F%25250AOctober2017%2F31507_GL-prv.jpg&s=sgruurdl&h=i59ggmrGlCZ9Vdgt0Bc8Hw) 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: 270px; 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: 28%; 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 #000000; -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 #dddddd; } @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; } } .uc-b2-panel { padding: 30px 15px 0; box-shadow: 0 1px 1px rgba(0,0,0,0.3); margin-bottom:20px; text-align: center; } .uc-b2-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-b2-header { margin-bottom: 40px; } .uc-b2-wrapper { float: left; width: 27%; margin: 0 3% 40px; padding: 20px 0; } .uc-b2-wrapper img { border-radius: 100%; } .uc-b2-wrapper:hover{ -webkit-filter: grayscale(100%); filter: grayscale(100%); box-shadow: 0px 0px 36px -2px rgba(0,0,0,0.75); } .uc-b2-text { margin: 10px 0 0; } @media screen and (max-width: 750px) { .uc-b2-panel .uc-b2-wrapper { float: left; width: 44%; margin: 0 3% 40px; } .uc-b2-panel .uc-b2-wrapper+.uc-b2-wrapper+.uc-b2-wrapper { width: auto; margin: 0 28% 40px; } } @media screen and (max-width: 500px) { .uc-b2-panel .uc-b2-wrapper, .uc-b2-panel .uc-b2-wrapper+.uc-b2-wrapper+.uc-b2-wrapper { float: left; width: 100%; margin: 0 auto 40px; } }
</style>
<div class="uc-b2-panel">
<div class="uc-b2-wrapper"><a href="https://norim.com.ua/g22482839-detskaya-odezhda" target="_blank"><img src="https://images.ua.prom.st/941618640_941618640.jpg?PIMAGE_ID=941618640" style="width: 250px; height: 250px;"></a>
<p class="uc-b2-text"><a href="https://norim.com.ua/g22482839-detskaya-odezhda" target="_blank">Детская одежда</a></p>
</div>
<div class="uc-b2-wrapper"><a href="https://norim.com.ua/g22482840-zhenskaya-odezhda" target="_blank"><img src="https://images.ua.prom.st/941618795_941618795.jpg?PIMAGE_ID=941618795" style="width: 250px; height: 250px;"></a>
<p class="uc-b2-text"><a href="https://norim.com.ua/g22482840-zhenskaya-odezhda" target="_blank">Женская одежда</a></p>
</div>
<div class="uc-b2-wrapper"><a href="https://norim.com.ua/g22482841-muzhskaya-odezhda" target="_blank"><img src="https://images.ua.prom.st/941618854_941618854.jpg?PIMAGE_ID=941618854" style="width: 250px; height: 250px;"></a>
<p class="uc-b2-text"><a href="https://norim.com.ua/g22482841-muzhskaya-odezhda" target="_blank">Мужская одежда</a><br>
</p>
</div>
</div>
</div>