/* IE10+ CSS styles */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.bg{
max-width:1720px !important;
}
.embed-container {
max-height:auto !important;
}
}


@media screen and (-ms-high-contrast: active) and (min-width: 1420px),(-ms-high-contrast: none) and (min-width: 1420px)  {
.left{
	width:90% !important;
	margin-left:5% !important;
}
}

@media screen and (-ms-high-contrast: active) and (max-width: 1420px),(-ms-high-contrast: none) and (max-width: 1420px)   {
.left{
	width:100% !important;
}
}

/* END IE10+ CSS styles */



*{
	max-width:100%;
	overflow-x: hidden;
}

body{
    background: #e8e8e8 url(https://www.streaming.mindproduction.fr/images/bg.png);
    background-position: left;
	max-width:100%;
    background-size: 400px;
}
.bg{
	width:100%;
	max-width:1420px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
	padding-bottom:30px;
}
.left{
	margin-top:50px;
    width:100%;
    display: inline-block;
}

.embed-container-msg iframe{
	max-height: 590px;
    min-height: 590px;
    position: relative !important;
	width: 100%;
}
.embed-container iframe {
    height: 820px !important;
	max-height:100%;
	position:relative !important;
}
.logo-img {
    max-width:110px;
    left: 50%;
    transform: translate(-50%);
    position: relative;
    margin: 50px 0px 0px 0px;
}

#player{
	width:100%;
	min-width:100%;
	max-width:100%;
}

h1{
	color:#000;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-weight:800; 
	font-size:46px;
	line-height: 1.6;
}

h2{
	color:#000;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-weight:800; 
	font-size:46px;
	line-height: 1.6;
}

p{
	text-align:justify;
	text-align-last:center;
	font-family: 'Montserrat', sans-serif;
	font-weight:300; 
	font-size:16px;
    font-style: italic;
	color:#e2e2e2;
	line-height: 1.6;
	max-width:100%;
	padding:15px;
	}

.embed-container {
  /*--video--width: 1296;
  --video--height: 540;
  padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
  position: relative;
  overflow: hidden;
  max-width: 100%;
  background: black;
  /*max-height:590px;*/
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#live-chat-app{
    padding: 0px 10px;
}

@media screen and (min-width: 1048px) and (max-width: 1416px) {
	.left{
	width: 100%;
	position:relative;
    }
}


@media screen and (max-width: 991px) {
	p{
		padding:0px 25px;
		font-size:12px;
		position: relative;
	}
	h1{
		max-width:90%;
		left:5%;
		position: relative;
	}
	h2{
		max-width:90%;
		left:5%;
		position: relative;
	}

	.left{
	width:100%;
	position:relative;
    }
	.embed-container-msg iframe {
    width: 100%;
}
}