body { min-width:360px;}
.inner-left{ width:100%;}

.eot_vg_container{ text-align:center; padding:25px 0;border: 1px solid #d2d2d2;}
.eot_box{ display:inline-block;vertical-align:text-top;}
.eot_box1{ width:35%; margin-right:2%; text-align:center;}
.eot_box2{ width:55%; margin-left:1%;background:none;}

.eot_box2 iframe{ width:100%; height:320px; margin:0;}

.eot_v_desc_box{ margin:0 auto; margin-top:20px; width:92.5%;text-align:left;}
.eot_v_desc_box p{ word-wrap:break-word;}

.eot_vg_pl_container{ margin-bottom:30px; }

.playlist{ cursor:pointer; padding:0!important; vertical-align:middle; padding-bottom:10px!important; margin-bottom:20px; font-size:22px; font-weight: bold; border-bottom: 1px solid #d2d2d2;}
.swiper-container{border-bottom: 1px solid #d2d2d2; margin-bottom: 20px; padding-bottom: 20px;}
.playlist span{ text-align:center;width:15px; display:inline-block;}

.v_title{ padding:0!important; margin:0!important; margin-bottom:30px!important; font-weight:300!important; font-size:24px;}
.v_social{ padding:0; margin:0; margin-bottom:15px;}
.v_pdate{ padding:0; margin:0; margin-bottom:15px;}
.eot_logo{margin-bottom:15px; max-width:160px; background-color:transparent; padding:5px;}

.eot_social_subscribe{ margin:15px 0;}
.v_social{background:transparent; display:inline-block; vertical-align:middle; margin-bottom:0;}
.v_social .fab{ font-size:20px; padding:5px; border:0px solid #444; text-align:center;}
.pl_default{ pointer-events:none;}

.playicon{ position:absolute;left:50%; top:50%;transform: translate(-50%, -50%); cursor:pointer;}
.playicon .fab{ font-size:40px; color:rgba(0, 0, 0, 0.58);}
.playicon .fab:hover{color:rgba(254, 0, 0, 0.60);}
.eot_video_disclaimer{ font-size:14px; text-align:center; padding:5px;  letter-spacing: 1px;font-style:italic;}
.eot_disclaimer{ font-size:12px; color:#696969; padding:5px; font-style:italic;margin-bottom:30px; text-align:right;}

.swiper-wrapper .fa-spinner{ display:block; margin:0 auto;}


.swiper-slide:hover .item-overlay.top {
  top: 0;
}

.swiper-slide:hover .playicon{ visibility:hidden;}

.item-overlay {
  position: absolute;
    cursor: pointer;
  top: 0; right: 0; bottom: 2px; left: 0;
  
  background: rgba(0,0,0,0.7);
  color: #fff;
  overflow: hidden;
  text-align: center;
  /* fix text transition issue for .left and .right but need to overwrite left and right properties in .right */
  width: 100%; 
  
  -moz-transition: top 0.3s;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
}
/*
…but this hide it
*/
.item-overlay.top {
  top: 100%;
}

.item-overlay span{
position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
	font-size:12px;
	line-height:16px;
}

.swiper-button-next{ background:rgba(0, 0, 0, 0.7) url(/vg/images/next.png) center center no-repeat!important; width:35px!important; right:0!important; top:0!important; margin-top:0!important; height:88%!important; z-index:99999;}
.swiper-button-prev{ background:rgba(0, 0, 0, 0.7) url(/vg/images/back.png) center center no-repeat!important; width:35px!important; left:0!important; top:0!important; margin-top:0!important; height:88%!important; z-index:99999;}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0!important;
}
@media screen and (min-width:768px) and (max-width:991px){
.eot_box1 { width:100%; margin:auto;}
.eot_vg_container { background-position:center top;}
.eot_v_desc_box { text-align:center;}
.eot_logo { margin-bottom:10px;}
.v_title { margin-bottom:10px!important;}
.eot_social_subscribe { margin-bottom:0px;}
.eot_box2 { width:90%; padding-top:15px;}
}
@media screen and (min-width:580px) and (max-width:979px){
	.eot_box2 iframe{ height:290px;}
}

@media only screen and (min-width:320px) and (max-width:579px){
.eot_box1{width:92.5%; margin:0 auto; margin-bottom:20px; text-align:center;}
.eot_box2{width:92.5%; margin:0 auto;}
.eot_box2 iframe{ height:250px;}
.v_pdate{ margin-bottom:5px;}
.eot_social_subscribe{ margin-bottom:5px;}
}


/*swiper css starts*/

.swiper-container {
        width: 100%;
		margin-bottom:20px;
    }
    
	.swiper-slide{cursor:pointer;}
	.swiper-slide img{ max-width:100%; cursor:pointer;}
	
	
	
/*swiper css ends*/