html {
    background: #AAA none repeat scroll 0% 0%;
}

body {
    margin: 0px;
    padding: 0px;
    background: transparent url("../images/bg_blur.jpg") no-repeat scroll center center / cover;
}

iframe {
	width:650px;
	height:536px;
}


@media (min-width: 993px) {
	#content_wrapper {
		min-height:935px;
    height: 100vh;
    margin-top: -195px;
    padding-top: 195px;
	}
}

@media (min-width: 719px) and (max-width:992px) {
#content_wrapper {
		min-height:957px;
    height: 100vh;
    margin-top: -217px;
    padding-top: 217px;
}
}
	


.block-wrapper {
    margin: 150px auto 0px auto;
    box-sizing: border-box;
    padding: 0px;
    height: 300px;
    width: 650px;
    color: #444;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    overflow: hidden;
	position:relative;
	
}




.modern-inner {
  font-size: 16px;
  font-family: "Lato";
  color: #bdbdbd;
    line-height: 150%;
    text-align: center;
	padding:20px;
    background: #FFF none repeat scroll 0% 0%;
	position:absolute;
	z-index:2;
	height:100%;
	width:100%;
	border-radius:10px;
}

.modern-inner h1 {
  font-size: 38px;
  font-family: "Lato";
  color: rgb(34, 34, 34);
  line-height: 1.2;
  text-align: center;
  margin: 30x 0px 20px;
}

.modern-inner h1::after {
    display: block;
    content: "";
    height: 2px;
    width: 135px;
    background: #1fb4da;
    margin: 20px auto;
    position: relative;
}

.modern-inner span {
    display: block;
    text-align: center;
		white-space:nowrap;
}
.modern-inner div.idspan {
  color: #000;
}
.modern-inner span.bad-connect {
    display: block;
    text-align: center;
	color:red;
	
}

.form-inline {
	margin: 30px auto;
}


.connect-wrapper{
	display:none;
position:absolute;
z-index:1;
}

.btn-success {
	
	background-color:#2db4d8;
	border-color:#2db4d8;
}

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active {
    background-color: #2b96b3;
    border-color: #2b96b3;
}


@media (max-width:718px) {
		
	#content_wrapper {
	min-height:200px;
    margin-top: 0px;
    padding-top: 0px;
	}

	.modern-inner h1 {
		font-size: 25px;
		margin: 20px 0px 15px;
	}

	.block-wrapper{
    margin: 80px auto 20px auto;
		width:100%;
		height:350px;
	
	}

	.connect-wrapper,
	iframe	{
		width:100%;
		height:105px;
	}
}