@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i&subset=cyrillic-ext';
* { padding: 0; margin: 0; }

html, body { width: 100%; height: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; cursor: default; overflow: hidden; }

html._loading body:after { position: fixed; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; transition: opacity 0.5s ease-in; opacity: 1; }

html._loading .slide { opacity: 0; }

html._loading .slide._first { opacity: 1; }

#__bs_notify__ { padding: 2px !important; font-size: 10px !important; opacity: 0.75; }

body { font: normal 14px/1.4 "Open Sans", sans-serif; color: #000; background: #FFF; }

img, fieldset { border: 0; }

fieldset legend { display: none; }

ul, li { list-style-type: none; }

img { vertical-align: top; }

a:link, a:visited, a:hover, a:active { color: #000; text-decoration: underline; }

a:hover { color: #333; text-decoration: none; }

table { border: 0; border-collapse: collapse; }

table td { padding: 0; vertical-align: top; }

input, select, textarea { box-sizing: border-box; }

input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

input[type=number] { -moz-appearance: textfield; }

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; }

::-moz-selection { background: #5f5f5f; color: #FFFFFF; text-shadow: none; }

::selection { background: #5f5f5f; color: #FFFFFF; text-shadow: none; }

::-moz-selection { background: #5f5f5f; color: #FFFFFF; text-shadow: none; }

::-webkit-scrollbar { width: 6px; height: 6px; background: #eaedf1; }

::-webkit-scrollbar-button { display: none; }

::-webkit-scrollbar-track { background: #eaedf1; }

::-webkit-scrollbar-thumb { background: #5f5f5f; }

::-webkit-scrollbar-thumb:hover { background: #333333; }

#__bs_notify__ { padding: 2px !important; font-size: 10px !important; opacity: 0.75; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; }

.clearfix { zoom: 1; }

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

.no-select, #__bs_notify__ { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.no-pe, #__bs_notify__ { pointer-events: none; }

.static-text p { margin-bottom: 1.4em; }

.static-text img { max-width: 100%; }

@-webkit-keyframes rotating { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes rotating { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

html._loading body:after { width: 20px; height: 20px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAALVBMVEUAAABra2toaGhsbGxra2tsbGxra2tsbGxsbGxsbGxra2tsbGxra2tra2tsbGzKmJSYAAAAD3RSTlMAQw0aW4c2vq2YechqK+kA+co8AAAAd0lEQVQI12NgYGDyKGeAAr8pggwMCiAWZxOQgLA9GGCAsQhCMzEwaCdAxQwYXGHSRgwTYUxlhk0wJhvDBgSzAG4UQxOCGQZjmjHIwJjJDJoGUKYAA2MAVOkFBgYviLAgiBsMYrFcAJGpzgwMhmchzpMKXXUQ6HIArngPcG/qBmMAAAAASUVORK5CYII="); opacity: 1; -webkit-animation: rotating 0.65s linear infinite; animation: rotating 0.65s linear infinite; }

.transition-active, .animated { transition: color 0.4s ease-out, background 0.4s ease-out, border-color 0.4s ease-out; }

.transition-hover, .animated:hover { transition: none; }

.slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; overflow: hidden; box-sizing: border-box; }

.slide__wrap { position: absolute; height: 510px; min-width: 760px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-sizing: border-box; }

.slide__social-wrap { position: absolute; bottom: -40px; right: 0; }

.slide__social-wrap._culture { bottom: -65px; }

.slide__social { display: inline-block; vertical-align: top; width: 30px; height: 30px; cursor: pointer; }

.slide__social._fb { margin-left: 10px; }

.arrow { position: absolute; left: 50%; width: 26px; height: 26px; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); border: 1px solid #000; cursor: pointer; z-index: 20; border-radius: 50%; }

.arrow:after { display: block; content: " "; position: absolute; width: 55px; height: 55px; top: -15px; left: -15px; }

.arrow._up { top: 35px; }

.arrow._down { bottom: 35px; }

.arrow__elem { position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 16px; height: 9px; }

.arrow__elem._down { top: 55%; -webkit-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); }

.clouds { position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: -1; }

.clouds__elem { position: absolute; width: 76px; height: 38px; }

.clouds__elem._one { top: 80px; }

.clouds__elem._two { top: 280px; }

.clouds__elem._three { top: 160px; }

.clouds__elem._four { top: 0px; }

.start { width: 100%; background: url("../img/spb-bg.png") no-repeat center bottom 35px; }

.start__logo { display: block; margin: 30px auto 44px auto; width: 93px; height: 47px; }

.start__logo._end { margin: 122px auto 0 auto; }

.start__title { font-size: 70px; text-transform: uppercase; text-align: center; }

.start__title._end { font-size: 52px; }

.start__desc { margin-top: -17px; font-size: 20px; text-align: center; }

.start__wrap { margin: auto; padding-top: 23px; overflow: hidden; width: 100px; text-align: center; }

.start__social { display: inline-block; vertical-align: top; width: 40px; height: 40px; cursor: pointer; margin: 0 2px; }

.start__text { position: absolute; bottom: -40px; left: 50%; width: 610px; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); font-size: 13px; text-align: center; line-height: 16px; }

.start__subtitle { font-size: 14px; font-weight: bold; }

.about__petr { position: absolute; bottom: 50px; right: 0; }

.about__text { position: relative; margin: 70px 0 0 20px; width: 280px; font-size: 16px; }

.about__like { position: relative; width: 320px; padding-top: 5px; font-size: 12px; }

.about__heart { float: left; margin-left: 32px; margin-right: 10px; width: 35px; height: 31px; }

.about__circle { position: relative; margin: 43px 0 0 35px; width: 240px; height: 240px; box-sizing: border-box; }

.about__arc { position: absolute; left: 1px; top: 0; width: 240px; height: 240px; z-index: 10; }

.about__statistic { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-40%, -50%); -ms-transform: translate(-40%, -50%); transform: translate(-40%, -50%); }

.about__elem { margin-bottom: 10px; width: 130px; font-size: 10px; }

.about__elem:last-child { margin-bottom: 0; }

.about__persent { font-size: 38px; line-height: 26px; box-sizing: border-box; }

.about__persent._positive { color: #61ccaf; }

.about__persent._negative { color: #de5575; }

.about__caret { font-size: 20px; }

.about__bottom { position: absolute; bottom: 0; width: 100%; height: 48px; border: 1px solid #000; }

.culture__bg { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); z-index: 20; }

.culture__arc { position: absolute; top: 0; left: calc(50% - 117px); width: 215px; height: 232px; z-index: 10; }

.culture__positive, .culture__negative { position: absolute; width: 50%; }

.culture__positive { left: 0; }

.culture__negative { right: 0; }

.culture__top { position: relative; margin: 52px 0 0 28px; width: 200px; text-align: right; font-size: 12px; line-height: 14px; }

.culture__top._negative { margin: 52px 0 0 145px; width: 230px; text-align: left; }

.culture__sub { position: relative; padding-top: 8px; margin-left: 53px; width: 300px; font-style: italic; }

.culture__persent { font-size: 44px; color: #61ccaf; line-height: 25px; }

.culture__persent._negative { color: #e94c71; }

.culture__persent._sub { float: left; padding-top: 1px; margin-right: 5px; font-size: 29px; font-style: normal; }

.culture__persent._sub .culture__caret { font-size: 16px; }

.culture__caret { font-size: 24px; }

.culture__like-wrap { position: relative; margin: 76px 0 0 -145px; width: 380px; font-size: 12px; text-align: right; }

.culture__like-wrap._dislike { width: 400px; margin: 54px 0 0 125px; text-align: left; }

.culture__like { float: right; width: 40px; height: 36px; margin-top: -10px; margin-left: 17px; }

.culture__dislike { float: left; width: 39px; height: 34px; margin-top: 5px; margin-right: 15px; }

.culture__list { position: relative; margin-top: 13px; }

.culture__list._negative { margin-top: 5px; margin-left: 208px; }

.culture__list._negative .culture__elem { width: 280px; padding-left: 5px; padding-right: 0; text-align: left; }

.culture__list._negative .culture__elem:after { left: -20px; right: auto; top: 4px; }

.culture__elem { position: relative; width: 250px; margin-bottom: 4px; padding-right: 5px; font-size: 12px; font-style: italic; text-align: right; }

.culture__elem:after { display: block; content: " "; position: absolute; width: 17px; height: 14px; top: 2px; right: -20px; background: url("../img/baloon.svg") no-repeat; background-size: cover; }

.culture__elem._first { margin-left: -113px; }

.culture__elem._second { margin-left: -147px; }

.culture__elem._third { margin-left: -185px; }

.culture__elem._fifth { margin-left: 46px; }

.culture__elem._sixth { margin-left: 97px; }

.culture__bottom { position: absolute; bottom: -27px; width: 100%; height: 46px; border: 1px solid #000; }

.area__arc { position: absolute; top: -10px; left: -15px; width: 220px; height: 260px; -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); }

.area__house { position: absolute; right: 0; bottom: 49px; }

.area__car-wrap { position: absolute; bottom: 49px; left: 22px; width: 100%; height: 50px; overflow: hidden; }

.area__car { position: absolute; left: 0; bottom: 0; }

.area__total { position: relative; margin: 48px 0 0 82px; width: 160px; font-size: 12px; }

.area__persent { font-size: 44px; line-height: 28px; }

.area__persent._positive { color: #61ccaf; }

.area__persent._negative { color: #de5575; }

.area__persent._total { padding-top: 10px; }

.area__persent._security { float: left; margin-right: 6px; }

.area__persent._bottom { float: right; line-height: 48px; }

.area__persent._left { float: left; padding-left: 14px; }

.area__caret { font-size: 24px; }

.area__security-wrap { position: absolute; right: -48px; top: 21px; z-index: 10; }

.area__security { display: block; margin-bottom: 10px; }

.area__indicator { position: relative; display: inline-block; width: 220px; padding-top: 5px; margin-right: 15px; vertical-align: top; text-align: right; }

.area__elem { display: inline-block; vertical-align: top; margin-right: 6px; width: 24px; height: 24px; }

.area__elem._gun { width: 26px; height: 19px; }

.area__text { position: relative; display: inline-block; width: 230px; vertical-align: top; font-size: 12px; }

.area__bottom { position: absolute; bottom: 0; right: -22px; width: 100%; height: 50px; border: 1px solid #000; box-sizing: border-box; }

.area__half { position: relative; display: inline-block; vertical-align: top; font-size: 11px; overflow: hidden; box-sizing: border-box; }

.area__half._left { text-align: right; width: 56%; }

.area__half._right { width: 44%; }

.area__desc { width: 250px; padding-top: 9px; }

.area__desc._left { float: right; padding-right: 5px; }

.area__desc._right { float: left; padding-left: 5px; width: 240px; box-sizing: border-box; }

.sport__stadium { position: absolute; bottom: 51px; right: 0; }

.sport__bench { position: absolute; bottom: 51px; left: 35px; }

.sport__text { position: relative; width: 320px; margin: 117px 0 0 -37px; font-size: 13px; line-height: 15px; }

.sport__list { position: relative; margin-top: 11px; }

.sport__elem { position: relative; width: 250px; margin-bottom: 6px; font-size: 12px; font-style: italic; }

.sport__elem:before { display: block; content: " "; position: absolute; left: -25px; top: 5px; width: 17px; height: 14px; background: url("../img/baloon.svg") no-repeat; background-size: cover; }

.sport__elem._first { margin-left: 18px; }

.sport__elem._second { margin-left: 36px; }

.sport__elem._third { margin-left: 48px; }

.sport__elem._fourth { margin-left: 76px; }

.sport__statistic { position: absolute; top: -50px; right: -10px; height: 270px; }

.sport__wrap { position: relative; display: inline-block; vertical-align: bottom; width: 230px; margin-right: 30px; }

.sport__wrap:last-child { margin-right: 0; }

.sport__ball { margin-top: 12px; float: right; width: 33px; height: 33px; clear: both; }

.sport__ball._deflated { margin-top: 16px; float: left; width: 42px; height: 24px; }

.sport__positive, .sport__negative { position: absolute; font-size: 12px; box-sizing: border-box; }

.sport__positive { bottom: -10px; left: 0; padding-right: 35px; text-align: right; }

.sport__negative { bottom: -10px; left: 30px; padding-left: 35px; width: 250px; text-align: left; }

.sport__persent { font-size: 44px; line-height: 50px; }

.sport__persent._positive { color: #61ccaf; }

.sport__persent._negative { color: #de5575; }

.sport__persent._left { float: left; margin-left: 20px; margin-right: 10px; }

.sport__persent._right { float: right; margin-left: 10px; }

.sport__persent._stat { line-height: 20px; }

.sport__caret { font-size: 24px; }

.sport__bottom { position: absolute; bottom: 0; right: -23px; width: 100%; height: 50px; border: 1px solid #000; }

.sport__half { position: relative; display: inline-block; overflow: hidden; vertical-align: top; font-size: 11px; box-sizing: border-box; }

.sport__half._left { width: 45%; text-align: right; }

.sport__half._right { width: 55%; text-align: left; }

.sport__desc { padding-top: 10px; }

.sport__human { position: absolute; left: 45%; top: -12px; width: 16px; height: 63px; z-index: 10; }

.banner { width: 100%; height: 440px; overflow: hidden; background: #fff url("../img/banner-bg.png") no-repeat bottom 60px left; text-align: center; }

.banner__wrap { display: inline-block; vertical-align: top; margin-left: -300px; }

.banner__logo { display: block; margin: 7px auto; width: 75px; height: 47px; }

.banner__title { margin-top: 100px; font-size: 56px; text-transform: uppercase; }

.banner__text { font-size: 20px; line-height: 15px; }

.banner__link { display: inline-block; margin-top: 130px; font-size: 20px; }