.objects-list {
display: flex;
overflow: hidden;
margin-bottom: -10px;
margin-left: -10px;
margin-right: -10px;
align-items: flex-start;
}
.objects-list.slick-initialized {
display: block;
overflow: visible;
}
.objects-item-wrap {
width: calc(20% - 20px);
margin: 10px;
transition: .2s all;
position: relative;
flex-shrink: 0;
}
.objects-list.slick-initialized .objects-item-wrap {
width: auto;
flex-shrink: 1;
}
.objects-list .slick-track {
display: flex;
align-items: center;
margin-left: 0;
margin-right: 0;
}
.objects-imageBox {
height: 10vw;
margin-bottom: 15px;
}
.objects-image {
width: 100%;
height: 100%;
vertical-align: top;
border-radius: 20px;
}
.objects-body {
display: flex;
align-items: center;
justify-content: center;
transition: .2s all;
}
.objects-iconBox {
margin-right: 15px;
}
.objects-icon {
width: 55px;
vertical-align: top;
}
.objects-type {
font-size: 20px;
font-weight: 600;
}
.objects-btn-box {
position: absolute;
width: 100%;
height: 100%;
top: 100px;
left: 0;
transition: .2s all;
display: flex;
align-items: center;
justify-content: center;
}
.ability-list {
display: flex;
margin: -10px;
flex-wrap: wrap;
}
.ability-item {
width: calc(33.3% - 20px);
margin: 10px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
}
.ability-iconBox {
margin-bottom: 20px;
background: #f0f0f0;
border-radius: 50%;
padding: 15px;
}
.ability-icon {
width: 60px;
vertical-align: top;
}
.ability-head {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.ability-body {
font-size: 16px;
color: #686868;
}
.complete-kits-list {
display: flex;
margin: -10px;
flex-wrap: wrap;
}
.complete-kits-item {
width: calc(25% - 20px);
margin: 10px;
flex: 1 1 auto;
}
.complete-kits-group {
text-align: center;
}
.complete-kits-imageBox {
border: 5px solid #f0f0f0;
border-radius: 50%;
overflow: hidden;
width: 140px;
height: 140px;
margin: 0 auto;
margin-bottom: 15px;
}
.complete-kits-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.complete-kits-head {
font-size: 24px;
font-weight: 600;
}
.complete-kits-body_wrap {
display: flex;
justify-content: center;
}
.complete-kits-body {
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
} .complete-kits-string {
margin-bottom: 10px;
font-size: 15px;
}
.complete-kits-string-text {
position: relative;
display: inline-block;
padding-left: 25px;
padding-top: 2px;
padding-bottom: 2px;
}
.complete-kits-string-text::before {
content: '';
background: url(//btr-video.ru/wp-content/themes/redesign%20btr-video/assets/img/done2.png);
background-repeat: no-repeat;
width: 20px;
height: 20px;
top: 50%;
margin-top: -10px;
left: -3px;
position: absolute;
background-size: contain;
}
.complete-kits-price {
font-size: 24px;
font-weight: 600;
margin-bottom: 15px;
display: flex;
justify-content: center;
align-items: center;
}
.complete-kits-old-cost {
color: #f96b6b;
font-weight: 500;
font-size: 17px;
margin-left: 10px;
position: relative;
}
.complete-kits-cost::after,
.complete-kits-old-cost::after {
content: ' \20BD';
}
.complete-kits-old-cost::before {
content: '';
position: absolute;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
height: 2px;
background-color: #fd2727;
transform: rotate(-7deg);
}
.complete-kits-banner {
display: none;
flex-direction: column;
justify-content: center;
color: white;
background: linear-gradient(rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url(//btr-video.ru/wp-content/themes/redesign%20btr-video/assets/img/rasschet-sistemy.jpg) center/cover no-repeat;
}
.complete-banner-head {
font-size: 24px;
margin-bottom: 15px;
font-weight: 600;
}
.video-example-list {
display: flex;
justify-content: center;
}
.video-example-item {
width: 50%;
}
.video-example-item+.video-example-item {
margin-left: 20px;
}
.video-example-wrap iframe {
width: 100%;
height: 24vw;
border-radius: 20px;
}
.video-example-caption {
margin-top: 5px;
text-align: center;
font-weight: 500;
border-radius: 20px;
border: 1px solid #cfcfcf;
padding: 15px 20px;
line-height: 1.5;
}
.sistem-structure-list {
display: flex;
margin: 0 -10px -20px;
flex-wrap: wrap;
}
.sistem-structure-item {
width: calc(50% - 20px);
margin: 0px 10px 20px;
display: flex;
align-items: center;
}
.sistem-structure-leftCol {
margin-right: 20px;
}
.sistem-structure-image {
width: 150px;
}
.sistem-structure-name {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.sistem-structure-desc {
font-size: 16px;
color: #686868;
}
.device-types-list {
display: flex;
margin: -10px;
flex-wrap: wrap;
}
.device-types-item {
width: calc(33.3% - 20px);
margin: 10px;
text-align: center;
}
.device-types-imageBox {
width: 100%;
height: 200px;
margin-bottom: 15px;
}
.device-types-image {
width: 100%;
height: 100%;
object-fit: contain;
}
.device-types-head {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.device-types-text {
font-size: 16px;
}
@media (max-width: 1200px) {
.complete-kits-item {
width: calc(33.3% - 20px);
}
.complete-kits-banner {
width: 100%;
padding: 50px;
}
}
@media (max-width: 992px) {
.ability-item {
width: calc(50% - 20px);
}
.ability-iconBox {
padding: 13px;
}
.ability-icon {
width: 55px;
}
.complete-kits-imageBox {
width: 125px;
height: 125px;
}
.complete-kits-head,
.complete-banner-head {
font-size: 20px;
}
.complete-kits-string {
font-size: 14px;
}
.complete-kits-price {
flex-direction: column;
align-items: center;
font-size: 20px;
}
.complete-kits-old-cost {
font-size: 16px;
margin-bottom: 5px;
}
.complete-kits-cost {
order: 1;
}
.sistem-structure-image {
width: 100px;
}
.sistem-structure-name {
font-size: 18px;
}
.sistem-structure-desc {
font-size: 15px;
}
.device-types-item {
width: calc(50% - 20px);
}
.device-types-imageBox {
height: 170px;
}
.device-types-head {
font-size: 18px;
}
.device-types-text {
font-size: 15px;
}
}
@media (min-width: 767px) {
.objects-item-wrap:hover .objects-body {
transform: translateY(-100px);
}
.objects-item-wrap:hover .objects-btn-box {
top: 0px;
}
}
@media (max-width: 767px) {
.objects-btn-box {
position: static;
}
.objects-body {
margin-bottom: 15px;
}
.ability-head {
font-size: 18px;
}
.ability-body {
font-size: 15px;
}
.complete-kits-item,
.complete-kits-banner {
width: calc(50% - 20px);
}
.complete-kits-banner {
padding: 20px;
}
.complete-kits-head,
.complete-banner-head {
font-size: 18px;
}
.complete-kits-string {
font-size: 13px;
}
.complete-kits-string-text {
padding-left: 22px;
}
.complete-kits-price {
font-size: 18px;
}
.complete-kits-old-cost {
font-size: 15px;
}
.video-example-list {
flex-wrap: wrap;
}
.video-example-item {
width: 100%;
}
.video-example-wrap iframe {
height: 50vw;
}
.video-example-item+.video-example-item {
margin-left: 0px;
margin-top: 20px;
}
.video-example-caption {
font-size: 14px;
}
.sistem-structure-item {
width: calc(100% - 20px);
}
.device-types-item {
width: calc(100% - 20px);
}
}
@media (max-width: 600px) {
.ability-item {
width: calc(100% - 20px);
}
.complete-kits-item {
display: flex;
flex-direction: column;
align-items: center;
}
.complete-kits-item,
.complete-kits-banner {
width: 100%;
}
}
@media (max-width: 480px) {
.ability-iconBox {
padding: 10px;
margin-bottom: 15px;
}
.ability-icon {
width: 45px;
}
.ability-head {
font-size: 16px;
}
.ability-body {
font-size: 14px;
}
.video-example-caption {
font-size: 13px;
}
.sistem-structure-image {
width: 80px;
}
.sistem-structure-name {
font-size: 16px;
}
.sistem-structure-desc {
font-size: 14px;
}
.device-types-head {
font-size: 16px;
}
.device-types-text {
font-size: 14px;
}
}