body,main,.main-container{height:100%}
.main-card{padding-top:0;height:100%;min-height:100%}
.main-card .main-card-content{padding:0;display:flex;flex-wrap:wrap;align-items:center;align-content:center}
.main-card .card-nav{z-index:1}
.main-card .card-nav.white{color:#fff}
.main-card .card-nav.white .card--nav-item>span::before{background-color:#dcfff5}
.main-card .card-nav.white .card--nav-item.active>span,
.main-card .card-nav.white .card--nav-item:hover>span,
.main-card .card-nav.white .card--nav-item:active>span{color:#dcfff5}
.main-card .main-card-title.white .card-title-box > h3{color:#fff}
.main-card-content .tab-content{padding-left:27.19%;padding-right:1.98%}
.card-1{background:#e9e9e9 url(../images/product-fms/kas-200/bg.png) no-repeat;background-size:auto 100%}
.main-card.card-1 .card-title-box > h1{color:#333}
.main-card.card-1 .main-card-title.white .card-title-box>h1{color:#fff}
.card-2{background:#fff url(../images/product-fms/smart-mirror/bg.png) no-repeat;background-size:auto 100%}
.main-card-content .tab-content .tab-pane.active{display:flex;flex-wrap:wrap;align-items:center;align-content:center}
.tab-pane>div{width:100%}
.tab-pane-bg{position:absolute;top:0;left:0;width:100%;height:100%}
.tab-pane-img-box{text-align:center}
.main-card-link{border:0}
.tab-pane .main-card-link>i:last-child,
.main-card-link.open>i:first-child{display:none}
.main-card-link.open>i:last-child{display:inline-block}
.tab-pane-popup{display:none}
.tab-pane-popup1-2 .swiper-wrapper{align-items:center}
.tab-pane-popup1-2 .swiper-slide{text-align:center}
.tab-pane-popup1-2 .swiper-slide>img{width:61.058%}
.tab-pane1 .tab-pane-section{position:relative}
.tab-pane1 .main-card-link{left:0;right:0;margin:auto}
.tab-pane2 .tab-pane-popup{position:absolute}
.tab-pane2 .tab-pane-popup2-1{top:41%;left:35%;width:49.323%}
.tab-pane2 .tab-pane-popup2-2{top:33%;left:53.6%;width:37.76%}
.tab-pane2 .tab-pane-popup2-3{top:52%;left:76.5%;width:10.208%}
.tab-pane2 .link2-1{top:62%;left:31%}
.tab-pane2 .link2-2{top:54.5%;left:50%}
.tab-pane2 .link2-3{top:53%;left:87.5%}
.tab-pane3{position:relative}
.tab-pane3 .swiper2{width:51.024%;margin:auto;text-align:center}
.tab-pane3 .swiper2::before,
.tab-pane3 .swiper2::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;height:0;margin:auto;border-radius:50%}
.tab-pane3 .swiper2::before{width:85%;padding-top:85%;background-color:#e2f0ec}
.tab-pane3 .swiper2::after{width:100%;padding-top:100%;border:1px solid #2da985}
.tab-pane3 .swiper2 .swiper-wrapper{align-items:center;}
.tab-pane3 .swiper2 .swiper-slide:not(.swiper-slide-active){opacity:0!important}
.tab-pane3 .swiper2 .swiper-slide>img{width:90%}
.tab-pane3 .tab-pane-section{position:absolute;z-index:1;width:26.5%}
.tab-pane3 .tab-pane-section .iconfont{width:2em;height:2em;padding:.5em 0 0 0;font-size:3em;line-height:1;text-align:center;color:#fff;background:linear-gradient(#42d8ac,#19a179);border-radius:50%;box-shadow:0 0 1px #19a179}
.tab-pane3 .tab-pane-text{width:calc(100% - 7em);line-height:1.5}
.tab-pane3 .tab-pane-text>h3{font-size:1.6em}
.button-prev,
.button-next{position:absolute;top:0;bottom:0;z-index:100;width:1em;height:1em;margin:auto;color:#e6e6e6;font-family: "iconfont";font-size:3em;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.gallery .button-prev,
.gallery .button-next{color:#c5c5c5}
.gallery-thumbs .button-prev,
.gallery-thumbs .button-next{font-size:1.5em;color:#333}
.button-prev{left:0}
.button-next{right:0}
.button-prev::before{content: "\e63d"}
.button-next::before{content: "\e63e"}
.tab-pane4 .gallery-top .swiper-slide{width:80%}
.tab-pane8 .gallery-up .swiper-slide{width:30%}
.tab-pane4 .gallery-top .swiper-slide:not(.swiper-slide-active)::before,
.tab-pane8 .gallery-up .swiper-slide:not(.swiper-slide-active)::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6)}
.tab-pane4 .gallery-top .swiper-slide-active,
.tab-pane8 .gallery-up .swiper-slide-active{
  box-shadow: 3em 0px 3em -3em rgb(0,0,0), -3em 0px 3em -3em rgb(0,0,0);
}
.tab-pane .gallery{width:78%;margin:auto}
.tab-pane .gallery-thumbs{width:96%;margin:1.5em auto 0;padding:1em 0;border-top:1px solid #ccc}
.tab-pane4 .gallery-top-thumbs{margin-top:10em}
.gallery-thumbs .swiper-slide{border-radius:.3em;overflow:hidden}
.gallery-thumbs .swiper-slide-thumb-active,
.gallery-thumbs .swiper-slide:hover{box-shadow:0 0 2px #19a179,0 3px .72em rgba(0,0,0,.4)}
.tab-pane4 .gallery-bottom .swiper-slide>p{margin-top:1em;font-size:1.6em;font-weight:bold;text-align:center}
.tab-pane5 .tab-pane-images{position:relative;z-index:1;width:60%;margin:0 auto;overflow:hidden}
.tab-pane5 .tab-pane-images>img{width:20.451%}
.tab-pane5 .tab-pane-images>img.long{width:24.124%}
.tab-pane5 .tab-pane-section{position:relative;z-index:1;width:85.746%;margin:7em auto 0;line-height:2;color:#fff}
.tab-pane6{position:relative}
.tab-pane6 .tab-pane-img-box{position:relative;width:51.024%;margin:auto;text-align:center}
.tab-pane6 .tab-pane-img-box::before,
.tab-pane6 .tab-pane-img-box::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;height:0;margin:auto;border-radius:50%}
.tab-pane6 .tab-pane-img-box::before{width:85%;padding-top:85%;background-color:#e2f0ec}
.tab-pane6 .tab-pane-img-box::after{width:100%;padding-top:100%;border:1px solid #2da985}
.tab-pane6 .tab-pane-img-box>img{position:relative;z-index:2;width:55.63%}
.tab-pane6 .tab-pane-section{position:absolute;z-index:1;width:26.5%}
.tab-pane6 .tab-pane-section .iconfont{width:2em;height:2em;padding:.5em 0 0 0;font-size:3em;line-height:1;text-align:center;color:#fff;background:linear-gradient(#42d8ac,#19a179);border-radius:50%;box-shadow:0 0 1px #19a179}
.tab-pane6 .tab-pane-text{width:calc(100% - 7em);line-height:1.5}
.tab-pane6 .tab-pane-text>h3{font-size:1.6em}
.fadeIn{-webkit-animation:fade .4s linear backwards;animation:fade .4s linear backwards}
.zoomIn{-webkit-animation:zoomIn .4s linear backwards;animation:zoomIn .4s linear backwards}
.fadeInLeft{-webkit-animation:fadeInLeft .4s ease-out backwards;animation:fadeInLeft .4s ease-out backwards}
.fadeInRight{-webkit-animation:fadeInRight .4s ease-out backwards;animation:fadeInRight .4s ease-out backwards}
.pulse{-webkit-animation:pulse 1s linear 2 alternate-reverse;animation:pulse 1s linear 2 alternate-reverse}