12 отзывов
Контакты
ООО "Зодиак"
+7 показать номер
Компания Зодиак
РоссияЛенинградская областьСанкт-Петербург

ООО "Зодиак"


.ucv-a2-panel strong { font-size: 22px; color: #14a4e7; }
.ucv-a2-panel { background: #777 url(http://a.radikal.ru/a42/1902/8f/22b88cefd63f.png) 50% 50%/cover no-repeat; }
.ucv-a2-texts { background-color: rgba(51, 51, 51, 0.85); width: 100%; padding: 35px 45px; text-align: center; box-sizing: border-box; }
.ucv-a2-header { font-size: 26px; line-height: 32px; color: #14a4e7; 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: #14a4e7!important; padding: 0 22px; min-width: 150px; border: 2px solid #14a4e7; font-size: 16px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } #bot .ucv-a2-link:hover { color: #fff!important; border-color: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.uc-btns { display: inline-block; padding: 8px 30px; font-size: 16px; color: #fff!important; text-decoration: none!important; background: #14a4e7; border-radius: 2px; transition: all .3s ease; }
.uc-btns:hover { background: #333; transition: all .3s ease; }
@media screen and (max-width: 500px) { .ucv-a2-texts { width: auto; text-align: center; } .ucv-a2-panel { padding: 0; background-size: cover; } .ucv-a2-link { padding: 0 5px; width: auto; } }
.uc-footer { padding: 20px 5px 0; border-bottom: 2px solid #14a4e7; text-align: center; }
.uc-footer p { margin: 20px 0; }
.uc-order { padding: 20px 5px; text-align: left; border-bottom: 2px solid #14a4e7; }
.uc-order h2 { text-align: center; margin-bottom: 30px; }
.uc-order-scheme { display: inline-block; width: 49%; margin: 10px .2%; padding: 5px; box-sizing: border-box; vertical-align: top; transition: all .3s ease; }
.uc-order-scheme_table { display: table; }
.uc-order-scheme_numb, .uc-order-scheme_text { display: table-cell; vertical-align: middle; }
.uc-order-scheme_numb { width: 68px; }
.uc-order-scheme strong { transition: all .3s ease; display: inline-block; font-size: 60px; color: #14a4e7; }
.uc-order-scheme:hover strong { transition: all .3s ease; color: #333; transform: translateY(-4px); }
.uc-order-scheme em { font-size: 15px; color: #333; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; }
.uc-order-scheme:hover em { color: #14a4e7; transition: all .3s ease; }
@media screen and (max-width: 900px) { .uc-order-scheme { width: 98%; margin: 10px auto; min-height: initial; } }
.ucv-b1-panel { border-bottom: 2px solid #14a4e7; padding: 20px 0; 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: 10px .2%; text-decoration: none; }
.ucv-b1-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 270px; margin: 0 auto; border: 1px solid #ebebeb; }
.ucv-b1-img-holder img { display: block; height: auto !important; }
.ucv-b1-img-holder:hover .ucv-b1-hint { top: 0; }
.ucv-b1-hint { position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.8); text-align: left; color: #fff; transition: all 0.6s ease 0s; overflow: hidden; }
.ucv-b1-hint-body { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 10px; box-sizing: border-box;font-size: 13px; }
.ucv-b1-name { font-size: 15px; color: #333; display: inline-block; margin-top: 10px; }
.ucv-b1-name:hover { color: #14a4e7; }
.ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; }
.ucv-b1-panel .ucv-b1-wrapper { width: 32.5%; }
@media screen and (max-width: 1050px) { .ucv-b1-panel .ucv-b1-wrapper { width:48%; } }
@media screen and (max-width: 768px) { .ucv-b1-desc { position: static; visibility: visible; } .ucv-b1-panel .ucv-b1-wrapper { width: 51%; } .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 51%; } }
@media screen and (max-width: 500px) { .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 5px; text-align: center; border-bottom: 2px solid #14a4e7; } .uc-numbers h2 { text-align: center; margin-bottom: 30px; }
.uc-numbers_wrap { display: flex; flex-wrap: wrap; flex-direction: row; }
.uc-numbers-scheme { background: #fafafa; border:2px solid #c6c6c6; display: inline-block; width: 48%; vertical-align: top; margin: 10px 1%; padding: 30px 10px 10px; box-sizing: border-box; text-align: left; ransition: all 0.3s; }
.uc-numbers-scheme:hover { background: url(https://ruprom-uc.prom.st/production/design_template/74/images/bg_gradient_top.png); transition: all 0.3s; } .uc-numbers-scheme strong { transition: all .3s ease; display: inline-block; font-size:22px; color: #14a4e7; text-shadow: 1px 1px 2px #1d1d1d; } .uc-numbers-scheme:hover strong { transition: all .3s ease; color: #333; transform: translateY(-4px); } .uc-numbers-scheme em { color: #fff; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-numbers-scheme:hover em { color: #fff; transition: all .3s ease; } @media screen and (max-width: 1040px) { .uc-numbers-scheme { width: 90%; margin: 10px; min-height: 80px; } }
.uc-burger_panel {border-bottom: 2px solid #14a4e7; padding: 20px 5px; }
.uc-burger_container { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.uc-burger_item { display: flex; width: 90%; margin: 20px; }
.uc-burger_item:nth-child(even) { display: flex; flex-direction: row-reverse; }
.uc-burger_number_container { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 20%; background: #14a4e7; text-align: center; color: #fff; padding: 10px; border-radius: 20px 0 0; box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78); }
.uc-burger_item:nth-child(even) .uc-burger_number_container { background: #333; border-radius: 0 0 20px; box-shadow: inset 0px 21px 16px -21px rgba(0, 0, 0, 0.78); }
/* Это стили для сайтов с большим количеством цветовой гаммы
.uc-number-1 { background: red; } .uc-number-2 { background: blue; }
.uc-number-3 { background: aqua; }
.uc-number-4 { background: black; } */
.uc-burger_number-header { font-size: 17px; color: #fff; }
.uc-burge_number { font-size: 40px; line-height: 0px; }
.uc-burger_content { width: 80%; background: #f1f1f1; padding: 10px; border-radius: 0 20px 0 0; box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78); display: flex; flex-direction: column; justify-content: center; }
.uc-burger_item:nth-child(even) .uc-burger_content { justify-content: center; align-items: flex-end; border-radius: 0 0 0 20px; text-align: right; box-shadow: inset 0px 21px 16px -21px rgba(0, 0, 0, 0.78); }
.uc-burger_content-header { font-size: 25px; }
.uc-burger_text { font-size: 15px; width: 90%; }
@media screen and (max-width: 900px) {
.uc-burger_item { width: 100%; flex-direction: column; }
.uc-burger_item:nth-child(even) { display: flex; flex-direction: column; }
.uc-burger_item:nth-child(even) .uc-burger_number_container { width: 100%; border-radius: 20px 20px 0 0; box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78); }
.uc-burger_item:nth-child(even) .uc-burger_content { width: 100%; border-radius: 0 0 20px 20px; justify-content: center; align-items: center; box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78); }
.uc-burger_number_container { width: 100%; border-radius: 20px 20px 0 0; }
.uc-burger_content { width: 100%; border-radius: 0 0 20px 20px; justify-content: center; align-items: center; }
.uc-burger_text { text-align: center; } }
:root { --infograph-color2: #14a4e7; --infograph-color1: #333; }
.ucv-b4-panel {border-bottom: 2px solid #14a4e7; padding: 25px 0px; }
.ucv-b4-title { text-align: center; margin-bottom: 25px !important; }
.ucv-b4-wrapper { text-align: center; }
.ucv-b4-arrow-wrapper { margin-right: 2%; width: 20%; display: inline-block; vertical-align: middle; }
.ucv-b4-arrow { height: 20px; background: var(--infograph-color2); position: relative; width: 100%; }
.ucv-b4-arrow-red { background: var(--infograph-color1); }
.ucv-b4-arrow.ucv-b4-arrow-red:before { border-top-color: var(--infograph-color1); border-bottom-color: var(--infograph-color1); }
.ucv-b4-arrow.ucv-b4-arrow-red:after { border-left-color: var(--infograph-color1); }
.ucv-b4-arrow-red .ucv-b4-line { background: var(--infograph-color1); }
.ucv-b4-arrow:after { content: ""; position: absolute; right: -10px; top: 0; border-left: 10px solid var(--infograph-color2); border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.ucv-b4-arrow:before { content: ""; position: absolute; left: -10px; top: 0; border-left: 10px solid transparent; border-top: 10px solid var(--infograph-color2); border-bottom: 10px solid var(--infograph-color2); }
.ucv-b4-line { position: absolute; left: 50%; bottom: 50%; width: 2px; height: 50px; background: var(--infograph-color2); }
.ucv-b4-line:after { content: ""; position: absolute; bottom: -2px; left: -2px; width: 5px; height: 5px; background: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.ucv-b4-line-bottom { top: 50%; }
.ucv-b4-line-bottom.ucv-b4-line:after { top: -2px; }
.ucv-b4-text, .ucv-b4-image { display: table; width: 100%; height: 100px; }
.ucv-b4-image-inner, .ucv-b4-text-inner { display: table-cell; text-align: center }
.ucv-b4-image-inner { vertical-align: top; }
.ucv-b4-image-inner.ucv-b4-image-inner-bot { vertical-align: bottom; }
.ucv-b4-text-inner { vertical-align: middle; }
.ucv-b4-number { padding-bottom: 6px; font-size: 20px; color: var(--infograph-color2); display: block; font-weight: bold; }
@media screen and (max-width: 1200px) { .ucv-b4-arrow-wrapper { width: 35%; } }
@media screen and (max-width: 750px) { .ucv-b4-arrow-wrapper { width: 65%; } .ucv-b4-arrow-wrapper__margin { margin-top: 45px; } }
Интернет-магазин "Зодиак" — поставщик оборудования для аквариумов, зоомагазинов, а также супермаркетов и других торговых точек.
Витрина