+380 (96) 696-07-59
+380 (95) 657-58-05

Магазин спорттоваров SportUP

Магазин спорттоваров SportUP
.uc-btns { position: relative; display: inline-block; margin-top:10px; padding: 10px 30px; box-sizing: border-box; vertical-align: middle; text-align: center; font: 16px 'Roboto', sans-serif; cursor: pointer; text-decoration: none!important; background: #282828; color: #fff!important; transition: all 300ms ease-in-out; } .uc-btns:hover { background: #fc0011; transition: all 300ms ease-in-out; } .uc-title { position: relative; display: block; margin: 30px 0 0!important; padding: 10px 5px; color: #121212; text-align:center; font: 22px/22px 'Ubuntu',sans-serif; } .ucv-a2-panel strong { font-size: 20px; color: #fc0011; } .ucv-a2-panel { background: #777 url('http://content.s2.prom.st/August%202018/399328_gl_pravki.jpg') center top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; padding: 30px; } .ucv-a2-texts { background-color: rgba(40, 40, 40, 0.9); margin: 0; padding: 40px 15px; text-align: center; width: 35%; } .ucv-a2-header { font-size: 30px; line-height: 32px; color: #fc0011; margin: 0px 0px 5px; } .ucv-a2-sub-header { font-size: 18px; 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 !important; text-align: center; color: #fc0011 !important; padding: 0 20px; border: 2px solid #fc0011; font-size: 16px; } .ucv-a2-link:hover { color: #fff !important; border-color: #fff; } @media screen and (max-width: 900px) { .ucv-a2-texts { width: 60%; } } @media screen and (max-width: 500px) { .ucv-a2-texts { width: auto; text-align: center !important; } .ucv-a2-panel { padding: 0; background: none; } } .ucv-b1-panel { padding: 20px; text-align: center;} .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: 400px; 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-color: rgba(40, 40, 40, 0.9); text-align: center; 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; text-align: left;} .ucv-b1-name { color: #121212; text-transform: uppercase; display: inline-block; margin-top: 10px; } .ucv-b1-name:hover { color: #fc0011; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-panel .ucv-b1-wrapper { width: 31%; margin-right: 1%; margin-left: 1%; } @media screen and (max-width: 1300px) { .ucv-b1-panel .ucv-b1-wrapper { width: 46%; } .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 44%; } } @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; } } .uc-numbers { padding: 20px 15px; text-align: left; } .uc-numbers_wrap { display: flex; flex-wrap: wrap; justify-content: space-around; } .uc-numbers h2 { text-align: center; margin-bottom: 30px; } .uc-numbers-items {background: #e6e6e6; border: 3px solid #fafafa; box-shadow: 0 0 20px rgba(0,0,0,0.2); width: 31%; margin: 14px .5% 10px; padding: 20px 10px; box-sizing: border-box; transition: all .3s ease; } .uc-numbers-items strong { transition: all .3s ease; display: inline-block; font-size: 18px; color: #fc0011; } .uc-numbers-items:hover strong { transition: all .3s ease; color: #121212; transform: translateY(-4px); } .uc-numbers-items em { font-size: 15px; margin-top: 10px; color: #f99e36; transition: all .3s ease; display: block; font-weight: bold; font-style: inherit; } .uc-numbers-items:hover em { color: #ff3737; transition: all .3s ease; } @media screen and (max-width: 900px) { .uc-numbers-items { width: 99%; } } :root { --infograph-color2: #fc0011; --infograph-color1: #282828; } .four-panel { padding: 20px 10px; } .four-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .four-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 40%; -moz-border-radius: 0px; border-radius: 0px; padding: 30px; -webkit-box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1); -moz-box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1); box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1); margin: 20px 0; } .four-content-1, .four-content-2, .four-content-3, .four-content-4 { text-align: center; position: relative; padding: 25px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .four-content-1:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color2); -moz-border-radius: 0; border-radius: 0; } .four-content-1:before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 15px; height: 100%; background: var(--infograph-color2); -moz-border-radius: 0px; border-radius: 0px; } .four-content-2:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color1); -moz-border-radius: 0px; border-radius: 0px; } .four-content-2::before { content: ''; position: absolute; bottom: 0; right: 0; width: 15px; height: 100%; background: var(--infograph-color1); -moz-border-radius: 0px; border-radius: 0px; } .four-content-3:after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color1); -moz-border-radius: 0px; border-radius: 0px; } .four-content-3::before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 15px; height: 100%; background: var(--infograph-color1); -moz-border-radius: 0px; border-radius: 0px; } .four-content-4::after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color2); -moz-border-radius: 0px; border-radius: 0px; } .four-content-4::before { content: ''; position: absolute; bottom: 0; right: 0; width: 15px; height: 100%; background: var(--infograph-color2); -moz-border-radius: 0px; border-radius: 0px; } .four-header { font-size: 20px !important; line-height: 20px; } .four-text {} .four-icon {} @media screen and (max-width: 1100px) { .four-item { width: 80%; } .four-content-1:after, .four-content-1:before, .four-content-2:after, .four-content-2:before, .four-content-3:after, .four-content-3:before, .four-content-4:after, .four-content-4:before { display: none; } .four-content-1, .four-content-3 { border: 15px solid var(--infograph-color2); -moz-border-radius: 0px; border-radius: 0px; } .four-content-2, .four-content-4 { border: 15px solid var(--infograph-color1); -moz-border-radius: 0px; border-radius: 0px; } } .uc-e4-panel { padding: 20px; text-align: center; } .uc-e4-header { text-align: center; margin-bottom: 40px !important; }/* 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 { -webkit-transform: translateZ(0); transform: translateZ(0); -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-order-panel { padding: 20px; } .uc-order-block { box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; margin: 0 auto; } .uc-order-wrapp { width: 22%; margin: 0%; display: inline-block; vertical-align: top; } .uc-order-arr { width: 120px; height: 120px; border-radius: 100%; margin: 0 auto; position: relative; border: 4px dotted #282828; line-height: 160px; text-align: center; color: #000000; font-size: 30px; transition: all 0.3s; }.uc-order-wrapp:hover img{ transform: rotateY(-360deg); transition: all 1s ease; } .uc-order-number1 { position: absolute; bottom: -7px; left: -21px; width: 40px; height: 40px; border-radius: 50%; background-color: #282828; border: 3px dotted transparent; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number2 { position: absolute; top: 54px; right: -25px; width: 40px; height: 40px; border-radius: 60px; background-color: #282828; border: 3px dotted transparent; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number3 { position: absolute; top: 10px; right: -29px; width: 40px; height: 40px; border-radius: 60px; background-color: #282828; border: 3px dotted transparent; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number4 { position: absolute; left: -23px; top: -3px; width: 40px; height: 40px; border-radius: 60px; background-color: #282828; border: 3px dotted transparent; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-text { text-align: center; margin: 25px auto; position: relative; } @media screen and (max-width: 1100px) { .uc-order-wrapp { width: 44%;}} @media screen and (max-width: 600px) { .uc-order-wrapp { width: 90%; }} .uc-footer { padding: 10px 20px; text-align: center; } .uc-categories { text-align: center; padding: 20px 5px; margin: 0 auto; overflow: hidden; max-width: 80rem; min-width: 30rem; } .uc-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .uc-left_column { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .uc-right_column { display: flex; flex-direction: column; justify-content: space-between; } .uc-split { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .uc-back-2 { padding: 10px 0; } .uc-link { display: block; width: 100%; height: 100%; } .uc-back-5 { margin: 0 10px 0 0; } .uc-container img{ width: 100%; height: auto; vertical-align: middle; -webkit-transition: all .2s ease; -o-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } .uc-back-1:hover img, .uc-back-2:hover img, .uc-back-3:hover img, .uc-back-4:hover img, .uc-back-5:hover img, .uc-back-6:hover img { webkit-transform: scale(1.015); -moz-transform: scale(1.015); -ms-transform: scale(1.015); -o-transform: scale(1.015); transform: scale(1.015); -webkit-transition: all .2s ease; -o-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } Интернет-магазин SportUP Делаем спорт доступным каждому! Спортивные товары для тех, кто любит активный образ жизни Работаем на рынке Украины более 20 лет В наличии свыше 500 моделей и 30 известных брендов Бесплатно выполняем предпродажную сборку и настройку Предоставляем гарантию до 12 месяцев Открыть каталог Рекомендуем обратить внимание Ассортимент этого раздела — это самые востребованные товары, которые пользуются наибольшим успехом у наших покупателей, благодаря своим отменным характеристикам, высокому качеству и доступной цене. ЛИДЕРЫ ПРОДАЖ