«SHOPDA», Алматы

«SHOPDA»

.uc-link { display: inline-block; padding: 8px 15px; text-decoration: none !important; text-align: center; min-width: 150px; color: #FFF!important; background: #eb5858; border-radius: 2px; font-size: 16px; transition: all .3s; margin: 10px; } .uc-link:hover { transform: translateY(5px); } .uc-banner-panel { padding: 10px 30px 10px 50px; } .uc-banner-color { display: flex; width: 100%; margin-top: 40px; height: auto; background: #333745; margin-bottom: 45px; } .uc-banner-text { margin-top: -40px; margin-bottom: 40px; margin-left: -30px; width: auto; background-color: #fff; padding: 35px 70px; box-shadow: 0 20px 30px rgba(0,0,0, .3); text-align: center; } .uc-banner-text strong { color: #eb5858; font-size: 20px; } .uc-banner-text h2 { margin-bottom: 15px; padding: 10px 0; border-top: 3px solid #ddcdd3; border-bottom: 3px solid #ddcdd3; } .uc-banner-img { border-radius: 50%; width: 300px; height: 300px!important; flex-shrink: 0; margin-top: 20px; margin-right: -25px; /*для старого дизайна сделайте значение отрицательным, (выглядит лучше), для нового - наоборот*/ margin-left: -30px; margin-bottom: -40px; box-shadow: 0 20px 30px rgba(0,0,0, .3); animation: slide-3 4s infinite linear; } @keyframes slide-3 { from { transform: rotate(0deg) translate(-6px) rotate(0deg); -webkit-transform: rotate(0deg) translate(-6px) rotate(0deg); } to { transform: rotate(360deg) translate(-6px) rotate(-360deg); -webkit-transform: rotate(360deg) translate(-6px) rotate(-360deg); } } @-webkit-keyframes slide-3 { from { transform: rotate(0deg) translate(-6px) rotate(0deg); -webkit-transform: rotate(0deg) translate(-6px) rotate(0deg); } to { transform: rotate(360deg) translate(-6px) rotate(-360deg); -webkit-transform: rotate(360deg) translate(-6px) rotate(-360deg); } } @media screen and (max-width: 1200px) { .uc-banner-text { margin-right: 20px; padding: 20px; } .uc-banner-color { flex-wrap: wrap; flex-direction: column; } .uc-banner-img { width: 150px; height: 150px!important; margin-top: -60px; margin-right: -15px; align-self: flex-end; } } :root { --infograph-color4: #eb5858; --infograph-color3: #333745; --infograph-color2: #333745; --infograph-color1: #eb5858; } .uc-four-panel { padding: 20px 10px; } .uc-four-panel h2 { text-align: center; margin-bottom: 20px; } .uc-four-container { display: flex; flex-wrap: wrap; justify-content: space-around; } .uc-four-item { display: flex; flex-direction: column; box-sizing: border-box; width: 46%; border-radius: 20px; padding: 30px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); margin: 2%; transition: all .4s ease; } .uc-four-item strong { font-size: 20px; color: #eb5858; } .uc-four-item:hover { background: #f2f2f2; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8); } .uc-four-item:hover .uc-move { animation: 2s ease 0s normal none 1 running bounceInRight; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(200px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } .uc-four-content-1, .uc-four-content-2, .uc-four-content-3, .uc-four-content-4 { text-align: center; position: relative; padding: 40px; display: flex; flex-direction: column; align-items: center; height: 100%; } .uc-four-content-1:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color1); border-radius: 50px; } .uc-four-content-1:before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 15px; height: 100%; background: var(--infograph-color1); border-radius: 50px; } .uc-four-content-2:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color2); border-radius: 50px; } .uc-four-content-2::before { content: ''; position: absolute; bottom: 0; right: 0; width: 15px; height: 100%; background: var(--infograph-color2); border-radius: 50px; } .uc-four-content-3:after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color3); border-radius: 50px; } .uc-four-content-3::before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 15px; height: 100%; background: var(--infograph-color3); border-radius: 50px; } .uc-four-content-4::after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color4); border-radius: 50px; } .uc-four-content-4::before { content: ''; position: absolute; bottom: 0; right: 0; width: 15px; height: 100%; background: var(--infograph-color4); border-radius: 50px; } @media screen and (max-width: 1200px) { .uc-four-item { width: 100%; margin: 15px auto; padding: 0px; } .uc-four-content-1, .uc-four-content-2, .uc-four-content-3, .uc-four-content-4 { padding: 20px; } .uc-four-content-1:after, .uc-four-content-1:before, .uc-four-content-2:after, .uc-four-content-2:before, .uc-four-content-3:after, .uc-four-content-3:before, .uc-four-content-4:after, .uc-four-content-4:before { display: none; } .uc-four-content-1 { border: 10px solid var(--infograph-color1); border-radius: 20px; } .uc-four-content-2 { border: 10px solid var(--infograph-color2); border-radius: 20px; } .uc-four-content-3 { border: 10px solid var(--infograph-color3); border-radius: 20px; } .uc-four-content-4 { border: 10px solid var(--infograph-color4); border-radius: 20px; } } «SHOPDA» Интернет-магазин БАДов и средств традиционной китайской медицины Дорогой клиент интернет-магазина ДА! Мир, в котором мы живём, не знает случайностей. И всё что происходит вокруг нас и с нами преследует только одну цель, сделать нашу жизнь счастливее, красивее, более полной и интересной. Мы и сами постоянно стремимся к этому. Стремимся найти интересную работу, окружаем себя интересными людьми и красивыми вещами, обожаем ходить в гости и принимать их у себя, дарить и получать подарки, с огромным удовольствием мастерим руками, копаемся в садах и на дачах, выезжаем на природу. +7 (747) 987-37-63Телефон: +7 (747) 987-37-63 +7 (771) 224-44-88 Адрес: г. Алматы ул. Кабанбай Батыра д. 26/2 Почта: shopdakz@gmail.com Доставка: Отправляем Вам заказанное выбранным Вами способом.