ОДЕЖДА, ОБУВЬ, АКСЕССУАРЫ

<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://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 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; } } .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>