﻿.LiveComm_Div {
	position: fixed; 
	z-index: 999; 
	left:799px; 
	width: 300px; 
	height: 220px; 
	background: transparent;
	display: block;
	top: 0;
	border: 0;
}

.LiveComm_Iframe, .LiveComm_IframeTV {
	width: 300px;
	height: 220px;
	-ms-zoom: 0.82;
	-moz-transform: scale(0.82);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.82);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.82);
	-webkit-transform-origin: 0 0;
	background: transparent;
	border: 0;
	margin: 25px 0 0 0;
	padding: 0;
}

.LiveComm_IframeTV {
	height: 225px;
}

.LiveComm_IframeBig, .LiveComm_IframeTVBig {
	width: 400px;
	height: 350px; 
	-ms-zoom: 1; 
	-moz-transform: scale(1.15);
	-moz-transform-origin: 0 0;
	-o-transform: scale(1.15);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(1.15);
	-webkit-transform-origin: 0 0;
	background: transparent;
	border: 0;
	margin: 25px 0 0 0;
	padding: 0;
}

.LiveComm_IframeTVBig {
	height: 300px; 
}

.LiveComm_Control {
	background: rgba(0,0,0,0.9);
	z-index:1000; 
	position: fixed;
	width: calc(100% - 804px); 
	height: 25px;
	cursor: pointer;
}

.LiveComm_Butt, .LiveComm_ButtBig, .LiveComm_ButtStandard {
width: 20px;
height: 20px;
position: relative;
border: 1px solid #555;
border-radius: 5px;
display: inline-block;
float: right;
margin: 1px;
}

.LiveComm_Butt:hover, .LiveComm_ButtBig:hover, .LiveComm_ButtStandard:hover {
	background: gray;
}

.LiveComm_ButtBig {
	display: none;
}

.LiveComm_Close, .LiveComm_Standard, .LiveComm_Big {
-webkit-mask: url('../images/LiveComm_Close_Icon.svg?v=17') no-repeat 100% 100%;
mask: url('../images/LiveComm_Close_Icon.svg?v=17') no-repeat 100% 100%;
mask-size: 150%;
mask-position: 50%;
-webkit-mask-size: 150%;
-webkit-mask-position: 50%;
background-color: red;
width: 18px;
height: 18px;
margin: 1px 0 0 1px;
}

.LiveComm_Close {
	margin-right: 5px;
}

.LiveComm_Standard {
-webkit-mask: url('../images/LiveComm_Standard_Icon.svg?v=17') no-repeat 100% 100%;
mask: url('../images/LiveComm_Standard_Icon.svg?v=17') no-repeat 100% 100%;
background-color: green;
}

.LiveComm_Big {
-webkit-mask: url('../images/LiveComm_Big_Icon.svg?v=17') no-repeat 100% 100%;
mask: url('../images/LiveComm_Big_Icon.svg?v=17') no-repeat 100% 100%;
	mask-position-y: 50%;
background-color: green;
}