body { min-width:360px;}
.inner-left{ width:100%;}
.subpage-content { border:none;}
.cfm_vg_container{ background: #e0e0e0 url(/vg/images/flower-bg.png) left top no-repeat; text-align:center; padding:25px 0;border: 0px solid #bcbcbc; color:#3d3936;}
.cfm_box{ display:inline-block;vertical-align:text-top;}
.cfm_box1{ width:35%; margin-right:2%; text-align:center;}
.cfm_box2{ width:55%; margin-left:1%;background:none;}
.published-on { margin:0px; padding:0px;}
.cfm_box2 iframe{ width:100%; height:352px; margin:0;}
.g-ytsubscribe { margin-top:15px;}
.cfm_v_desc_box{ margin:0 auto; margin-top:20px; width:92.5%;text-align:left;}
.cfm_v_desc_box p{ word-wrap:break-word;}
.a2a_default_style a {
    padding: 7px 2px!important;
}
.a2a_default_style a .fa-facebook {
    padding-left: 3px!important;
}
.cfm_vg_pl_container{ margin-bottom:60px; }

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

.v_title{ padding:0!important; margin:0!important; margin-bottom:15px!important; font-weight:300!important; font-size:24px; color:#3d3936;}
.v_social{ padding:0; margin:0; margin-bottom:25px;}
.v_pdate{ padding:0; margin:0; margin-bottom:15px;}
.cfm_logo{margin-bottom:30px; max-width:100%; background-color:transparent; padding:5px;}

.v_social .social-icons{ margin-bottom:0;}
.v_social .social-icons a:hover{ color:#fff;}

.cfm_social_subscribe{ margin-bottom:0px;}
.cfm_social_subscribe ul li a { border-bottom:0px;}
.v_social{background:transparent; display:inline-block; vertical-align:middle;margin-right:20px;}
/*.v_social .fa{ font-size:20px; padding:5px; border:0px solid #444;  width:28px; text-align:center;}*/
.v_social .fa-facebook{ color:#fff;}
.v_social .fa-google-plus{ color:#fff;}
.v_social .fa-twitter{ color:#fff;}
.v_social .fa-facebook:hover{ color:#fff;}
.v_social .fa-google-plus:hover{ color:#fff;}
.v_social .fa-twitter:hover{ color:#fff;}
.cfm_social_subscribe .v_social .social-icons li {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #73877B;
    text-align: center;
    vertical-align: middle;
}
.cfm_social_subscribe .v_social .social-icons li:hover {background-color: #363636;}


.pl_default{ pointer-events:none;}

.playicon{ position:absolute;left:50%; top:50%;transform: translate(-50%, -50%); cursor:pointer;}
.playicon .fa{ font-size:40px; color:rgba(0, 0, 0, 0.58);}
.playicon .fa:hover{color:rgba(254, 0, 0, 0.60);}
.cfm_video_disclaimer{ font-size:14px; color:#000; text-align:center; padding:5px;  letter-spacing: 1px;font-style:italic;}
.cfm_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){
.cfm_box1 { width:100%; margin:auto;}
.cfm_vg_container { background-position:center top;}
.cfm_v_desc_box { text-align:center;}
.cfm_logo { margin-bottom:10px;}
.v_title { margin-bottom:10px!important;}
.eot_social_subscribe { margin-bottom:0px;}
.cfm_box2 { width:90%; padding-top:15px;}

.cfm_box1 .cfm_logo{ max-width:50%; margin-left:auto; margin-right:auto; display:block;}
.v_social{ margin-bottom:15px;}
}
@media screen and (min-width:580px) and (max-width:979px){
	.cfm_box2 iframe{ height:290px;}
	.cfm_box1{width:92.5%; margin:0 auto; margin-bottom:20px; text-align:center;}
}

@media only screen and (min-width:576px) and (max-width:767px){
.cfm_box1 .cfm_logo{ max-width:50%; margin-left:auto; margin-right:auto; display:block;}
}

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

@media(max-width:575px) {
.playlist{ font-size:16px;}
}


/*swiper css starts*/

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