@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);

/* e7c028 is the yellow color used in links and buttons background */
/* 2c2c2c is the dark-grey color used in links and buttons background */


#preloader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000000; /* change if the mask should have another color then white */
	z-index: 999;
	background-repeat: repeat;
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
#status {
	width: 100%;
	max-width: 286px;
	height: 185px;
	position: absolute;
	left: 50%; /* centers the loading animation horizontally one the screen */
	top: 10%; /* centers the loading animation vertically one the screen */
	background-image: url(../img/pre12.gif); /* path to your loading animation */
	background-repeat: no-repeat;
	background-position: center 45px; /* is width and height divided by two */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: center;
	vertical-align: bottom;
	line-height: 300px;
	margin-top: -92px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -143px;
	background-color: #000000;
}
.loading-animation {
	width: 100%;
	max-width: 286px;
	height: 100px;
	background-image: url(../img/pre13.gif); /* path to your loading animation */
	background-repeat: no-repeat;
	background-position: center center; /* is width and height divided by two */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: center;
	vertical-align: bottom;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}



/* RESETS */

.separator-light-grey {
	background-color: #dbdbdb;
	height: 1px;
	width: 100%;
}
.separator-dark {
	background-color: #a7a7a7;
	height: 1px;
	width: 100%;
}
.left {
  float: left !important; 
}
.right {
  float: right !important; 
}
.text-right {
  text-align: right;
}
.noFloat {
	float: none;
}
.float-center {
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.clearfix {
	clear: both!important;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; 
}
.clearfix:after {
  clear: both;
 }

.hide {
  display: none!important;
}
.invisible {
  visibility: hidden; 
}
a {
	font-weight: 400;
	text-decoration: none;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	vertical-align: middle;
}
.relative {
	position: relative;
}
.static {
	position: static;
}
.full, .full-height {
	min-height: 100%;
}
.display-block {
	display: block;
}
.inline {
	display: inline;
}
.inline-block {
	display: inline-block;
}
.hide {
	display: none;
}
ul {
	list-style-type: none;
}
.no-border, .mobile-menu-list ul li.no-border {
	border: none;
}
.marginTopPercent-10 {
	margin-top: 10%;
}
.marginTopPercent-20 {
	margin-top: 20%;
}
.marginTopPercent-40 {
	margin-top: 40%;
}
.marginTop-minus-4 {
	margin-top: -4px;
}
.marginTop-minus6 {
	margin-top: -6px;
}
.marginTop-minus10 {
	margin-top: -10px;
}
.marginTop-minus15 {
	margin-top: -15px;
}
.marginTop-minus17 {
	margin-top: -17px;
}
.marginTop-minus20, .marginTop-minus-20 {
	margin-top: -20px;
}
.marginTop-minus25 {
	margin-top: -25px;
}
.marginTop-minus30 {
	margin-top: -30px;
}
.marginTop-minus50 {
	margin-top: -50px;
}
.marginTop-minus65 {
	margin-top: -65px;
}
.marginTop-1 {
	margin-top: 1px;
}
.marginTop-3 {
	margin-top: 3px;
}
.marginTop-5 {
	margin-top: 5px;
}
.marginTop-8 {
	margin-top: 8px;
}
.marginTop-10 {
	margin-top: 10px;
}
.marginTop-11 {
	margin-top: 11px;
}
.marginTop-12 {
	margin-top: 12px;
}
.marginTop-15 {
	margin-top: 15px;
}
.marginTop-18 {
	margin-top: 18px;
}
.marginTop-20 {
	margin-top: 20px;
}
.marginTop-25 {
	margin-top: 25px;
}
.marginTop-30 {
	margin-top: 30px;
}
.marginTop-40 {
	margin-top: 40px;
}
.marginTop-50 {
	margin-top: 50px;
}
.marginTop-55 {
	margin-top: 55px;
}
.marginTop-60 {
	margin-top: 60px;
}
.marginTop-65 {
	margin-top: 65px;
}
.marginTop-80 {
	margin-top: 80px;
}
.marginTop-100 {
	margin-top: 100px;
}
.marginBottom-1 {
	margin-bottom: 1px;
}
.marginBottom-10 {
	margin-bottom: 10px;
}
.marginBottom-20 {
	margin-bottom: 20px;
}
.marginBottom-30 {
	margin-bottom: 30px;
}
.marginBottom-50 {
	margin-bottom: 50px;
}
.padding-20 {
	padding: 20px;
}
.paddingLeft-10 {
	padding-left: 10px;
}
.paddingLeft-20 {
	padding-left: 20px;
}
.paddingLeft-30 {
	padding-left: 30px;
}
.paddingLeft-40 {
	padding-left: 40px;
}
.paddingLeft-50 {
	padding-left: 50px;
}
.paddingLeft-60 {
	padding-left: 60px;
}
.paddingLeft-90 {
	padding-left: 90px;
}
.paddingLeft-100 {
	padding-left: 100px;
}
.paddingRight-12 {
	padding-right: 12px;
}
.paddingRight-20 {
	padding-right: 20px;
}
.paddingTop-5 {
	padding-top: 5px;
}
.paddingTop-10 {
	padding-top: 10px;
}
.paddingTop-20 {
	padding-top: 20px;
}
.paddingTop-30 {
	padding-top: 30px;
}
.paddingBottom-5 {
	padding-bottom: 5px;
}
.paddingBottom-10 {
	padding-bottom: 10px;
}
.paddingBottom-15 {
	padding-bottom: 15px;
}
.paddingBottom-20 {
	padding-bottom: 20px;
}
.paddingBottom-30 {
	padding-bottom: 30px;
}
.paddingBottom-40 {
	padding-bottom: 40px;
}
.paddingBottom-80 {
	padding-bottom: 80px;
}
.paddingTopBottom-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.paddingTopBottom-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.paddingTopBottom-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.paddingTopBottom-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.paddingLeftRight-7 {
	padding-left: 7px;
	padding-right: 7px;
}
.paddingLeftRight-30 {
	padding-left: 30px;
	padding-right: 30px;
}
.marginLeft-minus20 {
	margin-left: -20px !important;
}
.marginLeft-minus30 {
	margin-left: -30px !important;
}
.marginLeft-minus40 {
	margin-left: -40px !important;
}
.marginLeft-minus50 {
	margin-left: -50px !important;
}
.marginLeft-minus80 {
	margin-left: -80px !important;
}
.marginLeft-minus100 {
	margin-left: -100px !important;
}
.marginLeft-0 {
	margin-left: 0px !important;
}
.marginLeft-5 {
	margin-left: 5px;
}
.marginLeft-10 {
	margin-left: 10px;
}
.marginLeft-15 {
	margin-left: 15px;
}
.marginLeft-20 {
	margin-left: 20px;
}
.marginLeft-30 {
	margin-left: 30px;
}
.marginLeft-40 {
	margin-left: 40px;
}
.marginLeft-50 {
	margin-left: 50px;
}
.marginLeft-70 {
	margin-left: 70px;
}
.marginRight-5 {
	margin-right: 5px;
}
.marginRight-12 {
	margin-right: 12px;
}
.marginRight-20 {
	margin-right: 20px;
}
.marginRight-30 {
	margin-right: 30px;
}
.marginRight-50 {
	margin-right: 50px;
}
.marginRightPercent-5 {
	margin-right: 5%;
}
.txt-white {
	color: #ffffff;
}
.txt-dark {
	color: #2c2c2c;
}
.txt-light {
	color: #ababab;
}
.txt-yellow {
	color: #e7c028;
}
.txt-blue {
	color: #1f9ceb;
}
.txt-green {
	color: #bbcb36;
}
.txt-red {
	color: #e95454;
}
.txt-orange {
	color: #eb6c1f;
}
.font-100 {
	font-weight: 100;
}
.font-300 {
	font-weight: 300;
}
.font-400 {
	font-weight: 400;
}
.font-700 {
	font-weight: 700;
}
.font-900 {
	font-weight: 900;
}
.font-12 {
	font-size: 12px;
}
.font-13 {
	font-size: 13px;
}
.font-14 {
	font-size: 14px;
}
.font-15 {
	font-size: 15px;
}
.font-16 {
	font-size: 16px;
}
.font-17 {
	font-size: 17px;
}
.font-18 {
	font-size: 18px;
}
.font-20 {
	font-size: 20px;
}
.font-25 {
	font-size: 25px;
}
.font-28 {
	font-size: 28px;
}
.font-30 {
	font-size: 30px;
}
.font-35 {
	font-size: 35px;
	line-height: 35px;
}
.font-40 {
	font-size: 40px;
	line-height: 40px;
}
.font-45 {
	font-size: 45px;
	line-height: 45px;
}
.font-50 {
	font-size: 50px;
	line-height: 50px;
}
.font-300 {
	font-weight: 300;
}
.font-400 {
	font-weight: 400;
}
.font-700 {
	font-weight: 700;
}
.font-900 {
	font-weight: 900;
}
.line-height20 {
	line-height: 20px;
}
.get-center {
	display: table;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
.align-center {
	float: none;
	margin-right: auto;
	margin-left: auto;
}
.full-width {
	width: 100%;
}
.noPadding {
	padding: 0px; !important
}
.noLeftPadding {
	padding-left: 0px; !important
}
.noRightPadding {
	padding-right: 0px; !important
}
.noMargin, input[type=text].noMargin {
	margin: 0px; !important
}
.noMargin {
	margin: 0px; !important
}
textarea {
	width: 100%;
	min-height: 150px;
	font-family: 'Lato', sans-serif;
	padding: 15px;
}
textarea.popup-textarea {
	min-height: 235px;
}
textarea.terms-of-use-textarea {
	min-height: 500px;
	min-width: 1070px;
}
.ddown {
	width: 100%;
	font-size: 18px;
	height: 50px;
	padding-left: 12px;
	border: 1px solid #FFFFFF;
	font-family: 'Lato', sans-serif;
	max-width: 500px;
}
.ddown.border {
	border: 1px solid #c7c7c7;
}
.ddown.mic-select {
	width: 90%;
	font-size: 12px;
	height: 35px;
	padding-left: 5px;
}
.ddown.with-x {
	
}
input[type="text"] {
	font-family: 'Lato', sans-serif;
}
input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}
input:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}
.input-txt {
	width: 100%;
	max-width: 500px;
	font-size: 18px;
	height: 50px;
	padding-left: 15px;
	border: 1px solid #FFFFFF;
}
.input-txt.fan-landing {
	min-width: 350px;
}
.input-txt.max {
	max-width: 300px;
}
.input-txt.max350 {
	max-width: 350px;
}
.input-txt.max-width {
	width: 100%;
	max-width: 100%;
}
.input-txt.small-phone {
	max-width: 235px;
}
.input-txt.border {
	border: 1px solid #c7c7c7;
}
.error-txt {
	color: #f74a4a;
}
.confirmation-txt {
	color: #339900;
}
.input-txt.error {
	border: 1px solid #f12e2e;
	color: #f12e2e;
	background-color: #ffcccc;
}
.input-txt:focus {
	border: 3px solid #f0c311;	
}
.input-txt.error:focus {
	border: 3px solid #f12e2e;	
}
.input-txt::-webkit-input-placeholder {
color:#2c2c2c;
font-family: 'Lato', sans-serif;
}
.input-txt::-moz-placeholder {
color:#2c2c2c;
font-family: 'Lato', sans-serif;
} /* firefox 19+ */
.input-txt:-ms-input-placeholder {
color:#2c2c2c;
font-family: 'Lato', sans-serif;
} /* ie */
input.input-txt:-moz-placeholder {
color:#2c2c2c;
font-family: 'Lato', sans-serif;;
}
.tips {
	color: #FFFFFF;
	background-color: #f12e2e;
	position: absolute;
	left: 100%;
	top: -5px;
	height: auto;
	min-width: 300px;
	text-align: left;
	padding: 5px;
	border-radius: 3px;
}
.tips.v2 {
	left: 110%;
}
.tips::after {
	content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #f12e2e transparent transparent;	
}
.toast-message {
	position: absolute;
	left: 50%;
	top: 35%;
	transform: translate(-50%, -30%);
	width: 95%;
	max-width: 500px;
	background-color: #836a0a;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.35);
	box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.35);
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	font-size: 18px;
	border: 1px solid #ffffff;
	border-radius: 10px;
	z-index: 99;
}
.stop-scrolling {
	position: fixed;
	width: 100%;
	overflow-y: scroll;
}
.content .row, .header .row, .footer .row {
	max-width: 100%;
}
.all-container .row {
	max-width: 1366px;
}
.row {
	min-width: 250px;
}
.sc-white {
	background-color: #ffffff;
}
.sc-red {
	background-color: #FF0000;
}

.sc-light-grey {
	background-color: #F4F4F4;
}
.sc-dark-grey {
	background-color: #2c2c2c;
}
.sc-blue {
	background-color: #00CCFF;
}
.sc-green {
	background-color: #8ebd11;
}
.black-cover {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0, 0, 0, 0.95);
	background: rgba(0, 0, 0, 0.95);
	z-index: 2;
	padding: 40px;
	height: 130%;
}
.sup10 {
	vertical-align: text-top;
	font-size: 10px;
	text-decoration: underline;
}
.sup16 {
	vertical-align: text-top;
	font-size: 16px;
}
.opacity-05 {
	opacity: 0.5;
}
.border-grey {
	border: 1px solid #545454;
}
.border-light-grey {
	border: 1px solid #c8c8c8;
}
.border-light-grey-LeftRight {
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #c8c8c8;
	border-left-color: #c8c8c8;
}
.border-bottom-grey {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dbdbdb;
}
.underline {
	text-decoration: underline;
}
.width49percent {
	width: 49%;
}
.width50percent {
	width: 50%;
}
.width70percent {
	width: 70%;
}
.width85percent {
	width: 85%;
}
.width100percent {
	width: 100%;
}
.width29percent {
	width: 29%;
}
/* END RESETS */































.popup-cover {
	background-color: rgba(255, 255, 255, 0.8);
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: none;
	z-index: 99;
}
.popup-cover.dark {
	background-color: rgba(0, 0, 0, 0.95);
	background: rgba(0, 0, 0, 0.95);
}
.popup-container {
	background-color: #2c2c2c;
	float: none;
	height: auto;
	width: 90%;
	max-width: 710px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5%;
	position: relative;
	color: #ffffff;
	max-height: 80%;
	overflow-y: auto;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	-webkit-box-shadow: 6px 6px 0px 0px rgba(0,0,0,0.50);
	-moz-box-shadow: 6px 6px 0px 0px rgba(0,0,0,0.50);
	box-shadow: 6px 6px 0px 0px rgba(0,0,0,0.50);
	z-index: 100;
}
.popup-container.max-width {
	width: 100%;
	max-width: 100%;
}
.popup-container.dark {
	background-color: transparent;
	-webkit-box-shadow: 6px 6px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 6px 6px 0px 0px rgba(0,0,0,0);
	box-shadow: 6px 6px 0px 0px rgba(0,0,0,0);
}
.link {
	cursor: pointer;
	-webkit-transition: 0.2s;
	-ms-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
}
.landing-celeb {
	background-image: url(../img/index-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
}
.landing-admin {
	background-image: url(../img/index-bg-bw.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
}
.logo {
	background-image: url(../img/Starcam-Desktop-Logo-2D-Small.png);
	background-position: left center;
	background-size: contain;
	display: block;
	height: 80px;
	width: 100%;
	background-repeat: no-repeat;
	min-width: 120px;
}
.header-container.show-for-large-up .logo, .header-container.show-for-medium-up .logo {
	margin-top: -25px;
}
.logo.small {
	height: 47px;
	margin-top: -6px;
	cursor: pointer;
}
.popup-container .logo {
	margin-top: 0px;
	height: 140px;
	background-image: url(../img/Starcam-Desktop-Logo-3D.png);
	background-position: center center;
}
.logo.celeb-land {
	height: 160px;
	background-image: url(../img/Starcam-Desktop-Logo-3D.png);
	background-position: center center;
}
.login-bg {
	max-width: 400px;
	background-color: rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 50px;
}
.submit-btn {
	font-size: 18px;
	color: #FFFFFF;
	background-color: #333333;
	cursor: pointer;
	border: none;
	vertical-align: middle;
	height: 47px;
	min-width: 200px;
	max-width: 500px;
	-webkit-transition: 0.1s;
	-ms-transition: 0.1s;
	-moz-transition: 0.1s;
	transition: 0.1s;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 45px;
	text-align: center;
	font-weight: 400;
	white-space: nowrap;
}
.submit-btn.next-question {
	background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid #e7c028;	
}
.submit-btn.next-question.approval {
	min-width: 80px;	
	width: 30%;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	border: none;
}
.submit-btn.next-question.approval.lines {
	line-height: 15px;
	padding-top: 7px;
}
.submit-btn.next-question.approve-feature-btn {
	background-color: #685d31;
}
.submit-btn.next-question.approve-btn {
	background-color: #3d511e;
}
.submit-btn.next-question.disapprove-btn {
	background-color: #5d2626;
}

.submit-btn.next-question.approve-feature-btn:hover {
	background-color: #e7c028;
}
.submit-btn.next-question.approve-btn:hover {
	background-color: #5c8e0e;
}
.submit-btn.next-question.disapprove-btn:hover {
	background-color: #951818;
}

.cancel-btn {
	background-color:#999999;
}
.submit-btn.same-input-txt {
	height: 50px;
	min-width: 100px;
	max-width: 100px;
}
.submit-btn.yellow {
	background-color: #e7c028;
}
.submit-btn.red {
	background-color: #822c2c;
}
.submit-btn.white {
	background-color: #ffffff;
	color: #2c2c2c;
}
.submit-btn.border-dark {
	border: 1px solid #2c2c2c;	
}
.submit-btn.request-btn {
	background-image: url(../img/SC-request-event-dark.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 50px;
}
.submit-btn.requested-btn {
	background-image: url(../img/SC-request-event-active.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 50px;
}
.submit-btn.transparent-white {
	background-color: #000000;
	background-color: rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.2);
}
.submit-btn.small {
	min-width: 150px;
	max-width: 150px;	
}
.submit-btn.small2 {
	min-width: 250px;
	max-width: 250px;
}
.submit-btn.small3 {
	min-width: auto;
	min-width: auto;
	max-height: 35px;
	line-height: 35px;
	font-size: 14px;
	font-weight: 700;
}
.submit-btn.max-width {
	min-width: 100%;
	max-width: 100%;
}
.submit-btn.disabled, .submit-btn.disabled:hover, .submit-btn.disabled:active, .submit-btn.yellow.disabled:hover {
	color: #cacaca;
	background-color: #ececec;
	cursor: default;
}
.index-footer, .footer-container {
	background-color: #ffffff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-bottom: 20px;
}
.pattern-line {
	background-image: url(../img/pattern-line.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	height: 6px;
	width: 100%;
}
.social-btn {
	height: 27px;
	width: 44px;
	margin-right: 6px;
	margin-left: 6px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	cursor: pointer;
}
.social-btn.facebook {
	background-image: url(../img/Starchat-Desktop-SocialFb.png);
}
.social-btn.twitter {
	background-image: url(../img/Starchat-Desktop-SocialTw.png);
}
.social-btn.gplus {
	background-image: url(../img/Starchat-Desktop-SocialGPlus.png);
}
.social-btn.insta {
	background-image: url(../img/Starchat-Desktop-SocialInsta.png);
}
.index-block {
	display: inline-block;
	border: 1px solid #303030;
	margin-right: 15px;
	margin-left: 15px;
	max-width: 270px;
	margin-top: 15px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 15px;
}
.index-block .icon {
	background-image: url(../img/indexBlock-accInfo.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	height: 100px;
	display: block;
	margin-top: 10px;
}
.index-block .icon.first {
	background-image: url(../img/indexBlock-accInfo.png);
}
.index-block .icon.second {
	background-image: url(../img/indexBlock-taxPayer.png);
}
.index-block .icon.third {
	background-image: url(../img/indexBlock-confirmIdentity.png);
}
.index-block .icon.fourth {
	background-image: url(../img/indexBlock-bankInfo.png);
}
.acc-info-icon {
	background-image: url(../img/indexBlock-accInfo.png);
	display: block;
	height: 107px;
	width: 107px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.contact-details-icon {
	background-image: url(../img/indexBlock-confirmIdentity.png);
	display: block;
	height: 107px;
	width: 107px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.confirmation-icon {
	background-image: url(../img/indexBlock-finalConfirmation.png);
	display: block;
	height: 107px;
	width: 107px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.header-container {
	background-color: #2c2c2c;
	color: #FFFFFF;
	height: 100px;
	padding-top: 27px;
	padding-left: 40px;
	padding-right: 7px;
}
.all-container .header-container .row {
	max-width: 1600px;
}
.header-container .hamburger-btn {
	background-image: url(../img/header-hamburger-white.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	float: right;
	width: 25px;
	height: 45px;
	cursor: pointer;
	position: relative;
}
.header-container .hamburger-content {
	position: absolute;
	background-color: #2c2c2c;
	border: 1px solid #b5b5b5;
	right: 30px;
	top: -15px;
	z-index: 5;
	width: 80vw;
	display: none;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 7px;
}
.header-container .hamburger-content.active {
	display: block;
}
.header-container .hamburger-content .btn {
	width: 100%;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #606060;
	color: #ffffff;
	padding: 25px;
	font-size: 14px;
}

.header-container .hamburger-content .btn.first {
	border: none;
}
.taxpayer-icon {
	background-image: url(../img/indexBlock-taxPayer2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	height: 120px;
	width: 120px;
	display: block;
}
.identity-icon {
	background-image: url(../img/indexBlock-confirmIdentity2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	height: 120px;
	width: 120px;
	display: block;
}
.header-btn {
	padding-right: 15px;
	padding-left: 15px;
	line-height: 40px;
	display: inline-block;
	color: #FFFFFF;
	font-weight: 400;
	border: 3px solid #2c2c2c;	
	background-color: #2c2c2c;
}

.header-btn.active {
	color: #e7c028;
	border: 3px solid #e7c028;
}
.page-container {
	padding-right: 20px;
	padding-left: 20px;
}
.page-container.noPadding {
	padding-right: 0px;
	padding-left: 0px;
}
.notifications-number {
	background-color: #e7c028;
	border-radius: 100%;
	height: 32px;
	width: 32px;
	display: inline-block;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	margin-left: 6px;
	font-weight: 700;
}
.logout-ico {
	background-image: url(../img/SC-Ico-LogOut.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	height: 36px;
	width: 36px;
	margin-top: -2px;
}
.header-btn.logout {
	background-image: url(../img/SC-Ico-LogOut.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px;
	margin-left: 10px;
}
.header-btn.logout:hover {
	background-image: url(../img/SC-Ico-LogOut-Over.png);
}
.account-btn {
	border-radius: 25px;
	line-height: 50px;
	color: #2c2c2c;
	background-repeat: no-repeat;
	background-position: left center;
	height: 50px;
	padding-left: 55px;
	background-color: #FFFFFF;
	cursor: pointer;
	padding-right: 15px;
	display: inline-block;
	margin-left: 10px;
}
.account-btn.share {
	background-image: url(../img/SC-RoundIco-Share.png);
}
.account-btn.schedule {
	background-image: url(../img/SC-RoundIco-ScheduleEvent.png);
}
.account-btn.starchat {
	background-image: url(../img/SC-small-white-star.png);
	background-color: #e7c028;
	color: #FFFFFF;
	padding-left: 45px;
	background-position: 12px;
}
.promo-bg {
	background-image: url(../img/SC-PromoBg.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 70%;
	padding-left: 55px;
}
.left-menu-btn {
	width: 100%;
	line-height: 40px;
	cursor: pointer;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #ffffff;
}
.left-menu-btn.active {
	border: 1px solid #e7c028;
	color: #e7c028;	
}
.left-menu-filter {
	cursor: pointer;
	margin-bottom: 5px;
}
.left-menu-filter.active {
	color: #e7c028;	
}
.promo-pic-video {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.promo-dot {
	background-image: url(../img/SC-sliderBtn-off.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	height: 12px;
	width: 12px;
	margin-right: 5px;
	margin-left: 5px;
	cursor: pointer;
}
.promo-dot.active {
	background-image: url(../img/SC-sliderBtn-on.png);
}
.promo-dot.active2 {
	background-image: url(../img/SC-sliderBtnWhite-on.png);
}
.account-left-ico {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 50px;
	height: 50px;
}
.account-left-ico.yellow-event {
	background-image: url(../img/SC-RoundIco-YellowEvent.png);
}
.account-left-ico.grey-event {
	background-image: url(../img/SC-RoundIco-GreyEvent.png);
}
.account-left-ico.locked-out {
	background-image: url(../img/SC-RoundIco-LockedOut.png);
}
.account-left-ico.trans-available {
	background-image: url(../img/SC-RoundIco-TransactionAvailable.png);
}
.account-left-ico.projects {
	background-image: url(../img/SC-RoundIco-Project.png);
}
.account-left-ico.event-request {
	background-image: url(../img/SC-RoundIco-EventRequest.png);
}
.account-left-ico.question-mark {
	background-image: url(../img/SC-RoundIco-QuestionMarkBlue.png);
}
.account-left-ico.crown {
	background-image: url(../img/SC-RoundIco-Crown.png);
}
.account-left-ico.user {
	background-image: url(../img/SC-RoundIco-User.png);
}
.actual-page {
	padding-left: 40px;
}
.notif-line {
	padding-top: 20px;
	padding-bottom: 20px;
}
.nav-tabs-container {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 62px;
}
.nav-tabs-container .tab {
	line-height: 60px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	padding-right: 30px;
	padding-left: 30px;
	cursor: pointer;
	background-color: #FFFFFF;
	color: #7c7c7c;
	font-weight: 300;
}
.nav-tabs-container .tab.active, .nav-tabs-container .tab.active:hover {
	line-height: 61px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	color: #000000;
	font-weight: 400;
}
.phone-verified {
	background-image: url(../img/phone-verified.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px;
	width: 80px;
	display: inline-block;
}
.phone-verified.not {
	background-image: url(../img/phone-not-verified.jpg);
}
.close-btn-dark {
	background-image: url(../img/close-btn-dark.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	height: 16px;
	width: 16px;
	cursor: pointer;
}
.close-btn-white {
	background-image: url(../img/close-btn-white.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;

	height: 22px;
	width: 22px;
	cursor: pointer;
}
.close-btn-dark:hover, .close-btn-white:hover, .link:hover .close-btn-dark {
	background-image: url(../img/close-btn-dark_over.png);
}
.photos-patern {
	background-image: url(../img/patern_03.jpg);
	background-repeat: repeat;
}
.info-btn {
	background-image: url(../img/SC-info-btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 50px;
	cursor: pointer;
}
.info-btn.photos-page {
	position: absolute;
	top: 30px;
	right: 40px;
}
.info-btn:hover {
	background-image: url(../img/SC-info-btn-over.png);
}
.photos-container {
	max-width: 780px;
	padding-bottom: 100px;
}
.photo-big {
	height: 510px;
	width: 510px;
	float: left;
	margin: 5px;
	position: relative;
	background-color: #000000;
	display: flex;
    justify-content: center;
    align-items: center;
}
.photo-big img {
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	vertical-align: middle;
	height: 100%;
	width: 100%;
}
.portrait {
    height: 100%;
	width: auto;
}
.lanscape {
    height: auto;
	width: 100%;
}
.hover-effect {
	background-color: #000000;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0;	
	-webkit-transition: 0.2s;
	-ms-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
	cursor: pointer;
}
.photo-big:hover .hover-effect, .photo-small:hover .hover-effect {
	opacity: 0.4;	
}
.photo-small {
	height: 250px;
	width: 250px;
	float: left;
	margin: 5px;
	position: relative;
	background-color: #000000;
	display: flex;
    justify-content: center;
    align-items: center;
}
.photo-small img {
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	max-height: 250px;
	max-width: 250px;
}
.delete-photo-btn {
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.75);
	background-image: url(../img/SC-bin-btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 7px;
	right: 7px;
	cursor: pointer;
}
.delete-photo-btn:hover {
	background-image: url(../img/SC-bin-btn-over.png);
}
.delete-photo-btn:active {
	background-color: rgba(0, 0, 0, 0.95);
}
.featured-photo {
	background-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.95);
	position: absolute;
	left: 7px;
	bottom: 7px;
	font-size: 12px;
	line-height: 25px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: 700;
}
.popup-picture-container {
	background-color: #000000;
	width: 100%;
	position: relative;	
}
.popup-picture-container img {
	float: none;
	margin-right: auto;
	margin-left: auto;
	display: block;
	background-size: contain;
	max-height: 480px;
}

.popup-cover.view-photo .popup-container {
	max-width: 1280px;
}
.left-arrow {
	background-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.0);
	height: 100%;
	width: 20%;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	cursor: pointer;
	background-image: url(../img/SC-left-arrow-white.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: 0.2s;
	-ms-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
}
.left-arrow:hover {
	background-color: rgba(255, 255, 255, 0.1);
	background-position: 40% center;
}
.right-arrow {
	background-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.0);
	height: 100%;
	width: 20%;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	cursor: pointer;
	background-image: url(../img/SC-right-arrow-white.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: 0.2s;
	-ms-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
}
.right-arrow:hover {
	background-color: rgba(255, 255, 255, 0.1);
	background-position: 60% center;
}
.popup-cover.view-photo .delete-photo-btn {
	background-color: transparent;
	position: static;
}
.pages-btn {
	line-height: 34px;
	padding-top: 24px;
	padding-bottom: 8px;
}
.pages-btn .number {
	cursor: pointer;
	margin-right: 3px;
	margin-left: 3px;
	padding-right: 8px;
	padding-left: 8px;
	display: inline-block;
}
.pages-btn .number.active, .pages-btn .number.active:hover {
	background-color: #2c2c2c;
	color: #ffffff;
}
.page-btn-left {
	background-image: url(../img/SC-Pages-arrow-Left.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 34px;
	width: 30px;
	cursor: pointer;
}
.page-btn-left:hover {
	background-image: url(../img/SC-Pages-arrow-Left-Over.png);
}
.page-btn-right {
	background-image: url(../img/SC-Pages-arrow-Right.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 34px;
	width: 30px;
	cursor: pointer;
}
.page-btn-right:hover {
	background-image: url(../img/SC-Pages-arrow-Right-Over.png);
}
.event-label {
	font-size: 12px;
	line-height: 25px;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 4px;
	background-color: #e7c028;
	display: inline-block;
	font-weight: 700;
	color: #FFFFFF;
}
.event-label.draft {
	background-color: #e84b4b;
	background-image: url(../img/SC-Gear-Icon.png);
	background-position: 7px 5px;
	padding-left: 28px;
	background-repeat: no-repeat;
}
.event-end {
	background-image: url(../img/SC-Ico-Stop-over.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px;
	height: 25px;
	width: 25px;
	cursor: pointer;
	display: inline-block;
}
.event-share {
	background-image: url(../img/SC-RoundIco-Share.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px;
	height: 25px;
	width: 25px;
	cursor: pointer;
	display: inline-block;	
}
.event-share.white {
	background-image: url(../img/SC-RoundIco-Share-light.png);	
}
.event-share:hover {
	background-image: url(../img/SC-RoundIco-Share-Over.png);	
}
.share-btn-header {
	cursor: pointer;
	display: inline-block;
	margin-top: -10px;
}
.share-btn-header.end {
	margin-top: 10px;
}
.share-btn-header:hover .event-share.white {
	background-image: url(../img/SC-RoundIco-Share-Over.png);
}
.share-btn-header:hover .event-end {
	background-image: url(../img/SC-Ico-Stop_white.png);
}
.units-icon {
	background-image: url(../img/SC-Units-Icon-Yellow.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 40px;
	height: 20px;
	display: inline-block;
}
.event-questions-answered-ico {
	background-image: url(../img/SC-Question-Mark.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30%;
	width: 50px;
	height: 50px;
	display: inline-block;
	background-color: #1f9ceb;
	border-radius: 100%;
}
.video-stream-container img {
	width: 100%;
	max-width: 800px;
}
.horiz-line {
	background-color: #464646;
	height: 1px;
	width: 10%;
	display: inline-block;
	margin-top: 5px;
}
.horiz-line2 {
	background-color: #464646;
	height: 1px;
	width: 64px;
	display: inline-block;
	margin-top: -30px;
}
.stream-container {
	background-image: url(../img/stream-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-bottom: 20px;
}
.settings-ico {
	background-image: url(../img/SC-Ico-Settings-White.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 22px;
	height: 22px;
}
.qq-ico {
	background-image: url(../img/SC-Ico-Questions.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 50px;
	display: block;
}
.est-time-ico {
	background-image: url(../img/SC-Ico-Time-Dark.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 50px;
	display: block;
}
.rem-time-ico {
	background-image: url(../img/SC-Ico-Time-Blue.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 5vw;
	height: 5vw;
	max-height: 40px;
	max-width: 40px;
	display: block;
}
.rem-time-ico.orange {
	background-image: url(../img/SC-Ico-Time-Orange.png);
}
.rem-time-ico.yellow {
	background-image: url(../img/SC-Ico-Time-Yellow2.png);
}
.rem-time-ico.green {
	background-image: url(../img/SC-Ico-Time-Green.png);
}
.stop-q-ico {
	background-image: url(../img/SC-Ico-Stop.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 50px;
	display: block;
}
.stop-q-btn {
	cursor: pointer;
}
.stop-q-btn.open {
	color: #db4040;
}
.stop-q-btn.open .stop-q-ico {
	background-image: url(../img/SC-Ico-Round-Loked.png);
}	
.row.max-width900, .max-width900 {
	max-width: 900px;
}
.row.max-width1200, .max-width1200 {
	max-width: 1200px;
}
.row.max-width50, .max-width50 {
	max-width: 50px;
}
.row.max-width550, .max-width550 {
	max-width: 550px;
}
.row.max-width, .max-width {
	max-width: 100%;
}
.max-width250 {
	max-width: 250px;	
}
.max-width350 {
	max-width: 350px;
}
.max-width850 {
	max-width: 850px;
}
.min-width100 {
	width: 100px;
}
.min-width200 {
	min-width: 200px;
}
.min-width300 {
	min-width: 300px;
}
.min-width400 {
	min-width: 400px;
}
.min-width500 {
	min-width: 500px;
}
.min-width600 {
	min-width: 600px;
}
.elipsis {
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
}
.row.max-height550, .max-height550 {
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
	display: block;
}
.delete-question-btn {
	background-image: url(../img/SC-Ico-Bin-Dark.png);
	background-repeat: no-repeat;
	background-position: center right;
	height: 50px;
	width: 30px;
	display: inline-block;
	cursor: pointer;
}
.delete-question-btn:hover {
	background-image: url(../img/SC-Ico-Bin-Dark-over.png);
}
.delete-question-btn.white {
	background-image: url(../img/SC-Ico-Bin-Dark-over.png);
}
.event-attendees {
	background-image: url(../img/SC-Ico-Attendees.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 5vw;
	height: 5vw;
	max-height: 40px;
	max-width: 40px;
	display: inline-block;	
}
.event-earnings {
	background-image: url(../img/SC-Ico-Earnings.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 5vw;
	height: 5vw;
	max-height: 40px;
	max-width: 40px;
	display: inline-block;	
}
.event-remaining {
	background-image: url(../img/SC-Ico-Time-Yellow.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 5vw;
	height: 5vw;
	max-height: 40px;
	max-width: 40px;
	display: inline-block;
}
.remaining-time-container {
	border: 2px solid #e7c028;
	height: auto;
	border-radius: 40px;
	display: inline-block;	
	margin-top: -10px;
}
.plus-minutes {
	background-color: #e7c028;
	background-image: url(../img/SC-Ico-Plus-White.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 40px;
	width: 40px;
	display: inline-block;
	cursor: pointer;
}
.plus-minutes.blue { 
	background-color: #1f9ceb;
}
.plus-minutes.green { 
	background-color: #bbcb36;
}
.plus-minutes.yellow { 
	background-color: #e7c028;
}
.plus-minutes.orange { 
	background-color: #eb6c1f;
}
.remaining-time-container.blue {
 	border: 2px solid #1f9ceb;
}
.remaining-time-container.green {
 	border: 2px solid #bbcb36;
}
.remaining-time-container.yellow {
 	border: 2px solid #e7c028;
}
.remaining-time-container.orange {
 	border: 2px solid #eb6c1f;
}
.ddown-arrow {
	background-image: url(../img/SC-arrow-Down-Yellow.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	display: inline-block;
	height: 20px;
	width: 18px;
	cursor: pointer;
	padding: 20px;
	border-radius: 5px;
}
.ddown-container {
	position: absolute;
	background-color: #ffffff;
	width: 105px;
	display: none;
	border-radius: 5px;
	right: 20px;
	top: 30px;
	z-index: 3;
	overflow: hidden;
}
.ddown-container .time-extend {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.ask-text-btn {
	background-color: #FFFFFF;
	background-image: url(../img/SC-text_icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 60px;
	width: 60px;
	border-radius: 60px;
	cursor: pointer;
	display: inline-block;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
}
.ask-video-btn {
	background-color: #FFFFFF;
	background-image: url(../img/SC-video_icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 60px;
	width: 60px;
	border-radius: 60px;
	cursor: pointer;
	display: inline-block;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
}
.ask-text-btn.disabled, .ask-text-btn.disabled:hover {
	cursor: default;
	background-color: #FFFFFF;
}
.ask-video-btn.disabled, .ask-video-btn.disabled:hover {
	cursor: default;
	background-color: #FFFFFF;
}
.units-ico-white {
	background-image: url(../img/SC-units-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	height: 24px;
	width: 34px;
}
.chat-bubble-bg {
	background-image: url(../img/SC-chat-bubble-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	min-height: 200px;
}
.open-in-popup-btn {
	background-image: url(../img/SC-popup-btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 20px;
	display: inline-block;
	cursor: pointer;
}
.ask-question-field textarea {
	height: 230px;
	resize: none;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
}
.input-txt.pledge {
	background-color: transparent;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6b6b6b;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-image: url(../img/SC-Units-Icon-Yellow.png);
	background-repeat: no-repeat;
	background-position: 25px center;
	padding-left: 70px;
	max-width: 200px;
	font-size: 28px;
}
.event-buy-btn {
	background-color: #e7c028;
	background-color: rgba(231, 192, 40, 0.2);
	background: rgba(231, 192, 40, 0.2);
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
	color: #e7c028;
	cursor: pointer;
}
.event-buy-btn:hover {
	background-color: rgba(231, 192, 40, 0.4);
	background: rgba(231, 192, 40, 0.4);
}
.bg-transparent-white {
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.2);
}
.bg-dark-grey {
	background-color: #2c2c2c;
}
.record-video-btn {
	background-color: #FFFFFF;
	background-image: url(../img/SC-REC-btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	cursor: pointer;
}
.record-video-btn.stop {
	background-image: url(../img/SC-STOP-btn.png);
}
.rec-video-bar {
	background-color: #e04a4a;
	background-color: rgba(224, 74, 74, 0.3);
	background: rgba(224, 74, 74, 0.3);
	height: 10px;
	width: 100%;
	display: block;
}
.rec-time-passed {
	background-color: #e04a4a;
	height: 10px;
	display: block;
}
.play-video-cover {
	background-color: rgba(0, 0, 0, 0.65);
	background: rgba(0, 0, 0, 0.65);
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	cursor: pointer;
}
.play-video-cover:hover {
	background-color: rgba(0, 0, 0, 0.45);
	background: rgba(0, 0, 0, 0.45);
}
.play-video-btn {
	background-image: url(../img/SC-play-btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	border: 2px solid #FFFFFF;
	height: 60px;
	width: 60px;
	border-radius: 30px;
	cursor: pointer;	
}
.play-video-btn.recorded {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -30px;
	margin-left: -30px;
}
.stream-bar-preevent-time {
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.75);
	background: rgba(0, 0, 0, 0.75);
	height: 70px;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.edit-question-btn {
	background-image: url(../img/SC-Edit-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 35px;
	width: 35px;
	cursor: pointer;	
}
.edit-question-btn:hover {
	background-image: url(../img/SC-Edit-icon-over.png);	
}
.delete-question-btn {
	background-image: url(../img/SC-Ico-Bin-Dark.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 35px;
	width: 35px;
	cursor: pointer;
}
.delete-question-btn:hover {
	background-image: url(../img/SC-Ico-Bin-Dark-over2.png);	
}
.increase-pledge-btn {
	background-image: url(../img/SC-BigYellowPlus.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 60px;
	width: 60px;
	cursor: pointer;
	position: absolute;
	bottom: -30px;
	margin-left: -30px;
	left: 50%;
}
.increase-pledge-btn:hover {
	background-image: url(../img/SC-BigYellowPlus-over.png);
}
.shadow-effect {
	box-shadow: 42px 0 0px -22px rgba(255, 255, 255, 0.25), -42px 0 0px -22px rgba(255, 255, 255, 0.25);
}
.left-arrow-white {
	background-image: url(../img/SC-Pages-arrow-Left-white.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 14px;
	cursor: pointer;
}
.left-arrow-white:hover {
	background-image: url(../img/SC-Pages-arrow-Left-Over.png);
}
.right-arrow-white {
	background-image: url(../img/SC-Pages-arrow-Right-white.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 14px;
	cursor: pointer;
}
.right-arrow-white:hover {
	background-image: url(../img/SC-Pages-arrow-Right-Over.png);
}
.my-questions-tab {
	padding-bottom: 10px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
}
.my-questions-tab.active {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #e7c028;
	color: #e7c028;
}
.current-question-tab {
	padding-bottom: 10px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
}
.current-question-tab.active {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #e7c028;
	color: #e7c028;
}
.video-question-thumb {
	background-image: url(../img/SC-videoThumb-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 70px;
	width: 100px;
}
.ready-icon {
	background-image: url(../img/SC-Ready-Icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 13px;
	width: 13px;
	display: inline-block;
}
.submissions-locked {
	opacity: 0.3;
}
.submissions-locked-ico {
	background-image: url(../img/SC-redLock.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 40px;
	width: 40px;
	margin-left: -15px;
	margin-top: -5px;
	display: block;
	opacity: 0.8;
}
.submissions-locked-ico.v2 {
	margin-top: auto;
	margin-left: auto;
}
.submissions-locked-ico.blue {
	background-image: url(../img/SC-blueLock.png);
	margin-top: auto;
	margin-left: auto;
}
.submissions-locked-ico.green {
	background-image: url(../img/SC-greenLock.png);
	margin-top: auto;
	margin-left: auto;
}
.drag-drop-area {
	background-image: url(../img/SC-diagonal-pattern2.png);
	background-repeat: repeat;
	margin-right: 5px;
	margin-left: 5px;
}
.date-input {
	background-image: url(../img/SC-Ddown-Calendar-Icon.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.time-input {
	background-image: url(../img/SC-Ddown-Time-Icon.png);
	background-repeat: no-repeat;
	background-position: right center;
}
select:hover {
	cursor: pointer;
}
.input-units-left {
	background-repeat: no-repeat;
	background-position: 10px center;
<<<<<<< HEAD
=======
	text-indent: 45px;
>>>>>>> fc7d2af59e41ba31e705840e5d56ab43c1d8c1ba
}
.input-dollar-left {
	background-repeat: no-repeat;
	background-position: 10px center;
<<<<<<< HEAD
=======
	text-indent: 30px;
>>>>>>> fc7d2af59e41ba31e705840e5d56ab43c1d8c1ba
}
.left-arrow-dark {
	background-image: url(../img/SC-Pages-arrow-Left.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	height: 15px;
	width: 15px;
	cursor: pointer;
	display: inline-block;
}
.link-with-icon:hover .left-arrow-dark {
	background-image: url(../img/SC-Pages-arrow-Left-Over.png);
}
.transaction-line-container {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dbdbdb;
}
.plus-expand {
	background-image: url(../img/SC-plus-dark-big.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 50px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
}
.plus-expand:hover {
	background-image: url(../img/SC-plus-dark-big-OVER.png);
}
.plus-expand.active {
	background-image: url(../img/SC-minus-dark-big.png);
}
.plus-expand.active:hover {
	background-image: url(../img/SC-minus-dark-big-OVER.png);
}
.plus-expand.disabled {
	background-image: url(../img/SC-plus-dark-big.png);
	opacity: 0.1;
	cursor: default;
}
.transactions-details-container {
	background-color: #f7f7f7;
	padding: 20px;
	margin-top: 20px;
}
.lil-logo-star {
	background-image: url(../img/SC-StarOnly-logo.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	display: inline-block;
	background-position: center center;
}
.lil-share-btn {
	background-image: url(../img/SC-Share-btn-Dark.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	display: inline-block;
	background-position: center center;
	cursor: pointer;
}
.lil-share-btn:hover {
	background-image: url(../img/SC-Share-btn-Yellow.png);
}
.share-btn {
	background-image: url(../img/SC-Share-btn-White.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	display: inline-block;
	background-position: center center;
	cursor: pointer;
	background-size: contain;
}
.share-btn.dark {
	background-image: url(../img/SC-Share-btn-Dark2.png);
}
.share-btn:hover {
	background-image: url(../img/SC-Share-btn-Yellow2.png);
}
.search-glass-btn {
	background-image: url(../img/SC-Search-btn-White.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
	height: 30px;
	width: 30px;
}
.search-glass-btn:hover {
	background-image: url(../img/SC-Search-btn-Yellow.png);
}
.search-glass-btn.dark {
	background-image: url(../img/SC-Search-btn-Dark.png);
}
.down-arrow {
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: inline-block;
	background-image: url(../img/SC-arrow-Down-White.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: 0.2s;
	-ms-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;	
}
.down-arrow:hover {
	background-image: url(../img/SC-arrow-Down-Yellow.png);
}
.username-header:hover .event-attendees {
	background-image: url(../img/SC-Ico-Attendees-Yellow.png);	
}
.username-header {
	background-color: #2c2c2c;	
}
.vip-icon {
	background-image: url(../img/vip-event-icon.jpg);
	background-repeat: no-repeat;
	height: 18px;
	width: 70px;
	display: inline-block;
}
.fav-icon {
	background-image: url(../img/SC-StarOnly-logo-grey.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
	display: inline-block;
	cursor: pointer;
	background-size: contain;
}
.fav-icon:hover {
	background-image: url(../img/SC-StarOnly-logo.png);	
}
.fav-icon.yellow {
	background-image: url(../img/SC-StarOnly-logo.png);	
}
.request-event {
	background-image: url(../img/SC-request-event.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 36px;
	display: inline-block;
	cursor: pointer;
}
.request-event.dark {
	background-image: url(../img/SC-request-event-dark.png);
}
.request-event:hover {
	background-image: url(../img/SC-request-event-over.png);	
}
.request-event.active {
	background-image: url(../img/SC-request-event-active.png);	
}
.google-play-icon {
	background-image: url(../img/SC-GooglePlay-ico.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	height: 43px;
	width: 46px;
}
.apple-icon {
	background-image: url(../img/SC-Apple-ico.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	height: 43px;
	width: 46px;
}
.events-menu {
	background-color: #FFFFFF;
	z-index: 4;
	position: absolute;
	left: -225px;
	right: 0px;
	display: none;
	top: 43px;
	-webkit-box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.50);
	-moz-box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.50);
	box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.50);
}
.row.events-menu {
	width: 300%;
	max-width: 1366px;
}
.header-btn.events-btn {
	padding-right: 0px;
	padding-left: 0px;
}
.header-btn.events-btn:hover {
	background-color: #FFFFFF;
	color: #2c2c2c;
}
.header-btn.events-btn .events-btn-txt {
	padding-right: 15px;
	padding-left: 15px;
}
.header-btn.events-btn:hover .events-btn-txt {
	color: #2c2c2c;
}
.header-btn.events-btn:hover .events-menu {
	display: block;
}
.events-menu .pic-block.small .front-info  {
	color: #FFFFFF;
	line-height: 20px;
}
.events-menu .pic-block.small .front-info .name {
	margin-left: 15px;
}
.events-menu .pic-block.small .pic .front-info .info {
	margin-left: 15px;
	margin-top: 15px;
	margin-right: 10px;
}
.events-menu .cover {
	background-color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.8);
}



















.search-wrapper {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	transition: all 0.3s ease-in-out;
	left: 85%;
	z-index: 3;
}
.search-wrapper.active {
	left: 55%;
	right: inherit;
}
.search-wrapper .input-holder {    
    height: 70px;
    width:70px;
    background-color: #2c2c2c;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
    width:600px;
    background: rgba(255,255,255,1);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}
.search-wrapper .input-holder .search-input {
	width: 100%;
	height: 50px;
	padding: 0px 70px 0 20px;
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	background: transparent;
	box-sizing: border-box;
	border: none;
	outline: none;
	font-family: "Open Sans", Arial, Verdana;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	transform: translate(0, 60px);
	transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    transform: translate(0, 10px);
}
.search-wrapper .input-holder .search-icon {
    width:70px;
    height:70px;
    border:none;
    background: #2c2c2c;
    padding:0px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder .search-icon {
	width: 50px;
	height: 50px;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: #FFFFFF;
}
.search-wrapper .input-holder .search-icon span {
	width: 22px;
	height: 22px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
	background-image: url(../img/SC-Search-btn-White.png);
	background-repeat: no-repeat;
}
.search-wrapper .input-holder .search-icon:hover span, .search-wrapper.active .input-holder .search-icon:hover span {
	background-image: url(../img/SC-Search-btn-Yellow.png);
}
.search-wrapper.active .input-holder .search-icon span {
	background-image: url(../img/SC-Search-btn-Dark.png);
}
.search-wrapper .close {
	position: absolute;
	z-index: 1;
	top: 9px;
	right: 10px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	background-image: url(../img/close-btn-dark.png);
	background-repeat: no-repeat;
	opacity: 0;
	
}
.search-wrapper.active .close {
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);		
	z-index: 2;
	transition-delay: 0.4s;
	opacity: 1;
}
.search-wrapper .close:hover, .search-wrapper.active .close:hover {
	background-image: url(../img/close-btn-dark_over.png);	
}
.search-content {
	background-color: #FFFFFF;
	position: absolute;
	right: 0px;
	left: 0px;
	top: 70px;
	display: none;
	padding: 10px;
	-webkit-box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.50);
	-moz-box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.50);
	box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.50);
}
.search-wrapper.active .search-content {
	display: block;
}
.picture-thumb-small {
	height: 95px;
	width: 95px;
	line-height: 90px;
	text-align: center;
	vertical-align: middle;
	background-color: #000000;
}
.picture-thumb-small img {
	vertical-align: middle;
}
.search-content .search-item {
	padding: 10px;
	cursor: pointer;
}
.search-content .search-item:hover {
	background-color: #eeeeee;	
}
.down-arrow.header-ddown {
	height: 67px;
	width: 47px;
	margin-left: -10px;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition: 0s;
	transition: 0s;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.down-arrow.header-ddown:hover {
	background-image: url(../img/SC-arrow-Down-Dark.png);
	background-color: #f2f2f2;
}
.header-ddown-content {
	position: absolute;
	top: 67px;
	background-color: #f2f2f2;
	right: 0px;
	min-width: 250px;
	z-index: 2;
	padding: 20px;
	cursor: default;
	display: none;
	-webkit-box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.50);
	-moz-box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.50);
	box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.50);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #a7a7a7;
}
.header-ddown:hover .header-ddown-content {
	height: auto;
	display: block;
}
.fan-signup-tab {
	text-align: center;
	vertical-align: middle;
	padding-top: 13px;
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	min-width: 175px;
	float: left;
	cursor: pointer;
}
.fan-signup-tab:hover {
	background-color: #000000;
	background-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.1);	
}
.fan-signup-tab.active {
	background-color: #000000;
	background-color: rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.2);	
	border: 1px solid #FFFFFF;
	cursor: default;
	padding-top: 12px;
}
.thumb-container {
	width: 100%;
	max-width: 250px;
	display: inline-block;
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	vertical-align: top;
	text-align: left;
	overflow: hidden;
}
.thumb-container .pic, .presenter-events.pic {
	width: 100%;
	max-width: 250px;
	background-color: #000000;
	max-height: 250px;
	text-align: center;
    line-height: 245px;
	overflow: hidden;
}
.thumb-container .pic img, .presenter-events.pic img {
	vertical-align: middle;
}
.presenter-events.pic {
	background-color: transparent;
}
.event-detail-bg {
	background-image: url(../img/event-detail-bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
}
.event-detail-bg-light {
	background-image: url(../img/event-detail-bg2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
}
.small-thumb-pic {
	width: 110px;
	height: 110px;
	display: inline-block;
	margin: 10px;
	cursor: pointer;
	background-color: #000000;
	text-align: center;
	line-height: 103px;
	border: 1px solid #000000;
	overflow: hidden;
}
.small-thumb-pic img {
	vertical-align: middle;
}
.custom-checkbox {
	background-color: #ffffff;
	outline: 1px solid #e7c028;
    outline-offset: 1px;
	height: 12px;
	width: 12px;
	display: inline-block;
	margin-right: 10px;
	display: none;
	-webkit-transition: 0.2s;
	-ms-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
}
.custom-checkbox.active {
   background-color: #e7c028;
}
.selected-filters-container {
	display: none;
}
.row.buy-line {
	background-color: #000000;
	border: 1px solid #434343;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
	margin-top: 10px;
	max-width: 500px;
	margin-bottom: 10px;
}

.buy-line .graph {
	background-color: #FFFFFF;
	height: 45px;
	width: 3px;
	margin-top: 5px;
	margin-left: 10px;
}
.buy-line .units-txt {
	margin-left: 20px;
}
.buy-line.first .graph {
	background-color: #c85dff;
}
.buy-line.second .graph {
	background-color: #0e8ee9;
}
.buy-line.third .graph {
	background-color: #83bd1e;
}
.buy-line.fourth .graph {
	background-color: #e6773b;
}
.buy-line.fifth .graph {
	background-color: #e7c028;
}

.row.buy-line.active {
	padding-right: 20px;
	padding-left: 20px;
	max-width: 540px;
}

.buy-line.first.active {
	background-color: #c85dff;
}
.buy-line.second.active {
	background-color: #0e8ee9;
}
.buy-line.third.active {
	background-color: #83bd1e;
}
.buy-line.fourth.active {
	background-color: #e6773b;
}
.buy-line.fifth.active {
	background-color: #e7c028;
}

.buy-line.first .promo {
	color: #c85dff;
}
.buy-line.second .promo {
	color: #0e8ee9;
}
.buy-line.third .promo {
	color: #83bd1e;
}
.buy-line.fourth .promo {
	color: #e6773b;
}
.buy-line.fifth .promo {
	color: #e7c028;
}

.buy-line.first.active .promo {
	color: #ffffff;
}
.buy-line.second.active .promo {
	color: #ffffff;
}
.buy-line.third.active .promo {
	color: #ffffff;
}
.buy-line.fourth.active .promo {
	color: #ffffff;
}
.buy-line.fifth.active .promo {
	color: #ffffff;
}

.buy-line.active .graph {
	background-color: transparent;
	background-image: url(../img/SC-YesMark-Icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 24px;
	width: 23px;
	background-size: contain;
	margin-left: 0px;
}
.buy-line.active .units-txt {
	margin-left: 10px;
}
.video-question-big {
	width: 100%;
	height: 240px;
	background-color: #000000;
	cursor: pointer;
	background-image: url(../img/video-question-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	box-sizing: border-box;
	border: 3px solid #FFFFFF;
}
.video-question-big:hover {
	background-image: url(../img/video-question-bg-over.jpg);
}
.video-question-small {
	width: 180px;
	height: 100px;
	background-color: #000000;
	cursor: pointer;
	background-image: url(../img/video-question-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	box-sizing: border-box;
	border: 1px solid #000000;
	margin-top: 5px;
}
.video-question-small:hover {
	background-image: url(../img/video-question-bg-over.jpg);
}
.video-question-small-not-play {
	width: 180px;
	height: 100px;
	background-color: #000000;
	cursor: default;
	background-image: url(../img/video-question-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	box-sizing: border-box;
	border: 1px solid #000000;
	margin-top: 5px;
}
.txt-max-250 {
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 245px;
}
.admin-search-btn {
	height: 50px;
	width: 50px;
	margin-left: -5px;
}
.recorder-volume {
	max-width: 100px;
}
.faq-line {
	background-image: url(../img/SC-plus-dark-big.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 25px;
	cursor: pointer;
}
.faq-line.active {
	background-image: url(../img/SC-minus-dark-big.png);
}
.faq-line .answer {
	display: none;
}
.faq-line.active .answer {
	display: block;
}
.copyright-over-photo {
	position: absolute;
	bottom: 0;
	left: 50%;
	text-shadow: 2px 1px 1px rgba(0, 0, 0, 1);
	opacity: 0.55;
	color: #ffffff;
	margin-left: -75px;
	width: 150px;
	text-align: center;
}
.quick-guide-menu {
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, 0.80);
	color: #000000;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 25px;
	padding-left: 25px;
	background-image: url(../img/SC-arrow-Down-Dark.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	cursor: pointer;
}
.quick-guide-menu.opened {
	background-color: rgba(255, 255, 255, 1);
}
.quick-guide-menu-content {
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, 1);
	color: #000000;
	text-align: left;
	display: none;
}
.quick-guide-menu-content .item {
	background-color: #ffffff;
	color: #000000;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 25px;
	padding-left: 25px;
	cursor: pointer;
}
.guide-large-pic {
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
.guide-small-pic {
	width: 48%;
	text-align: center;
	vertical-align: middle;
}






















































































































.pic-block.event .front {
	position: static;
}
.event .pic {
	cursor: default;
	background-color: #000000;
}
.pic-block.big {
	background-color: #000000;
}
.pic-block.big .pic {
	width: 100%;
	height: 510px;
	background-color: #000000;
	display: inline-block;
  	vertical-align: top; /*not required*/
  	border: 1px solid black; /*not required*/
  	position: relative;
}
.pic-block .pic img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.event .pic img {
  cursor: pointer;
}

/*********** Gallery FLIPPER ************************/
.pic-block {
	display: inline-block;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	position: relative;
	overflow: hidden;
}
.pic {
	cursor: pointer;
	position: relative;
	background-color: #000000;
}
.pic-block.small .pic {
	width: 250px;
	height: 250px;
	overflow: hidden;
}
.pic-block .pic img {
	max-width: 110%;
	max-height: 110%;
}
.front-info {
	background-color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	bottom: 0px;
	width: 100%;
	-webkit-transition: 0.4s;
	-ms-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	height: 26%;
	overflow: hidden;
}
.pic-block.big .front-info {
	height: 19%;
}
.front-info .name {
	margin-left: 15px;
	margin-top: 10px;
}
.pic-block.small .front-info .name {
	margin-bottom: 0px;
	display: inline-block;
	margin-left: 15px;
}
.online-dot {
	background-color: #696969;
	height: 10px;
	width: 10px;
	border-radius: 100%;
	margin-left: 15px;
	display: inline-block;
	margin-top: 7px;
}
.online-dot.active {	
	background-color: #e7c028;
}
.front-info .date {
	margin-left: 15px;
	margin-bottom: 10px;
}
.pic-block.small .pic:hover .front-info {
	background-color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.8);
	-webkit-transition: 0.4s;
	-ms-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	height: 100%;
}
.pic-block.event.small .pic:hover .front-info {
	background-color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.8);
	height: 100%;
}
.pic-block.small .pic .front-info .info {
	border-radius: 100%;
	margin-left: 15px;
	display: none;
}
.pic-block.small .pic:hover .front-info .info {
	display: block;
}
.flip-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-o-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	cursor: pointer;
}
/* for IE */
.flip-container:hover .back, .flip-container.hover .back {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.flip-container:hover .front, .flip-container.hover .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
/* END: for IE */


.flipper {
	-webkit-transition: 0.4s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.4s;
	-moz-transition: 0.4s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transition: 0.4s;
	transform-style: preserve-3d;
	position: relative;
	top: 0;
	left: 0;
	width: 510px;
	height: 510px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.pic-block .front, .pic-block .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 0.4s;
	-webkit-transform-style: preserve-3d;
	-moz-transition: 0.4s;
	-moz-transform-style: preserve-3d;
	-o-transition: 0.4s;
	-o-transform-style: preserve-3d;
	-ms-transition: 0.4s;
	-ms-transform-style: preserve-3d;
	transition: 0.4s;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
	width: 510px;
	height: 510px;
}
.pic-block .front {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	background-position: center center;
	z-index: 2;
}
.pic-block .back {
	background: #ffffff;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(-180deg);
	color: #2c2c2c;
	padding-left: 50px;
	padding-top: 25px;
	padding-right: 20px;
}
/*********** END Gallery FLIPPER ************************/











 @media only screen and (max-width: 64em) { /*SMALL & MEDIUM*/
.marginTopMediumDown-15 {
	margin-top: 15px;
 }
.marginBottomMediumDown-10 {
	margin-bottom: 10px;
 }
.marginLeftSmallUp-0 {
	margin-left: 0!important;
}
.clearfix-SmallUp {
	clear: both!important;
	display: block!important;
}
.font-14 {
	font-size: 14px;
}
.font-15 {
	font-size: 14px;
}
.font-16 {
	font-size: 14px;
}
.font-17 {
	font-size: 15px;
}
.font-18 {
	font-size: 15px;
}
.font-20 {
	font-size: 16px;
}
.font-25 {
	font-size: 16px;
}
.font-28 {
	font-size: 17px;
}
.font-30 {
	font-size: 18px;
}
.font-35 {
	font-size: 17px;
	line-height: 20px;
}
.font-40 {
	font-size: 18px;
}
.font-45 {
	font-size: 18px;
	line-height: 24px;
}
.font-50 {
	font-size: 20px;
	line-height: 24px;
}
.black-cover {
	padding: 10px;
}
.submit-btn {
	font-size: 14px;
}
.logo {
	height: 61px;
}
.input-txt {
	font-size: 16px;
	height: 40px;
}
.ddown {
	font-size: 16px;
	height: 40px;
}
.login-bg {
	padding-right: 0px;
	padding-left: 0px;
}
.index-block .icon {
	height: 50px;
}
.header-container {
	padding-left: 10px;
	padding-right: 10px;
	height: auto;
	min-height: 100px;
}
.header-btn {
	font-size: 12px;	
}
.page-container {
	padding-right: 0px;
	padding-left: 0px;
}
.account-btn {
	margin-top: 20px;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
}
.account-btn.noMargin {
	margin-top: 0px;
}
.left-menu-btn {
	display: inline-block;
	width: auto;
}
.promo-bg {
	padding-left: inherit;
}
.actual-page {
	padding-left: 0px;
}
.nav-tabs-container .tab {
	line-height: 60px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
	cursor: pointer;
	background-color: #FFFFFF;
	color: #7c7c7c;
	font-weight: 300;
}
.event-label {
	font-size: 10px;
	line-height: 15px;
	background-size: 15%;
}
.event-label.draft {
	background-position: 2px center;
	padding-left: 15px;
}
.photo-big {
	margin-right: 0px;
	margin-left: 0px;
}
.input-txt.fan-landing {
	min-width: 100%;
}
.photo-big, .photo-small {
	height: 100%;
	width: 100%;
}
.pic-block.big .pic {
	width: 100%;
	height: 250px;
}
.row.buy-line {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 0px;
}
.buy-line .graph {
	margin-top: 0px;
	height: 35px;
}
.buy-line.active .graph {
	height: 15px;
	width: 15px;
	margin-left: 5px;
}
.row.buy-line.active {
	padding-right: 0px;
	padding-left: 0px;
	max-width: 540px;
}
.small .front-info .fav-icon {
	height: 15px;
	width: 15px;
	margin-top: -10px;
	display: none;
}
.small .front-info .share-btn {
	height: 15px;
	width: 15px;
	margin-top: -10px;
	display: none;
}
.big .front-info .fav-icon {
	margin-top: -20px;
}
.big .front-info .share-btn {
	margin-top: -20px;
}
.events-menu .pic-block.small .front-info .name {
	margin-top: 0;
}
.header-btn.notifications {
	display: none;
}
.account-left-ico, .event-questions-answered-ico {
	width: 25px;
	height: 25px;
}
.admin-search-btn {
	height: 40px;
	width: 40px;
}


/******************************Gallery Flipper*/
.flipper {
	width: 100%;
	height: 100%;
}
.pic-block .front {
	width: 100%;
	height: 100%;
	position: static;
}
.front-info .name {
	margin-top: 5px;
}
.pic-block .back {
	width: 100%;
	height: 100%;
	padding: 10px;
}
.front-info .date {
	font-size: 10px;
}
/*****************************END Gallery Flipper*/
}

@media only screen and (max-width: 40em) { /*SMALL ONLY*/
.big .front-info .fav-icon {
	margin-top: -40px;
}
.big .front-info .share-btn {
	margin-top: -40px;
}
.pic-block.big {
	width: 250px;
	height: 250px;
}
.presenter-events.pic {
	max-height: 50px;
}
.presenter-events.pic img {
	vertical-align: top;
}
.marginTopSmall-15 {
	margin-top: 15px;
 }
.marginBottomSmall-10 {
	margin-bottom: 10px;
 }
}





 @media only screen and (min-width:40.0625em) and (max-width: 64em) { /*MEDIUM ONLY*/
/******************************Gallery Flipper*/
.flipper {
	width: 320px;
	height: 320px;
}
.front, .back, .event .front {
	width: 320px;
	height: 320px;
}
.pic-block.small {
	margin-top: 12px;
}
.pic-block.small .pic {
	width: 154px;
	height: 154px;
}
.front-info {
	height: 30%;
}
.front-info .name {
	font-size: 18px;
}
.front-info .date {
	font-size: 16px;
}
.pic-block.small .front-info .name {
	font-size: 16px;
	margin-left: 5px;
}
.pic-block.small .front-info .date {
	font-size: 12px;
}
.back {
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 10px;
}
.back .name {
	font-size: 20px;
	margin-top: 20px;
}
.back .date {
	font-size: 14px;
}
.back .description {
	font-size: 14px;
	margin-top: 15px;
}
.back .click {
	font-size: 14px;
	margin-top: 15px;
}
.txt1 {
	font-size: 20px;
}
.txt2 {
	font-size: 16px;
}
.marginTopMedium-15 {
	margin-top: 15px;
 }
/******************************END Gallery Flipper*/
}







 @media only screen and (min-width:40.0625em) { /*MEDIUM UP*/
.valign-middle {
    display: table;
}

.valign-middle .columns {
    display: table-cell;
    vertical-align: middle;
}

.valign-middle .columns,
.valign-middle [class*="column"] + [class*="column"]:last-child {
    float: none;
}
}






@media only screen and (min-width:64.0625em) { /*LARGE UP*/
.large-up-width-250 {
	width: 250px;
}
}

.event-video-bar .button.audio-off {
	background-image: url(../img/video-bar-muteOFF.png);
	margin-left: 20px;
}
.event-video-bar .button.audio-off.active {
	background-image: url(../img/video-bar-muteON.png);
}
.event-video-bar .button.audio-off.presenter {
	background-image: url(../img/video-bar-muteOFF-presenter.png);
}
.event-video-bar .button.audio-off.presenter.active {
	background-image: url(../img/video-bar-muteON-presenter.png);
}

.event-video-bar .button.widescreen {
	float: right;
	background-image: url(../img/video-bar-widescreenON.png);
	margin-right: 20px;
}

.event-video-bar .button.widescreen.active {
	background-image: url(../img/video-bar-widescreenOFF.png);
}



.event-video-bar {
	position: static;
}
}
.event-video-bar {
	background-color: #000000;
	height: 40px;
}
.event-video-bar .button {
	background-color: transparent;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	width: 24px;
	height: 40px;
	opacity: 0.6;
	margin-left: 25px;
	position: relative;
	padding: 0px;
	margin: 0px;
}
.event-video-bar .no-show {
	display: none;
}
.event-video-bar .button .tip {
	display: none;
	position: absolute;
	top: 45px;
	left: 0px;
	font-size: 12px;
	color: #666666;
	background-color: #E5E5E5;
	padding: 0px;
	min-width: 100px;
	line-height: 25px;
	font-weight: 400;
	border-radius: 5px;
}
.event-video-bar .button .tip.long {

	/*min-width: 500px; PDK */
	min-width: 530px;
}
.event-video-bar .button:hover .tip {
	display: block;
}
.event-video-bar .button.widescreen {
	float: right;
	background-image: url(../img//video-bar-widescreenON.png);
	margin-right: 20px;
}
.event-video-bar .button.pause {
	background-image: url(../img/video-bar-pause.png);
}
.event-video-bar .button.play {
	background-image: url(../img/video-bar-play.png);
}
.event-video-bar .button.end-event {
	background-image: url(../img/video-bar-end.png);
	width: 55px;
	margin-left: 20px;
}
.event-video-bar .button.start-event {
	background-image: url(../img/video-bar-start.png);
	width: 55px;
	margin-left: 20px;
}
.event-video-bar .button.start-event-disabled {
	background-image: url(../img/video-bar-start-disabled.png);
	width: 55px;
	margin-left: 20px;
}
.event-video-bar .button.widescreen.active {
	background-image: url(../img/video-bar-widescreenOFF.png);
}
.event-video-bar .button.audio-off {
	background-image: url(../img/video-bar-muteOFF.png);
	margin-left: 20px;
}
.event-video-bar .button.audio-off.active {
	background-image: url(../img/video-bar-muteON.png);
}
.event-video-bar .button.audio-off.presenter {
	background-image: url(../img/video-bar-muteOFF-presenter.png);
}
.event-video-bar .button.audio-off.presenter.active {
	background-image: url(../img/video-bar-muteON-presenter.png);
}
.event-video-bar .button:hover {
	background-color: transparent;
	opacity: 1;
}
.event-video-bar .live-txt {
	font-size: 12px;
	color: #ff6868;
	font-weight: 400;
	padding-left: 10px;
	line-height: 35px;
}
.event-video-bar .live-txt.paused {
	color: #ffffff;
	opacity: 0.6;
}

.flex-video.img-example {
	background-image: url(../images/artwork/random-broadcast-live.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.flex-video.img-example-question {
	background-image: url(../images/artwork/user-video-question.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.sc-black {
	background-color: #000000;
	position: relative;
}



.video-brodcast-element .row.event-video-bar {
	margin-top: -50px;
}
.aspect-ratio-broadcaster {
	background-color: #FF9900;	
}

@media only screen and (max-width: 40em) { /*SMALL*/
.right-for-small-only {
	float: right;
}
.aspect-ratio-broadcaster {
	min-width: auto;
	min-height: auto;
	border: 1px solid #000000;
}
.aspect-ratio-broadcaster-user-LargeScreen {
	min-width: auto;
	min-height: auto;
	border: 1px solid #000000;
}
}

@media only screen and (min-width:40.0625em) { /*MEDIUM*/
.aspect-ratio-broadcaster {
	min-width: 100%;
	min-height: auto;
	border: 1px solid #000000;
	padding: 0px;
}
.aspect-ratio-broadcaster-user-LargeScreen {
	min-width: 100%;
	min-height: auto;
	border: 1px solid #000000;
	padding: 0px;
}
}

@media only screen and (min-width:64.0625em) { /*LARGE*/
.aspect-ratio-broadcaster {
	min-width: 100%;
	min-height: auto;
	border: 1px solid #000000;
	padding: 0px;
}
.aspect-ratio-broadcaster-user-LargeScreen {
	min-width: 100%;
	min-height: auto;
	border: 1px solid #000000;
	padding: 0px;
}
}
.flex-video {
	height: 0;
	margin-bottom: 1rem;
	overflow: hidden;
	padding-bottom: 72%;
	padding-top: 1.5625rem;
	position: relative;
}
.flex-video.recording {
	margin-bottom: 0px;
	padding-bottom: 70%;
}
.flex-video.widescreen {
	padding-bottom: 56.34%
}
.flex-video.vimeo {
	padding-top: 0
}
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	left: 0
}

.vc-volumne { 
	width: 300px; 
}

.vc-meter { 
	border: 1px solid #FFFFFF;
}

.viewers-count-container {
	background-color: #000000;
	border: 1px solid #5e5e5e;
	border-radius: 3px;
	line-height: 30px;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 40px;
	font-size: 13px;
	background-image: url(/img/viewers-count-icon.png);
	background-position: left center;
	height: auto;
	width: auto;
	background-repeat: no-repeat;
	margin-right: 10px;
	float: right;
}



.vu-meter-container {
	padding: 1px;
	width: 100%;
	max-width: 220px;
	border: 1px solid #e2e2e2;
	background-color: #FFFFFF;
	overflow: hidden;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.vu-meter-gradient {
	background-image: url(/img/vu-meter.jpg);
	background-position: left center;
	background-size: cover;
	height: 6px;
	width: 100%;
	background-repeat: no-repeat;
}

.volume-slider-txt {
	position: absolute;
	top:-5px;
}


.range-slider {
  border: 1px solid #DDDDDD;
  margin: 1.25rem 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  display: block;
  height: 1rem;
  width: 100%;
	max-width: 220px;
	float: none;
	margin-left: auto;
	margin-right: auto;
  background: #FAFAFA; }
  
  
  .range-slider.disabled, .range-slider[disabled] {
    background: #FAFAFA;
    cursor: not-allowed;
    opacity: 0.7; }
    .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
      background: #008CBA;
      cursor: default;
      opacity: 0.7; }
      .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
        background: #007ba4; }

.range-slider-active-segment {
  background: #e5e5e5;
  border-bottom-left-radius: inherit;
  border-top-left-radius: inherit;
  display: inline-block;
  height: 0.875rem;
	width: 100%;
  position: absolute;
  left: 0px;}

.range-slider-handle {
  border: 1px solid none;
  cursor: pointer;
  display: inline-block;
  height: 1.375rem;
  position: absolute;
  top: -0.3125rem;
	left: 0px;
  width: 2rem;
  z-index: 1;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #d4b31d; }
.range-slider-handle:hover, .sc-volume .range-slider .range-slider-handle:hover {
	background: #fad21c
}

.event-video-bar .live-txt {
	font-size: 12px;
	color: #ff6868;
	font-weight: 400;
	padding-left: 10px;
	line-height: 35px;
}
.event-video-bar .live-txt.paused {
	color: #ffffff;
	opacity: 0.6;
}

.green-dot-live {
	font-size: 22px;
	color: #92f233;
}
.green-dot-live.red {
	font-size: 20px;
	color: #ff0000;
}



.webcam-record-btn {
	background-image: url(../img/Starchat_Website_Desktop_btn_Record.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 54px;
	width: 54px;
	cursor: pointer;
}






.reveal-modal.landing {
	background-color: #d4b31d;
	margin-top: 15%;
	max-width: 400px;
	padding-right: 20px;
	padding-left: 20px;
}
.reveal-modal.landing.grey {
	background-color: #6a6a6a;	
}
.reveal-modal.landing.grey .title {
	background-color: #6a6a6a;	
}
.reveal-modal.landing .title {
	padding-left: 0px;
}
.reveal-modal.landing input[type=checkbox] {
	height: 15px;
	width: 15px;
	float: left;
	margin-top: 4px;
}
.landing-forgot-pass {
	color: #FFFFFF;
	float: right;
	cursor: pointer;
}
.landing-forgot-pass:hover {
	color: #000000;
}
.landing-input-eror {
	color: #ffffff;
	background-color: #ff5850;
	padding: 7px;
	border-radius: 3px;
	display: none;
}
.reveal-modal.landing .modal-login-btn {
	font-size: 15px;
	color: #474747;
	background-color: #fafafa;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fafafa));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fafafa, #fafafa);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #fafafa, #fafafa);
	/* FF3.6+ */
	background-image: -ms-linear-gradient(top, #fafafa, #fafafa);
	/* IE10 */
	background-image: -o-linear-gradient(top, #fafafa, #fafafa);
	/* Opera 11.10+ */
	background-image: linear-gradient(to bottom, #fafafa, #fafafa);
	text-align: center;
	vertical-align: middle;
	height: 35px;
	width: 105px;
	cursor: pointer;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-shadow: -1px 6px 5px -6px rgba(0,0,0,0.43);
	-moz-box-shadow: -1px 6px 5px -6px rgba(0,0,0,0.43);
	box-shadow: -1px 6px 5px -6px rgba(0,0,0,0.43);
	float: none;
	font-weight: 200;
	display: block;
	line-height: 35px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
}
.reveal-modal.landing .modal-login-btn:hover {
	background-color: #ececec;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ececec));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ececec, #ececec);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #ececec, #ececec);
	/* FF3.6+ */
	background-image: -ms-linear-gradient(top, #ececec, #ececec);
	/* IE10 */
	background-image: -o-linear-gradient(top, #ececec, #ececec);
	/* Opera 11.10+ */
	background-image: linear-gradient(to bottom, #ececec, #ececec);	
}
.reveal-modal.landing .modal-login-btn.long {
	width: 150px;
}
.register-link {
	color: #695809;
	cursor: pointer
}
.register-link:hover {
	color: #000000;
}
.reveal-modal.landing input[type=text], .reveal-modal.landing input[type=password] {
	height: 45px;
	font-size: 16px;
	color: #868686;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	font-weight: 200;
}



.reveal-modal {
	padding-bottom: 20px;
}
.modal-record-question {
	background-color: #ffffff;
	border: 3px solid #d4b31d;
	max-width: 600px;
	font-size: 14px;
}
.reveal-modal .title {
	background-color: #d4b31d;
	color: #ffffff;
	font-size: 24px;
	line-height: 60px;
	padding-left: 20px;
	font-weight: 200;
}

.reveal-modal .payment {
	background-color: rgba(255, 255, 255, 0);
	color: #ffffff;
	font-size: 14px;
	line-height: 60px;
	padding-left: 20px;
	font-weight: 200;
}
.reveal-modal a.close-reveal-modal {
	color: #ffffff;
	font-size: 40px;
	font-weight: bold;
}
.reveal-modal .close-reveal-modal:hover {
	color: #000000;
}
.mic-ico {
	background-image: url(../images/artwork/Starchat_Website_Desktop_ico_DropdownIco_Mic.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 21px;
	width: 21px;
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.cam-ico {
	background-image: url(../images/artwork/Starchat_Website_Desktop_ico_DropdownIco_webcam.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 21px;
	width: 21px;
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.volume-slider-txt {
	position: absolute;
	top:-5px;
}
.reveal-modal .range-slider .range-slider-handle, .sc-volume .range-slider .range-slider-handle {
	background: #d4b31d;
}
.reveal-modal .range-slider .range-slider-handle:hover, .sc-volume .range-slider .range-slider-handle:hover {
	background: #fad21c
}
.range-slider-active-segment .range-slider-active-segment, .range-slider-active-segment {
	background: #acacac;
}

/*
.record-video-step2.recording .seconds-pre-roll {
	display: none;
}
.record-video-step2.pre-roll .seconds-recording {
	display: none;
}
*/
.webcam {
	border: 3px solid #000000;
}
.webcam-stopping{
	display: hidden;
}
.webcam-recording{
	border: 3px solid #ff1a1a;
}
.webcam-preroll {
	border: 3px solid #d4b31d;
}

.record-video-step2.recording . {
	border: 3px solid #ff1a1a;
}
.record-video-step2.pre-roll . {
	border: 3px solid #d4b31d;
}
.flex-video.img-example {
	background-image: url(../images/artwork/random-broadcast-live.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.flex-video.img-example-question {
	background-image: url(../images/artwork/user-video-question.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}





/* PDK */
.stop-video-btn {
	background-image: url(../img/Starchat_Website_Desktop_btn_StopRecording.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 54px;
	width: 54px;
	cursor: pointer;
}

.webcam-stop-btn {
	background-image: url(../img/Starchat_Website_Desktop_btn_StopRecording.png);
	background-repeat: no-repeat;
	background-position: center center;
	/*display: none; PDK*/
	height: 54px;
	width: 54px;
	cursor: pointer;
}
.webcam-play-btn {
	background-image: url(../img/Starchat_Website_Desktop_btn_PlayRecording.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 54px;
	width: 54px;
	cursor: pointer;
}
.webcam-record-btn:hover {
	background-image: url(../img/Starchat_Website_Desktop_btn_Record_mouseover.png);
}
/*.record-video-step2.recording .webcam-stop-btn:hover {*/
.webcam-stop-btn:hover {
	background-image: url(../img/Starchat_Website_Desktop_btn_StopRecording_mouseover.png);
}
.webcam-play-btn:hover {
	background-image: url(../img/Starchat_Website_Desktop_btn_PlayRecording_mouseover.png);
}
/*
.record-video-step2 {
	display: none;
}
.record-video-step3 {
	display: none;
}
.record-video-step4 {
	display: none;
}
*/
.record-countdown {
	font-size: 15px;
	color: #f80e0e;
	display: block;
	height: 50px;
	width: 50px;
	position: absolute;
	left: 15px;
	top: 15px;
	text-align: center;
	line-height: 15px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}
.record-countdown span {
	font-size: 26px;
	font-weight: 800;
}

img, .photo-big, .photo-small {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.locked-account-ico {
	background-image: url(../img/SC-Ico-Round-Loked.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 50px;
}
.load-btn, .submit-btn.load-btn:hover { 
	background-image: url(../img/pre15.gif); 
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: 14%; 
	background-color: transparent;
	cursor: default; 
	-webkit-transition: 0s; 
	-ms-transition: 0s; 
	-moz-transition: 0s; 
	transition: 0s;
	background-size: 60px 16px;
}

#playerElement {
	width:800px; 
	height:600px; 
	padding:0;
}

/* Images preload */
div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}