/*#broadcast.liveCam {
	padding: 0;
}*/
@media all and (min-width:1025px) {
.container {
    width: 1320px;   
}
}
.profile-header {
    min-height: 40px;
    padding: 20px 15px 10px;
    margin: 0;
}
.profile-header .headerLeftCol {
	float: left;
	width: 380px;
}

@media all and (max-width:980px) {
.profile-header .headerLeftCol {
	margin: 0;
	width: 100%;
}
}

@media all and (max-width:727px) {
.profile-header .headerLeftCol {
	margin: 0;
	width: 100%;
	padding: 0;
}
}
.profile-header h1.user1 {
	font-size: 28px;
	display: inline;
	margin: 0px 10px 0px 0px;
	float: left;
	display: none;
}
.profile-header h1.user2 {
	float: left;
	font-size: 28px;
	line-height: 26px;
	margin: 0px 0px 9px 0px;
}
.profile-header .loc {
    display: none;
}
.profile-header .rating {
	float: left;
	display: inline-block;
	margin-left: 18px;
}
.profile-header .rating img {
    height: 22px;
    width: auto;
    margin: 1px 0 0;
}


.profile-header .mobile-toggle {
	display: none;
}

@media all and (max-width:727px) {
.profile-header .mobile-toggle {
	display: inline-block;
}
}
.profile-info-sm {
	float: left;
	height: 20px;
	margin-right: 6px;
}
.profile-box {
	float: right;
	width: 250px;
	height: 72px;
	background-color: #444444;
	padding: 4px 5px;
}
.profile-box a {
	color: #ffffff;
}
.profile-box a.green {
	color: #83C30C !important;
}
.profile-box a:hover {
	text-decoration: none;
}
.profile-box .profile-pic {
	float: left;
	width: 54px;
	margin-right: 10px;
	background-color: #f0f0f0;
	padding: 2px;
	font-size: 10px;
	text-align: center;
	border-radius: 1px;
}
.winner {
	position: absolute;
	display: inline-block;
	clear: both;
	height: 24px;
	width: 24px;
	overflow: hidden;
	top: 6px;
	right: 20px;
	z-index: 10;
	background: url(../images/sprt-icon-grp3.png) 0px 0px;
	opacity: 0.8;
}
.profile-box .usrinfo {
	float: left;
	width: 174px;
}
.profile-box .usrinfo p {
	color: #d9d9d9;
	font-size: 12px;
	margin-bottom: 5px;
}
.profile-box .usrinfo .icons {
	font-size: 12px;
	display: inline-block;
	margin: 0px 0px 0px 2px;
}
.profile-box .usrinfo .icons a {
	margin-left: 3px;
}
.profile-box .usrinfo sup {
	color: #ffffff;
	background-color: #C21A01;
	padding: 2px 3px;
	border-radius: 8px;
	min-width: 15px;
	display: inline-block;
	line-height: 10px;
	text-align: center;
}
.tint {
	width: 100%;
	background-image: url(../images/tint.png);
	text-shadow: 0px 0px 4px #404040p;
}
.pro-img {
	float: left;
	width: 50px;
	height: 45px;
	margin: 0px 0px 1px 0px;
}
.profile-bnr {
	background-color: #535353;
	color: #ffffff;
	background-position: center center;
	background-size: cover;
}
.profile-bnr.bg {
	background-image: url(../images/banner5.jpg);
}
.profile-bnr.bg-2 {
	background-image: url(../images/banner-voodoo-witch.jpg);
}
.cam-wrap {
	float: left;
	width: 87%;
	position: relative;
	padding: 0;
}
.cam-wrap.fixed {
	float: none;
	width: 100%;
	max-width: 1240px;
	min-width: 1025px;
	margin: 30px auto;
    box-shadow: 0px 0px 20px #101010;
}
.cam-wrap.broadcaster {
	width: 85%;
}

#broadcast .top-msg {
	dislay: inline-block;
	width: 100%;
	position: relative;
	border: 1px solid #505050;
	padding: 7px 10px;
	min-height: 12px;
	background-color: #222;
	color: #fff;
	font-size: 18px;
	margin: 2px 0 10px;
	box-shadow: 0px 0px 3px #000;
	border-color: #BC9A59;
}
#broadcast .top-msg a {
	color: #fff;
}
#broadcast .top-msg .gold-link {
	color: #BC9A59;
}
#broadcast .top-msg .gold-link:hover {
	color: #fff;
}
#broadcast .top-msg.gold-info {
	border: 1px solid #BC9A59;
	color: #BC9A59;
}
#broadcast .top-msg .close, #broadcast #translate .close {
	text-shadow: none;
	height: 20px;
	width: 20px;
	font-size: 19px;
	line-height: 12px;
	text-align: center;
	padding: 2px;
	border-radius: 99px;
	position: absolute;
	right: 7px;
	top: 12px;
	opacity: 0.9;
	background: #000;
	color: #fff;
}

@media all and (max-width: 728px) {
    #broadcast .top-msg .close, #broadcast #translate .close {
        right: 3px;
        top: 3px;
    }
}
#broadcast .top-msg .close:hover, #broadcast #translate .close:hover {
	opacity: 1;
	background: #fff;
	color: #000;
}
 @-webkit-keyframes flash {
 0%, 50%, 100% {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
 @keyframes flash {
 0%, 50%, 100% {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}
.animated {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.cam-wrap .xtnd {
	float: left;
	position: relative;
	width: 100%;
}
.cam-right {
	float: left;
	width: 13%;
	position: relative;
	text-align: center;
	padding: 10px;
}
#broadcast.broadcaster .cam-right {
	width: 15%;
	text-align: left;
}
.camTabs {
	width: 100%;
	height: auto;
	background-color: #000;
	position: relative;
	float: left;
}
.camTabs .tab {
	float: left;
	display: inline-block;
	padding: 2px 15px;
	line-height: 26px;
	background-color: #242424;
	width: auto;
	font-size: 12px;
	border-right: 2px solid #000;
	color: #e4e4e4;
	text-transform: capitalize;
}
.camTabs .tab.active {
	background-color: #3e3e3e;
	color: #fff;
}
.cam2cam {
	width: 100%;
	height: 205px;
	background-color: #505050;
	position: relative;
	float: right;
}
.cam2cam img {
	display: block;
	max-width: 316px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.cam-wrap .allCam {
	float: left;
	position: relative;
	width: 100%;/*height: 440px; */
}
.chat-container {
	width: 100%;
}
.cam-wrap .cam-main {
	/*float: left;
	width: 492px;
	height: 440px;*/
	background-color: #000;
	position: relative;
    display: block;
    float: none;
   
    height: 480px;
    margin: 0 460px 0 0;
    margin: 0 520px 0 0;
}
.cam-wrap .cam-main .status1 {
	position: relative;
	float: left;
	height: 32px;
	padding: 0px 5px;
	width: 100%;
	font-size: 13px;
}
.cam-wrap .cam-main .cam-video {
	float: left;
	height: 410px;
	position: relative;
}
.cam-wrap .cam-main .cam-video img {
	width: 490px;
	height: 408px;
}
.cam-wrap .chat-main {
	background-color: #3e3e3e;
    margin: 0;
    width: 520px;
    float: right;
}
.tip-row {
	float: left;
	position: relative;
	width: 100%;
	height: 28px;
	background-color: #888;
	text-align: center;
}
.cam-wrap .chat-main .controls {
	width: 100%;
	height: 22px;
	background-color: #747474;
	padding: 0px 6px;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
}
.chat-main-wrap .chat {
	float: left;
	padding: 4px;
	background-color: #fff;
	width: 100%;
	height: 97%;
	border-radius: 2px;
	border: 1px solid #c4c4c4;
	box-shadow: 0px 0px 7px #111;
	overflow: auto;
}
.chat-field {
	width: 100%;
	float: left;
	box-shadow: none;
	border-radius: 0px;
	border: 0px;
	background: transparent;
	padding-left: 56px;
	padding-right: 56px;
	overflow: hidden;
}
.tip-field {
	float: left;
	width: 60px;
	box-shadow: none;
	border-radius: 0px;
	border: 0px;
	display: inline-block;
}
.chat-field:hover, .chat-field:active, .chat-field:focus {
	box-shadow: none;
	background-color: transparent;
	border: 0px;
}
.cam-wrap .sub-feature-set {
	float: left;
	position: relative;
	padding: 0px 12px;
	width: 100%;
	font-size: 12px;
	line-height: 32px;
	color: #d9d9d9;
	height: 32px;
	background-color: #111;
}
.cam-wrap .sub-feature-set .feature {
	padding: 0px 9px;
	font-size: 13px;
	line-height: 22px;
	margin: 0;
	font-weight: 300;
	text-transform: capitalize;
	display: inline-block;
}
.cam-wrap .quick-tip-title {
	float: left;
	width: auto;
	padding: 0px 12px;
	height: 28px;
	font-size: 13px;
	line-height: 28px;
	background-color: #555;
	color: #fff;
}
.alertTag {
	display: inline-block;
	margin: -2px 0 0 3px;
	padding: 2px 3px;
	border-radius: 99px;
	background-color: #C21A01;
	color: #FFF;
	font-size: 85%;
	line-height: 13px;
}
/**********************************/
.cam-main .controls-bar {
	width: 40px;
	position: absolute;
	height: auto;
	right: 3px;
	bottom: 3px;
	opacity: 0.5;
	z-index: 99;
}
.cam-main .controls-bar:hover {
	opacity: 1;
}
.cam-main .controls-bar .controls {
	display: inline-block;
	width: 40px;
	height: 40px;
	float: left;
	background: url(../images/sprt-VideoSettings.png);
	cursor: pointer;
	opacity: 0.7;
}
.cam-main .controls-bar .controls:hover {
	opacity: 1;
}
.cam-main .controls-bar .controls.vol {
	background-position: 0 -44px;
}
.cam-main .controls-bar .controls.mic {
	background-position: 0 -223px;
}
.cam-main .controls-bar .controls.hd {
	background-position: 0 -266px;
}
.cam-main .controls-bar .controls.feedback {
	background-position: 0 -410px;
}
/**********************************/
/**** buttons ***/
.cam-wrap .main-tip {
	float: left;
	width: auto;
	padding: 0px 12px;
	height: 28px;
	font-size: 13px;
	line-height: 28px;
	background-color: #fc531d;
	color: #fff;
	cursor: pointer;
	border-left: 1px solid #e83c00;
}
.cam-wrap .main-tip:hover {
	background-color: #e83c00;
}
.cam-wrap .main-tip.alt-btn {
	background-color: #54545f;
	border-left: 1px solid #34343f;
}
.cam-wrap .main-tip.alt-btn.active {
	background-color: #9494A4;
	border-color: #34343f;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4) inset;
}
.chat-main-wrap {
	float: left;
	padding: 10px;
	width: 100%;
	position: relative;
	padding: 7px;
	height: 388px;
	height: 410px;
}
.chat-main-wrap .inputs {
	float: left;
	position: relative;
	width: 100%;
	height: auto;
	padding: 4px 6px 4px 0px;
	margin: 10px 0 0 0;
	background-color: #f7f7f7;
}
.player-base {
	float: left;
	position: relative;
	width: 100%;
	height: 90px;
	background-color: #545454;/*background-color: #747474;*/
}
.player-base .buy-tokens {
	float: left;
	height: 90px;
	width: 17%;
	background-color: #111;
	padding: 6px 12px;
}
.broadcast-base {
	float: left;
	position: relative;
	width: 100%;
	height: 84px;
	background-color: #545454;
}
.broadcast-base .show-desc {
	float: left;
	display: inline-block;
	width: 37%;
	padding: 5px;
}
.broadcast-base .update {
	background-color: #333;
	border: 1px solid #666;
	color: #d9d9d9;
	height: 60px;
	position: relative;
}
.broadcast-base .show-desc {
	float: left;
	display: inline-block;
	width: 38%;
	padding: 8px;
}
.broadcast-base .player-notify {
	float: left;
	display: inline-block;
	width: 30%;
	padding: 8px;
}
.broadcast-base .perf-earnings {
	float: left;
	display: inline-block;
	width: 32%;
	padding: 8px;
}
.custom-tip-device {
	float: left;
	margin: 0 0 0 10px;
	display: none;
}
.fixed-tip {
	float: left;
}
.player-base .custom-tip {
	float: left;
	display: inline-block;
	width: 12%;
	padding: 8px;
	color: #333;
	font-size: 16px;
}
.player-base .show-desc {
	float: left;
	display: inline-block;
	width: 32%;
	padding: 8px;
	color: #333;
	font-size: 13px;
}
.player-base .show-desc .update {
	height: 72px;
	position: relative;
}
.player-base .goal-wrap {
	float: left;
	display: inline-block;
	width: 39%;
	padding: 8px;
	color: #333;
	font-size: 14px;
}
/**** Goal Progress Bar  ****/

.progress.goal {
	height: 21px;
	margin-bottom: 6px;
	background-color: #32323f;
	border-radius: 1px;
	/*box-shadow: 0px 1px 2px #000 inset;
	box-shadow: 0px -1px 2px #444444 inset;*/
	color: #000;
	font-size: 12px;
	/*box-shadow: 2px 2px rgba(0,0,0,0.29);*/
	position: relative;
	background: #6fb7ec; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYmZmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2UxZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDAwMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, #00bff9 0%, #e1ff00 63%, #dd0003 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00bff9), color-stop(63%, #e1ff00), color-stop(100%, #dd0003)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #00bff9 0%, #e1ff00 63%, #dd0003 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #00bff9 0%, #e1ff00 63%, #dd0003 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #00bff9 0%, #e1ff00 63%, #dd0003 100%); /* IE10+ */
	background: linear-gradient(to right, #00bff9 0%, #e1ff00 63%, #dd0003 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bff9', endColorstr='#dd0003', GradientType=1 ); /* IE6-8 */
}
.show-goal {
	background-color: #6fb7ec;
	color: #fff;
	z-index: 2;
	background: #fff;
	opacity: 0.82;
	float: right;
	box-shadow: -3px 0px 4px #aaa;
}
.goal-total {
	color: #000;
	width: 100%;
	line-height: 21px;
	position: absolute;
	z-index: 2;
	font-weight: bold;/* text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8); */
}
.goal-count {
	color: #fff;
	padding: 0px 6px;
	position: absolute;
	z-index: 0;
	display: inline-block;
	right: 16px;
}
.token-board {
	font-weight: normal;
	color: #f0f0f0;
}
.token-board a {
	color: #ffca27;
}
.token-board .tip-options {
	width: 100%;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	padding: 0 0 15px;
	margin: 5px 0 0;
}
.token-board .tip-options .btn {
	height: 18px;
	line-height: 18px;
	border: 0 none;
	padding: 0 5px;
}
.token-board .tip-options:last-child {
	padding: 0;
	margin: 5px 0 0;
	border-bottom: none;
}
.token-board .tip-options .leader {
	color: #f6b11a;
	color: #ffca27;
	font-weight: bold;
}
/**** Buttons Chat ****/

.btn-chat {
	background-color: #a7a7a7;
	border-radius: 0px;
}
.mob-interact {
	display: none;
	height: 0;
}
/****   TRANSLATION TOOL  ****/

#translate {
	padding: 0px 10px 0px 58px;
	border: 1px solid #202020;
	margin: 0 0 5px;
	font-size: 13px;
	background: #404047;
	background: url(../images/translate-icon-grey.png) no-repeat #43434c center left;
	box-shadow: 0px 1px 1px #333 inset;
	position: relative;
}
#translate .translate-options {
	min-height: 39px;
	border-left: 1px solid #333;
	padding: 8px 12px;
}
.trans-prompt {
	display: inline-block;
	margin: 0 15px 0 0;
}
#translate .trans-prompt .small-title {
	display: none;
}
.lang-sel-wrap {
	display: inline-block;
}
.lang-sel-wrap .settings {
	display: inline-block;
	font-size: 12px;
	line-height: 1.6;
	margin: 0 0 0 10px;
}
.show-earnings {
	float: left;
	width: 30%;
	padding: 10px;
	font-weight: 300;
	color: #c4c4c4;
	line-height: 24px;
	font-size: 16px;
}
/*************************/
/****  ON PAGE BROADCAST TOOL  ****/
/*************************/


.new-broadcast-bar {
	width: 100%;
	height: 40px;
	background: #222;
	float: left;
}
.new-broadcast-bar .input-sm, .show-desc .input-sm {
	background: #333;
	border: 1px solid #747474;
	border-radius: 1px;
	color: #fff;
	margin: 0;
}
.new-broadcast-bar .input-sm:active, .input-sm:focus {
	background: #f0f0f0;
	color: #111;
	border: 1px solid #6fb7ec;
}
.new-broadcast-bar .set-show {
	float: left;
	line-height: 22px;
	width: 126px;
	display: inline-block;
}
.new-broadcast-bar .label-setting {
	display: inline-block;
	font-size: 12px;
	float: left;
	margin: 0 7px 0 0;
}
.new-broadcast-bar .special-feats {
}
.new-broadcast-bar .special-feats span.feature {
	font-size: 13px;
	display: inline-block;
	float: left;
	padding: 5px 20px;
	padding: 2px 16px;
	line-height: 36px;
	border-right: 1px solid #000;
	height: 40px;
	margin: 0;
}
.new-broadcast-bar .special-feats span.feature:hover {
	cursor: pointer;
	background: #e83c00;
}
.show-status {
	float: left;
	background: #202020;
	border: 1px solid #555;
	font-size: 12px;
	padding: 10px;
	margin: 10px 0 0;
	border-radius: 2px;
}
.show-status .set-show2 {
	float: left;
	width: 100px;
	display: inline-block;
	margin: 0 10px 0 0;
}
.show-status .set-show2 .label {
	float: left;
}
.show-status .status-area {
	margin: 0px;
	width: 290px;
	font-size: 13px;
	height: 60px;
}
.send-btn {
	width: 36px;
	height: 36px;
	position: absolute;
	right: -8px;
	bottom: -3px;
	border-radius: 99px;
	border: 2px solid #fff;
	padding: 2px;
	background: -moz-radial-gradient(center, ellipse cover, #f55f44 0%, #f56a5d 0%, #fc531d 8%, #f6290c 51%, #f02f17 71%, #c9291a 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f55f44), color-stop(0%, #f56a5d), color-stop(8%, #fc531d), color-stop(51%, #f6290c), color-stop(71%, #f02f17), color-stop(100%, #c9291a));
	background: -webkit-radial-gradient(center, ellipse cover, #f55f44 0%, #f56a5d 0%, #fc531d 8%, #f6290c 51%, #f02f17 71%, #c9291a 100%);
	background: -o-radial-gradient(center, ellipse cover, #f55f44 0%, #f56a5d 0%, #fc531d 8%, #f6290c 51%, #f02f17 71%, #c9291a 100%);
	background: -ms-radial-gradient(center, ellipse cover, #f55f44 0%, #f56a5d 0%, #fc531d 8%, #f6290c 51%, #f02f17 71%, #c9291a 100%);
	background: radial-gradient(ellipse at center, #f55f44 0%, #f56a5d 0%, #fc531d 8%, #f6290c 51%, #f02f17 71%, #c9291a 100%);
}
.tippers-wrap {
	background-color: #222;
	border: 1px solid #666;
	padding: 5px 7px;
	box-shadow: 0px 0px 3px #1f1f1f;
}
.tippers-wrap li {
	font-size: 11px;
	color: #c4c4c4;
}
.tippers-wrap .tipper {
	font-size: 11px;
	width: 100%;
	display: inline-block;
	line-height: 21px;
	color: #e4e4e4;
}
.tippers-wrap .tipper img {
	float: left;
	margin: 0 7px 0 0;
}
.tippers-wrap .tipper .name {
	display: inline-block;
}
.tippers-wrap .tipper .right-info {
	display: inline-block;
	float: right;
	color: #70a60b;
}
.pvt-shows {
	float: left;
	position: relative;
	width: 23%;
	max-width: 220px;
	height: 28px;
	font-size: 14px;
	line-height: 27px;
	text-align: center;
	color: #20202f;
}
.pvt-shows .notify {
	position: absolute;
	top: 3px;
	width: 18px;
	height: 18px;
	border-radius: 99px;
	background: #C21A01;
	font-size: 9px;
	color: #e4e4e4;
	text-align: center;
	display: inline-block;
	line-height: 18px;
	margin: 0 0 0 5px;
	font-weight: normal;
}
.pvt-shows-set {
	width: 32px;
	height: 28px;
	display: inline-block;
	float: left;
	line-height: 30px;
	border-right: 1px solid #84848f;
	color: #848484;
}
.pvt-shows, .pvt-shows-set {
	background-color: #dcd4df;
}
.pvt-shows-set a {
	color: #555;
}

/*************************/
/****  MEDIA QUERIES  ****/


@media (min-width:1360px) {
.cam-wrap {
	width: 90%;
}
.cam-wrap.broadcaster {
	width: 80%;
}
#broadcast.broadcaster .cam-right {
	width: 20%;
}
.cam-right {
	width: 10%;
}
.cam2cam {
	width: 316px;
	height: 414px;
}
}

@media (max-width:1359px) {
.tippers-wrap .tipper img {
	display: none;
}
.tippers-wrap ol {
	padding: 0;
	margin: 0;
}
.tippers-wrap li {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
.tippers-wrap .tipper .right-info .units {
	display: none;
}
}

@media (max-width:980px) {
.cam-wrap {
	width: 100%;
}
.cam-right {
	display: none;
	width: 0px;
}
.trans-prompt {
	margin: 0 15px 10px 0;
	width: 100%;
}
.cam-wrap .cam-main {
	float: left;
	width: 50%;
	background-color: #000;/*height: auto;*/
}
.cam-wrap .allCam {
	height: auto;
}
.cam-wrap .cam-main .cam-video {
	width: 100%;
}
.cam-wrap .cam-main .cam-video img {
	width: 100%;
	height: auto;
}
.cam-wrap .chat-main {
	margin-left: 0px;
	width: 50%;
	float: left;
}
.chat-main-wrap .chat {
	height: 86%;
}
.cam2cam {
	display: none;
	width: 0px;
}
.cam-wrap .sub-feature-set {
	padding: 6px 12px;
	height: 44px;
}
.player-base .show-desc {
	width: 55%;
}
.player-base .goal-wrap {
	width: 45%;
}
.tip-row {
	height: auto;
}
.custom-tip-device {
	display: inline-block;
}
}

@media all and (max-width:728px) {
#broadcast.liveCam {
	min-height: 300px;
	padding: 0;
	margin: 0;
}
.cam-wrap {
	padding: 0;
}
.chat-main-wrap {
	padding: 0;
	width: 100%;
	height: auto;
}
.cam-wrap .cam-main {
	float: left;
	width: 100%;
	height: auto;
}
/* Translation Tools */
#translate {
	background-image: none;
	padding: 0 10px;
}
#translate .translate-options {
	border: 0px;
	padding: 0;
}
#translate .trans-prompt .small-title {
	display: inline;
}
/*.cam-wrap .cam-main .status1 {
	background-color: #333;
}*/

.tip-row {
	padding: 0;
	background-color: #242424;
}
.pvt-req {
	background: #ffca27;
	color: #000;
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	border-radius: 0;
}
.mob-interact {
	background-color: #121212;
	width: 100%;
	display: block;
	height: 36px;
	padding: 0;
	float: left;
}
#togg-tip {
	height: 36px;
	line-height: 36px;
	/*padding:0 15px;*/
	width: 30%;
	background-color: #fc531d;
	cursor: pointer;
	text-align: center;
	border-left: #242424;
}
#togg-tip.active {
	background-color: #242424;
}
.cam-wrap .cam-main .status1 {
	float: left;
	height: 18px;
	padding: 0;
	width: 100%;
	font-size: 13px;
	line-height: normal;
	text-align: center;
}
.progress.goal {
	height: 7px;
	margin: 0;
	background-color: #e0e0e0;
	border-radius: 0;
}
/* .fixed-tip {
	float: right;
} */
.custom-tip-device {
	margin: 0 !important;
	float: right;
}
.cam-wrap .cam-main .cam-video img {
	width: 100%;
	max-width: 420px;
	max-height: 268px;
	margin: 0 auto;
	position: relative;
	display: block;
}
.goal-xs {
	font-size: 13px;
	line-height: 19px;
	font-weight: 300;
	color: #f0f0f0;
	background: #242424;/* 
	color: #111;
	font-weight:bold;
	font-size: 12px;
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYmZmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2UxZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDAwMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, #00bff9 0%, #e1ff00 63%, #dd0003 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00bff9), color-stop(63%, #e1ff00), color-stop(100%, #dd0003));
	background: -webkit-linear-gradient(left, #00bff9 0%, #e1ff00 63%, #dd0003 100%); 
	background: -o-linear-gradient(left, #00bff9 0%, #e1ff00 63%, #dd0003 100%); 
	background: -ms-linear-gradient(left, #00bff9 0%, #e1ff00 63%, #dd0003 100%); 
	background: linear-gradient(to right, #00bff9 0%, #e1ff00 63%, #dd0003 100%); 
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bff9', endColorstr='#dd0003', GradientType=1 ); 
	*/
}
.cam-wrap .cam-main .cam-video {
	height: auto;
}
.cam-wrap .chat-main .controls {
	display: none;
}
.chat-container {
	height: auto;
}
.cam-wrap .chat-main {
	float: left;
	width: 100%;
}
.chat-main-wrap .chat {
	height: 140px;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	border: 0 none;
}
.chat-main-wrap .inputs {
	margin: 0;
	border-top: 2px solid #c4c4c4;
}
.chat-main-wrap .inputs .btn-wrapper {
	top: 3px;
}
.sub-feature-set {
	display: none;
}
.cam-wrap .main-tip, .cam-wrap .tip-field {
	height: 30px;
	line-height: 30px;
	padding: 0 13px;
}
.cam-wrap .main-tip.amnt {
	margin-left: 3px;
	font-size: 15px;
	border-radius: 1px;
	text-shadow: 0px 0px 2px #909090;
}
.player-base {
	height: auto;
}
.player-base .show-desc .update {
	height: 30px;
	margin: 0;
	padding: 6px 1px;
	background: transparent;
	border: 0px;
	box-shadow: none;
	color: #f0f0f0;
}
.player-base .show-desc {
	width: 100%;
	font-size: 14px;
}
.player-base .goal-wrap {
	width: 100%;
	display: none;
}
.player-base .goal-total {
}
}

@media all and (max-width: 420px) {
#translate .lang-sel-wrap .settings {
	margin: 10px 0 0;
	width: 100%;
}
}
/***  UPDATE - FOR ROLL DICE AND REFRESHED TIP BAR  ****/

.tip-row.new-ver {
	padding: 2px;
	padding: 0;
	height: 28px;
	background: #747474;
}
.tip-row.new-ver .btn {
	height: 28px;
	font-size: 13px;
	line-height: 26px;
	border-radius: 1px;
	margin: 0;
	padding: 0 17px;
	border-radius: 0;
	float: left;
	background: #f5531d;
}
.tip-row.new-ver .non-btn {
	height: 28px;
	font-size: 13px;
	line-height: 26px;
	margin: 0;
	padding: 0 25px;
	background: #4c444f;
}
.tip-row.new-ver .btn.private-show {
	/* width:230px; */
	background-color: #ffca27;
	color: #000;
}
.tip-row.new-ver .btn.play-dice {
	padding: 0 25px;
	color: #fff;
	border: 0 none;
	background: #783ab0;/*background: -moz-linear-gradient(top, rgba(134,78,184,1) 0%, rgba(108,53,159,1) 100%);
	background: -webkit-linear-gradient(top, rgba(134,78,184,1) 0%,rgba(108,53,159,1) 100%); 
	background: linear-gradient(to bottom, rgba(134,78,184,1) 0%,rgba(108,53,159,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#864eb8', endColorstr='#6c359f',GradientType=0 );*//*background: #490051;
	background: -moz-linear-gradient(top, #490051 0%, #211d30 100%);
	background: -webkit-linear-gradient(top, #490051 0%, #211d30 100%);
	background: linear-gradient(to bottom, #490051 0%, #211d30 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#490051', endColorstr='#211d30', GradientType=0 ); */
}
.tip-row.new-ver .btn.play-dice:hover {
	/*background: -moz-linear-gradient(top, rgba(134,78,184,1) 0%, rgba(108,53,159,1) 100%);
	background: -webkit-linear-gradient(top, rgba(134,78,184,1) 0%,rgba(108,53,159,1) 100%); 
	background: linear-gradient(to bottom, rgba(134,78,184,1) 0%,rgba(108,53,159,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#864eb8', endColorstr='#6c359f',GradientType=0 );*/
	
	background: #622f8f;
}


.tip-row.new-ver .btn.kiiroo {
	float: right;
	background: #222;
	background: #d13d40;
}

.tip-row.new-ver .btn.kiiroo:hover {
	color: #fff;
}
.dev-icon {
	float: left;
	width: 25px;
	height: 25px;
	margin: 0 7px 0 0;
	background: url(../images/directory-icon-sprite.png) -356px 0px;
}


/************
			*************/
/**** SPONSORED CONTENT ****/

#broadcast.sponsored {
	/* background: #2c242f url(../images/vr-bg.jpg) no-repeat;*/
	/*background: #333 url('http://www.cam4.biz/vr/images/ela3.jpg');*/
	/*background: #333;*/
	/*background-size: cover;
	
	background: #3b3e47;*/
	padding: 0;
	background: #3b3e47 url('../images/ela2vr.jpg') no-repeat;
	/*background: #3b3e47 url('../images/ela4x.jpg') no-repeat; */
	background-position: right center;
}
#broadcast.sponsored.fleshlight {
	background: #3b3e47 url('../images/sponsored/stoya-bg.jpg') top no-repeat;
	/*background: #3b3e47 url('../images/sponsored/fleshlight-riley-reid.jpg') no-repeat;*/
	background-size: cover;
	background-position: right top

}
.sponsored .cam-wrap {
	width: 900px;
	margin: 0 0 30px 15px;
	padding: 0;
	box-shadow: 0 0 11px 1px #111;
	border: 5px solid #2c242f;
	border-radius: 2px;
}
.cam-column {
	float: left;
	width: 23%;
	height: 610px;
}
.sponsored .cam-wrap.affiliate {
	float: none;
	margin: 20px auto;
	display: block;
}
.cam-column.pull-right {
}
.cam-column .brand-wrap {
	display: inline-block;
	padding: 7px 15px;
	margin: 0;
	opacity: 0.85;
	background: #2c242f;
	border-left: 2px solid #FEE952;
}

/*** CHAT ***/
#container {
	background: url(admin-july2014.jpg) no-repeat left top;
	width: 912px;
	height: 640px;
	position: relative;
}
#container2 {
	background: url(reschat.png) no-repeat left top;
	width: 1030px;
	height: 669px;
	position: relative;
	background-size: 1110px 669px;
}
.chatWrap {
	width: 329px;
	height: 355px;
	background: #efefef;
	position: absolute;
	right: 36px;
	top: 96px;
	overflow: auto;
}
#container2 .chatWrap {
	width: 491px;
	height: 321px;
	background: #efefef;
	position: absolute;
	right: 28px;
	top: 124px;
	overflow: auto;
}
.innerChatWrap {
	width: auto;
	height: auto;
	overflow: hidden;
	display: block;
}
ul.chatStyle {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
.chatStyle li {
	padding: 10px;
	color: #000;
	display: block;
	margin-bottom: 1px;
	line-height: normal;
	background: #fff;
	overflow: hidden;
}
.chatStyle li strong {
	margin-bottom: 2px;
	color: #000;
}
.chatStyle li .img {
	float: left;
	margin-right: 5px;
	width: 35px;
	height: auto;
	height: 35px;
	border-radius: 99px;
	background-position: center top;
	display: inline-block;
	background-size: cover;
    background-image: url('../images/man.jpg');
}

.chatStyle li .img.one {
    background-image: url('../images/fixius.jpg');
}
.chatStyle li .img.two {
    background-image: url('../images/toon-1.png');
}


.chatStyle li .block {
	display: block;
	overflow: hidden;
}
#alt {
	background: #fff;
}
.chatStyle li.alt {
	background: #fff;
}
.chatStyle li .note {
	color: #aaa;
	font-size: 10px;
}
#mod-cam4 {
	color: #fc531d;
	background: #fff;
}
#mod-custom {
	background: #fff;
}
#admin {
	color: #3772ba;
	background: #fff;
}
#coach {
	color: #49127f;
	background: #fff;
}
#broadcaster {/*color:#7A1E48;*/
	color: #0B486B; /*background:#e4deea;*/ /*background:#ede9f0;*/
	background: #fff;
}
#broadcaster2 {
	color: #7A1E48;
	background: #fff;
}
#gold { /*color:#c98702;*/
	color: #000;
}
#sysMsg {
	color: #aaa;
	font-style: italic;
	background: #f7f7f7;
	font-size: 14px;
}
#sysMsg2 {
	color: #999;
	font-style: italic; /*font-size:15px; */
	line-height: 20px;
	background: #f7f7f7;
}
#sysMsg2 img {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
#sysMsg2 .amount {
	color: #608e0b;
}
#sysMsg2 .amountIcn {
	color: #fff;
	background: #608e0b;
	border-radius: 50px;
	padding: 3px 4px;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	font-weight: bold;
	margin-right: 5px;
	display: inline-block
}
.goldtxt {
	color: #bf9c5a;
}
#fanclub1a {
}
#fanclub1b {
}
img.emoji {
	height: 15px;
	width: auto;
}
#mod-cam4 strong, #admin strong, #coach strong, #broadcaster strong, #broadcaster2 strong {
	color: #fff;
	background: #3772ba;
	display: inline-block;
	padding: 1px 4px;
}
#broadcaster strong {
	color: #fff;
	background: #0B486B; /*background:#49127f; */
}
#broadcaster strong span {
	color: #f6c125;
}
#broadcaster2 strong {
	color: #fff;
	background: #7A1E48;
}
#broadcaster2 strong span {
	color: #f6c125;
}
#coach strong {
	background: #49127f;
}
#mod-cam4 strong {
	background: #fc531d;
}
/*#mod-custom strong {background:#bf9c5a;color:#fff; display:inline-block; padding:0 4px;}*/

#gold strong {
	color: #a6884e;
}
.icn {
	height: 14px;
	width: auto;
	vertical-align: text-top
}
.badge {
	height: 14px;
	width: 14px;
	vertical-align: text-top;
	margin-right: 4px;
}

/**** CHAT ANNOUNCEMENTS  ****/

.chatStyle .sys-info{
	text-align:center;
	background-color: #d9edf7;
	color: #31708f;
	padding: 15px; font-size:12px;
}

.chatStyle .sys-info span{
	display:block;
	margin: 0 0 7px;	
}

.chatStyle .sys-info span:last-child{
	margin: 0;	
}


.chatStyle .sys-info a{
	color: #31708f;
	text-decoration: underline;
}
.chatStyle .sys-info a:hover{
	color: #1e4656;
	
}
/*** CSS3 ANIMATIONS ****/

.pulse {
	-webkit-animation: pulse1 2s linear infinite;
	-moz-animation: pulse1 2s linear infinite;
	-ms-animation: pulse1 2s linear infinite;
	animation: pulse1 2s 5inear infinite;
}
 @keyframes "pulse1" {
 0% {
 color: rgba(0, 0, 0, 1);
}
 90% {
 color: rgba(0,0,0,0.0);
}
 100% {
 color: rgba(0,0,0,1.0);
}
}
 @-moz-keyframes pulse1 {
 0% {
 color: rgba(25, 25, 25, 1);
}
 90% {
 color: rgba(0,0,0,0.0);
}
 100% {
 color: rgba(0,0,0,1.0);
}
}
 @-webkit-keyframes "pulse1" {
 0% {
 color: rgba(165, 25, 25, 1);
}
 90% {
 color: rgba(255,0,0,0.0);
}
 100% {
 color: rgba(255,0,0,1.0);
}
}
 @-ms-keyframes "pulse1" {
 0% {
 color: rgba(165, 25, 25, 1);
}
 90% {
 color: rgba(255,0,0,0.0);
}
 100% {
 color: rgba(255,0,0,1.0);
}
}
