/* BASE STYLESHEET */
@font-face {
    font-family: FuturaNew;
    src: url(../fonts/ftn55.eot);
    src: url(../fonts/ftn55.eot?#iefix) format('embedded-opentype'),
         url(../fonts/ftn55.woff) format('woff'),
         url(../fonts/ftn55.ttf) format('truetype'),
         url(../fonts/ftn55.svg#FuturaNew) format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
 	font-family: Tahoma, Geneva, sans-serif;
 	font-size: 16px;
}

body {
	background: #fff url(../imgs/bg-top.jpg) no-repeat top center;
}

.container-fluid {
	margin-top: 58px;
	max-width: 950px;
} 

.page-content {
	background: #fff;
	border: 0;	
	border-radius: 6px;
}

img {
	height: auto;
	max-width: 100%;
	line-height: 0;
}

/* CONTENT */
/* header */
header {
	margin-bottom: 29px;
	min-height: 141px;
	font-family: FuturaNew, 'Helvetica', sans-serif;
	color: #006697;
	font-weight: 100;
}


header h1 {
	text-transform: uppercase;
	font-size: 39px;
	margin: 6px 0;
}

header h2 {
	max-width: 580px;
	font-size: 24px;
	display: block;
	margin: 0 auto;
	letter-spacing: .8;
	line-height: 1.2;
}

/* content */
:focus {
	outline: none;
}

strong {
	font-weight: bold;
}

p, ul {
	margin: 0 0 30px;
	line-height: 1.4;
}

a {
	color: #000;
}

a.small {
	font-size: 14px;
}

.page-content {
	padding: 1px 40px 20px;
	font-weight: 300;
	line-height: 1.7;
	color:#333;
}


.page-content a:hover, .page-content a:focus {
	text-decoration: none;
}

.page-content hr {
	border-top:transparent 1px solid;
	border-bottom: #bdbdbd 1px solid;
	opacity: .2;
}

/* Headings */
h1, h2, h3, h4, h5, h6{
	line-height: 1.15;
	-webkit-margin-before: 2px !important;
}

.page-content h1 {font-size: 48px;}
.page-content h2 {font-size: 34px;}
.page-content h3 {font-size: 28px; margin-bottom: 20px;}
.page-content h4 {font-size: 26px;}
.page-content h5 {font-size: 22px;}
.page-content h6 {font-size: 18px;}

ul {
	list-style: disc;
	padding-left: 1em;
}

li {
	padding-left: 1em;
}

.section-caption {
	margin-top: 60px;
	margin-bottom: 40px;
}

.subsection-caption {
	margin: 30px 0 20px;
}

span.logo {
	display: inline-block;
	font-weight: 700;
}

span.logo:first-letter {
	color: red;
}

a.menu-item {
	display: block;
	background: #9b9b9b;
	text-align: center;
	line-height: 36px;
	padding: 2px;
	margin-bottom: 8px;
	font-size: 13px;
	border-radius: 8px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	height: 43px;
}

a.menu-item > span {
	display: inline-block;
	line-height: 18px;
}

.runet-award-caption {
	position: relative;
	line-height: 1;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 26px;
	color: #efc949;
}

 .runet-award {
	text-decoration: none;
}

.circle {
	margin: 0 auto;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
}

.circle, .circle-inner {
	border-radius: 50%;
}

.circle-info {
	border: 4px solid #006697;
}

.circle-info .circle-inner {
	background: #006697;
}

.circle-danger .circle-inner {
	background: #ee1d23;
}

.circle-danger {
	border: 4px solid #ee1d23;	
}

.circle-big {
	width: 138px;
	height: 138px;	
}

.circle-small {
	width: 102px;
	height: 102px;	
}

.circle-big .circle-inner {
	width: 122px;
    height: 122px;
    margin: 4px 0 0 4px;
}

.circle-small .circle-inner {
	width: 90px;
    height: 90px;
    margin: 2px 0 0 2px;
}

.circle-inner > div {
	display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1;
}

.circle-big .circle-inner > div {
	height: 120px;
    width: 138px;
}

.circle-small .circle-inner > div {
	height: 90px;
    width: 98px;
}


.circle .big-text {
	font-size: 28px;
}

.icon-medium .icon {
	width: 101px;
	height: 101px;
	margin: 0 auto 10px;
}

.icon-texted {
	margin: 0 auto 18px;
	text-align: center;
	line-height: 1.2;
	font-size: 18px;
}

.icon-values {
	height: 68px;
	width: 82px;
	margin: 0 auto 10px;
	background: url(../imgs/sprite-values.png) no-repeat top center;
}

.icon-rubricator {
	height: 58px !important;
	background: url(../imgs/sprite-top-rubricator.png) no-repeat top center;
}

.icon-values-2 {background-position: 0 -68px;}
.icon-values-3 {background-position: 0 -136px;}
.icon-rubricator-2 {background-position: 0 -58px;}
.icon-rubricator-3 {background-position: 0 -116px;}
.icon-rubricator-4 {background-position: 0 -174px;}
.icon-rubricator-5 {background-position: 0 -232px;}

.audience-growth-item {
	margin-bottom: 20px;
	margin-left: 30px;
	max-width: 210px;
}

.audience-growth-item .icon {
	width: 100px;
	height: 100px;
	margin: 0 auto 10px;	
	background: url(../imgs/sprite-audience-growth.png);
}

.audience-growth-2 .icon {background-position: 0 -100px;}
.audience-growth-3 .icon {background-position: 0 -200px;}
.audience-growth-4 .icon {background-position: 0 -300px;}
.audience-growth-5 .icon {background-position: 0 -400px;}
.audience-growth-6 .icon {background-position: 0 -500px;}

.icon-caption {
	font-size: 18px;
	line-height: 1.3;
}

.audience-graph {
	margin: 30px 0 0;
}

.audience-graph img {
	height: 146px;
}

.audience-graph-y, .audience-graph-x {
	color: #c1d4ec;
	font-size: 14px;
	line-height: 1;
}

.audience-graph-y {
	text-align: right;
	height: 140px;
}

.user-count-1 {
	margin-top: 10px;
}

.user-count-2 {
	margin-top: 60px;
}

.pie-marks {
	font-size: 20px;
	line-height: 40px;
	margin-top: 90px;
}

.pie-marks .mark {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 14px;
	margin-bottom: -4px;
}

.pie-marks .mark-black {
	background: #000;
}

.pie-marks .mark-blue {
	background: #006697;
}

.pie-marks .mark-red {
	background: #ee1d23;
}

.pie-marks .mark-light-blue {
	background: #c1d4ec;
}

.pie-marks .mark-gray {
	background: #d4d4d4;
}

.right-signed-circle-sm {
	clear: both;
    margin: 0 auto 20px;
    width: 320px;
}

.right-signed-circle-sm > .circle {
	float: left;
}

.right-signed-circle-sm > .capture {
	line-height: 100px;
	vertical-align: middle;
	padding-left: 14px;
}

.caption-audience-pie {
	text-align: right;
}

.icon-audience .icon{
	width: 90px;
	height: 60px;
	margin: 0 auto;
	background: url(../imgs/sprite-audience.png) no-repeat top center;
}

.icon-audience-auto .icon {}
.icon-audience-eshoping .icon {background-position: 0 -60px;}
.icon-audience-marriage .icon {background-position: 0 -120px;}
.icon-audience-service .icon {background-position: 0 -180px;}
.icon-audience-childs .icon {background-position: 0 -240px;}
.icon-audience-music .icon {background-position: 0 -300px;}
.icon-audience-games .icon {background-position: 0 -360px;}
.icon-audience-students .icon {background-position: 0 -420px;}

.icon-audience-service, .icon-audience-childs {
	margin-top: 40px;
}

.social-links {
	width: 338px;
	margin: 0 auto 10px;
	padding: 0 30px 60px;
	background: url(../imgs/social-bottom.png) no-repeat center bottom;
	background-size: 100%;
}

a.social-link {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 2px;
	background: url(../imgs/sprite-social.png?1) no-repeat;
}

a.social-link-vk {}
a.social-link-fb {background-position: 0 -40px;}
a.social-link-od {background-position: 0 -80px;}
a.social-link-tw {background-position: 0 -120px;}
a.social-link-gp {background-position: 0 -160px;}
a.social-link-ig {background-position: 0 -200px;}
a.social-link-tg {background-position: 0 -240px;}

.video-holder img {
	width: 100%;
	max-width: 557px;
}

.video-holder {
	padding-top: 20px;
	line-height: 0;
}

.v-holder {
	padding: 0 14px;
	max-width: 557px;
	margin: 0 auto;
	background: #000;
}

.v-holder iframe,  
.v-holder object,  
.v-holder embed {
	width: 100%;
	height: auto;
	min-height: 280px;
}

.partners-item {
	margin-bottom: 20px;
	line-height: 1.3;
}

.partners-item .icon {
	width: 43px;
	height: 43px;
	background: url(../imgs/sprite-partners.png) no-repeat top center;
}

.partners-games .icon {background-position: 0 -43px;}
.partners-movies .icon {background-position: 0 -86px;}
.partners-mobiles .icon {background-position: 0 -129px;}
.partners-finance .icon {background-position: 0 -172px;}
.partners-hosting .icon {background-position: 0 -215px;}
.partners-online-shops .icon {background-position: 0 -258px;}
.partners-drinks .icon {background-position: 0 -301px;}
.partners-online-services .icon {background-position: 0 -344px;}
.partners-social .icon {background-position: 0 -387px;}
.partners-world-brands .icon {background-position: 0 -430px;}
.partners-tours .icon {background-position: 0 -473px;}

.banners-long-holder {
	line-height: 0;
    margin: 0 auto;
    max-width: 624px;
    -moz-box-shadow: 0 0 24px #ddd;
    -webkit-box-shadow: 0 0 24px #ddd;
    box-shadow: 0 0 24px #ddd;
}

footer {
	padding: 0 40px;
}

footer a {
	text-decoration: none;
}

.contacts {
	margin: 120px 0 20px;
}

.contacts .logo-full {
	margin-bottom: 20px;
}

.contacts a.email, .contacts a.telegram {
        line-height: 150%;
	padding-left: 28px;
	font-size: 21px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAMAAAAxmgQeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlDQUYwQkEyNUUwRTExRTVCMTdERjU0NDU5NTYyMzU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlDQUYwQkEzNUUwRTExRTVCMTdERjU0NDU5NTYyMzU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUNBRjBCQTA1RTBFMTFFNUIxN0RGNTQ0NTk1NjIzNTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUNBRjBCQTE1RTBFMTFFNUIxN0RGNTQ0NTk1NjIzNTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7U4SS8AAAAolBMVEVOjbMdbZ/9/v7s8/eGsctalLj1+PtTkLY3fqoebp81falonb7V5O2qyNv5+/32+ft8qsfv9fjx9vnY5u5tocE9gqwXaZygwtdgmbtHibFfmLv///+HsczC1+XW5O1KirLE2eZIibFJirGCrsqYvdOBrslnnb5jmrxUkbZVkbYYapxkm73C2OUbbJ4bbJ2ZvdMZap1mnL4aa51PjbShw9cVaJv/dX3nAAAAhklEQVQYGQXBBUICAQAEwL2g42ixJRQUFBXn/19zJtWgAADFoEoAACQ4AuAdweSxC+ieJwgs2vU3fh/aCwhYj+dbz/PxHQjQacqXsukAAWxm97NbQEDv8rUcLj/3PRDoPx3AadiHoDV9BeymLYS6vAHwV9aE62gF4GMUEgAASfVTAIDirfoHCB8vwl92QlsAAAAASUVORK5CYII=") no-repeat center left;
}

.contacts a.email:hover, .contacts a.telegram:hover {
	text-decoration: underline;
}

.contacts a.telegram {
        background-image: url("../imgs/icon-telegram.png");
}


 #scrollup {
    background: url("imgs/up.png") no-repeat scroll;
    height: 55px;
    width: 59px;
    bottom: 16px;
    right: 16px;
    cursor: pointer;
    display: none;
    overflow: hidden;
    position: fixed;
    z-index: 9999;
  }

/* HELPERS */
.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.text-center {
  text-align: center;
}

.text-info {
	color: #006697;
}

.text-danger {
	color: #ee1d23;
}

.text-strong {
	font-weight: bold;
}

.margined-holder {
	margin-bottom: 32px;
}

.text-big, .text-bigger, .text-prebig {
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
}

.text-bigger {
	font-size: 34px;
}

.text-prebig {
	font-size: 22px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* uniq fixes */
section.main h1 {
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
}

section.main > .section-caption {
	margin: 40px 0 10px;
}

section.unic-formats .section-caption, section.audience .section-caption {
	margin-top: 20px;
}

section.ad-formats .section-caption {
	margin-bottom: 20px;
}

img.audience-people {
	margin: 20px 0;
}

/* MEDIA */
@media (max-width: 979px) {
	body {background-size: 180%;}
	header h1 {padding-top: 18px;font-size: 34px;}

	#scrollup {display: none !important;}
	.container-fluid {
		margin-left: auto;
		margin-right: auto;
		margin-top: auto;
		margin-bottom: auto;
	}
	.page-content {
		margin-right: -5px;
		margin-left: -5px;
	}
}

@media (max-width: 767px) {
	body {background-size: 228%;}
	header h1 {font-size: 30px;}
	header h2 {font-size: 23px;}

	.page-content {
		padding-left: 18px;
		padding-right: 18px;
		line-height: 1.4;
	}
	.page-content h1 {font-size: 34px;}
	.page-content h2 {font-size: 30px;}
	.page-content h3 {font-size: 26px;}

	.margined-holder {margin: 0 0 20px;}
	.icon-audience .icon {
		margin: -10px 6px 30px;
		float: left;
	}
	.icon-audience .text-center {
		text-align: left;
		line-height: 1.1;
	}
	.icon-audience-service, .icon-audience-childs {margin-top: 0;}
	.caption-audience-pie {text-align: center;}

	footer {padding: 0 18px;}
	.contacts {margin-top: 60px;}

	.audience-growth-item {
		max-width: none;
		margin-left: 0;
	}

	.icon-caption {text-align: left;}

	.pie-marks {
		margin-top: -20px;
		margin-bottom: 30px;
	}
	.pie-marks > div {
		float: left;
		margin-right: 20px;
	}
	.pie-marks > div.text-info {
		float: none;
	}
	span.logo {
		font-size: 18px;
	}
	.video-holder-center iframe,  
	.video-holder-center object,  
	.video-holder-center embed {
		min-height: 280px;
	}
}

/*fix header bg */
@media (max-width: 600px) {
	body {background-size: 244%;}
}

@media (max-width: 480px) {
	body {background-size: 300%;}
	header h1 {font-size: 26px;}
	header h2 {font-size: 20px;}
	.text-big {	font-size: 20px;}
	.user-count-1, .user-count-2 {font-size: 11px;	}
	.contacts {
		margin-bottom: 10px;
		margin-top: 20px;
		font-size: 13px;
	}
	.contacts .logo-full {
		margin-bottom: 10px;
	}
	.contacts a.email, .contacts a.telegram {
		padding-left: 22px;
		font-size: 13px;
	}
	.audience-growth-item .icon {
		width: 50px;
		height: 50px;
		background-size: 100%;
	}
	.audience-growth-2 .icon {background-position: 0 -50px;}
	.audience-growth-3 .icon {background-position: 0 -100px;}
	.audience-growth-4 .icon {background-position: 0 -150px;}
	.audience-growth-5 .icon {background-position: 0 -200px;}
	.audience-growth-6 .icon {background-position: 0 -250px;}

	.right-signed-circle-sm {
		    width: 290px;
	}
	.right-signed-circle-sm > .circle {
		margin-left: 0;
		left: 0;
	}
	.circle-small .circle-inner {
		width: 58px;
		height: 58px;
	}
	.circle-small .circle-inner > div {
	    width: 58px;
	    height: 58px;
	}
	.right-signed-circle-sm > .circle .big-text {
    	font-size: 16px;
	}
	.right-signed-circle-sm > .circle-small {
		width: 70px;
		height: 70px;
	}
	.right-signed-circle-sm > .capture {
		padding-left: 18px;
		line-height: 68px;
	}
	.video-holder-center iframe,  
	.video-holder-center object,  
	.video-holder-center embed {
		min-height: 280px;
	}
	.social-links {
		padding: 0 16px 50px;
		width: 250px;
	}
	a.social-link {
		width: 30px;
		height: 30px;
		background-size: 100%;
	}
	a.social-link-fb {background-position: 0 -30px;}
	a.social-link-od {background-position: 0 -60px;}
	a.social-link-tw {background-position: 0 -90px;}
	a.social-link-gp {background-position: 0 -120px;}
	a.social-link-ig {background-position: 0 -150px;}
        a.social-link-tg {background-position: 0 -180px;}
}

@media (max-width: 400px) {
	body {background-size: 340%;}
	.video-holder-center iframe,  
	.video-holder-center object,  
	.video-holder-center embed {
		min-height: 170px;
	}
}

@media (max-width: 350px) {
	body {background-size: 406%;}
}

@media (max-width: 300px) {
	body {background-size: 440%;}
}