.content{ padding:0; overflow:hidden;}

.section-zi-kv{ }
.section-zi-kv .container{ width:100%; max-width:100%; position:relative;}
.section-zi-kv .title{ position:absolute; top:0%; left:10%; max-width:402px; max-height:95%; }
.section-zi-kv .kv{ display:block; margin: 0 auto;}
.section-zi-kv .kv-mobile{ display:none; margin: 0 auto;}



.section-zi-features{ background: linear-gradient(to bottom,  #0082d8 0%,#000515 100%);}
.section-zi-features .container{ width:100%; max-width:1000px; position:relative; padding-top:50px; padding-bottom: 50px;}

.section-zi-features .product-name{ color: #fff;}
.section-zi-features .product-feature{ color: #fff;}
.section-zi-features .btn-instructions{ margin-bottom: 50px;}

.section-zi-features .pd{ width:90%; max-width:500px; margin:20px auto 0px;}
.section-zi-features ul{ display: flex; flex-wrap: wrap; justify-content: space-between; width:92%; margin:0 auto;}
.section-zi-features ul li{ width: 50%; margin-bottom: 30px;}
.section-zi-features ul li img{ margin-bottom: 10px;}
.section-zi-features ul li p{ width: 90%; margin: 0 auto; color: #FFF; font-size: 20px; font-weight: 400; text-align: left;}
.section-zi-features ul li p span{ color: #fff200;}
.section-zi-features ul li:first-child p{ font-style: italic;}

.section-zi-cards{ background:url(../images/products/zi/2023/bg-card.jpg) top center no-repeat;}
.section-zi-cards .container{ width:100%; max-width:900px; height:1059px; position:relative; padding-top:0px;}
.section-zi-cards .title{ width: 90%; max-width: 500px; margin:0 auto 30px auto; top:-10px; position:relative; }
.section-zi-cards .cards{ width:90%; margin:30px auto 0;}
.section-zi-cards .cards .c{ float:left; width:30%; margin:0 1.5% 30px 1.5%; position:relative; }
.section-zi-cards .cards .c .tip{ position:absolute; left:0%; top:-30px; width:30%; height:100%; background:url(../images/products/zi/card-mouse.png) top center no-repeat; background-size:100% auto; }
.mobile .section-zi-cards .cards .c .tip{ background:url(../images/products/zi/card-click.png) top center no-repeat; background-size:100% auto; }
.section-zi-cards .cards .c .front{ opacity:1; cursor:pointer;}
.section-zi-cards .cards .c .back{ position:absolute; left:0; top:0; opacity:0;}
.desktop .section-zi-cards .cards .c:hover .tip{ top:-10px; opacity:0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.desktop .section-zi-cards .cards .c:hover .front{ opacity:0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.desktop .section-zi-cards .cards .c:hover .back{ opacity:1; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}


.section-zi-cards .cards .c.hover .tip{ top:-10px; opacity:0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.section-zi-cards .cards .c.hover .front{ opacity:0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.section-zi-cards .cards .c.hover .back{ opacity:1; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}

.section-zi-cards .pd{ width:80%; max-width:260px; top:150px; left:0px; position:absolute;}




/*	RESPONSIVE:  */
@media only screen and (max-width:1000px) {
	
.content{ /*background:url(../images/products/zi/bg-mobile.jpg); background-size:100% auto;*/}

.section-zi-kv .container{ height:auto; }
.section-zi-kv{ background-image:none;}
.section-zi-kv .kv{ display:none;}
.section-zi-kv .kv-mobile{ display:block;}
.section-zi-kv .title{ left:5%; max-width:38%; }

.content{ /*background:url(../images/products/zi/onepiece/bg-feature-m.png) top center; background-size:100% auto;*/ }


.section-zi-features{ }
.section-zi-features .container{ padding-top:30px; padding-bottom:50px; height:auto;}
/*.section-zi-features .features{ display:none;}
.section-zi-features .features-mobile{ display:block; width:90%; margin:0 auto;}*/


.section-zi-cards{ background:#00b9ee url(../images/products/zi/2023/bg-card-top.jpg) top center no-repeat; background-size:100% auto; }
.section-zi-cards .container{ height:auto; padding-bottom:180px; background:url(../images/products/zi/2023/bg-card-bottom.jpg) bottom center no-repeat; background-size:100% auto;}

.section-zi-cards .pd{ max-width:220px; top:220px; left:10px; position:absolute;}
.section-zi-cards .cards{ width:100%; padding-top:0px; } 

}


/*	RESPONSIVE:  */
@media only screen and (max-width:767px){

.section-zi-features ul{ display:block; }
.section-zi-features ul li{ width: 100%; margin-bottom: 40px;}
.section-zi-features ul li img{ margin-bottom: 5px;}
.section-zi-features ul li p{ line-height: 1.5;}
	
.section-zi-cards .container{ padding-bottom:100px;}

.section-zi-cards .title{ width:90%; margin:0 auto; top:auto; left:auto; }
.section-zi-cards .cards{ padding-top:40px; } 
.section-zi-cards .cards .c{ float:none; width:80%; margin:0 auto; }
.section-zi-cards .cards .c .front{ margin-bottom:50px;}
.section-zi-cards .pd{ display:none;}

}



/*	RESPONSIVE:  */
@media only screen and (max-width:480px) {



}

/*	RESPONSIVE:  */
@media only screen and (max-width:350px) {



}

.animated.zoomIn {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0.8;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0.8;
  }
}