.cb {
clear: both;
}


html{
	height:100%;
}

body {
	background-color: #0b5760;
	height: 100%;
	color: #DDD;
	font-size:100%;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	overflow: hidden;
	font-family: Verdana;
	margin: 0px auto;
	overflow: hidden;
}


a
{
	height: 100%;
	color: #aaaaaa;
	text-decoration: underline;
}

#main {
	height: 100%;
}

#main-main,#main-m{
	background-color: #16b7c8;
	background-color: #0e50cf;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%,rgba(0,0,0,0.5) 70%);
	height: 100%;
}

#main-bg{
	background-size: inherit;
	background-repeat: repeat;
	background-position: center center;
	height: 100%;
	overflow: auto;
	overflow: hidden;
	overflow-y: auto;
}

#logo {
	width: 300px;
	margin: 0 auto;
}



#logotype-block {
	margin: 0 auto;
	display: block;
	margin: 0 auto;
	padding-top: 14%;
}

.logo-lg
{
	background-position: center top;
	background-repeat: no-repeat;
	width: 420px;
	height: 209px;
	width: 370px;
  height: 180px;
	margin: 0 auto;
}

#dwnl {
	position: absolute;
	width: 100%;
	z-index: 2;
	top: 20%;
}

#dwnl-inner {
text-align: center;
border: 1px solid #FFF;
border-radius: 10px;
padding: 30px;
width: 300px;
height: 200px;
color: #FFF;
background: #1A3840;
background: #1a2853;
margin: 0 auto;
}

#dwnl-inner span {
font-weight: bold;
}

.button-block
{
	margin: 0 auto;
	display: block;
	vertical-align: middle;	
}

.button
{
	display: inline-block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
	border: solid 1px #888888;
	cursor: pointer;
	font-size: 120%;
	margin: 10px;
	background-color: #1A3840;
	color: #aaaaaa;
	border-radius: 10px;
}

.button:hover
{
	border: solid 1px #aaaaaa;
	color: #ffffff;
}



.text-block {
margin: 30px 0;
width: 430px;
font-size: 130%;
padding-left: 11px;
}

.text-block-head {
font-weight: bold;
margin-bottom: 10px;
}

.nlg-store {
float: left;
width: 42px;
height: 42px;
margin: 10px;
display: block;
}

#nlgStoreIos {
background-position: -0px -0px;
}                    
#nlgStoreAndroid {   
background-position: -41px -0px;
}                    
#nlgStoreWin {       
background-position: -82px -0px;
}                    
#nlgStoreMac {       
background-position: -123px -0px;
}

#nlgBottomBlock {
margin-top: 30px;
padding-left: 10px;
width: 430px;
}

#nlgBottomBlock a {
display: block;
text-decoration: none;
}


#main-antivir-block {
margin: 10px 0 0 0;
color: #FFF;
font-size: 14px;
background-repeat: no-repeat;
background-position: 245px top;
height: 40px;
margin-top: 25px;
padding-top: 5px;
padding-left: 10px;
filter: saturate(86%) sepia(69%) opacity(70%);
}

#main-antivir-block:hover {
	filter: none;
}

/* CORRECT */
.logo-lg {
background-repeat: no-repeat;
}

.logo-lg,#logotype-block,#main-content,#main-content-m {
margin: 0;
}
#logotype-block {
padding-top: 20px;
}
.content-block-outer {
margin-top: 2%;
margin-top: 0%;
margin-left: 15%;
position: relative;
width: 1700px;
/*
height: 730px;
height: 100%;
overflow: hidden;
*/
height: auto;
}
.content-block {
position: absolute;
z-index:2;
}
.content-block-bg {
background-repeat: no-repeat;
background-position: 450px 56px;
position: absolute;
filter: opacity(75%) grayscale(75%);
width: 100%;
height: 700px;
z-index:1;
}



#nlgStoreBlock {
margin: 0 0 30px 0;
}
.button {
background: #ffb400;
color: #FFF;
border-color: #FFF;
width: 380px;
text-shadow: 1px 1px 1px #000;
}
.button:hover {
background: #5ae100;
border-color: #FFF;
}


.nagDownloadButton,.nagBetaButton {
float: left;
color: #333;
background: #DDD;
border-radius: 5px;
padding: 5px;
text-decoration: none;
}

.nagBetaButton {
margin-left: 50px;
}

.main-f-cell-inner-instruct {
border-radius: 5px;
padding: 20px;
}

.nagDownloadButton,.nagBetaButton {
	width: 170px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
	border: solid 1px #888888;
	cursor: pointer;
	font-size: 90%;
	background-color: #1A3840;
	background-color: #1a2740;
	color: #aaaaaa;
	border-radius: 10px;
}

.nagDownloadButton:hover,.nagBetaButton:hover
{
	border: solid 1px #aaaaaa;
	color: #ffffff;
}


.content-block-outer.nlgOverOnlineButton .content-block-bg {
filter: none;
}
.content-block-outer.nlgOverOnlineButton .logo-lg {
background-position: -0px -209px;
background-position: -0px -185px;
}


#main-m .text-block {
padding: 0;
width: auto;
margin: 30px 10%;
font-size: 130%;
}

#main-m .text-block-head {
font-weight: bold;
margin-bottom: 10px;
}

#main-m .logo-lg {
background-repeat: no-repeat;
}
#main-m  .logo-lg,#main-m  #logotype-block,#main-content-m {
    margin: 0 auto;
}
#main-m  #logotype-block {
padding-top: 0px;
margin-top: 0;
}
#main-m .content-block-outer {
margin-top: 0;
margin-left: 0;
position: relative;
width: auto;
overflow: auto;
display: table;
height: 100%;
width: 100%;
}
#main-m .content-block {
display: table-cell;
vertical-align: middle;
height: 100%;
position: relative;
}


#main-m .button {
background: #000;
color: #FFF;
border-color: #FFF;
width: 260px;
text-shadow: 1px 1px 1px #000;
background-repeat: no-repeat;
height: 74px;
}
#main-m .button:hover {
background: #5ae100;
border-color: #FFF;
}
#main-m .button-block {
    text-align: center;
		    margin-bottom: 5%;
}


#main-m .logo-lg {
width: 230px;
height: 117px;
}


#main-f {
display: table;
width: 100%;
height: 100%;
color: #FFF;
}
.main-f-cell {
display: table-cell;
vertical-align: middle;
width: 50%;
padding: 20px;
}

.main-f-head {
font-size: 130%;
}

#main-f-logo{
background-repeat: no-repeat;
width: 380px;
height: 176px;
background-size: cover;
margin: 0 auto;
margin-top: -100px;
}

#main-f a {
color: #FFF;
}

#unnMobLinkBlock {
	padding-top: 30px;
	text-align: center;
	width: 270px;
	margin: 0 auto;
}

@media (max-width: 330px) {
	
	#main-m .text-block {
		font-size: 100%;
	}
	
}

#content-block-ttext {
	position: absolute;
	max-width: 800px;
	top: 550px;
  left: 470px;
	padding: 20px 40px 20px 20px;
}

#content-block-ttext.content-block-ttext-down {
	top: 745px;
left: -7px;
}