/* popup_box DIV-Styles*/
#maincontent {
	width:100%;
}
a{
	cursor: pointer;  
	text-decoration:none;  
}
/* This is for the positioning of the Close Link */
.popupBoxClose {
	font-size:20px;  
	line-height:15px;  
	right:5px;  
	top:5px;  
	position:absolute;  
	color:#6fa5e2;  
	font-weight:500;  	
}

.me-cannotplay{
	display:none;
}
.flipper-container{
	cursor: pointer;
    text-align:center;
}
video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px); /* Adjust as needed */
}

.block-search {
    z-index: 1 !important;
}
.logo {
    z-index: 1 !important;
}
span.popup_box12.popup_box {
    height: auto !important;
    width: 544px !important;
    max-width: auto !important;
    padding-top: 0px !important;
    left: 36% !important;
    margin: 0 auto !important;
    position: absolute !important;
    top: 30% !important;
}

.popup_box > video {
    height: 310px !important;
    width: 544px;
    top: 30% !important;
    margin: 0 auto;
    position: absolute;
    background: #fff;
    left: 36%;
}
.popup_box > video#video1tVL11ULjYY {
    left: 0% !important;
}

/*------------------------------------------------------------*/
.lodingimage{ margin-top:-240px;}
.products-list .lodingimage{ margin-top:-240px;}
.products-grid .product-item-info a{ display:block;}
.products-list .product-item-photo{width:30%;}
.popup_box video{ max-width:auto !important; /* height: 300px !important; */}
.popup_video {
	display: none;
	position: fixed;
	min-height: 100%;
	width: 100%;
	background:  rgba(0, 0, 0, 0.8);
	z-index: 999;
	border: none;
	padding: 0px;
	font-size: 15px;
	-moz-box-shadow: 0 0 12px #7e807e;
	-webkit-box-shadow: 0 0 12px #7e807e;
	box-shadow: 0 0 12px #7e807e;
	top: 0% !important;	
	right: 0%;
	left: 0;
	text-align:center;
}
.popup_video {
    /* min-height: 100% !important; */
    /* width: 100% !important; */
    /* background: rgba(0, 0, 0, 0.8) !important; */
    /* border: none !important; */
    /* padding: 0 !important; */
    /* top: 0 !important; */
    /* right: 0 !important; */
    /* text-align: center !important; */
    /* left: 0 !important; */
    /* z-index: 9999 !important; */
}
.flipper_video .mejs-container{width:100% !important; margin: 0px auto; height: auto !important;}
.flipper_video .mejs-mediaelement{width:100%; margin:0px auto;}
/*new model CSS add*/
/* .page-wrapper .nav-sections .nav-sections-items .section-item-content .navigation {
	z-index:1;	
} */
.product .product-reviews-summary .rating-summary .rating-result > span::before {
    z-index: 1;
}
.product-item-info .popup_video .popupBoxClose {
    background: #555555 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    padding: 10px 8px;
    position: absolute;
    right: -1px;
    text-transform: uppercase;
    top: 30%;
	left: 60.7%;
	width: 60px ;
}
.product-item-info .popup_video .popupBoxClose {
	margin-left: 10.1%;
}
.flipper_video .mejs-overlay {
	display:none;	
}
.flipper_video .mejs-overlay-loading {
	display:none;	
}

/**************************/

.flipdata video {width:95%;margin:0 auto;}
.flipper-effect.vertical img.product-image-photo {
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
}
.flipper-effect.vertical:hover img.product-image-photo {
   transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  -ms-transition: all 1s ease-in;  
  -moz-transition: all 1s ease-in;  
  transform: rotateX(361deg);
  -webkit-transform: rotateX(361deg);
  -o-transform: rotateX(361deg);
  -ms-transform: rotateX(361deg);
  -moz-transform: rotateX(361deg);
}
.flipper-effect.vertical .back .flipdata {
  transform: rotateX(-359deg);
  -webkit-transform: rotateX(-359deg);
  -o-transform: rotateX(-359deg);
  -ms-transform: rotateX(-359deg);
  -moz-transform: rotateX(-359deg);
} 

.flipper-effect.vertical:hover .back .flipdata {
   transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  -ms-transition: all 1s ease-in;  
  -moz-transition: all 1s ease-in;  
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
}

.flipper-effect.horizontal img.product-image-photo {
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
}
.flipper-effect.horizontal:hover img.product-image-photo {
  transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  -ms-transition: all 1s ease-in;  
  -moz-transition: all 1s ease-in;  
  transform: rotateY(361deg);
  -webkit-transform: rotateY(361deg);
  -o-transform: rotateY(361deg);
  -ms-transform: rotateY(361deg);
  -moz-transform: rotateY(361deg);
}
.flipper-effect.horizontal .back .flipdata{
  transform: rotateY(-359deg);
  -webkit-transform: rotateY(-359deg);
  -o-transform: rotateY(-359deg);
  -ms-transform: rotateY(-359deg);
  -moz-transform: rotateY(-359deg);
}
.flipper-effect.horizontal:hover .back .flipdata {
   transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;  
  -ms-transition: all 1s ease-in;  
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
}

/**************************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
	.popup_video {
		top: 1%;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
	.popup_video {
		top: 1%;
	}
}
@media only screen and (min-width:320px) and (max-width: 480px)  {
	.popup_video {
		left: 0;
		margin: 5%;
		right: 0;
		top: 18%;
		width: auto;
		z-index: 9;
	}	
	.popup_box video{ max-width:auto; height: 100px;}
}
@media only screen and (min-width:481px) and (max-width: 639px)  {
	.popup_video {
		left: 0;
		margin: 5%;
		right: 0;
		top: 18%;
		width: auto;
		z-index: 9;
	}	
	.popup_box video{ max-width:auto; height: 100px;}
}
@media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation : landscape) {
	.popup_video {
		left: 0;
		margin: 26%;
		right: 0;
		top: -14%;
		width: auto;
		z-index: 9;
	}
	.popup_box video{ max-width:auto; height: 100px;}
}
@media only screen and (min-width:641px) and (max-width: 767px)  {
	.popup_video {
		left: 0;
		margin: 14.5%;
		right: 0;
		top: 9%;
		width: auto;
		z-index: 9;
	}	
	.popup_box video{ max-width:auto; height: 100px;}
}
@media only screen and (min-width:768px) and (max-width: 1024px)  {
	.popup_video {
		left: 0;
		margin: 23.4%;
		right: 0;
		top: 1%;
		width: auto;
		z-index: 9;
	}
	.popup_box video{ max-width:auto; height: 100px;}
}
@media only screen and (min-width:1025px) and (max-width: 1200px)  {
	.popup_video {
		left: 0;
		margin: 26%;
		right: 0;
		top: -70px;
		width: 532px;
		z-index: 9;
	}
	.popup_box video{ max-width:auto; height: 100px;}
}
@media only screen and (min-width:1201px)   {
	.popup_video {
		top: 24%;	
	}
}