/*html,
body {
    height: 100%;
}*/

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
  height: 100%;
  background: #000;
}

.carousel-caption{padding-bottom:80px;}


/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    opacity:0.95;
}






/**
 * Change animation duration
 */
.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}


/*Video Slider Css Start*/
iframe.player {left: 0;position: absolute;top: 0;width: 100vw;height: calc(100vw/1.77);z-index:1;}

.carousel-control.left {cursor: url("../images/arrow-left-white.svg"), auto;background-image:none;}
.carousel-control.right {cursor: url("../images/arrow-right-white.svg"), auto;background-image:none;}
.carousel-control .icon-prev::before,.carousel-control .icon-next::before{display:none;}
/*.playing{cursor: url("../images/play-white.svg"), auto; position:absolute; width:100%; height:100%;  left:0; top:0;text-indent:-9999px; }*/
.vid-cls {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;text-indent:-9999px;cursor: url("../images/close-white.svg"), auto;}
a.vid-vbg {background: #fff; position: absolute;left: 0;top: 0;width: 100%;height: 100%; text-indent:-9999px;}


.video-slide-slider .slide-con {bottom: auto;left: 15.5%;padding: 0;right: auto;text-align: left;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.video-slide-slider .slide-con h2 {color: #000;font-size: 28px;letter-spacing: 1px;line-height: 32px;margin: 0 0 20px;text-shadow: none; text-align:left; text-shadow:none !important;}

.video-slide-slider .slide-con a {border: 1px solid #000;color: #000;text-shadow:none !important;}
.video-slide-slider .slide-con a i { background-image: url("../images/arrow-left-black.png");}
.video-slide-slider .slide-con a:hover i {background-image: url("../images/arrow-left-black.png");}
.video-slide-slider .slide-con a:hover, .video-slide-slider .slide-con a:active {border: 1px solid #fff;color: #000;}
.video-slide-slider .slide-con a::before {background: #fff;border: 1px solid #fff;}

.sld-scroll-down img {width: 35px;}
.sld-scroll-down {bottom: 20px;left: 50%;position: absolute;transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);-webkit-transform: translateX(-50%);}


/*Video Slider Css End*/


@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@media screen and (max-width: 1840px) {
    .p{
	    left: 43.5% !important;;
right: 20% !important;
	}
@media screen and (max-width: 1440px) {
    .p{
	    left: 43.5% !important;;
right: 20% !important;
	}
	iframe.player{
		top:53%;
		transform:translateY(-50%);
	}
	.Recharge-vid-bg{height:100%; left: -4%;position: absolute;}	
}
@media screen and (max-width: 1366px) {
	.p{
	    left: 43.5% !important;;
right: 20% !important;
	}
	.Recharge-vid-bg{height:100%; left: -14%;position: absolute;}	
}
@media screen and (max-width: 1280px) {
	.p{
	    left: 43.5% !important;;
right: 20% !important;
	}
	.Recharge-vid-bg{height:100%; left: -5%;position: absolute;}	
}
@media screen and (max-width: 1024px) {
	.p{
	    left: 43.5% !important;;
right: 20% !important;
	}
	.Recharge-vid-bg{height:100%; left: -16%;position: absolute;}	
}
@media screen and (max-width: 960px) {
	.p{
	    right: auto !important;;
left: 50% !important;
	}
	.Recharge-vid-bg{height:100%; left: -5%;position: absolute;}	
}
@media screen and (max-width: 960px) {
	.p{
	    right: auto !important;;
left: 50% !important;
	}
	.Recharge-vid-bg{height:100%; left: -5%;position: absolute;}	
}
@media screen and (max-width: 800px) {
	.p{
	    right: auto !important;;
left: 50% !important;
	}
	.Recharge-vid-bg{height:100%; left: -93%;position: absolute;}	
}
@media screen and (max-width: 768px) {
	.p{
	    right: auto !important;;
left: 50% !important;
	}
	.Recharge-vid-bg{height:100%; left: -65%;position: absolute;}	
}
@media screen and (max-width: 640px) {
	.p{
	    right: auto !important;;
left: 50% !important;
	}
	.Recharge-vid-bg{height:100%; left: -93%;position: absolute;}	
}

@media screen and (max-width: 480px) {
	.p{
	    right: auto !important;;
left: 50% !important;
	}
	.Recharge-vid-bg{height:100%; left: -135%;position: absolute;}	
}
@media screen and (max-width: 414px) {
    .p{
	    right: auto !important;;
left: 50% !important;
	}
	.video-slide-slider .slide-con {
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-moz-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
		-o-transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		width: 70%;
	}
	.video-slide-slider .slide-con h2 {
		font-size: 18px;
		line-height: 26px;
	}
	.video-slide-slider .slide-con h2 br {
		display:none;
	}
	.Recharge-vid-bg{height:100%; left: -107%;position: absolute;}
}
@media (min-width:1152px) and (max-width:1153px) and (max-height: 864px){
	.Recharge-vid-bg{height:100%; left: -14%;position: absolute;}
}
@media (min-width:640px) and (max-width:641px) and (max-height: 360px){
	.Recharge-vid-bg{height:100%; left: 0;position: absolute;}	
}
@media (min-width:360px) and (max-width:361px) and (max-height: 640px){
	.Recharge-vid-bg{height:100%; left: -107%;position: absolute;}
}
@media (min-width:320px) and (max-width:323px) and (max-height: 568px){
	.Recharge-vid-bg{height:100%; left: -107%;position: absolute;}
}
@media (min-width:320px) and (max-width:323px) and (max-height: 480px){
	.Recharge-vid-bg{height:100%; left: -80%;position: absolute;}
}