body{font-family:open sans;}



#playerlayer{

	width: 100%;

	height: 100%;

	position: absolute;

}

iframe{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

	z-index: 1;

}

.poster{

	position: absolute;

    top: 0px;

	bottom: 0px;

	left: 0px;

	right: 0px;

	max-width:100%;

	max-height:100%;

	margin: auto;

}

#SAG-Video{

	position: absolute;

    top: 0px;

	bottom: 0px;

	left: 0px;

	right: 0px;

	width:100%;

	height:100%;

	margin: auto;

}



div#preloader {

	position: fixed;

	left: 0;

	top: 0;

	z-index: 99;

	width: 100%;

	height: 100%;

	overflow: visible;

	background: rgba(0,0,0,0.7) url(../images/loader.gif) no-repeat center center;

}



.Playfront{

	position: absolute;

    top: 0px;

	bottom: 0px;

	left: 0px;

	right: 0px;

    width: 60px;

	max-height: 38px;

	margin: auto;

	background-color : rgba(15,15,15, 0.9);

	padding: 5px;

	border-radius: 5px;

	z-index: 9999;

}

.Pausefront{

	position: absolute;

    top: 0px;

	bottom: 0px;

	left: 0px;

	right: 0px;

    max-width: 100%;

	max-height: 100%;

	margin: auto;

	z-index: 9999;

}



.title-bar{

	position: absolute;

	top: 10px;

	left: 0px;

	font-size: 18px;

	font-family:raleway;

	background-color:rgba(16,16,16,0.5);

	padding:6px 25px;

	max-width: 50%;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	z-index: 10000;

}

@media (min-width:240px){

.share-bar{

	position: absolute;

	right: 8px;

	top: 10px;

	background-color:rgba(16,16,16,0.5);

	border-radius:4px;

	width:25px;

	height:25px;

	z-index: 10000;

}

.share-bar img

{

	margin:4px;

	width:60%;

}



}

@media (min-width:481px){

.share-bar{

	position: absolute;

	right: 20px;

	top: 10px;

	background-color:rgba(16,16,16,0.5);

	border-radius:4px;

	width:35px;

	height:35px;

	z-index: 10000;

}

.share-bar img

{

	margin:6px;

	width:auto;

}

}



.embed-code{

	position: absolute;

	right: 20px;

	top:60px;

	background-color:rgba(16,16,16,0.5);

	border-radius:4px;

	width:35px;

	height:35px;

	z-index: 10000;

}





.Bottom_header{

	position: absolute;

	bottom: 0px;

	width: 100%;

	z-index: 10000;

}

.Bottom_header img{

	cursor: pointer;

}

.VideoControls{

	position: relative;

	background: none;

	height: 36px;

}

.VideoControls-left{

	height: 20px;

	float: left;

}

.VideoControls-right{

	height: 20px;

	float: right;

}



.timer,.Volume,.logo-bar,.Settings-bar,.fullscreen-bar{

	height:100%;padding:0px 5px;float: left;

}







#actiontime-bar div{

background: #F00;

width: 6px;

height: 6px;

position:absolute;

z-index: 99;

cursor: pointer;

}

#actiontime-bar span{

left: -3px;

position: absolute;

top: -10px;

display:block;

}

#actiontime-bar span:hover{

display:block;

}

#actiontime-bar div:hover #actiontime-bar span{

display:block;

}



#Volume-bar-full, #Volume-bar-active{

	position: absolute;

	margin: auto;

	top: 0px;

	bottom:6px;

	height:6px;

	width:80px;

}

.Volume:hover .VolumeBar{

	display:block;

}

.VolumeBar{

	display:none;

	position:absolute;

	width:26px;

	height:21px;

	z-index: 99999;

	bottom: 112px;

}



.Setting{

	position: absolute;

	right: 1px;

	bottom: 42px;

	z-index:100;

}

.Setting .active span{

	background: rgba(28, 28, 28, 0.8) none repeat scroll 0% 0% !important;

}

.OptionList{

	height:100%;

	padding-bottom: 1px;

	min-width:100px;

	cursor:pointer;

}

.OptionList span{

	min-width: 100px;

	background: rgba(28, 28, 28, 0.5) none repeat scroll 0% 0%;

	display: inline-block;

	padding: 3px 10px;

}

.OptionList span:hover{

	background: rgba(28, 28, 28, 0.8) none repeat scroll 0% 0%;

}



.subtitle-bar {

    position: absolute;

    bottom: 95px;

    text-align: center;

    width: 60%;

    margin: auto;

    left: 0px;

    right: 0px;

	background: rgba(51, 51, 51, 0.5) none repeat scroll 0% 0%;

	z-index: 999;

}

.subtitle-bar-text {

    margin: 0px;

	font-size: 18px;

}

/*.annotation-bar {

    position: absolute;

    bottom: 85px;

    width: 725px;

	max-width: 100%;

    left: 0px;

    right: 0px;

    margin: auto;

	background: rgba(101, 8, 8, 0.8) none repeat scroll 0% 0%;

}

@media(min-width:240px){

.annotation-bar {

    position: relative;

 

    max-width: 90%;

	width:auto;

    left: 0px;

    right: 0px;

    margin: auto;

	background: rgba(101, 8, 8, 0.8) none repeat scroll 0% 0%;

	display:table;

	padding: 10px 10px 4px 10px;

}}

@media(min-width:768px){

.annotation-bar {

    position: absolute;

	bottom: 75px;

    max-width: 50%;

	width:auto;

    left: 0px;

    right: 0px;

    margin: auto;

	background: rgba(101, 8, 8, 0.8) none repeat scroll 0% 0%;

	display:table;

	padding: 10px 10px 4px 10px;

}}

.annotation-bar h3, .annotation-bar p{

	margin:5px 10px;

}

.AdPreSkipText{

    position: absolute;

    padding: 5px 10px;

    right: 0px;

    top: 60px;

    background: rgba(51, 51, 51, 0.5) none repeat scroll 0% 0%;

	cursor: pointer;

	z-index: 99;

}*/



.close-btn-anotation{position: relative;

    top: 0;

    float: right;

    z-index: 9;

    background-color: #ffffff;

    border: none;

    color: #000000;

    padding: 0px 6px;

	cursor:pointer;

}

.annotation-bar { position: absolute; bottom: 84px; width: 90%; left: 0px; z-index:9999;

right: 0px; margin:0 auto; max-width:90%;}

.annotation-content{display:inline-block;}

.content-bg{background: rgba(112, 112, 112, 0.8) none repeat scroll 0% 0%; padding:10px;}

.annotation-bar h3{margin:5px 30px 5px 10px;}

.annotation-bar p{margin:5px 10px;}

.annotation-img{max-height:100px;}





/* Modal CSS */



.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}



.modal-open{overflow:hidden}

.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;z-index: 10000;}

.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.7}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}



@media (max-width:2000px){.modal-dialog{width:70%;margin:0px auto; left:-15px;}}

@media (min-width:240px){.modal-dialog{width:70%;margin:0px auto; left:-15px;} }

@media (min-width:420px){.modal-dialog{width:400px;margin:30px auto;} }

@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}



@media (min-width:992px){.modal-lg{width:900px}}









@media (max-width:480px)

{

	.hidden-xs{visibility: hidden;

  opacity: 0; position:absolute;}

}



@media (min-width:481px)

{

	.hidden-xs{visibility: visible;

  opacity: 1;

  }

}

.white{color:#fff;}

.text-center{text-align:center;}



@media(max-width:767px)

{

	

	.xsmt1{margin-top:1%;}

	.xsmt2{margin-top:2%;}

	.mb3{margin-bottom:3%;}

	.pad0{padding:0px;}

	.p-height{height:350px; border-radius:0; margin:50px auto;}

	.ft30{font-size:25px;}

	.mt1{margin-top:3%;}

	

}

@media(min-width:768px)

{



	.mt5{margin-top:5%;}

	.p-height{height:400px; border-radius:0; margin:75px auto;}

	.ft30{font-size:30px;}	

	.mt1{margin-top:1%;}

}













.padbtm18{padding-bottom:12%;} 

.mrgntop28{ margin-top:23%;} 

.popupbox ul li{list-style:none; display:inline;}









.raleway{font-family:raleway;}

.padding0{padding:0;}



.social-links a{ width:50px; height:42px; text-align:center; display:inline-block; color:#fff; padding-top:8px; border-radius:50%; -webkit-border-radius:50%; font-size:30px; margin:2%;}

.social-links a:hover{background:#fff;}



.social-links a.fb{background:#3b5998; }

.social-links a.fb:hover{color:#3b5998; background:#fff;}

.social-links a.tw{background:#1dcaff; }

.social-links a.tw:hover{color:#1dcaff; background:#fff;}

.social-links a.gl{background:#d34836; }

.social-links a.gl:hover{color:#d34836; background:#fff;}

.social-links a.ln{background:#0077b5; }

.social-links a.ln:hover{color:#0077b5; background:#fff;}

.social-links a.pr{background:#c92228; }

.social-links a.pr:hover{color:#c92228; background:#fff;}



.c-btn{position:absolute; right:-20px; top:6px; background:transparent!important; color:#fff!important; opacity:1; z-index:999999; outline:none;}

.c-btn:hover{opacity:1;}







.popupsection textarea { border: 1px solid #d6d6d6;border-radius: 4px; background:#fcfcfb;width: 98%;padding: 7px 5px;outline: none;display: inline-block;}



a.send,a.send:hover{border: 1px solid #e76923;

    color: #fff;

    padding: 8.5px 14px;

    text-decoration: none;

    display: inline-block;

    border-radius: 2px;

    background: #ff782d;

    cursor: pointer;

}





.areawidth{outline: none;margin: 2% auto;width: 100%;height: 220px;border:1px solid #d6d6d6;border-radius: 4px; background:#fbfbfc; resize:none;}







/*mukesh goyal */

.seek_slide{

	padding: 1px 15px;

	height: 24px;

	background: rgba(0,0,0,0.5);

	border-radius: 6px;

	margin: auto;

	top: -2px;

	position: relative;

	width: 95%;

}

@media(max-width:480px)

{

.seek_slide{

	padding: 1px 10px;

	width: 90%;

}

}

@media(max-width:767px)

{

.seek_slide{

	padding: 1px 10px;

	width: 92%;

}

}

.close-btn{ position:fixed; top:0; right:0; z-index:9; background-color:#d4d4d4; border:none; color:#000000; padding:0px 6px;}

/*.close-btn-anotation{ position:absolute; top:0; right:0; z-index:9; background-color:#d4d4d4; border:none; color:#000000; padding:0px 6px;}*/





.gate-bar {

    position: fixed;

    width: 100%;

    height: 100%;

}







/* swithcer btn*/

 /* The switch - the box around the slider */

.switch {

  position: relative;

  display: inline-block;

  width:40px;

  height: 22px;

}



/* Hide default HTML checkbox */

.switch input {display:none;}



/* The slider */

.switch-slider {

  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #8a8a8a;

  -webkit-transition: .4s;

  transition: .4s;

}



.switch-slider:before {

position: absolute;

content: "";

height:18px;

width:18px;

left:0px;

bottom: 2px;

background-color: white;

-webkit-transition: .4s;



transition: .4s;



}



input:checked + .switch-slider {

  background-color: #7ab33f;

}



input:focus + .switch-slider {

  box-shadow: 0 0 1px #672a87;

}



input:checked + .switch-slider:before {

  -webkit-transform: translateX(20px);

  -ms-transform: translateX(20px);

  transform: translateX(20px);

}



/* Rounded sliders */

.switch-slider.round {

  border-radius: 34px;

}



.switch-slider.round:before {

  border-radius: 50%;

}