/*===========ALL webfont family============*/

@font-face{
	font-family: "gotham bold";
	src:url(../font/GOTHAM-BOLD.TTF);
}


@font-face{
	font-family: "gotham light";
	src:url(../font/GOTHAM-LIGHT.TTF);
}


@font-face{
	font-family: "gotham bold";
	src:url(../font/GOTHAM-BOLD.TTF);
}


@font-face{
	font-family: "gotham medium";
	src:url(../font/GOTHAM-MEDIUM.TTF);
}

@font-face{
	font-family: "gotham book";
	src:url(../font/ufonts.com_gotham-book.ttf);
}




.gothambold{
	font-family: "gotham bold";
}

.gothamlight{
	font-family: "gotham light";
}
.gothammedium{
	font-family: "gotham medium";	
}

.gothambook{
	font-family: "gotham book";
}






/*========== DEFAULT BROWSER STYLE==========*/
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video,main{display:block}mark,rp,rt,ruby,summary,time{display:inline}
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, header, hgroup, html,i, iframe, img, ins,kbd, keygen, legend, li, meter,nav,object, ol, output, pre, progress,q, s, samp, section, small,source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{
    /*background: transparent;*/
    border: 0 none;
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
    vertical-align: top;
}
ul,ol{
	list-style: none !important;
}
q {
	quotes: none;
}
b{
	font-weight: bold;
}

table, table td { 
	padding:0;
	border-collapse:collapse;
}

img{
	vertical-align:top; 
}

input:focus, textarea:focus, keygen:focus, select:focus {
	outline-offset:0px;
}

input,button{
	outline: none;
	border:0;
}

button::-moz-focus-inner{
	border:0;
}
html,body{
	height:100%;
}
.table > tbody > tr > td{
	padding:5px;
	vertical-align: middle;
}
.table > tbody > tr > th{
	padding:15px;
}
/*==========END DEFAULT BROWSER STYLE========== */

.pac-container {
	z-index: 2000;
}


/*==========       BASIC CLASSES     ==========*/

/* ========================================= */
/* =============SPACE CLASSES============== */
/* ========================================= */
.space5{
	margin-top: 5px;
}
.space10{
	margin-top: 10px;
}
.space15{
	margin-top: 15px;
}
.space20{
	margin-top: 20px;
}
.space25{
	margin-top: 25px;
}
.space30{
	margin-top: 30px;
}
.space40{
	margin-top: 40px;
}
.space50{
	margin-top: 50px !important;
}
.space60{
	margin-top: 60px;
}
.space70{
	margin-top: 70px;
}
.space80{
	margin-top: 80px;
}
.space100{
	margin-top: 100px;
}


/* ========================================= */
/* =============PADDING CLASSES============== */
/* ========================================= */
.pad0{
	padding: 0 !important;
}
.padleft0{
	padding-left: 0px !important;
}
.padright0{
	padding-right: 0px !important;
}
.padtop0{
	padding-top: 0px !important;		
}
.padbottom0{
	padding-bottom: 0px !important;		
}
.padding10{
	padding: 10px !important;
}
.padding15{
	padding: 15px;
}
.padding20{
	padding: 20px !important;
}
.padding25{
	padding: 25px;
}
.padding30{
	padding: 30px !important;
}
.padding50{
	padding: 50px;
}
.padbtm100{
	padding-bottom: 100px;
}
.padbtm80{
	padding-bottom: 80px;
}
.padbtm50{
	padding-bottom: 50px !important;
}
.padbtm20{
	padding-bottom: 20px !important;
}



/* ========================================= */
/* =============MARGIN CLASSES============== */
/* ========================================= */
.m0{
	margin: 0;
}
.mbtm0{
	margin-bottom: 0px;
}
.mtop0{
	margin-top:0px;
}
.mtop10{
	margin-top:10px;
}
.mbtm10{
	margin-bottom:10px;
}
.mleft10{
	margin-left:10px;
}
.mright10{
	margin-right:10px;
}
.mauto img{
	margin: 0px auto !important;
	width: 100%  !important;
}

.mautomargin{
	margin: 0px auto !important;
}


/* ========================================= */
/* =============COLOR CLASSES============== */
/* ========================================= */

.greyclr{
	color:#797979 !important;
}

.whiteclr{
	color: #fff;
}

.redclr{
	color: #d3223a;
}

.blackclr{
	color: #333333;
}
.backgray{
	background: #eeeeee !important;
}
.lightgrayclr{
	color: #b1b1b1 !important;
}
.backwhite{
	background: #fff !important;
	border-radius: 15px !important;
}


/* ========================================= */
/* =============FORM / INPUT / SELECT CLASSES============== */
/* ========================================= */
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active{
	z-index: 0 ;
}
.form-control{
	box-shadow: none;
	color: #000;
	 height: 35px;
	 border-radius: 5px;
	 background-color: #fff;
	 border: 1px solid #ccc;
	/*border-color: #742C5B;*/
	/*border-width: 1px;*/
}
.form-control:focus{
	
	box-shadow:none !important;
	outline: none;
	border-color:#2b0c12;
}
input{
	height: 35px;
}
select {
	 min-width:1.5em;
  }

/* ========================================= */
/* =============FONT SIZE CLASSES============== */
/* ========================================= */
.fsize8{
	font-size: 8px !important;
}
.fsize10{
	font-size: 10px !important;
}
.fsize12{
	font-size: 12px !important;
}
.fsize13{
	font-size: 13px;
}
.fsize14{
	font-size: 14px !important;
}
.fsize16{
	font-size: 16px !important;
}
.fsize18{
	font-size: 18px !important;
}
.fsize20
{
	font-size: 20px !important;
}
.fsize22{
	font-size: 22px !important;
}
.fsize24{
	font-size: 24px !important;
}
.fsize26{
	font-size: 26px;
}
.fsize28{
	font-size: 28px;
}
.fsize30{
	font-size: 30px !important;
}
.fsize36{
	font-size: 36px !important;
}
.fsize40{
	font-size: 40px !important;
}
.fsize50{
	font-size: 50px !important;
}
.fsize60{
	font-size: 60px !important;
}
.fsize70{
	font-size: 70px !important;
}
.fsize80{
	font-size: 80px;
}
.fsize90{
	font-size: 90px;
}
.fsize100{
	font-size: 100px !important;
}

/* ========================================= */
/* =============FONT WEIGHT CLASSES============== */
/* ========================================= */
.f100{
	font-weight: 100;
}

.f200{
	font-weight: 200;
}
.f300{
	font-weight: 300;
}
.f400{
	font-weight: 400;
}
.f500{
	font-weight: 500;
}
.f600{
	font-weight: 600;
}
.f700{
	font-weight: 700;
}
.f800{
	font-weight: 800;
}

/* ========================================= */
/* =============BUTTON CLASSES============== */
/* ========================================= */
 button,.btn{
 	border-radius: 0px;
 	color: ;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
}
button:hover,.btn:hover{
	/*color:  !important;*/
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
}
.blockbtn{
	background: #8CC63F;
	border-radius: 5px;	
	color:#fff ;
	font-size: 16px;
	padding: 14px 30px;
}
.blockbtn:hover{
	background:#7DAA35;
	color:  #fff;
}
.fullwidth{
	width: 100%;
	display: block;
}
.outlinebtn{
	border:1px solid #8CC63F;
	background: transparent;
	color:#8CC63F;
	padding: 14px 30px;
	border-radius: 5px;	
}
.outlinebtn:hover{
	background:#7DAA35;

	color:  #fff;
}

/* ========================================= */
/* =============LETTERSPACE CLASSES============== */
/* ========================================= */
.lspace03{
	letter-spacing: 0.3px;
}
.lspace06{
	letter-spacing: 0.6px;
}
.lspace1{
	letter-spacing: 1px;
}
.lspace2{
	letter-spacing: 2px;
}
.lspace3{
	letter-spacing:3px;
}

/* ========================================= */
/* =============LINEHEIGHT CLASSES============== */
/* ========================================= */
.lheight15{
	line-height: 15px;
}
.lheight13{
	line-height: 13px;
}
.lheight20{
	line-height: 20px !important;
}
.lheight22{
	line-height: 22px !important;  
}
.lheight25{
	line-height: 25px !important;
}
.lheight30{
	line-height: 30px !important;
}
.lheight35{
	line-height: 35px !important;
}
.lheight40{
	line-height: 40px !important;
}
.lheight45{
	line-height: 45px !important;
}
.lheight50{
	line-height: 50px !important;
}
.lheight60{
	line-height: 60px !important;
}


/* ========================================= */
/* =============ANIMATION CLASSES============== */
/* ========================================= */
a,
img,
button,
.btn,
a:hover,
img:hover,
button:hover,
.btn:hover{
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	transition:all 0.3s linear;
}

/* ========================================= */
/* =============CSS FOR SOCIAL ICON============== */
/* ========================================= */
.social ul li i{
	background: #8CC63F;
	height: 30px;
	width: 30px;
	border-radius: 20%;
	padding: 5px 5px;
	font-size: 20px;
	color: #fff;
}

.social ul li:hover{
	color: #fff;
	margin-top: -2px;
}

h3{
	margin: 0px;
}
/*=============================*/
h1,h2,h3,h4,h5,h6{

}



/* ============================================ */
/* ============================================ */
/* ============================================ */

body{
	border: none;
	background:#fff;
	color: #4a4a4a;
	cursor: auto;
	line-height: 20px;
	outline: 0;
	vertical-align: top;

	}

a{
	color: #3a3a3a;
}
hr{
	margin: 15px 0;
}

p{
	font-size: 14px;
	margin: 0 0 9px;
	line-height: 20px;
		font-family: "gotham book";
	
}
body a:hover,body a:focus{
	text-decoration: none;
	cursor: pointer;
	color: #d3223a;
}
a:focus,.btn:focus,.btn:active:focus,
button:focus,input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="checkbox"]:focus{
	outline: none;
}
::-webkit-input-placeholder {
   color: #000;
}

.uppercase{
text-transform: uppercase;
}
.border0{
 border: 0 !important;
}
.radius0{
 border-radius: 0 !important;
}


/*================ start css for HEADER===================*/
header.top-bar{
	background: #fff;
	padding: 10px 0;
}
header .menu{
	float: left ;
	margin-right: 20px;
}
.search-box{
	float: left;
}
.has-feedback .form-control-feedback{
	top: 0;
	left: 0;
}
.search-box .form-control{
	width:100%;
    border-radius: 20px;
    background: #f2f2f2;
    border: 0;
        padding-left: 30px;
}
.menu ul li a{
    padding:15px;
    color: #d5d4d4;
    font-weight: 600;
    font-family: "gotham bold";
    font-size: 16px;
    border-bottom: 5px solid #ffffff;
}
.menu ul li a:hover{
	color: #d3223a;
	border-bottom: 5px solid #d3223a;
}
.dropdown-menu{
	background: transparent;
	min-width:200px;
	top: 46px;
	right: 0 !important;
	left: auto !important;
	border:0 !important;
	border-radius: 0;
	padding: 0;
}

header .user-info>li>a{
	    padding: 30px 0;
}

.user-info .user_item i{
	font-size: 20px;
	text-align: center;
	width: 20px;
	height: 20px;
	color: #cccccc;
}

header .dropdown-menu li{
	padding: 10px 8px;
	background: #fff;
}
header .dropdown-menu li:hover{
	background: rgba(200,17,36,0.6);
}
header .dropdown-menu li:hover i{
	color: #fff;
}

	.desk-view{
		display: block;
	}
	.mob-view{
		display: none;
	}

header .dropdown-menu li:hover a{
	color: #fff;
}

header .dropdown:hover .dropdown-menu{
	display: block;
}


header  .dropdown:hover .dropdown-menu{
	border:1px solid #000;
	border-top: transparent !important;
	-webkit-animation:flipinX 0.4s linear;
	-moz-animation:flipinX 0.4s linear;	
	-ms-animation:flipinX 0.4s linear;
}
@-webkit-keyframes flipinX {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

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

@-moz-keyframes flipinX {
   from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

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

@-ms-keyframes flipinX {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

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

/*===============start css for banner==========*/
#banner{
	/*background: url(../images/Hue_Saturation.png);*/
}
.video{
	padding: 35px 0; 
}


/*===========Start css for main wrapper=======*/
    
    /*start css for wrapper bar*/

.curr_user_act .user_img{
	border:5px solid #fff;
	border-radius: 100%;
}    

.curr_user_act{
	margin-top: -135px;
}
.user_item_box .media .pull-left{
	margin-top: -40px;
}

.wrapper-nav {
    float: left;
    margin-top: 20px;
}
.wrapper-bar{
	border-bottom:1px solid #e3e3e3;	
}

.wrapper-nav ul li a {
	font-size: 16px;
	font-family: "gotham book";
	line-height: 80px;
	padding: 0 20px;
}
.wrapper-nav ul li{
	border-left:1px solid #e3e3e3;
}

.wrapper-nav ul li:last-child{

}

.wrapper-nav ul li a img{
    margin-top: 25px;
}
		
	/*start css for project detail*/		

.sharebtn{
    background: #53BF24;
    color: #fff;
    padding: 8px;
    border-radius: 8px;
}	

.sharebtn:hover{
    background:#35A704;
    color: #fff;
}


.project_head{
	float: left;
	width: 70%;
}
.share{
	    float: left;
    width: 30%;
    text-align: right;
    margin: 30px 0;
}
.pro_name_bar{
	border-bottom: 2px solid #d3223a;
}
	
.poster_list li,.video_poster_list li{
	display: inline-block;
	margin: 0 15px 0 0;
}

.upload_item .btn-group{
	position: relative;
	background: #D3223A;
    border-radius: 20px;
    color: #fff;
    padding: 3px 8px;
    cursor: pointer;
}

.upload_item .chhosefile{
	position: absolute;
	top: 0;
	height: 100px;
	opacity: 0;
	cursor: pointer;
}

.upload_item{
	
    margin: 0 auto;
    padding:0 0 20px 0;
    text-align: center;
}

.upload_item .btn-group .btn{
	font-weight: 600;
}

.upload_item .btn-group:hover .btn{
	color: #fff;
} 

.upload_item .up_text{
	border-right: 1px solid #e13048;
}



.title{
	border-top:1px solid #d3223a; 
}
.title h2{
    margin: -12px 0px 0px 50px;
    padding: 0 10px;
}	
.title h2 span{
	color: #3e3e3e;
	padding: 0 30px 0 10px;
	background: #ffffff;
}

#recommend img{
	margin: 0 auto;
	border:5px solid #d3223a;
	border-radius: 100%;
}
#recommend .rec_name{
	font-family: "gotham book";
	margin: 0;
	padding: 10px 0;
	font-size: 18px;
	color: #3a3a3a;
}

.addbtn{
	 background: #efeeee !important;
    color: #797979 !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 12px;
    padding: 5px 8px;
    font-size: 14px;
    line-height: 24px;
    font-family: "gotham light";
}

/*===========start css for socio project page==================*/
#socio_project h1,#socio_project h2,#socio_project h3,#socio_project h4,#socio_project h5,#socio_project p, #socio_project a {
	font-family: 'PT Sans', sans-serif;	
}

#socio_project .run_poster img{
	margin-right: 20px;
}
.radius{
	border-radius:15px !important;
}
.padrunning{
	padding: 17px 30px 35px;
}
.running hr{
	border: 1px solid #dfdfdf !important;
}

.media-body h4,p{
	font-family: 'PT Sans', sans-serif;
}
.orangebtn{
	background: #ff9933 !important;
}
.pinkbtn{
	background: #d3223a !important;
}
.fullwidth{
	width: 100%;
	display: block;
}
.adminbtn{
	background: #d3223a;
	border-radius: 20px;	
	color:#fff ;
	font-size: 16px;
	padding: 5px 10px;
	vertical-align: bottom;
}
.adminbtn:hover{
	background:#960619;
	color:  #fff;
}
.viewbtn{
	background: #d9d9d9 !important;
	color: #000 !important;
	    padding: 3px 8px;
}

.look h3{
	padding-bottom: 0px !important;
}

.recommend img{
	margin: 0 auto !important;
}

		/*--css for crw box*/

.crew_box{
	background: #e1e1e1;
	border-radius: 20px;
}		
.crew_box ul li img{
	float: right;
}
.crew_box ul li{
	padding: 15px;
	
}
.crew_box ul li:hover{
	background: #d3223a;
	border-radius: 20px;
}
.crew_box ul li:hover a,.crew_box ul li a:hover{
	color: #fff;
}
.crew_box ul li a{

	font-size: 18px;
	font-weight: 700;
}

		/*start css for look*/
.view_all{
	   float: left;
    width: 30%;
}
.look .media h4,.look .media p{
font-family: 'PT Sans Narrow', sans-serif !important;	
}
.look .media .look_poster img{
	width: 120px;
    height: 120px;
    margin-right: 20px;
}
.adminbtn img{
	margin: 5px 0 0 5px;
}
    

/*=======================
start css for answer-form

============================*/
.answer-form{
	background: #fff;
	border-radius: 5px;
	padding:20px 20px;
}
.answer-form form label{
	color: #3e3e3e !important;
	margin: 15px 0;	
	font-size: 18px;
}
label{
	text-align: left !important;
	font-family: 'PT Sans', sans-serif;
}
.answer-form .form-control{
		height: 40px;
		font-family: 'PT Sans', sans-serif;
}
.answer-form .has-feedback .form-control-feedback{
	right: 3% !!important;
	line-height: 10px;
}
.answer-form .dates .date-from,
.answer-form .dates .date-to{
	width: 47.5%;
}

.answer-form  .to{
	line-height: 60px;
	padding: 0 5px
}
.answer-form .submibtn{
	background:#8CC63F;
}

button.facebook  i,
button.twitter  i{
	margin-right: 10px;
}
textarea{
	height: 90px !important;
}

#break .arrow_box textarea{
	border: 0px;
	width: 100% !important;
}
.text-width{
	width: 100% !important;
}
.has-success .input-group-addon {
    color: #fff;
    background-color: #d3223a;
    border-color: #d3223a;
}
.has-success .form-control {
    border-color: #dedede;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
    border-color: #333;
}
.upload {
    z-index: 9999;
    background: #d3223a;
    border-radius: 5px;
    padding: 1px 6px;
    position: absolute;
    top: 10px;
    left: 7px;
    font-size: 12px;
}
.upload a:hover{
	color: #fff;
}
/*----------------------
end css for answer-form
-----------------------*/

/*========================================================
				social connection
  ========================================================*/
  .connection_poster{
  	border-radius: 15px;
  	padding-top: 0 !important;
  	padding: 30px;
  }
  .connection_poster .icon-bg ul li i{
  	line-height: 35px;
  }
  .connection_poster .social-connection ul li{
  	display: inline-block !important;
  	float: none;
  }
  .social-connection .connection-bg h3{
  	margin-top: 0px;
  }
  .social-connection img{
  	border-radius: 15px 15px 0px 0px;
  }
  .connection-bg {
  	background: #d3223a;
  	padding: 7px 10px 10px;
  }
  .connection-bg h4{
  	color: #ffffff;
  	font-size: 13px;
  	text-align: left;
  	margin: 0px;
  }
  .connection-bg h4,h3{
  	font-family: 'PT Sans', sans-serif;
  }
  .icon-bg{
  	border-radius: 0 0 15px 15px;
  	background: -webkit-linear-gradient(#fdfdfd, #dedede); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#fdfdfd, #dedede); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#fdfdfd, #dedede); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#fdfdfd, #dedede); /* Standard syntax */
  }
   .icon-bg ul{
   	text-align: center;
   }
  .icon-bg li{
  	padding: 0 22px;
  	border-right: 1px solid #dad7d7;
  	width: 48%;
  }
  .width{

  }
  .icon-bg li:hover a{
  	color: #d3223a;
  }
  .icon-bg li:last-child{
  	
  	border-right: 0px;
  }
  .connectionpad{
  	padding: 50px 35px !important;
  }


/*========================================================
				my slef
  ========================================================*/

.myslef{
	border-radius: 15px;
  	padding: 30px;
}
  .slef h3,.slef p{
  	font-family: 'PT Sans', sans-serif;
  	font-size: 20px;
  	text-align: left;
  	color: #3e3e3e;
  	
  }
 	.myslef .selfpad {
 		padding: 0 20px;
 	}
  .slef hr{
  	border:1px solid #dad7d7;
  }
   .bluebg{
  	background: #0096e4 !important;
  }
  .chossebtn .btn-group{
	position: relative;
	background: #D3223A;
    border-radius: 20px;
    color: #fff;
    padding: 0px 8px;
}
.chossebtn{
    margin: 0 auto;
    padding:0 0 20px 0;
}

.chossebtn .btn-group .btn{
	font-family: "gotham book";
}

.chossebtn .btn-group:hover .btn{
	color: #fff;
} 

.chossebtn .up_text{
	border-right: 1px solid #39b5f5;
}
.photolink{
	width: 100px;
	border-radius: 50%;
	border:5px solid #d3223a;
	background: #f6d3d8;
	text-align: center;
	color: #3e3e3e;
	font-size: 35px;
	font-weight: 600;
	padding: 37px 0;
	margin: 	0 auto !important;
}
.vediolink{
	width: 100px;
	border-radius: 50%;
	border:5px solid #0096e4;
	background: #d7f0fd;
	text-align: center;
	color: #3e3e3e;
	font-size: 35px;
	font-weight: 600;
	padding: 37px 0;
	margin: 	0 auto !important;
}
.popularitylink{
	width: 100px;
	border-radius: 50%;
	border:5px solid #53bf24;
	background: #ddf2d3;
	text-align: center;
	color: #3e3e3e;
	font-size: 35px;
	font-weight: 600;
	padding: 37px 0;
	margin: 	0 auto !important;
}
.link li{
	padding: 0 15px;
}
.link h3{
	font-size: 22px;
	text-align: center;
	color: #3e3e3e;
}
.details{
	background: #d3223a;
	border-radius: 10px;
	padding:5px 10px;
}
.mydetails label{
	color: #3e3e3e;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	padding: 0 20px;
}
/*.mydetails .form-control{
	border:0px;
}*/
.mydetails .form-horizontal {
	padding: 0 20px !important;
}

/*================ start css for Complete process page===================*/
.pink-circle{
	background: #d3223a;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-size: 30px !important;
	width: 50px;
}
.grey-circle{
	background: #b1b1b1;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-size: 30px !important;
	width: 50px;
    height: 50px;
    line-height: 50px;
}
.pink-circle{
	background: #d3223a;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-size: 30px !important;
	width: 50px;
    height: 50px;
    line-height: 50px;
}
.pro-step li{
	padding: 0 20px;
}

.blockbtn{
	background: #d3223a;
	border-radius: 5px;	
	color:#fff ;
	font-size: 16px;
	padding: 10px 30px;
}
.blockbtn:hover{
	background:#960619;
	color:  #fff;
}
 select {
    width: 100px;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    appearance: none;
    padding: 2px 2px 2px 20px;
    border: none;
    color: #000;
    font-size: 16px !important;
    background:url("../images/arrow.png") #fff no-repeat 90% !important;
}
.image{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.image .overlay {
    position: absolute;
    /*top: 81%;*/
    left: 0%;
    width: 100%;
    background: rgba(211, 34, 58, 0.69);
    border-radius: 0px 0px 12px 12px !important;
    padding: 7px 8px;
    bottom: 0%;
}


/*================ start css for sign-up page===================*/

.login ::-webkit-input-placeholder {
   color: #e19ea4 !important;
   font-family: 'PT Sans', sans-serif !important;
   font-weight: 700;
}

.login :-moz-placeholder { /* Firefox 18- */
   color: #e19ea4 !important;
   font-family: 'PT Sans', sans-serif !important;
   font-weight: 700;
}

.login ::-moz-placeholder {  /* Firefox 19+ */
   color: #e19ea4 !important;
   font-family: 'PT Sans', sans-serif !important;
   font-weight: 700;
}

.login :-ms-input-placeholder {  
   color: #e19ea4 !important;
   font-family: 'PT Sans', sans-serif !important;
   font-weight: 700;
}
#sign-bg{
	background: url(../images/banner.png);
    width: 100%;
    position: relative;
    background-size: cover;
    padding-bottom: 100px;
}
.banner-caption{
    text-align: center;
    margin-top: 35%;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.btn-primary{
	background: transparent !important;
	border: 0px !important;
}
 
.createaccount label{
	margin: 6px 0 !important;
	font-family: 'PT Sans', sans-serif !important;
	color:#3e3e3e !important;
	font-weight: 100 !important;
}
.createaccount .form-control{
	border-radius: 10px !important;
	height: 50px !important;
}
.login .form-control{
	border-radius: 2px !important;
}

.fileupload h4{
	color: #3e3e3e;
	font-size: 11px;
	line-height: 3px;
	margin-top: 0px;

}
.fileupload h3{
	margin-bottom: -12px;
}

/*=============css footer============*/
footer{
	background: #efefef;
	padding: 25px 0;
}


/*===all media query goes here=====*/
@media (max-width: 500px){
		.user_description h1{
			font-size: 14px;
		}
		.user_description h3{
			font-size: 12px;
		}
		.user_img{
			width: 80px;
		}
		.act_btn li{
			padding: 0 !important;
		}
		.user_item_box{
    	height: 100px !important;
    	}
	    .poster_list ul,.video_poster_list ul{
			width: 200px;
	    	margin: 0 auto;
		}
		.title h2{
			font-size: 12px !important;
			font-weight: 600;
			    margin: -7px 0px 0px 12px !important;
		}

}

@media (max-width: 767px){
	.menu{
		float: none !important;
		margin: 0 !important;
	}
	.menu li { 
		display: block;
		width:100%;
		padding: 15px 10px;
	}
	.menu li a{
		border: 0 !important;
	}
	.mob-view{
		    background: #333;
		    position: absolute;
		    z-index: 9999;
		    top: -65px;
		    width: 220px;
		    left: 0;
		    height: 230px;
	}
	
	.menu li:hover{
		 background: #c81124;
	}
	.menu  a:hover{
		color: #fff !important;
	}
	.search-box{
		margin:  10px;
	}
	.desk-view{
		display: none;
	}
	.close1 i{
		color: #fff;
		margin: 5px;
		background: 
	}

	.project_head{
		font-size: 22px;
	}

	.poster_list li,.video_poster_list li{
		margin: 0 5px 0 0;
	}
	footer{
		text-align: center;
	}
	footer .footer_logo{
		text-align: center !important;
	}
	.padrunning {
    padding: 17px 15px 35px;
	}

}

/*====================Edit Button================*/
  .chossebtn2 .btn-group{
	position: relative;
	background: #D3223A;
    border-radius: 5px;
    color: #fff;
    padding: 0px 0px;
}
.chossebtn2{
    margin: 0 auto;
}
.chossebtn2 .number i{
	line-height: 20px;
}
.chossebtn2 .btn-group .btn{
	font-family: "gotham book";
}

.chossebtn2 .btn-group:hover .btn{
	color: #fff;
} 
.savebtn-bg{
	background: #55bc23 !important;
}
.chossebtn2 .btn{
	padding: 2px 4px;	
}
.topbtn{
	margin-top: -28px;
}


/*==========poster_list-hover-effect=============*/
.poster_img{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.poster_img .poster-effect{
	background: rgba(0,0,0,0.48);
	opacity: 0;
	top: 0%;
	left: 0%;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition:all 0.5s, linear;
	-o-transition:all 0.5s, linear;
	-moz-transition:all 0.5s, linear;
}
.poster_img:hover .poster-effect{
	opacity: 1;
	-webkit-transition:all 0.5s, linear;
	-o-transition:all 0.5s, linear;
	-moz-transition:all 0.5s, linear;
}
.delet{
	background: #D3223A;
	position: absolute;
	border-radius: 10px;
	padding: 7px 8px;
	top: 5%;
	right: 5%;
}
.delet i{
	color: #fff;
	font-size: 20px;
}
.poster_name{
	margin: 5px 0;
}
.poster_name .form-control{
	border-radius: 28px;
}
.checkboxtxt {
    position: absolute;
    top: 10%;
    left: 13%;
}
/*==========pehela break=============*/

.boxradius{
	border-radius: 10px;
}
.breakbox{
	border: 1px solid #efefef;
	box-shadow: 2px 2px 5px #e6e6e8;
	padding: 10px 15px 30px 15px; 
}
.arrow_box {
	position: relative;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding: 20px 0;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 15%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 12px;
	margin-left: -33px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #efefef;
	border-width: 15px;
	margin-left: -36px;
}
#break .break-inner-text h4{
	margin-bottom: 0px;
	color: #000;
	font-size: 20px;
	margin-top: 0px;
	font-weight: 900 !important;
}
#break .break-inner-text h2{
	margin-bottom: 0px;
	margin-top: 0px;
}
#break .break-inner-text h2{
	font-size: 16px;
	color: #696868;
	font-family: 'PT Sans', sans-serif;
	margin-top: 5px;
	font-weight: 700;
}
#break .break-inner-text h3{
	font-size: 12px;
	color: #d2d2d2;
	font-family: 'PT Sans', sans-serif;
	margin-top: 5px;
}
.breakpad{
	padding: 0 20px !important;
}
.break-inner-img li{
	padding: 0 10px 0 0;
}
.break-inner-img li a{
	color: #979797;
	font-size: 14px;
	line-height: 20px;
}
.break-inner-img li i{
	line-height: 20px;
}
.vediopad {
	padding: 0 20px;
}
.break-frnd-box{
	border: 1px solid #d2d2d2;
	border-radius: 10px 10px 0 0;
	padding: 0 0 20px 0; 

}
.break-frndbg{
	background: #d3223a;
	border-radius: 10px 10px 0 0;
	padding:5px 10px;
}
.side-vediopad {
    padding: 10px 11px 0 13px;
}
.side-mediapad{
	padding: 0 0 0 90px;
}
.inputwidth{
	width: 43%;
}
.tejasedit:hover .dropdown{
	width: 100%;
	background: #ffffff;
}
.tejasdropwidth{
	width: 100% !important;
}
.tejasedit  i {
    background: #d4223a;
    border-radius: 10px;
    font-size: 25px;
    padding: 7px 9px;
    color: #fff;
}
.tejaswidth{
	min-width: 500px;
	background: #ffffff;
	padding: 20px;
}
.tejasedit .dropdown-menu {
    right: auto !important;
    position: absolute;
    margin-left: 62px;
    margin-top: -74px;
}
.tejasedit .tejaswidth:after {
    content: "\f0d9";
    color: #fff;
    font-family: FontAwesome;
    font-size: 70px;
    position: absolute;
    left: -4%;
    top: 21%;
}
.film textarea {
    border-radius: 11px;
    height: 26px !important;
    width: 27%;
    padding: 2px 11px;
}
.award textarea {
    border-radius: 11px;
    height: 26px !important;
    width: 27%;
    padding: 2px 11px;
}
@media (min-width: 767px){
header  .dropdown-menu:after{
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 0;
    height: 0;
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    right: 5%;
	}

	
}


@media(max-width: 992px){

	header .logo img{
		margin: 0 auto 30px auto;
	}
	.wrapper-nav ul li a {
	    font-size: 13px;
    	font-family: "gotham book";
    	line-height: 80px;
    	padding: 0 6px;
    }
    .curr_user_act {
    	margin-top: 0;
    }
    .curr_user_act .user_description .whiteclr{
    	color: #333;
    }
    .wrapper-nav ul li{
    	display: block;
    	width: 100%;
    }
    .user_item_box{
    	height: 168px;
    }
    .wrapper-nav{
    	float: none !important;
    }
    .wrapper-nav ul li{
    	border-left: 0;
    	border-bottom:1px solid #e3e3e3; 
    }
    #socio_project .media .pull-left {
		float: none !important;
	}
	#socio_project .media img{
		margin: 0 auto !important;
	}
	#socio_project .media-body,h4,p{
		text-align: center !important;
	}
	.look .media{
		margin-top: 30px !important;
	}
	.adminbtn{
		margin-bottom: 10px;
	}

}	


@media(max-width: 1150px){

	.wrapper-nav ul li a {
	    font-size: 13px;
    	padding: 0 6px;
    }
    .menu ul li a {
	    padding: 15px 1px;
	    font-size: 14px;
	} 
}

@media(min-width: 1400px){
	.container{
		min-width: 1350px;
	}
}	
@media(max-width:  350px){
	.chossebtn .btn-group{
    padding: 0px !important;
	}
	.chossebtn .btn {
		font-size: 9px !important;
	}
	.chossebtn2{
    margin: 0 auto;
    padding:10px 0 0 0;
	}
	.chossebtn2 .btn {
    padding: 2px 2px;
    font-size: 12px;
    line-height: 20px;
	}
	.myslef .selfpad {
    padding: 0 1px;
	}
}
@media(max-width: 667px){
	.topbtn{
	margin-top: 0px;
	margin: 0 auto;
	}
}



/**
 * @license videogular v1.2.7 http://videogular.com
 * Two Fucking Developers http://twofuckingdevelopers.com
 * License: MIT
 */
@font-face {
	font-family: 'videogular';
	src: url("fonts/videogular.eot");
	src: url("fonts/videogular.eot?#iefix") format("embedded-opentype"), url("fonts/videogular.woff") format("woff"), url("fonts/videogular.ttf") format("truetype"), url("fonts/videogular.svg#videogular") format("svg");
	font-weight: normal;
	font-style: normal; }
videogular, [videogular] {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #000000;
	display: block;
	flex-direction: column;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
	/*****************/
	/* Poster plugin */
	/*****************/
	/**********************/
	/* OverlayPlay plugin */
	/**********************/
	/*********************/
	/* Controlbar plugin */
	/*********************/
	/* IE10 hack */
	/* Controlbar icons */
	/********************/
	/* Buffering plugin */
	/********************/
	/* Loading Spinner
       * http://www.alessioatzeni.com/blog/css3-loading-animation-loop/
       */
	/**********************/
	/* IMA ads plugin */
	/**********************/ }
videogular button, [videogular] button {
	cursor: pointer; }
videogular.fullscreen, [videogular].fullscreen {
	position: fixed;
	left: 0;
	top: 0; }
videogular vg-media, [videogular] vg-media {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	display: block; }
videogular vg-media video, [videogular] vg-media video {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%; }
videogular .iconButton, [videogular] .iconButton {
	color: #FFFFFF;
	font-family: 'videogular';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	background: none;
	padding: 6px;
	border: none; }
videogular .iconButton:focus, [videogular] .iconButton:focus {
	border: 1px solid white; }
videogular vg-poster, [videogular] vg-poster {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	pointer-events: none; }
videogular vg-poster img, [videogular] vg-poster img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	position: absolute; }
videogular vg-poster img.pause,
videogular vg-poster img.play, [videogular] vg-poster img.pause,
[videogular] vg-poster img.play {
	display: none; }
videogular vg-poster img.stop, [videogular] vg-poster img.stop {
	display: block; }
videogular vg-overlay-play, [videogular] vg-overlay-play {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	z-index: 2;
	top: 0; }
videogular vg-overlay-play .play:before, [videogular] vg-overlay-play .play:before {
	content: "\e000"; }
videogular vg-overlay-play .overlayPlayContainer, [videogular] vg-overlay-play .overlayPlayContainer {
	font-size: 100px;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	display: table;
	cursor: pointer;
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.6; }
videogular vg-overlay-play .overlayPlayContainer div, [videogular] vg-overlay-play .overlayPlayContainer div {
	vertical-align: middle;
	text-align: center;
	display: table-cell; }
videogular vg-controls, [videogular] vg-controls {
	width: 100%;
	height: 50px;
	display: block;
	position: absolute;
	z-index: 3;
	bottom: 0; }
videogular vg-controls .controls-container, [videogular] vg-controls .controls-container {
	width: 100%;
	height: 50px;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	display: table;
	zoom: 1; }
videogular vg-play-pause-button, [videogular] vg-play-pause-button {
	display: table-cell;
	width: 50px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer; }
videogular vg-time-display, [videogular] vg-time-display {
	color: #FFFFFF;
	display: table-cell;
	font-family: Arial;
	font-size: 18px;
	width: 75px;
	vertical-align: middle;
	text-align: center;
	cursor: default; }
videogular .vgTimeDisplay, [videogular] .vgTimeDisplay {
	display: table-cell;
	font-family: Arial;
	font-size: 18px;
	width: auto; }
videogular vg-scrub-bar, [videogular] vg-scrub-bar {
	width: auto;
	display: table-cell;
	cursor: pointer;
	vertical-align: middle; }
videogular vg-scrub-bar [role=slider], [videogular] vg-scrub-bar [role=slider] {
	margin-top: 24px;
	margin-bottom: 24px;
	height: 2px;
	background-color: black; }
videogular vg-scrub-bar :focus vg-scrub-bar-current-time, [videogular] vg-scrub-bar :focus vg-scrub-bar-current-time {
	border-right: 6px black groove; }
videogular vg-scrub-bar-current-time, [videogular] vg-scrub-bar-current-time {
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer; }
videogular vg-scrub-bar-cue-points, [videogular] vg-scrub-bar-cue-points {
	width: 100%;
	height: 100%;
	display: block;
	position: relative; }
videogular vg-scrub-bar-cue-points .cue-point-timeline, [videogular] vg-scrub-bar-cue-points .cue-point-timeline {
	color: #FFFFFF;
	padding-top: 3px; }
videogular vg-scrub-bar-cue-points .cue-point-timeline .cue-point, [videogular] vg-scrub-bar-cue-points .cue-point-timeline .cue-point {
	position: absolute;
	height: 3px;
	background-color: #FFFFFF; }
videogular vg-playback-button, [videogular] vg-playback-button {
	display: table-cell;
	width: 50px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer; }
videogular vg-volume, [videogular] vg-volume {
	display: table-cell;
	width: 50px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer; }
videogular vg-volume-bar, [videogular] vg-volume-bar {
	width: 50px;
	height: 100px;
	top: -100px;
	margin-left: -25px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	cursor: pointer; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	videogular vg-volume-bar, [videogular] vg-volume-bar {
		zoom: 1;
		filter: alpha(opacity=50);
		opacity: 0.5; } }
videogular vg-fullscreen-button, [videogular] vg-fullscreen-button {
	display: table-cell;
	width: 50px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer; }
videogular vg-volume-bar .verticalVolumeBar, [videogular] vg-volume-bar .verticalVolumeBar {
	width: 50px;
	height: 100px;
	background-color: #000000;
	position: absolute; }
videogular vg-volume-bar .volumeBackground, [videogular] vg-volume-bar .volumeBackground {
	width: 20px;
	height: 70px;
	left: 15px;
	top: 15px;
	background-color: #222222;
	position: absolute; }
videogular vg-volume-bar .volumeValue, [videogular] vg-volume-bar .volumeValue {
	width: 20px;
	height: 100%;
	background-color: #FFFFFF;
	position: absolute; }
videogular vg-volume-bar .volumeClickArea, [videogular] vg-volume-bar .volumeClickArea {
	width: 20px;
	height: 100%;
	position: absolute; }
videogular vg-controls .hide-animation, [videogular] vg-controls .hide-animation {
	animation: hideControlsAnimationFrames ease-out 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	/*when the spec is finished*/
	-webkit-animation: hideControlsAnimationFrames ease-out 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	/*Chrome 16+, Safari 4+*/
	-moz-animation: hideControlsAnimationFrames ease-out 0.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;
	/*FF 5+*/
	-o-animation: hideControlsAnimationFrames ease-out 0.5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;
	/*Not implemented yet*/
	-ms-animation: hideControlsAnimationFrames ease-out 0.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode: forwards;
	/*IE 10+*/ }
@keyframes hideControlsAnimationFrames {
	0% {
		opacity: 0.5; }
	100% {
		opacity: 0; } }
@-moz-keyframes hideControlsAnimationFrames {
	0% {
		opacity: 0.5; }
	100% {
		opacity: 0; } }
@-webkit-keyframes hideControlsAnimationFrames {
	0% {
		opacity: 0.5; }
	100% {
		opacity: 0; } }
@-o-keyframes hideControlsAnimationFrames {
	0% {
		opacity: 0.5; }
	100% {
		opacity: 0; } }
@-ms-keyframes hideControlsAnimationFrames {
	0% {
		opacity: 0.5; }
	100% {
		opacity: 0; } }
videogular vg-controls .show-animation, [videogular] vg-controls .show-animation {
	animation: showControlsAnimationFrames ease-out 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	/*when the spec is finished*/
	-webkit-animation: showControlsAnimationFrames ease-out 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	/*Chrome 16+, Safari 4+*/
	-moz-animation: showControlsAnimationFrames ease-out 0.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;
	/*FF 5+*/
	-o-animation: showControlsAnimationFrames ease-out 0.5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;
	/*Not implemented yet*/
	-ms-animation: showControlsAnimationFrames ease-out 0.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode: forwards;
	/*IE 10+*/ }
@keyframes showControlsAnimationFrames {
	0% {
		background-color: transparent; }
	100% {
		background-color: rgba(0, 0, 0, 0.5); } }
@-moz-keyframes showControlsAnimationFrames {
	0% {
		background-color: transparent; }
	100% {
		background-color: rgba(0, 0, 0, 0.5); } }
@-webkit-keyframes showControlsAnimationFrames {
	0% {
		background-color: transparent; }
	100% {
		background-color: rgba(0, 0, 0, 0.5); } }
@-o-keyframes showControlsAnimationFrames {
	0% {
		background-color: transparent; }
	100% {
		background-color: rgba(0, 0, 0, 0.5); } }
@-ms-keyframes showControlsAnimationFrames {
	0% {
		background-color: transparent; }
	100% {
		background-color: rgba(0, 0, 0, 0.5); } }
videogular vg-play-pause-button .play:before, [videogular] vg-play-pause-button .play:before {
	content: "\e000"; }
videogular vg-play-pause-button .pause:before, [videogular] vg-play-pause-button .pause:before {
	content: "\e001"; }
videogular vg-mute-button, [videogular] vg-mute-button {
	width: 50px;
	display: block; }
videogular vg-mute-button .level3:before, [videogular] vg-mute-button .level3:before {
	content: "\e002"; }
videogular vg-mute-button .level2:before, [videogular] vg-mute-button .level2:before {
	content: "\e003"; }
videogular vg-mute-button .level1:before, [videogular] vg-mute-button .level1:before {
	content: "\e004"; }
videogular vg-mute-button .level0:before, [videogular] vg-mute-button .level0:before {
	content: "\e005"; }
videogular vg-mute-button .mute:before, [videogular] vg-mute-button .mute:before {
	content: "\e006"; }
videogular vg-fullscreen-button .enter:before, [videogular] vg-fullscreen-button .enter:before {
	content: "\e007"; }
videogular vg-fullscreen-button .exit:before, [videogular] vg-fullscreen-button .exit:before {
	content: "\e008"; }
videogular vg-buffering, [videogular] vg-buffering {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 4;
	top: 0; }
videogular vg-buffering .bufferingContainer, [videogular] vg-buffering .bufferingContainer {
	width: 100%;
	position: absolute;
	cursor: pointer;
	top: 50%;
	margin-top: -50px;
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.6; }
videogular vg-buffering .loadingSpinner, [videogular] vg-buffering .loadingSpinner {
	background-color: transparent;
	border: 5px solid white;
	opacity: .9;
	border-top: 5px solid transparent;
	border-left: 5px solid transparent;
	border-radius: 50px;
	box-shadow: 0 0 35px #FFFFFF;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	-moz-animation: spin .5s infinite linear;
	-webkit-animation: spin .5s infinite linear; }
videogular vg-buffering .loadingSpinner .stop, [videogular] vg-buffering .loadingSpinner .stop {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused; }
@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg); }
	100% {
		-moz-transform: rotate(360deg); } }
@-moz-keyframes spinoff {
	0% {
		-moz-transform: rotate(0deg); }
	100% {
		-moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg); }
	100% {
		-webkit-transform: rotate(360deg); } }
@-webkit-keyframes spinoff {
	0% {
		-webkit-transform: rotate(0deg); }
	100% {
		-webkit-transform: rotate(-360deg); } }
videogular vg-ima-ads, [videogular] vg-ima-ads {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 5;
	top: 0;
	display: none; }

/*# sourceMappingURL=videogular.css.map */

.add-photo{
	background: #f15a24;
	border-radius: 5px;
	width: 120px;
	text-align: center;
	height: 120px;
	/* height: 100px; */
	font-size: 50px;
	padding: 10px 2px;
}