body{overflow-x: hidden;}

ul {
	list-style-type: none;
}

li img {
	float: left;
	margin: 12px;
	border: 5px solid #fff;
	
	-webkit-transition: box-shadow 0.5s ease;
	-moz-transition: box-shadow 0.5s ease;
	-o-transition: box-shadow 0.5s ease;
	-ms-transition: box-shadow 0.5s ease;
	transition: box-shadow 0.5s ease;
}

li img:hover {
	-webkit-box-shadow: 0px 0px 7px rgba(255,255,255,0.9);
	box-shadow: 0px 0px 7px rgba(255,255,255,0.9);
}

.counter .media-body h1 span {
	font-weight: 200;
}
.counter .media-body h4 {
	font-weight: 200;
	margin-top: 25px;
}
.media-body img {
	width: 70px;
	margin: 0 auto 25px;
}
/*.counter-wrapper {
	padding: 30px 0;
	margin: 80px 0;
	}*/

/*==================================
    02.SECTION ONE STYLE
    ====================================*/

/*==================================
    03.SECTION THREE STYLE
    ====================================*/

    .main-video {
    	padding:15px 0;
    }

    .videos-list {

    }

    .videos-list li {
    	/* position:relative; */
    	float:left;
    	width:19%;
    	margin-right:11px;
    	cursor:pointer;
    }

    .videos-list li img {
    	margin:0 auto;
    	float:none;
    	border:none;
    	max-width:100%;
    }

    .videos-list ul li:last-child {
    	margin-right:0;
    }

    .vd-thumb-box {
    	position:relative;
    }

    .vd-thumb {
    	/* padding: 10px 0; */
    }

    .vd-thumb h4 {
    	text-align: left;
    	font-size: 20px;
    	font-weight: 400;
    	line-height: 20px;
    	padding: 10px;
    	background: #14a2a7;
    	color: #fff;
    	height: 75px;
    }

    .vd-thumb-overlay {
    	position:absolute;
    	width:100%;
    	height:81%;
    	background:#00000073;
    	top:0;
    	left:0;
    	/* border-bottom: 10px solid #57bfe9; */
    }

    .vd-thumb-overlay i {
    	font-size: 4rem;
    	color: #fff;
    	font-weight: 300;
    	vertical-align: middle;
    	margin-top: 5%;
    }

    #vidibleVideo1 {
    	box-shadow: 5px 5px 15px 4px #333;
    }

    #sec3{
    	position: absolute;
    	top: 0;
    	/*background: #000000e3;*/
    	padding: 0;
    	width: 100%;
    	left: 0;
    	height: auto;
    	display: none;
    	z-index : 999999;

    }

    #closeVideoPopup{
       position: fixed;
       top: 5%;
       z-index: 99999999;
       right: 5%;
       cursor: pointer;
       color: #ffff;
   }

   #closeVideoPopup i, #backtoVideoBtn i{
    color : #ccc;
}

#backtoVideoBtn{
    font-size: 10px;
   position: fixed;
   top: 5%;
   z-index: 99999999;
   right: 5%;
   cursor: pointer;
   color: #ffff;
   display: none;
}

ul.videos-list{
   margin-left: 26%;
   display: none;
}

.overlayVideoImage{
   cursor: pointer;
}

.video-overlay{
    background: #000000e3; 
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /* z-index: 999999999999; */
    /* width: 100%; */
    margin: -1%; 
}

.loader-image {
    position: absolute;
    top: 35%;
    height: 100%;
    background-image: url(../images/loader.gif);
    width: 100%;
    z-index: 9999999;
    background-repeat: no-repeat;
    left: 45%;
}
.loader-image-overlay{
    position: absolute;
    top: 0;
    height: 100%;
    background: #000000e3;
    width: 100%;
    left: 0;
    z-index: 99999999;
    display: none;
}

@media(max-width: 640px) and (min-width: 375px){
    .videos-list li{
        width: 65%;
        float: none;
        margin: 0 auto;

    }

    ul.videos-list{
        margin-left: 0;
        /*display: none !important;*/
    }

    .video-overlay{
        margin: -4%; 
    }

    
    .loader-image {
        left: 28%;
    }
}

@media(max-width: 767px) and (min-width: 640px){
    .vd-thumb{
        padding: 10px 0;
        margin-right: 10px;
    }

    .videos-list li{
        width: 32%;
        margin-right: 5px;
    }

    ul.videos-list{
        margin-left: 0;
        /*display: none !important;*/   
    }

    .video-overlay{
        margin: -2%; 
    }

    .loader-image {
        left: 28%;
    }

}

#u_0_3_2C{
    position: fixed !important;
}