О нас
.uc-btns {
display: inline-block;
padding: 8px 22px;
color: #fff !important;
text-decoration: none !important;
font-size: 16px;
transition: all .3s ease;
border-radius: 4px;
background: #91abbd;
box-shadow: -2px 2px 5px 0 #e8e8e8;
}
.uc-btns:hover {
transition: all .3s ease;
background: #428fc3;
color: #000 !important;
}
.ucv-a2-link {
display: inline-block;
height: 37px;
line-height: 37px;
text-decoration: none!important;
text-align: center;
color: #428fc3 !important;
padding: 0 22px;
min-width: 150px;
border: 2px solid #428fc3;
border-radius: 5px;
font-size: 16px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.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-main-block {
/* height: 100%;*/
/* overflow: hidden;*/
}
.uc-video-block {
/* width: 100%;*/
/* float: left;*/
margin-bottom: 0px;
position: relative;
overflow: hidden;
height: 450px!important;
}
.uc-video-block:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0px;
z-index: 1;
left: 0;
background-color: rgba(75, 75, 75, 0.39);
}
.uc-main-container.uc-index-page {
/* height: 100% !important;*/
}
.uc-main-container {
width: 100%;
/* height: 100%;*/
/* float: left;*/
}
.uc-main-container.uc-index-page .uc-video-image {
display: none;
}
.uc-video-container {
width: 100%;
/* height: 100%;*/
/* position: absolute;*/
/* top: 0;*/
}
.uc-video-container video {
display: block;
min-height: 100%;
width: 100%;
/*потестить значения с min-*/
}
/*___TEXT___*/
.uc-video-text {
width: 90%;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.uc-video-block-title,
.uc-video-block-text,
.uc-main-block-btn {
width: 100%;
color: #428fc3;
height: auto;
text-align: center;
margin: 0 auto;
}
.uc-video-block-title h2 {
font-size: 2.2em;
line-height: 35px;
text-transform: uppercase;
letter-spacing: 2px;
padding-bottom: 0px;
}
.uc-video-block-text {
width: 100%;
display: inline-block;
text-align: center;
}
.uc-video-block-text strong {
font-size: 1.2em;
}
.uc-video-block-text p {
font-size: 100%;
color: #fff;
font-size: 16px;
line-height: 22px;
padding-bottom: 10px;
}
.uc-down-arrow {
position: absolute;
margin-left: -40px;
transition: background .3s linear;
}
.uc-bounce {
animation-iteration-count: infinite;
animation-fill-mode: both;
animation-duration: 2s;
animation-name: bounce;
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-10px);
}
60% {
transform: translateY(-5px);
}
}
@media screen and (max-width: 1024px) {
.uc-main-container.uc-index-page .uc-video-image {
width: 100%;
height: 400px!important;
/* position: absolute;*/
top: 0;
left: 0;
display: block;
background: url(https://content.s3.prom.st/November%202017/32874_tg1.jpg) 50% 50%/cover no-repeat;
}
.uc-video-container {
display: none;
}
}
@media screen and (max-width: 500px) {
.uc-main-container.uc-index-page .uc-video-image {
width: auto;
}
.uc-video-text h2 {
font-size: 2em;
line-height: normal;
letter-spacing: normal;
margin-bottom: 5px!important;
}
.uc-video-text p {
line-height: normal;
letter-spacing: normal;
margin: 0!important;
}
.uc-down-arrow {
display: none;
}
.uc-video-text {
width: 95%;
padding: 10px;
position: absolute;
top: 10%;
padding-top: 10px;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
/* @media screen and (max-height: 580px) and (min-width: 1024px) {
.uc-down-arrow {
display: none;
}
}*/
.ucv-b1-tiles {
text-align: center;
position: relative;
}
.ucv-b1-header {
margin-bottom: 20px;
text-align: center;
}
.ucv-b1-tile {
display: block;
text-align: left;
opacity: .99;
overflow: hidden;
position: relative;
max-width: 300px;
height: 300px;
margin: 0 auto;
border: 1px solid #ebebeb;
box-sizing: border-box;
}
.ucv-b1-wrapper {
display: inline-block;
vertical-align: top;
margin: 10px .5%;
text-decoration: none;
}
.ucv-b1-tiles .ucv-b1-tile img {
max-width: 100%;
max-height: 100%;
}
.ucv-b1-wrapper .ucv-b1-name {
font-size: 15px;
color: #91abbd;
display: inline-block;
margin-top: 10px;
text-align: center;
position: relative;
z-index: 9;
}
.ucv-b1-name:hover {
color: #428fc3;
}
.ucv-b1-desc {
display: block;
margin: 10px 0;
position: absolute;
visibility: hidden;
color: #333;
}
.ucv-b1-tiles .ucv-b1-wrapper {
width: 31.8%;
display: inline-block;
}
.ucv-b1-tile .uc-overlay {
width: 200px;
height: 200px;
background: rgba(255, 255, 255, 0.6);
position: absolute;
left: 70%;
top: 70%;
border-radius: 500px;
z-index: 10;
-moz-transition: all 0.2s linear 0.2s;
-o-transition: all 0.2s linear 0.2s;
-ms-transition: all 0.2s linear 0.2s;
-webkit-transition: all 0.2s linear 0.2s;
transition: all 0.2s linear 0.2s;
}
.ucv-b1-tile .uc-icon {
width: 35px;
height: 23px;
background: url('https://ssl.prom.st/p?u=http%3A%2F%2Feisenpar.com%2Fview-icon.png&s=xapclqbp&h=7AmHnICUKp_qtDkMhNnupw') 0 0 no-repeat;
position: absolute;
top: 47px;
left: 40px;
}
.ucv-b1-details {
display: inline-flex;
font-size: 16px;
padding: 15px;
position: relative;
text-align: left;
flex-direction: column;
justify-content: flex-end;
width: 100%;
bottom: 0;
height: 100%;
margin: 0;
left: 0;
z-index: 3;
box-sizing: border-box;
}
.ucv-b1-tile .uc-caption {
display: block;
opacity: 0;
transition-property: top, opacity;
transition-duration: 0.3s;
transition-delay: 0s;
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
top: 0px;
left: 0px;
width: 100%;
height: 100%;
text-align: center;
color: #fff !important;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
-webkit-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
.ucv-b1-tiles .uc-info {
line-height: 1.2;
position: absolute;
margin-top: 0;
left: 0;
bottom: 50%;
transform: translateY(50%);
word-wrap: break-word;
width: 100%;
max-width: -webkit-calc(100% - 20px);
max-width: -o-calc(100% - 20px);
max-width: -moz-calc(100% - 20px);
max-width: -ms-calc(100% - 20px);
max-width: calc(100% - 20px);
margin: 40px auto 0px auto;
padding: 10px 10px;
}
.ucv-b1-tile .uc-img-block {
height: 100%;
width: 100%;
}
.ucv-b1-tile .uc-img-block .uc-img {
position: absolute;
width: 100%;
overflow: hidden;
height: 100%;
-moz-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-webkit-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
.ucv-b1-tile .uc-img-block .uc-img-1 {
top: 0px;
left: 0px;
z-index: 2;
}
.ucv-b1-tile .uc-img-block .uc-img-2 {
top: 20%;
left: 0px;
z-index: 3;
}
.ucv-b1-tile .uc-img-block .uc-img-2 img {
-moz-transform: translateY(-20%);
-o-transform: translateY(-20%);
-ms-transform: translateY(-20%);
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
}
.ucv-b1-tile .uc-img-block .uc-img-3 {
top: 40%;
left: 0px;
z-index: 4;
}
.ucv-b1-tile .uc-img-block .uc-img-3 img {
-moz-transform: translateY(-40%);
-o-transform: translateY(-40%);
-ms-transform: translateY(-40%);
-webkit-transform: translateY(-40%);
transform: translateY(-40%);
}
.ucv-b1-tile .uc-img-block .uc-img-4 {
top: 60%;
left: 0px;
z-index: 5;
}
.ucv-b1-tile .uc-img-block .uc-img-4 img {
-moz-transform: translateY(-60%);
-o-transform: translateY(-60%);
-ms-transform: translateY(-60%);
-webkit-transform: translateY(-60%);
transform: translateY(-60%);
}
.ucv-b1-tile .uc-img-block .uc-img-5 {
top: 80%;
left: 0px;
z-index: 6;
}
.ucv-b1-tile .uc-img-block .uc-img-5 img {
-moz-transform: translateY(-80%);
-o-transform: translateY(-80%);
-ms-transform: translateY(-80%);
-webkit-transform: translateY(-80%);
transform: translateY(-80%);
}
.ucv-b1-tile:hover .uc-img-block .uc-img {
left: 100%;
}
.ucv-b1-tile:hover .uc-img-block .uc-img-1 {
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.ucv-b1-tile:hover .uc-img-block .uc-img-2 {
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ucv-b1-tile:hover .uc-img-block .uc-img-3 {
-moz-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ucv-b1-tile:hover .uc-img-block .uc-img-4 {
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.ucv-b1-tile:hover .uc-img-block .uc-img-5 {
-moz-transition-delay: 0.6s;
-ms-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.ucv-b1-tile:hover .uc-overlay {
top: 100%;
left: 100%;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.ucv-b1-tile:hover .uc-caption {
opacity: 1;
}
@media screen and (max-width: 1050px) {
.ucv-b1-tiles .ucv-b1-wrapper {
width: 48%;
}
}
@media screen and (max-width: 768px) {
.ucv-b1-desc {
position: static;
visibility: visible;
}
.ucv-b1-tiles .ucv-b1-wrapper {
width: 51%;
}
.ucv-b1-tiles .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper {
width: 51%;
}
}
@media screen and (max-width: 500px) {
.ucv-b1-tiles .ucv-b1-wrapper,
.ucv-b1-tiles .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper {
width: auto;
margin-right: 15px;
margin-left: 15px;
}
}
.ucv-b2-tiles {
text-align: center;
position: relative;
border-bottom: 3px solid #ecedf0;
}
.ucv-b2-header {
margin-bottom: 20px;
text-align: center;
}
.ucv-b2-tile {
display: block;
text-align: left;
opacity: .99;
overflow: hidden;
position: relative;
max-width: 755px;
height: 300px;
margin: 0 auto;
border: 1px solid #ebebeb;
box-sizing: border-box;
}
.ucv-b2-wrapper {
display: inline-block;
vertical-align: top;
margin: 10px .5%;
text-decoration: none;
}
.ucv-b2-tiles .ucv-b2-tile img {
max-width: 800%;
max-height: 100%;
}
.ucv-b2-wrapper .ucv-b2-name {
font-size: 15px;
color: #91abbd;
display: inline-block;
margin-top: 10px;
text-align: center;
position: relative;
z-index: 9;
}
.ucv-b2-name:hover {
color: #428fc3;
}
.ucv-b2-desc {
display: block;
margin: 10px 0;
position: absolute;
visibility: hidden;
color: #333;
}
.ucv-b2-tiles .ucv-b2-wrapper {
width: 99%;
display: inline-block;
position: relative;
}
.ucv-b2-tile .uc-overlay {
width: 200px;
height: 200px;
background: rgba(255, 255, 255, 0.6);
position: absolute;
left: 91.5%;
top: 70%;
border-radius: 500px;
z-index: 10;
-moz-transition: all 0.2s linear 0.2s;
-o-transition: all 0.2s linear 0.2s;
-ms-transition: all 0.2s linear 0.2s;
-webkit-transition: all 0.2s linear 0.2s;
transition: all 0.2s linear 0.2s;
}
.ucv-b2-tile .uc-icon {
width: 35px;
height: 23px;
background: url('https://ssl.prom.st/p?u=http%3A%2F%2Feisenpar.com%2Fview-icon.png&s=fishjesm&h=5kV2B6CD8r9NfNCFDgZvRA') 0 0 no-repeat;
position: absolute;
top: 47px;
left: 40px;
}
.ucv-b2-details {
display: inline-flex;
font-size: 16px;
padding: 15px;
position: relative;
text-align: left;
flex-direction: column;
justify-content: flex-end;
width: 100%;
bottom: 0;
height: 100%;
margin: 0;
left: 0;
z-index: 3;
box-sizing: border-box;
}
.ucv-b2-tile .uc-caption {
display: block;
opacity: 0;
transition-property: top, opacity;
transition-duration: 0.3s;
transition-delay: 0s;
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
top: 0px;
left: 0px;
width: 100%;
height: 100%;
text-align: center;
color: #fff !important;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
-webkit-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
.ucv-b2-tiles .uc-info {
line-height: 1.2;
position: absolute;
margin-top: 0;
left: 0;
bottom: 50%;
transform: translateY(50%);
word-wrap: break-word;
width: 100%;
max-width: -webkit-calc(100% - 20px);
max-width: -o-calc(100% - 20px);
max-width: -moz-calc(100% - 20px);
max-width: -ms-calc(100% - 20px);
max-width: calc(100% - 20px);
margin: 40px auto 0px auto;
padding: 10px 10px;
}
.ucv-b2-tile .uc-img-block {
height: 100%;
width: 100%;
}
.ucv-b2-tile .uc-img-block .uc-img {
position: absolute;
width: 100%;
overflow: hidden;
height: 100%;
-moz-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-webkit-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
.ucv-b2-tile .uc-img-block .uc-img-1 {
top: 0px;
left: 0px;
z-index: 2;
}
.ucv-b2-tile .uc-img-block .uc-img-2 {
top: 20%;
left: 0px;
z-index: 3;
}
.ucv-b2-tile .uc-img-block .uc-img-2 img {
-moz-transform: translateY(-20%);
-o-transform: translateY(-20%);
-ms-transform: translateY(-20%);
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
}
.ucv-b2-tile .uc-img-block .uc-img-3 {
top: 40%;
left: 0px;
z-index: 4;
}
.ucv-b2-tile .uc-img-block .uc-img-3 img {
-moz-transform: translateY(-40%);
-o-transform: translateY(-40%);
-ms-transform: translateY(-40%);
-webkit-transform: translateY(-40%);
transform: translateY(-40%);
}
.ucv-b2-tile .uc-img-block .uc-img-4 {
top: 60%;
left: 0px;
z-index: 5;
}
.ucv-b2-tile .uc-img-block .uc-img-4 img {
-moz-transform: translateY(-60%);
-o-transform: translateY(-60%);
-ms-transform: translateY(-60%);
-webkit-transform: translateY(-60%);
transform: translateY(-60%);
}
.ucv-b2-tile .uc-img-block .uc-img-5 {
top: 80%;
left: 0px;
z-index: 6;
}
.ucv-b2-tile .uc-img-block .uc-img-5 img {
-moz-transform: translateY(-80%);
-o-transform: translateY(-80%);
-ms-transform: translateY(-80%);
-webkit-transform: translateY(-80%);
transform: translateY(-80%);
}
.ucv-b2-tile:hover .uc-img-block .uc-img {
left: 100%;
}
.ucv-b2-tile:hover .uc-img-block .uc-img-1 {
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.ucv-b2-tile:hover .uc-img-block .uc-img-2 {
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ucv-b2-tile:hover .uc-img-block .uc-img-3 {
-moz-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ucv-b2-tile:hover .uc-img-block .uc-img-4 {
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.ucv-b2-tile:hover .uc-img-block .uc-img-5 {
-moz-transition-delay: 0.6s;
-ms-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.ucv-b2-tile:hover .uc-overlay {
top: 100%;
left: 100%;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.ucv-b2-tile:hover .uc-caption {
opacity: 1;
}
@media screen and (max-width: 1050px) {
.ucv-b2-tiles .ucv-b2-wrapper {
width: 48%;
}
}
@media screen and (max-width: 768px) {
.ucv-b2-desc {
position: static;
visibility: visible;
}
.ucv-b2-tiles .ucv-b2-wrapper {
width: 51%;
}
.ucv-b2-tiles .ucv-b2-wrapper+.ucv-b2-wrapper+.ucv-b2-wrapper {
width: 51%;
}
}
@media screen and (max-width: 500px) {
.ucv-b2-tiles .ucv-b2-wrapper,
.ucv-b2-tiles .ucv-b2-wrapper+.ucv-b2-wrapper+.ucv-b2-wrapper {
width: auto;
margin-right: 15px;
margin-left: 15px;
}
}
.uc-order {
padding: 20px 0;
text-align: center;
border-bottom: 3px solid #ecedf0;
}
.uc-order_wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.uc-order h2 {
margin-bottom: 30px;
}
.uc-order-scheme {
width: 49%;
margin: 10px .5%;
padding: 20px 15px;
box-sizing: border-box;
vertical-align: top;
box-shadow: 0 0 2px #91abbd;
transition: all .3s ease;
}
.uc-order-scheme:hover {
box-shadow: 0 0 7px #428fc3;
transition: all .3s ease;
}
@media screen and (max-width: 900px) {
.uc-order-scheme {
width: 98%;
margin: 10px auto;
}
}
.uc-number {
padding: 20px 15px;
text-align: left;
border-bottom: 3px solid #ecedf0;
}
.uc-number h2 {
text-align: center;
margin-bottom: 30px;
}
.uc-number-scheme {
display: inline-block;
width: 48%;
margin: 10px .5%;
padding: 5px;
box-sizing: border-box;
vertical-align: top;
transition: all .3s ease;
}
.uc-number-scheme_table {
display: table;
}
.uc-number-scheme_numb,
.uc-number-scheme_text {
display: table-cell;
vertical-align: middle;
}
.uc-number-scheme_numb {
width: 68px;
}
.uc-number-scheme strong {
transition: all .3s ease;
display: inline-block;
font-size: 60px;
color: #428fc3;
}
.uc-number-scheme:hover strong {
transition: all .3s ease;
color: #91abbd;
transform: translateY(-4px);
}
.uc-number-scheme em {
font-size: 15px;
color: #636b7c;
transition: all .3s ease;
display: inline-block;
font-weight: bold;
font-style: inherit;
}
.uc-number-scheme:hover em {
color: #428fc3;
transition: all .3s ease;
}
@media screen and (max-width: 900px) {
.uc-number-scheme {
width: 98%;
margin: 10px auto;
min-height: initial;
}
}
.uc-products {
padding: 20px 5px;
border-bottom: 3px solid #ecedf0;
}
.uc-products__title {
text-align: center;
}
.uc-products__content {
display: flex;
justify-content: space-around;
width: 100%;
flex-wrap: wrap;
box-sizing: border-box;
}
.uc-products__content-item {
display: flex;
width: 48%;
min-width: 200px;
max-height: 200px;
margin: 1% 0.5%;
border: 1px solid #ccc;
border-radius: 10px;
// transition: 5s ease-in;
box-shadow: 1px 5px 10px #ccc;
}
.uc-products__content-item:hover {
box-shadow: 5px 10px 15px #ccc;
// transition: .75s ease-out;
flex-direction: row-reverse;
}
.uc-products__content-item img {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
height: 100%;
min-width: 75px;
}
.uc-products__content-item:hover img {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.uc-products__content-item_text {
padding: 10px 10px;
}
.uc-products__content-item_text strong {
padding-bottom: 10px;
color: #91abbd!important;
text-decoration: none!important;
}
@media screen and (max-width: 1300px) {
.uc-products__content-item {
width: 98%;
}
.uc-products__content-item_text {
padding: 40px 10px;
}
.uc-products__content-item:hover {
transition: .75s ease-out;
flex-direction: row;
}
.uc-products__content-item:hover img {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
.uc-banner-panel {
padding: 20px 0 0 50px;
border-bottom: 3px solid #ecedf0;
}
.uc-banner-color {
display: flex;
width: 100%;
margin-top: 40px;
height: auto;
background: none;
margin-bottom: 0;
}
.uc-banner-text {
margin-top: -40px;
margin-bottom: 40px;
margin-left: -30px;
width: auto;
background-color: #fbf5e9;
padding: 30px 35px;
box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
}
.uc-banner-text h2 {
margin: 0;
padding: 10px 0;
border-top: 1px solid #428fc3;
border-bottom: 1px solid #428fc3;
text-align: center;
}
.uc-banner-text span {
/*font-weight: bold;
font-size: 20px;*/
color: #428fc3;
}
.uc-banner-img {
background: url(https://ssl.prom.st/p?u=http%3A%2F%2Fcontent.s2.prom.st%2FSeptember%25202018%2F20093_trade-in.png&s=eawaiogc&h=eLu0yG7W_zlBSN3-KZUraQ) center center/cover;
width: 300px;
height: 300px;
flex-shrink: 0;
margin-top: 50px;
margin-right: 30px;
/*для старого дизайна сделайте значение отрицательным, (выглядит лучше), для нового - наоборот*/
margin-left: -25px;
margin-bottom: -40px;
box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
}
@media screen and (max-width: 900px) {
.uc-banner-panel {
padding: 0 20px;
}
.uc-banner-text {
margin-right: 20px;
}
.uc-banner-color {
flex-wrap: wrap;
flex-direction: column;
}
.uc-banner-img {
width: 240px;
height: 240px;
margin-top: -70px;
margin-right: 0px;
align-self: flex-end;
}
}
.uc-b5-panel {
padding: 20px 0;
text-align: center;
border-bottom: 3px solid #ecedf0;
}
.uc-b5-panel:after {
content: " ";
display: block;
clear: both;
font-size: 0px;
}
.uc-b5-panel h2 {
text-align: center;
margin-bottom: 30px;
}
.uc-b5-header {
margin-bottom: 40px;
}
.uc-b5-wrapper {
display: inline-block;
vertical-align: top;
width: 19%;
margin: 10px 0.5%;
}
.uc-b5-arr {
width: 25px;
font-size: 30px;
color: #91abbd;
vertical-align: middle;
padding-top: 10px;
}
.uc-b5-arr2 {}
.uc-b5-arr3 {}
.uc-b5-text {
margin: 10px 0 0;
}
@media screen and (max-width: 1050px) {
.uc-b5-wrapper {
width: 31%;
}
.uc-b5-arr {
width: 12%;
}
.uc-b5-arr2 {
display: none;
}
.uc-b5-arr3 {
display: inline-block;
}
}
@media screen and (max-width: 800px) {
.uc-b5-wrapper {
width: 60%;
}
.uc-b5-arr {
display: none;
}
}
.uc-b5-wrapper:hover img {
animation: 1500ms ease 0s normal none 1 running flip;
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
.uc-footer {
padding: 20px 0 0;
border-bottom: 3px solid #ecedf0;
text-align: center;
}
.uc-footer p {
margin: 20px 0;
}
.uc-photo-block {
border-bottom: 3px solid #ecedf0;
padding: 20px;
}
.uc-photo-block__wrapper {
display: -webkit-flex;
display: -webkit-box;
display: -moz-flex;
display: -moz-box;
display: -ms-flexbox;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-box-pack: space-around;
-webkit-justify-content: space-around;
-ms-flex-pack: space-around;
justify-content: space-around;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 5px 0;
/* width: 80%; УБРАТЬ ШИРИНУ*/
}
.uc-photo-block__photo {
background-color: #91abbd;
border: 1px solid #91abbd;
line-height: 0;
display: block;
width: 200px;
margin: 0 10px 5px;
transition: all .3s ease;
position: relative;
/* width: 20%;*/
}
.uc-photo-block__photo:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: all .3s ease;
}
.uc-photo-block__photo:hover {
transform: translateY(-5px);
}
.uc-photo-block__photo:hover:after {
box-shadow: inset 0 0 0 10px rgba(255, 255, 255, .5);
}
.uc-photo-block__photo img {
/* width: 100%;*/
width: 200px;
transition: all .3s;
}
.uc-photo-block__lightbox {
width: 0;
height: 0;
position: fixed;
/* overflow: auto;*/
overflow: hidden;
left: 0;
top: 0;
z-index: 99;
text-align: center;
background: rgba(0, 0, 0, 0.7);
}
.uc-photo-block__lightbox img {
opacity: 0;
padding: 10px;
background: #ffffff;
margin-top: 100px;
transition: opacity .5s ease-in-out;
}
.uc-photo-block__lightbox:target {
width: auto;
height: auto;
bottom: 0;
right: 0;
}
.uc-photo-block__lightbox:target img {
max-height: 90%;
opacity: 1;
}
.uc-photo-blockimg-holder {
margin: 0 0 20px;
}
.uc-photo-block-text {
text-align: center;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.uc-photo-block__lightbox img {
max-width: 95%;
margin-top: 50px;
}
.uc-photo-blockimg-holder {
width: 46%;
}
.uc-photo-block__photo {
margin: 0 auto 5px;
}
}
@media screen and (max-width: 500px) {
.uc-photo-blockimg-holder {
width: 100%;
}
}
.uc-e4-panel {
padding: 20px;
text-align: center;
border-bottom: 3px solid #ecedf0;
}
.uc-e4-header {
text-align: center;
margin-bottom: 20px !important;
}
@media screen and (max-width: 750px) {
.uc-b3-wrapper {
float: left;
width: 44%;
margin: 0 3% 40px;
}
}
@media screen and (max-width: 500px) {
.uc-b3-wrapper {
float: left;
width: 100% !important;
margin: 0 auto 40px;
}
}
/* 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-insta {
text-align: center;
padding: 20px 0 0;
border-bottom: 3px solid #ecedf0;
}
.uc-insta img {
transition: 0.5s linear;
}
.uc-insta img:hover {
filter: brightness(1.1);
transform: scale(1.2);
transition: 0.5s linear;
}
ТОвары для дома в интернет-магазине KAZ-torg Предлагаем товары для дома по выгоднейшим ценам с быстрой доставкой по Казахстану! Хозяйственно-строительные товары в широком ассортименте. Качество вас приятно удивит! Просмотреть каталог предложений Основные преимущества нашего интернет-магазина: 1. Широкий выбор товаров от мировых брендов. 2. Грамотная консультация от вежливых и знающих продукцию менеджеров. 3. Отличные цены ввиду того, что мы работаем с поставщиками напрямую. 4. Практически полное отсутствие бракованных товаров, так как мы следим за этим аспектом. 5. Удобные способы оплаты: оплата наличными, безналичным платежом, а также банковской картой. 6. Оперативная доставка по всем регионам страны в заранее обговоренные сроки. Получить больше информации Лучшие условия для покупок - в нашем магазине! Опытный поставщик Мы гарантируем надежность поставки и эталонный сервис в отношении нашей клиентской базы. Отличные условия Приобретая продукцию в нашем интернет-магазине, вы получаете возможность пользоваться акциями и выгодными скидками! Актуальность товаров Наша компания тщательно следит за регулярным пополнением ассортимента, а значит, вы найдете в каталоге все, что вам необходимо. Лояльность и индивидуальный подход К каждому покупателю мы стараемся найти свой подход, внимательно учитывая все нюансы, важные для того или иного клиента. Схема сотрудничества с нами: Заполните электронную форму для вашего заказа. → Дождитесь звонка нашего менеджера в ближайшее время. → Уточните все детали вашей заявки на покупку. → Мы доставляем ваш заказ в кратчайшие сроки. Все для дома по максимально низким ценам в Нур-Султане! Звоните и заказывайте, мы будем рады проконсультировать вас по любому вопросу. Доставка и оплата
ТОвары для дома в интернет-магазине KAZ-torg Предлагаем товары для дома по выгоднейшим ценам с быстрой доставкой по Казахстану! Хозяйственно-строительные товары в широком ассортименте. Качество вас приятно удивит! Просмотреть каталог предложений Основные преимущества нашего интернет-магазина: 1. Широкий выбор товаров от мировых брендов. 2. Грамотная консультация от вежливых и знающих продукцию менеджеров. 3. Отличные цены ввиду того, что мы работаем с поставщиками напрямую. 4. Практически полное отсутствие бракованных товаров, так как мы следим за этим аспектом. 5. Удобные способы оплаты: оплата наличными, безналичным платежом, а также банковской картой. 6. Оперативная доставка по всем регионам страны в заранее обговоренные сроки. Получить больше информации Лучшие условия для покупок - в нашем магазине! Опытный поставщик Мы гарантируем надежность поставки и эталонный сервис в отношении нашей клиентской базы. Отличные условия Приобретая продукцию в нашем интернет-магазине, вы получаете возможность пользоваться акциями и выгодными скидками! Актуальность товаров Наша компания тщательно следит за регулярным пополнением ассортимента, а значит, вы найдете в каталоге все, что вам необходимо. Лояльность и индивидуальный подход К каждому покупателю мы стараемся найти свой подход, внимательно учитывая все нюансы, важные для того или иного клиента. Схема сотрудничества с нами: Заполните электронную форму для вашего заказа. → Дождитесь звонка нашего менеджера в ближайшее время. → Уточните все детали вашей заявки на покупку. → Мы доставляем ваш заказ в кратчайшие сроки. Все для дома по максимально низким ценам в Нур-Султане! Звоните и заказывайте, мы будем рады проконсультировать вас по любому вопросу. Доставка и оплата
Информация о компании
Название:
Всё для Вашего дома в интернет-магазине KazTorg
Тип компании:
Торговая компания