Вакцины для свиней
.uc-banner strong {
font-size: 20px;
color: #00b874;
}
.uc-banner { display: flex; height: 300px; }
.uc-banner__content { background: #eee; display: flex; z-index: 3; width: 55%; position: relative; /* color: #fff; */ }
.uc-banner__content::after { content: ''; z-index: 1; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-style: solid; border-width: 145px 0 155px 140px; border-color: transparent transparent transparent #eee; }
.uc-banner__description { padding: 5px 0 30px 25px; }
.uc-block-arrow { display: flex; left: 0; width: 250px; height: auto; position: relative; -webkit-clip-path: polygon(65% 0%, 100% 50%, 65% 100%, 0% 100%, 35% 50%, 0% 0%); clip-path: polygon(45% 0%, 100% 50%, 45% 100%, 0% 100%, 55% 50%, 0% 0%); background: #d6d6d6; z-index: 1; }
.uc-banner__header { font-size: 28px!important; line-height: 30px!important; color: #00b874; }
.uc-banner__subheader { font-size: 18px; line-height: 26px!important; }
.uc-banner__text p { line-height: 24px!important; font-size: 15px; }
.uc-banner__button { background: #00b874; text-decoration: none; position: absolute; color: #fff; padding: 20px; left: 96%; top: 25%; z-index: 2; transform: rotate(45deg) translateX(22%); width: 70px; height: 70px; color: #fff!important; box-shadow: 0 0 10px #d0d0d0; }
.uc-banner__button:hover { background: #00a867; }
.uc-texts { font-size: 15px; }
.uc-buttton-text { left: 91%; top: 17%; transform: rotate(-45deg) translateX(-74%) translateY(-125%); position: absolute; width: 100px; font-size: 16px; text-align: center; }
.uc-banner__image { background: #777 url(http://content.s2.prom.st/January%202019/seoVetMarketPtg1.jpg) left/cover; width: 45%; height: 300px; }
@media screen and (max-width: 1260px) { .uc-block-arrow__hidden { display: none; } }
@media screen and (max-width: 1170px) { .uc-banner__content { width: 60%; }
.uc-banner__image { width: 40%; } }
@media screen and (max-width: 1070px) { .uc-banner__content { width: 100%; } .uc-banner__image { display: none; } .uc-banner__content::after { display: none; } .uc-banner { height: 100%; } .uc-banner__button { display: block; position: relative; left: 0%; min-width: 190px; height: 0px; transform: rotate(0deg) translateX(0%); } .uc-buttton-text { left: 0%; top: 20%; transform: rotate(0deg) translateX(0%) translateY(0%); min-width: 220px; } }
.uc-link { display: inline-block; padding: 8px 15px; text-decoration: none !important; text-align: center; box-sizing: border-box; min-width: 200px; color: #fff!important; background: #00b874; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: all .3s; font-size: 16px; margin: 10px; }
.uc-link:hover { background: #4a4a4a; transform: translateY(4px); }
.ucv-b1-panel { border-bottom: 2px solid #ccc; 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: 10px 1.5%; text-decoration: none; }
.ucv-b1-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 400px; 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(238, 238, 238,0.9); text-align: left; color: #000; 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: 15px; box-sizing: border-box; }
.ucv-b1-name { font-size: 18px; color: #00b874; display: inline-block; margin-top: 10px; }
.ucv-b1-name:hover { color: #4a4a4a; }
.ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; }
.ucv-b1-panel .ucv-b1-wrapper { width: 46%; }
@media screen and (max-width: 1220px) {
.ucv-b1-panel .ucv-b1-wrapper { width: 46%; } .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 46%; } }
@media screen and (max-width: 1000px) {
.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-clear {clear:both; height:0px;}
.uc-numbers { padding: 20px 40px; border-bottom: 2px solid #ccc; }
.uc-numbers_wrap { display: flex; flex-wrap: wrap; }
.uc-numbers h2 { text-align: center; margin-bottom: 20px; }
.uc-numbers-scheme { background: linear-gradient(120deg,#c1f0d4 0%,#f6f6f6 80%); display: inline-block; box-sizing: border-box; width: 44%; margin: 2% 3%; padding: 40px 10px 10px 20px; transition: all .3s ease; }
.uc-numbers-scheme strong { transition: all .3s ease; display: inline-block; font-size: 80px; color: #4a4a4a; transform: translateX(-50px); text-shadow: 15px 0 1px #cccccc;
}
.uc-numbers-scheme:hover strong { transition: all .6s ease; color: #4a4a4a; transform: translateX(0px); text-shadow: none; }
}
Действенные вакцины для Свиней
Реализуем вакцины для Свиноводства, предназначенные для формирования специфического иммунитета. Продукция от Laboratorios Hipra (Испания).
Умные вакцины для Свиней
Компания Hipra продвигает новейшие и ведущие технологии в мире охраны здоровья животных, предлагая своим клиентам контроль качества и прослеживаемость всего процесса вакцинации автоматически и в реальном времени, что представляет собой настоящий шаг вперед в области ветеринарии.
.uc-banner { display: flex; height: 300px; }
.uc-banner__content { background: #eee; display: flex; z-index: 3; width: 55%; position: relative; /* color: #fff; */ }
.uc-banner__content::after { content: ''; z-index: 1; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-style: solid; border-width: 145px 0 155px 140px; border-color: transparent transparent transparent #eee; }
.uc-banner__description { padding: 5px 0 30px 25px; }
.uc-block-arrow { display: flex; left: 0; width: 250px; height: auto; position: relative; -webkit-clip-path: polygon(65% 0%, 100% 50%, 65% 100%, 0% 100%, 35% 50%, 0% 0%); clip-path: polygon(45% 0%, 100% 50%, 45% 100%, 0% 100%, 55% 50%, 0% 0%); background: #d6d6d6; z-index: 1; }
.uc-banner__header { font-size: 28px!important; line-height: 30px!important; color: #00b874; }
.uc-banner__subheader { font-size: 18px; line-height: 26px!important; }
.uc-banner__text p { line-height: 24px!important; font-size: 15px; }
.uc-banner__button { background: #00b874; text-decoration: none; position: absolute; color: #fff; padding: 20px; left: 96%; top: 25%; z-index: 2; transform: rotate(45deg) translateX(22%); width: 70px; height: 70px; color: #fff!important; box-shadow: 0 0 10px #d0d0d0; }
.uc-banner__button:hover { background: #00a867; }
.uc-texts { font-size: 15px; }
.uc-buttton-text { left: 91%; top: 17%; transform: rotate(-45deg) translateX(-74%) translateY(-125%); position: absolute; width: 100px; font-size: 16px; text-align: center; }
.uc-banner__image { background: #777 url(http://content.s2.prom.st/January%202019/seoVetMarketPtg1.jpg) left/cover; width: 45%; height: 300px; }
@media screen and (max-width: 1260px) { .uc-block-arrow__hidden { display: none; } }
@media screen and (max-width: 1170px) { .uc-banner__content { width: 60%; }
.uc-banner__image { width: 40%; } }
@media screen and (max-width: 1070px) { .uc-banner__content { width: 100%; } .uc-banner__image { display: none; } .uc-banner__content::after { display: none; } .uc-banner { height: 100%; } .uc-banner__button { display: block; position: relative; left: 0%; min-width: 190px; height: 0px; transform: rotate(0deg) translateX(0%); } .uc-buttton-text { left: 0%; top: 20%; transform: rotate(0deg) translateX(0%) translateY(0%); min-width: 220px; } }
.uc-link { display: inline-block; padding: 8px 15px; text-decoration: none !important; text-align: center; box-sizing: border-box; min-width: 200px; color: #fff!important; background: #00b874; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: all .3s; font-size: 16px; margin: 10px; }
.uc-link:hover { background: #4a4a4a; transform: translateY(4px); }
.ucv-b1-panel { border-bottom: 2px solid #ccc; 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: 10px 1.5%; text-decoration: none; }
.ucv-b1-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 400px; 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(238, 238, 238,0.9); text-align: left; color: #000; 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: 15px; box-sizing: border-box; }
.ucv-b1-name { font-size: 18px; color: #00b874; display: inline-block; margin-top: 10px; }
.ucv-b1-name:hover { color: #4a4a4a; }
.ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; }
.ucv-b1-panel .ucv-b1-wrapper { width: 46%; }
@media screen and (max-width: 1220px) {
.ucv-b1-panel .ucv-b1-wrapper { width: 46%; } .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 46%; } }
@media screen and (max-width: 1000px) {
.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-clear {clear:both; height:0px;}
.uc-numbers { padding: 20px 40px; border-bottom: 2px solid #ccc; }
.uc-numbers_wrap { display: flex; flex-wrap: wrap; }
.uc-numbers h2 { text-align: center; margin-bottom: 20px; }
.uc-numbers-scheme { background: linear-gradient(120deg,#c1f0d4 0%,#f6f6f6 80%); display: inline-block; box-sizing: border-box; width: 44%; margin: 2% 3%; padding: 40px 10px 10px 20px; transition: all .3s ease; }
.uc-numbers-scheme strong { transition: all .3s ease; display: inline-block; font-size: 80px; color: #4a4a4a; transform: translateX(-50px); text-shadow: 15px 0 1px #cccccc;
}
.uc-numbers-scheme:hover strong { transition: all .6s ease; color: #4a4a4a; transform: translateX(0px); text-shadow: none; }
}
Действенные вакцины для Свиней
Реализуем вакцины для Свиноводства, предназначенные для формирования специфического иммунитета. Продукция от Laboratorios Hipra (Испания).
Умные вакцины для Свиней
Компания Hipra продвигает новейшие и ведущие технологии в мире охраны здоровья животных, предлагая своим клиентам контроль качества и прослеживаемость всего процесса вакцинации автоматически и в реальном времени, что представляет собой настоящий шаг вперед в области ветеринарии.