Підставка для рук манікюрна Maxi на хромованих ніжках м'який, підставка для рук для манікюру білий

.uc-link { display: inline-block; padding: 7px 15px; text-decoration: none !important; text-align: center; min-width: 150px; color: #fff!important; background: #4f836d; -webkit-box-shadow: 4px 2px 8px 0 rgb(174 172 172 / 56%); box-shadow: 4px 2px 8px 0 rgb(174 172 172 / 56%); transition: all .3s; font-size: 13px; margin-top: 20px; } .uc-link:hover { transform: translateY(4px); } .uc-numbers { padding: 20px 20px 40px; border-bottom: 3px solid #f4f4f4; } .uc-numbers h2{ text-align: center; padding-bottom: 20px; } .uc-numbers-inner { display: flex; flex-wrap: wrap; justify-content: space-around; position: relative; z-index: 0; } .uc-numbers-inner__item { display: flex; justify-content: center; align-items: center; position: relative; width: 44%; margin: 25px 1%; padding: 20px; border-radius: 3px; background: #fff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3) inset; box-sizing: border-box; } .uc-numbers-inner__item strong { color: #213359; font-size: 16px; transition: 0.5s; } .uc-numbers-inner__item:hover strong { color: #eda239; } .uc-numbers-inner__item:before { content: ''; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; background: #3991de; z-index: -1; transform: skew(4deg, -3deg); border-radius: 3px; transition: 0.5s; } .uc-numbers-inner__item:hover:before { /*background: #5f7a87;*/ transform: skew(0deg, 0deg); } .uc-numbers-inner__title { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; font-size: 80px!important; font-weight: bold; line-height: 5rem; color: rgba(68, 68, 68, 0.1); transition: 0.5s; } .uc-numbers-inner__item:hover .uc-numbers-inner__title { top: -10px; color: rgba(68, 68, 68, 0.99); } @media screen and (max-width: 800px) { .uc-numbers-inner__item { width: 100%; } } .uc-blockquote-panel { text-align: center; padding: 40px 20px; border-bottom: 3px solid #f4f4f4; } .uc-blockquote-panel h2 { margin-bottom: 30px; } .uc-blockquote-wrap { display: flex; flex-wrap: wrap; } .uc-blockquote { position: relative; box-sizing: border-box; padding: 10px 10px 0px 40px; margin: 10px 0px; text-align: left; width: 49%; } .uc-blockquote-round1 { position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; border-radius: 50%; text-align: center; background: rgba(156, 200, 238, .7); animation: slide-2 4s infinite linear; } .uc-blockquote-round1:before { content: "?"; line-height: 42px; color: #fff; font-size: 40px; font-family: none; } .uc-blockquote-round2 { position: absolute; top: 5px; left: 5px; width: 40px; height: 40px; border-radius: 50%; background: #3991de; animation: slide-2 3s infinite linear; } .uc-blockquote-text { position: relative; padding: 0 20px 0 20px; } .uc-blockquote-text strong { color: #ec400d; font-size: 16px; } @media screen and (max-width: 800px) { .uc-blockquote { width: 100%; } } @keyframes slide-2 { from { transform: rotate(0deg) translate(-3px) rotate(0deg); -webkit-transform: rotate(0deg) translate(-3px) rotate(0deg); } to { transform: rotate(360deg) translate(-3px) rotate(-360deg); -webkit-transform: rotate(360deg) translate(-3px) rotate(-360deg); } } @-webkit-keyframes slide-2 { from { transform: rotate(0deg) translate(-3px) rotate(0deg); -webkit-transform: rotate(0deg) translate(-3px) rotate(0deg); } to { transform: rotate(360deg) translate(-3px) rotate(-360deg); -webkit-transform: rotate(360deg) translate(-3px) rotate(-360deg); } } .uc-push-panel { padding: 40px 20px 20px; border-bottom: 3px solid #f4f4f4; } .uc-push-panel h2 { text-align: center; margin-bottom: 30px!important; } .uc-push { display: flex; flex-wrap: wrap; } .uc-push strong { font-size: 18px; color: #01980d; } .uc-push-text { position: relative; display: inline-block; box-sizing: border-box; padding: 10px 25px 20px 30px; width: 50%; margin: 0px; transition: all .4s ease; } .uc-push-text:before { position: absolute; width: 7px; height: 7px; /*border-radius: 100%;*/ background: #3991de; border-radius: 10px; content: ""; left: 6px; transition: .3s ease-in-out; top: 10px; } .uc-push-text:after { content: ""; position: absolute; border-left: 1px dotted #000000; bottom: 5px; left: 9px; top: 25px; } .uc-push-text:hover:before { box-shadow: 0 0 0 10px rgba(0,0,0,.2); } @media screen and (max-width: 800px) { .uc-push-text { width: 100%; } } .uc-row-panel { padding: 40px 10px; text-align: center; } .uc-row-panel h2 { margin-bottom: 40px; } .uc-row { display: flex; flex-wrap: wrap; justify-content: center; } .uc-asset-item { width: 23%; margin: 15px 1%; display: flex; flex-direction: column; align-items: center; position: relative; } .uc-asset-item strong { color: #213359; font-size: 20px; } .uc-asset-item__img { height: 100px; width: 100px; position: relative; color: #a5C8B9; background: #fff; box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.3); border-radius: 100%; } .uc-asset-item__img img { margin-top: 25px; color: #01980d; } .uc-asset-item__text { margin-top: 40px; } .uc-circles { border-radius: 100%; width: 110px; height: 110px; margin-top: -5px; position: absolute; animation: Orbita 10s linear infinite; z-index: 0; } .uc-circles2 { animation: Orbita 11s linear infinite; } .uc-circles3 { animation: Orbita 9s linear infinite; } .uc-circles4 { animation: Orbita 13s linear infinite; } .uc-circle1 { background: #3991de; width: 10px; height: 10px; top: 47px; left: -44px; position: relative; display: inline-block; border-radius: 10px; } .uc-circle2 { background: #eda239; width: 13px; height: 3px; top: -6px; right: 0px; position: relative; display: inline-block; border-radius: 20px; } .uc-circle3 { border: 3px solid #eda239; width: 3px; height: 3px; bottom: -95px; right: -24px; position: relative; display: inline-block; border-radius: 10px; } @keyframes Orbita { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } @media screen and (max-width: 800px) { .uc-asset-item { width: 46%; } } @media screen and (max-width: 600px) { .uc-asset-item { width: 100%; } }