h1.section {
	color:#ccc;
	margin-top:0px;
	margin-bottom:8px;
}
#oauth, #dosignup {
	margin:0 auto;
	width:300px;
	text-align:center;
}
#oauth-or {
	width:300px;
	text-align:center;
	font-size:20px;
	margin: 0 auto 10px;
	color:#aaa;
	text-transform:uppercase;
}
#oauth-or.smaller {
	font-size:16px;
	color:#555;
}
#oauth.oauth-compact {
	text-align:right;
}
.login-via {
	display:block;
	float:left;
	padding:10px 0;
	height:30px;
	line-height:30px;
	font-size: 20px;
	margin: 12px 0 10px;
    color: #555;
    text-transform: uppercase;
	max-width:80px;
}
.intro > h1 {
	color:#555;
	font-size:26px;
	margin-bottom:8px;
	text-align:left;
	text-shadow:0 1px 0 #fff;
}
.intro {
	margin:0 0 0 2%;
	color:#777;
}
.introtxt {
	font-size:16px;
	line-height: 1.46;
   	color:#777;
}
.launched {
	color:#fff;
	font-size:13px;
	text-align:center;
	width:274px;
	line-height:1.3;
	margin:30px auto 0;
	background-color:#A7CA92;
	background-color:rgba(167, 202, 146,0.5);
	border:1px solid #ededed;
	padding:10px;
	-moz-border-radius: 38px 8px 32px 10px;
    -webkit-border-radius: 38px 8px 32px 10px;
    -khtml-border-radius: 38px 8px 32px 10px;
    border-radius: 38px 8px 32px 10px;
}
.launched .ncount {
	font-weight:bold;
	letter-spacing:6px;
	color:#222;
	font-size:20px;
	text-shadow: 0 0 12px #68a545;
}

#logo > a:link, #logo > a:visited {
	width:167px;
	height:48px;
	margin-top:2px;
}

#col-a {
	margin-bottom:20px;
}
#col-b {
	margin-bottom:20px;
}
#global {
	margin-bottom:-52px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#wrapper-out {
	max-width:780px;
	margin: 0 auto;
	padding:74px 10px 0;
}
#wrapper-out.wrapper-home {
	padding-top:0;
}
.push, #footer {
		height: 52px;
}

#footer-nav {
	margin-top:15px;
	padding:10px 0;
	background-color:#eee;
	-moz-border-radius:  14px 14px 0 0;
  	-webkit-border-radius:  14px 14px 0 0;
  	-khtml-border-radius:  14px 14px 0 0;
  	border-radius: 14px 14px 0 0;
	box-shadow: inset 0 1px 2px #ccc, inset 0 3px 1px #fff;
}
.gotoflyner {
	text-align:center;
	margin-top:10%;
	font-size:18px;
	color:#333;
}
#l-pass-box {
	float:left;
	width:202px;
}
#l-pass {
	width:192px;
}
#l-submit {
	padding:0;
	float:left;
	display:block;
	height:36px;
	width:70px;
	margin-left:4px;
	font-size:15px;
}

.fbox .button.fullw {
	width:278px;
	font-size:15px;
	padding:10px 16px;
}

#login-options, #signup-options {
	font-size:12px;
	color:#888;
	text-shadow:0 1px 0 #fff;
}
#signup-options {
	margin-top:12px;
	line-height:1.1;
}
#regnow, .acthint {
	font-size:17px;
	color:#555;
}

.lbl-input {
	position:relative;
	margin-bottom:4px;
	height:36px;
}
input.txt {
  position:absolute;
  border-width:1px;
  border-style:solid;
  border-color:#ccc #ddd #ddd #ddd;
  box-shadow: 0 1px 0 #fff, inset 0 1px 1px #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  font-size:16px;
  height:22px;
  padding:6px 4px;
  display:block;
}
input.txt:-webkit-autofill {
	box-shadow: 0 1px 0 #fff, inset 0 1px 1px #eee, 0 0 0px 100px white inset;
}
label.placeholder {
	color:#999;
	position:absolute;
	top:8px;
	left:6px;
	z-index:1;
	cursor:text;
}
input:focus + label.placeholder {
	color:#ccc;
	transition-delay:100ms;
}
input.full {
	width:268px;
}

input.txt:focus {
   box-shadow: 0 0 4px #8dd4ff, 0 1px 0 #fff, inset 0 1px 0 #ddd;
   border-color:#98d8ff;
   transition-delay:100ms;
}
input.txt:-webkit-autofill:focus {
	 box-shadow: 0 0 4px #8dd4ff, 0 1px 0 #fff, inset 0 1px 0 #ddd, 0 0 0px 100px white inset;
}
.fbox {
	width:278px;
	border:1px solid #d8d8d8;
	padding:10px;
	background-color:#f8f8f8;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eeeeee');
	background-image: -ms-linear-gradient(top, #FAFAFA 0%, #EEEEEE 100%);
	background-image: -moz-linear-gradient(top, #FAFAFA 0%, #EEEEEE 100%);
	background-image: -o-linear-gradient(top, #FAFAFA 0%, #EEEEEE 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(1, #EEEEEE));
	background-image: -webkit-linear-gradient(top, #FAFAFA 0%, #EEEEEE 100%);
	background-image: linear-gradient(to bottom, #FAFAFA 0%, #EEEEEE 100%);
	font-family:Verdana,Geneva,Arial,sans-serif;
	font-size:14px;
	margin:20px auto 10px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
	box-shadow: 0 0 2px #ccc;
}
.ftitle {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:13px;
	padding:0 9px 10px;
	margin:0 -9px 14px;
	color:#777;
	border-bottom:1px solid #ddd;
	box-shadow: 0 1px 0 #fff;
	text-shadow: 0 1px 0 #fff;
}
.ftitle .emph {
	font-weight:bold;
	color:#222;
}

.ferror, .fconfirm {
	color:#fff;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	padding:0 6px;
	margin:6px 0;
	box-shadow:inset 0 1px 2px #555, 0 1px 0 #fff;
	text-shadow:0 -1px 0 #555;
}
.ferror {
	background-color:#999;
}
.ferror div {
	padding:6px 0 8px 6px;
	line-height:1.1;
}
.ferror.top-error {
	margin:0 0 10px;
}
.fconfirm {
	padding:6px 6px 6px 12px;
	background-color:#759961;
}

.whatis {
	color:#555;
	font-size:19px;
	border:1px solid #ededed;
	-moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
    border-radius: 16px;
	background-color:#fefefe;
	background-color:rgba(255,255,255,0.6);
	padding:4% 4% 4% 10%;
	margin-bottom:2%;
}
.islike {
	display:inline-block;
	text-transform:uppercase;
	background-color:#888;
	color:#fff;
	font-size:26px;
	padding:4px 10px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	margin:0 2px;
}
.whatis ul {
	margin-top:4px;
	font-size:15px;
	list-style-type:circle;
	line-height: 1.231;
}
.mobile-off {
	display:none;
}
#global {
	/*background-image: url('/img/bg/bg8.png');
	background-repeat: no-repeat;
	background-position: center 505px;
    background-size: 160% auto;*/
}









a.lgn {
	border:0;
	text-decoration: none;
    display: block;
    margin: 12px 0 10px;
    height: 30px;
    padding: 10px;
    color: #fff;
    border-radius: 4px;
}
.lgn.lgn-small {
	display:inline-block;

}

a.auth-vk {
	text-align:left;
	background-color: #4d75a3;
}
a.auth-google {
	text-align:left;
	background-color: #4285F4;
}
a.auth-yandex {
	text-align:left;
	background-color: #fc0;
	color:#000;
}
a.auth-mailru {
	text-align:left;
	background-color:#005ff9;
}
a.go-signup {
	background-color: #72a34d;
}
.lgn:hover, .lgn:focus {
	box-shadow: inset 0px 0px 100px 0px rgba(255,255,255,0.16);
}
.lgn:active {
	box-shadow: inset 0px 0px 300px 0px rgba(0,0,0,0.2);
}
.lgn > img {
    height: 30px;
    width: 30px;
    vertical-align: middle;
	float:left;
}
.lgn > span {
    font-size: 17px;
    line-height: 30px;
    vertical-align: middle;
	display:block;
	text-align:center;
}
.auth-txt {
	padding-right:15px;
}
.out-hint {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
    padding: 10px;
    color: #777;
    text-shadow: 0 1px 0 #fff;
	text-align:center;
}
.form-exp {
	color:#777;
	padding:0 6px;
	margin-top:40px;
}
#header {
	position:fixed;
    top: 0;
    left: 0;
    z-index: 20;
    height: 54px;
    width: 100%;
    margin: 0;
    background-color: transparent;
    box-shadow: 0 1px 1px #ccc;
}
#hdrbox {
	padding: 2px 8px 0;
	position:relative;
	z-index:2;
	margin: 0 auto;
	max-width: 780px;
}
#header-bg {
	position: absolute;
    width: 100%;
    background-color: #fff;
    opacity: 0.95;
    height:55px;
	top:-1px;
	z-index:1;
}
#nav a:link, #nav a:visited {
	margin-left:4px;
	display: block;
    float: left;
    height: 24px;
    color: #555;
    padding: 0px 8px 3px 8px;
    border: none;
    background: transparent;
    filter: none;
    text-shadow: 0 1px 0 #fff;
}
#nav a:hover, #nav a:active, #nav a:focus {
    color: #000;
}
#hdrbg {
	height:350px;
	background-image: url("/img/landing/clouds.png");
	background-position: center bottom;
	background-repeat: repeat-x;
	background-size: 650px 350px;
}
#hdrimg {
	height:380px;
	background-image: url("/img/landing/planes.png?1");
	background-repeat: no-repeat;
	background-position: center 120px;
	background-size:382px 190px;
}
.no-narrow {
	display:none !important;
}
#now-online {
	color:#009eff;
	font-family: Arial, Helvetica, sans-serif;
	width:300px;
	margin:-20px auto 20px;
}
#onl-count {
	font-size:52px;
	text-align:right;
	margin-right:140px;
}
#onl-desc {
	margin-top:4px;
	font-size:22px;
	float:right;
	width: 130px;
}
#onl-gender {
	font-size:18px;
	color:#999;
	margin-left: -2px;
}
.onl-male, .onl-female {
	padding-left:20px;
	background-size:18px;
	background-repeat: no-repeat;
	background-position: left center;
}
.onl-male {
	margin-left:4px;
	padding-left:18px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACiElEQVR4nO3aS4hOYRzH8Y9xvyUiTYqyYIMoYSeXYilKJCU0WdkpFkrEXiSRBRtLGwtqEqWUhYVkclnIZYMMuUdei2NKmsmc81zO+3K+9Vu99fb//jqX5zk9NDQ0NDRkpwvzsB5bsRObsOjXb/8kXdiIS/iA1hB5hcMYV8+YaViKu4aWHiy9mFjHsLHZgK/KyQ/kO27++o+OZAm+qCb/Z85iRN7xw7ktjvxADuQdP4zV4sq38BHTckqEcEb8AlrYk1MihD5pCriYU6IqXfgmTQF3MnpUZoY08i08yadRnVnSFfAso0dlpktXQF9Gj8qMxg9pCriW0SOIF9IUcDanRAjXpSlgb0aHII5LU8DynBIhbBNf/r3i+dIRLBC/gN6sBoFcleYWWJNToiqTpJFv4WRGj8qMk24dcDyjRxD3pSlgR0aHIA5K8xbomA8i43FZvFuhH5uzGkSiV5wC1uUePBZHhMt/x9Tcg8disfACOmYHOBS3hBWwJf/IcVmruvw9jMw/cnyqfCb/ghV1DJuCkXiqXAGH6hg0JQ+VK2BfPWOm44H/vIBHyhWwv54x0/FcuQIO1zNmGsbis3IFnKtl0kTsV/41+BFz6hg2NtsV6/kqC6E+zM4/chy6cUH1VeBA3mC3DjpCNx+n8Em4/O95gB5MyKcyfMYoNi3XxJUeLG9xAguzmP2FbhzFS+nFB8tNxZei7BummYrLvOoZwNh5rDh2m+Uo3S68yyhXJjcwN5X4KMXipG7Jv6UfK1MUcL4N5Iabz1gWU35PG0iVzQtMjiE/Ba/bQKhKjsUooKcNRKrmleLZFcSVNhAJyarQAsru49stQeeKuhQLntMdnE0hBTQ0NDQ0/Kv8BIKbwywyFsFvAAAAAElFTkSuQmCC");
}
.onl-female {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiBoZWlnaHQ9IjUwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MCA1MCIgd2lkdGg9IjUwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iNTAiIHdpZHRoPSI1MCIvPjxwYXRoIGQ9Ik0zMC45MzMsMzIuNTI4Yy0wLjAyNi0wLjI4Ny0wLjA0NS0wLjc0OC0wLjA2LTEuMjI2YzQuMzQ1LTAuNDQ1LDcuMzkzLTEuNDg3LDcuMzkzLTIuNzAxICBjLTAuMDEyLTAuMDAyLTAuMDExLTAuMDUtMC4wMTEtMC4wN2MtMy4yNDgtMi45MjcsMi44MTYtMjMuNzI4LTguNDczLTIzLjMwNmMtMC43MDktMC42LTEuOTUtMS4xMzMtMy43My0xLjEzMyAgYy0xNS4yOTEsMS4xNTctOC41MywyMC44LTEyLjAxNCwyNC41MDhjLTAuMDAyLDAuMDAxLTAuMDA1LDAuMDAxLTAuMDA3LDAuMDAxYzAsMC4wMDIsMC4wMDEsMC4wMDQsMC4wMDEsMC4wMDYgIGMwLDAuMDAxLTAuMDAxLDAuMDAyLTAuMDAxLDAuMDAyczAuMDAxLDAsMC4wMDIsMC4wMDFjMC4wMTQsMS4xODksMi45NTksMi4yMTIsNy4xNzgsMi42NjhjLTAuMDEyLDAuMjktMC4wMzcsMC42NDktMC4wOTIsMS4yNSAgQzE5LjM2NywzNy4yMzgsNy41NDYsMzUuOTE2LDcsNDVoMzhDNDQuNDU1LDM1LjkxNiwzMi42ODUsMzcuMjM4LDMwLjkzMywzMi41Mjh6Ii8+PC9zdmc+");
}

#ireviews {
	margin:0 0 80px;
	font-family: Arial, Helvetica, sans-serif;
}
.rvw-item {
	width: 94%;
	margin: 30px auto;
}
.rvw-bubble {
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 16px;
    padding: 24px 20px 16px;
    position: relative;
    box-shadow: 0 1px 2px #fff;
    color: #444;
    font-size: 14px;
}

.rvw-arr {
    border-style: solid;
    position: absolute;
	border-color: #c8c8c8 transparent transparent transparent;
    border-width: 8px 8px 0px 8px;
    bottom: -8px;
}

.rvw-arr::after {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 7px 7px 0px 7px;
    bottom: 1px;
    content: "";
    position: absolute;
    left: -7px;
}

.rvw-stars {
    position: absolute;
    display: inline-block;
    top: 6px;
    width: 70px;
    height: 14px;
    vertical-align: middle;
	background-image: url("data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M19.828 7.58q0 .26-.307.567l-4.28 4.176 1.014 5.9q.012.08.012.234 0 .248-.124.42t-.36.17q-.224 0-.472-.14l-5.297-2.785-5.296 2.784q-.26.14-.472.14-.248 0-.372-.17t-.124-.42q0-.07.023-.234l1.015-5.9L.494 8.148Q.2 7.83.2 7.58q0-.435.66-.542l5.92-.86L9.436.81q.225-.484.578-.484t.578.484l2.656 5.367 5.922.86q.66.108.66.544z%22 fill%3D%22%23dec400%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: repeat-x;
    background-size: 20% 100%;
}
.rvw-ava {
	width: 50px;
    height: 50px;
    display: block;
    float: left;
    border-radius: 50%;
}
.rvw-sgn {
	margin:10px;
}
.rvw-nfo {
	padding-top: 6px;
    margin-left: 60px;
	font-size: 13px;
}
.rvw-date {
	color:#999;
}
.intro-more {
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
}







@media(min-width:360px) {
	.no-narrow {
		display:block !important;
	}
}


@media(min-width:500px) {
	#nav a:link, #nav a:visited {
   		margin-left: 16px;
	}
}



@media (min-width:600px) {
	#ireviews {
		margin-top:60px;
	}
	.rvw-item {
		width: 65%;
		margin: 30px auto;
	}
	#hdrbg {
		height:500px;
		background-image: url("/img/landing/clouds.png");
		background-position: center bottom;
		background-repeat: repeat-x;
		background-size:auto;
	}
	#hdrimg {
		height:500px;
		background-image: url("/img/landing/planes.png?2");
		background-repeat: no-repeat;
		background-position: center 70px;
		background-size:auto;
	}
	.intro {
		margin-left:0;
	}
	.intro > h1 {
		font-size:33px;
	}
	.mobile-only {
		display:none !important;
	}
	.mobile-off {
	 	display:block;
	}
	#oauth {
		/*margin:12px 0 0 0;*/
	}
	#oauth-or {
		/*margin:20px 0 0 0;*/
	}
	#icolbox {
		position:relative;
	}
	#col-a {
		padding-top:12px;
		margin-right: 320px;
	}
	#col-b {
		margin-bottom:0;
		width:300px;
		position:absolute;
		top:0;
		right:0;
		padding-top: 14px;
	}
	#icolbox {
		/*height: 400px;*/
	}

	#content {
		margin-top:20px;
	}
	#global {
		/*background-image: url('/img/bg/bg8.png');
		background-repeat: no-repeat;
		background-position:center 440px;*/
	}
	.fbox {
		margin:20px 0 10px 0;
	}
	#signup-box.under {
		margin-top:40px;
	}
	.whatis {
	margin-left:6.67%;
	}
}



