@charset "UTF-8";
:root {
  /* stylelint-disable declaration-colon-space-after */
  /* Grey colors  */
  /* Other system */
  /* get messages read first, special delivery, users on mobile */
  /* usual non-features interface elements, phone */
  /* Basic colors */
  /* Social */
  /* Features */
  /* get messages read first, special delivery, chat quota */
  /* mutual match, fans, like */
  /* exclusive attention, chat with popular users, hot users */
  /* spp */
  /* add fo favourites */
  /* chat with new users */
  /* rise up */
  /* get extra shows, encounters */
  /* chat limit */
  /* photo verification, security */
  /* invisible ovl */
  /* spotlight */
  /* boost */
  /* customization */
  /* undo */
  /* Fonts */
  /* elements */
  /* Borders */
  /* Effects */
  /* stylelint-enable declaration-colon-space-after */
}

/* plugins */
/* Temporary fix / TODO: replace all plugins to native code */
.lightbox-opened {
  overflow: hidden;
}

.lightbox-opened,
.lightbox-opened body {
  overflow: hidden;
}

.lightbox-opened .main {
  z-index: auto;
}

@media screen and (max-width: 680px) {
  .lightbox-opened body > header,
  .lightbox-opened body > main,
  .lightbox-opened body > footer {
    display: none;
  }
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, .8);
  display: none;
}

.lightbox {
  position: absolute;
  left: 0 !important;
  top: 0 !important;
  width: 100%;
  height: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  display: none;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  max-width: inherit;
  min-height: inherit;
  border-radius: 3px;
}

.lb-outerContainer {
  position: fixed;
  *zoom: 1;
  top: 50%;
  
  left: 50%;
  
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 600px;
  width: 600px;
  max-height: 100%;
}

.lb-container {
  max-height: 100%;
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-next .lb-arrow,
.lb-prev {
  width: 17px;
  height: 42px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

.lb-next {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.lb-arrow {
  right: -30px;
}

.lb-prev {
  left: 0px;
  z-index: 3;
}

.lb-next:hover .lb-arrow:after,
.lb-next:hover .lb-arrow:before,
.lb-prev:hover:after,
.lb-prev:hover:before {
  background: #fff;
}

.lb-arrow:before {
  top: 10px;
  
  -webkit-transform: rotate(55deg);
          transform: rotate(55deg);
  
  
}

.lb-arrow:after {
  bottom: 10px;
  
  -webkit-transform: rotate(-55deg);
          transform: rotate(-55deg);
  
  
}

.lb-arrow:before,
.lb-arrow:after,
.lb-prev:before,
.lb-prev:after {
  content: '';
  width: 26px;
  height: 2px;
  transition: background .4s;
  background: #999;
  position: absolute;
}

.lb-prev:before {
  top: 10px;
  
  -webkit-transform: rotate(-55deg);
          transform: rotate(-55deg);
  
  
}

.lb-prev:after {
  bottom: 10px;
  
  -webkit-transform: rotate(55deg);
          transform: rotate(55deg);
  
  
}

.lb-next .lb-arrow,
.lb-prev {
  height: 100%;
  width: 50vw;
}

.lb-next .lb-arrow {
  right: 0;
  margin-right: -50vw;
}

.lb-prev {
  margin-left: -50vw;
}

.lb-prev:after,
.lb-arrow:after {
  bottom: calc(50% - 11px);
}

.lb-prev:before,
.lb-arrow:before {
  top: calc(50% - 11px);
}

.lb-prev:after,
.lb-prev:before {
  right: 10px;
}

.lb-arrow:before,
.lb-arrow:after {
  left: 10px;
}

@media screen and (min-width: 946px) and (max-width: 961px) {
  .lb-prev:after,
  .lb-prev:before {
    right: 0;
  }
  .lb-arrow:before,
  .lb-arrow:after {
    left: 0;
  }
}

@media screen and (max-width: 945px) {
  .lb-prev {
    left: 35px;
  }
  .lb-next .lb-arrow {
    right: 35px;
  }
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  opacity: 1;
}

.lb-dataContainer {
  width: 100%;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-number {
  top: -30px;
  position: absolute;
  left: 0;
  right: 0;
  color: #fff;
}

.lb-close {
  position: absolute;
  right: 0;
  top: -30px;
  color: #fff;
}

.counter-analog span.part {
  display: inline-block;
}

.counter-analog span.separator {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 10px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}

.counter-analog span.part span.digit0 {
  background-position: 0     0;
}

.counter-analog span.part span.digit1 {
  background-position: 0  -240px;
}

.counter-analog span.part span.digit2 {
  background-position: 0  -480px;
}

.counter-analog span.part span.digit3 {
  background-position: 0  -720px;
}

.counter-analog span.part span.digit4 {
  background-position: 0  -960px;
}

.counter-analog span.part span.digit5 {
  background-position: 0 -1200px;
}

.counter-analog span.part span.digit6 {
  background-position: 0 -1440px;
}

.counter-analog span.part span.digit7 {
  background-position: 0 -1680px;
}

.counter-analog span.part span.digit8 {
  background-position: 0 -1920px;
}

.counter-analog span.part span.digit9 {
  background-position: 0 -2160px;
}

/* UP */
@-webkit-keyframes counter-analog-01 {
  from {
    background-position: 0     0;
  }
  to {
    background-position: 0  -240px;
  }
}

@-webkit-keyframes counter-analog-12 {
  from {
    background-position: 0  -240px;
  }
  to {
    background-position: 0  -480px;
  }
}

@-webkit-keyframes counter-analog-23 {
  from {
    background-position: 0  -480px;
  }
  to {
    background-position: 0  -720px;
  }
}

@-webkit-keyframes counter-analog-34 {
  from {
    background-position: 0  -720px;
  }
  to {
    background-position: 0  -960px;
  }
}

@-webkit-keyframes counter-analog-45 {
  from {
    background-position: 0  -960px;
  }
  to {
    background-position: 0  -1200px;
  }
}

@-webkit-keyframes counter-analog-56 {
  from {
    background-position: 0  -1200px;
  }
  to {
    background-position: 0  -1440px;
  }
}

@-webkit-keyframes counter-analog-67 {
  from {
    background-position: 0  -1440px;
  }
  to {
    background-position: 0  -1680px;
  }
}

@-webkit-keyframes counter-analog-78 {
  from {
    background-position: 0  -1680px;
  }
  to {
    background-position: 0  -1920px;
  }
}

@-webkit-keyframes counter-analog-89 {
  from {
    background-position: 0  -1920px;
  }
  to {
    background-position: 0  -2160px;
  }
}

@-webkit-keyframes counter-analog-90 {
  from {
    background-position: 0  -2160px;
  }
  to {
    background-position: 0  -2400px;
  }
}

.counter-analog span.part span.digit01 {
  -webkit-animation: counter-analog-01 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-01 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-01 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit12 {
  -webkit-animation: counter-analog-12 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-12 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-12 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit23 {
  -webkit-animation: counter-analog-23 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-23 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-23 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit34 {
  -webkit-animation: counter-analog-34 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-34 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-34 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit45 {
  -webkit-animation: counter-analog-45 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-45 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-45 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit56 {
  -webkit-animation: counter-analog-56 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-56 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-56 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit67 {
  -webkit-animation: counter-analog-67 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-67 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-67 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit78 {
  -webkit-animation: counter-analog-78 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-78 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-78 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit89 {
  -webkit-animation: counter-analog-89 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-89 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-89 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit90 {
  -webkit-animation: counter-analog-90 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-90 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-90 0.3s steps(6, end) 1;
}

/* DOWN */
@-webkit-keyframes counter-analog-10 {
  from {
    background-position: 0  -240px;
  }
  to {
    background-position: 0     0;
  }
}

@-webkit-keyframes counter-analog-21 {
  from {
    background-position: 0  -480px;
  }
  to {
    background-position: 0  -240px;
  }
}

@-webkit-keyframes counter-analog-32 {
  from {
    background-position: 0  -720px;
  }
  to {
    background-position: 0  -480px;
  }
}

@-webkit-keyframes counter-analog-43 {
  from {
    background-position: 0  -960px;
  }
  to {
    background-position: 0  -720px;
  }
}

@-webkit-keyframes counter-analog-54 {
  from {
    background-position: 0  -1200px;
  }
  to {
    background-position: 0  -960px;
  }
}

@-webkit-keyframes counter-analog-65 {
  from {
    background-position: 0  -1440px;
  }
  to {
    background-position: 0  -1200px;
  }
}

@-webkit-keyframes counter-analog-76 {
  from {
    background-position: 0  -1680px;
  }
  to {
    background-position: 0  -1440px;
  }
}

@-webkit-keyframes counter-analog-87 {
  from {
    background-position: 0  -1920px;
  }
  to {
    background-position: 0  -1680px;
  }
}

@-webkit-keyframes counter-analog-98 {
  from {
    background-position: 0  -2160px;
  }
  to {
    background-position: 0  -1920px;
  }
}

@-webkit-keyframes counter-analog-09 {
  from {
    background-position: 0  -2400px;
  }
  to {
    background-position: 0  -2160px;
  }
}

.counter-analog span.part span.digit10 {
  -webkit-animation: counter-analog-10 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-10 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-10 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit21 {
  -webkit-animation: counter-analog-21 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-21 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-21 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit32 {
  -webkit-animation: counter-analog-32 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-32 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-32 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit43 {
  -webkit-animation: counter-analog-43 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-43 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-43 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit54 {
  -webkit-animation: counter-analog-54 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-54 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-54 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit65 {
  -webkit-animation: counter-analog-65 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-65 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-65 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit76 {
  -webkit-animation: counter-analog-76 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-76 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-76 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit87 {
  -webkit-animation: counter-analog-87 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-87 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-87 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit98 {
  -webkit-animation: counter-analog-98 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-98 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-98 0.3s steps(6, end) 1;
}

.counter-analog span.part span.digit09 {
  -webkit-animation: counter-analog-09 0.3s steps(6, end) 1;
  -moz-animation: counter-analog-09 0.3s steps(6, end) 1;
  -ms-animation: counter-analog-09 0.3s steps(6, end) 1;
}

/* desktop */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
textarea,
input,
mark {
  vertical-align: baseline;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
}

html {
  overflow-y: scroll;
  width: 100%;
}

body {
  position: relative;
  width: 100%;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  /* stylelint-disable-line property-no-vendor-prefix */
}

main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

a {
  display: inline-block;
  color: #151515;
  text-decoration: none;
  transition: color .2s;
  cursor: pointer;
}

a:hover {
  color: #ff661b;
}

.link {
  color: #ff661b;
  text-decoration: none;
}

.link:hover {
  text-decoration: underline;
}

.link--bbc {
  display: none;
  color: #f00;
  font-weight: 600;
}

.link--bbc:hover {
  text-decoration: none;
}

.bbc-footnote {
  position: absolute;
  bottom: 20px;
  left: 50%;
  display: none;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.3;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

[lang='ru'] .link--bbc {
  display: inline;
}

[lang='ru'] .bbc-footnote {
  display: block;
}

.marker-list li {
  position: relative;
  margin: 0 0 40px;
  padding: 0 0 0 20px;
}

.marker-list li::before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 8px;
  height: 8px;
  content: '';
  border-radius: 50%;
  background: #d8d8d8;
}

button {
  cursor: pointer;
}

button:disabled {
  overflow: visible;
}

iframe,
img {
  vertical-align: top;
  max-width: 100%;
}

:focus {
  outline: 0;
}

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

/* colors */
.gray {
  color: #727272;
}

/* typography */
h1,
h2,
h3,
b,
strong {
  font-weight: normal;
}

i,
em {
  font-style: normal;
}

h1,
h2,
h3,
b,
.b {
  font-family: 'Stolzl-Medium', Helvetica, Arial, sans-serif;
}

html.safari[lang='tr'] h1,
html.safari[lang='tr'] h2,
html.safari[lang='tr'] h3,
html.safari[lang='tr'] b,
html.safari[lang='tr'] .b,
html.firefox[lang='tr'] h1,
html.firefox[lang='tr'] h2,
html.firefox[lang='tr'] h3,
html.firefox[lang='tr'] b,
html.firefox[lang='tr'] .b,
html.safari[lang='ro'] h1,
html.safari[lang='ro'] h2,
html.safari[lang='ro'] h3,
html.safari[lang='ro'] b,
html.safari[lang='ro'] .b,
html.firefox[lang='ro'] h1,
html.firefox[lang='ro'] h2,
html.firefox[lang='ro'] h3,
html.firefox[lang='ro'] b,
html.firefox[lang='ro'] .b,
html[lang='el'] h1,
html[lang='el'] h2,
html[lang='el'] h3,
html[lang='el'] b,
html[lang='el'] .b,
html[lang='ja'] h1,
html[lang='ja'] h2,
html[lang='ja'] h3,
html[lang='ja'] b,
html[lang='ja'] .b,
html[lang='hi'] h1,
html[lang='hi'] h2,
html[lang='hi'] h3,
html[lang='hi'] b,
html[lang='hi'] .b,
html[lang='ko'] h1,
html[lang='ko'] h2,
html[lang='ko'] h3,
html[lang='ko'] b,
html[lang='ko'] .b,
html[lang='th'] h1,
html[lang='th'] h2,
html[lang='th'] h3,
html[lang='th'] b,
html[lang='th'] .b,
html[lang='vi'] h1,
html[lang='vi'] h2,
html[lang='vi'] h3,
html[lang='vi'] b,
html[lang='vi'] .b,
html[lang='zh'] h1,
html[lang='zh'] h2,
html[lang='zh'] h3,
html[lang='zh'] b,
html[lang='zh'] .b,
html[lang='zh-Hant'] h1,
html[lang='zh-Hant'] h2,
html[lang='zh-Hant'] h3,
html[lang='zh-Hant'] b,
html[lang='zh-Hant'] .b {
  font-weight: 600;
  font-family: Helvetica, Arial, sans-serif;
}

html[lang='ar'] h1,
html[lang='ar'] h2,
html[lang='ar'] h3,
html[lang='ar'] b,
html[lang='ar'] .b,
html[lang='he'] h1,
html[lang='he'] h2,
html[lang='he'] h3,
html[lang='he'] b,
html[lang='he'] .b {
  font-weight: 600;
  font-family: Arial, sans-serif;
}

/* Fixes for hindi font. It break when them font-size more than 63px and has sans-serif style */
html.chrome[lang='hi'] .xx-large {
  font-family: serif;
}

h1:empty,
h2:empty,
p:empty {
  display: none;
}

.img-block {
  margin: 0 0 20px;
}

/* Ovl */
.overlay.active {
  display: block;
}

.ovl-fade {
  position: fixed;
  z-index: 110;
  top: 0;
  left: 0;
  display: none;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, .5);
}

.ovl-fade.active {
  display: block;
}

/* helpers */
.left {
  text-align: left;
}

.flex {
  display: -webkit-flex;
  display: flex;
}

/* base */
.header {
  position: absolute;
  z-index: 103;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 60px;
}

.header__container {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
  max-width: 1180px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  transition: width .6s;
}

/* logo */
.header__logo {
  display: block;
  width: 140px;
  height: 40px;
}

.header__nav-logo-menu {
  display: none;
}

/* navigation */
.header__nav-item {
  color: #fff;
  white-space: nowrap;
}

.header__nav-item {
  position: relative;
}

.header__nav {
  position: relative;
  display: -webkit-flex;
  display: flex;
}

.header__switcher {
  display: none;
}

.header__fade {
  display: none;
}

/* header type - white */
.header--white {
  position: fixed;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
  background: #fff;
  -webkit-animation: showHeader .4s ease-in-out;
          animation: showHeader .4s ease-in-out;
}

.header--white .logo__item--color {
  visibility: visible;
}

.header__nav-item:hover {
  color: #fff;
}

.header--white .header__nav-item {
  color: #151515;
}

/* effects :hover :active */
.header__nav.active {
  display: -webkit-flex;
  display: flex;
}

.header--white .header__nav-item:hover::before,
.header--white .header__nav-item.active::before,
.header__nav-item:hover::before,
.header__nav-item.active::before {
  position: absolute;
  right: -50%;
  bottom: -17px;
  left: -50%;
  width: 100%;
  height: 2px;
  margin: auto;
  content: '';
}

.header__nav-item:hover::before,
.header__nav-item.active::before {
  background: #fff;
}

.header--white .header__nav-item:hover::before,
.header--white .header__nav-item.active::before {
  background: #ff661b;
}

/* helpers  */
.header--hide.header--white {
  top: -60px;
  -webkit-animation: hideHeader .1s ease-in-out;
          animation: hideHeader .1s ease-in-out;
}

/* @ANIMATION */
@-webkit-keyframes showHeader {
  from {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes showHeader {
  from {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes hideHeader {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
  }
}

@keyframes hideHeader {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
  }
}

/* @MEDIA QUERY */
@media screen and (min-width: 1024px) {
  .header__nav-item + .header__nav-item {
    margin-left: 35px;
  }
}

@media screen and (max-width: 1280px) {
  .header__container {
    max-width: 940px;
  }
}

@media screen and (min-width: 1360px) {
  .header__nav-item + .header__nav-item {
    margin-left: 55px;
  }
}

.main {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.main__item {
  max-width: 1180px;
  margin: 0 auto;
}

.main__item--full {
  max-width: none;
  margin-bottom: -60px;
}

.main-content {
  margin: 60px auto;
}

.main-content__title {
  text-transform: uppercase;
}

.main-content__text {
  max-width: 780px;
  margin: 0 auto 40px;
  text-align: center;
}

@media screen and (max-width: 1280px) {
  .main__item {
    max-width: 940px;
  }
  .main__item--full {
    max-width: none;
  }
}

.footer {
  position: relative;
  z-index: 3;
  width: 100%;
  padding: 50px 0;
  border-top: 1px solid rgba(0, 0, 0, .08);
  background: #fff;
}

.footer__content {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  max-width: 1180px;
  width: 100%;
  height: 100%;
  margin: auto;
}

.footer__nav {
  display: -webkit-flex;
  display: flex;
}

.footer__nav-item {
  width: 200px;
  padding: 0 60px 0 0;
}

.footer__nav-item .footer__link {
  margin: 10px 0 0;
}

.footer__nav-title {
  margin: 0 0 20px;
  color: #969696;
  text-transform: uppercase;
}

.footer__link {
  display: block;
}

.footer__link:hover {
  text-decoration: underline;
}

.footer__copyright {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
}

@media screen and (max-width: 1280px) {
  .footer__content {
    max-width: 940px;
  }
  .footer__nav-item {
    width: 160px;
    padding: 0 18px 0 0;
  }
}

/* common */
body {
  font: 100%/1.625 'Stolzl-Book', Helvetica, Arial, sans-serif;
}

html.safari[lang='tr'] body,
html.firefox[lang='tr'] body,
html.safari[lang='ro'] body,
html.firefox[lang='ro'] body,
[lang='el'] body,
[lang='ja'] body,
[lang='hi'] body,
[lang='ko'] body,
[lang='th'] body,
[lang='vi'] body,
[lang='zh'] body,
[lang='zh-Hant'] body {
  font: 100%/1.625 Helvetica, Arial, sans-serif;
}

[lang='ar'] body,
[lang='he'] body {
  font: 100%/1.625 Arial, sans-serif;
}

/* 80 / 90px */
.xx-large {
  font-size: 80px;
  line-height: 90px;
}

/* 40px / 50px */
h1,
.x-large {
  font-size: 40px;
  line-height: 50px;
}

/* 20px / 32px */
.large {
  font-size: 20px;
  line-height: 32px;
}

/* 20px / 28px */
.large_ {
  font-size: 20px;
  line-height: 28px;
}

/* 13px / 26px */
.small {
  font-size: 13px;
  line-height: 26px;
}

.langs {
  position: absolute;
  z-index: 1;
  top: 46px;
  right: 15px;
  display: block;
}

.langs__title {
  position: relative;
  cursor: pointer;
}

.langs__title::after {
  position: absolute;
  top: 0;
  right: -15px;
  bottom: 0;
  width: 0;
  height: 0;
  margin: auto;
  content: '';
  border-width: 4px 4px 0 4px;
  border-style: solid;
  border-color: #151515 transparent transparent transparent;
}

.langs__title.active {
  color: #ff661b;
}

.langs__title.active + .langs__container {
  display: block;
}

.langs__title.active::after {
  border-color: #ff661b transparent transparent transparent;
  -webkit-transform: rotateZ(-180deg);
          transform: rotateZ(-180deg);
}

.langs__container {
  position: absolute;
  right: -35px;
  bottom: 40px;
  display: none;
  padding: 0 25px;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1);
}

.langs__container::before,
.langs__container::after {
  position: absolute;
  right: 15px;
  bottom: -7px;
  width: 0;
  height: 0;
  content: '';
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.langs__container::before {
  bottom: -8px;
  border-color: rgba(0, 0, 0, .08) transparent transparent transparent;
}

.langs__list {
  -webkit-columns: 4;
     -moz-columns: 4;
          columns: 4;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  margin: 25px 0 15px;
}

.langs__list-item {
  display: inline-block;
  vertical-align: top;
  width: 170px;
  margin-bottom: 10px;
}


.langs__name.active {
  color: #ff661b;
}

/* base style widget */
.widget {
  margin: 60px 0 0;
  border-top: 1px solid rgba(0, 0, 0, .08);
  text-align: left;
}

.widget > .widget {
  border: none;
}

.widget__title {
  margin: 50px 0 40px;
  text-transform: uppercase;
  text-align: center;
}

.widget__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: left;
}

.widget__list-item {
  position: relative;
  cursor: pointer;
}

.widget__list img {
  max-width: 100%;
}

.widget__img {
  display: block;
}

/* common style widgets */
.widget--type-news > .widget__list,
.widget--type-gallery > .widget__list {
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

.widget--type-news .widget__list-item,
.widget--type-gallery .widget__list-item {
  width: 360px;
}

.widget--type-news .widget__list-item .widget__img:hover,
.widget--type-gallery .widget__list-item .widget__img:hover {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
}

.widget--type-news .widget__list-item .widget__img,
.widget--type-gallery .widget__list-item .widget__img {
  transition: box-shadow .3s;
}

/* All - News */
.widget--all-news {
  margin: 0 0 10px;
  padding: 30px 0 50px;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.widget--all-news .widget__list-item:not(:last-child) {
  margin: 0 0 20px;
}

/*  MEDIA QUERY */
@media screen and (max-width: 1280px) {
  .widget--type-news .widget__list-item,
  .widget--type-gallery .widget__list-item {
    width: 280px;
  }
}

.btn {
  position: relative;
  display: inline-block;
  padding: 9px 24px;
  outline: 0;
  border: none;
  border-radius: 35px;
  text-align: center;
  text-decoration: none;
  font-family: 'Stolzl-Medium', Helvetica, Arial, sans-serif;
  transition: background .2s, color .15s;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-font-smoothing: antialiased;
}

.btn__txt {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
}

.btn::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  border-radius: inherit;
  background: transparent;
  transition: border .15s ease-in-out;
}

.btn:hover::before {
  background: rgba(0, 0, 0, .05);
}

.btn + .btn {
  margin-left: 7px;
}

.btn .b-link {
  border-radius: inherit;
}

.btn--center {
  display: block !important;
  margin: 0 auto;
}

/* Sizes */
.btn--sm {
  font-size: .813em;
  line-height: 1.5384;
}

.btn--md {
  height: 48px;
  padding: 11px 30px;
  font-size: 16px;
}

/* Colors */
.btn,
.btn:hover {
  color: #fff;
}

.btn--primary {
  background: #ff661b;
}

.btn--red {
  background: #ff4200;
}

/* Types */
.btn--video {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 0 26px;
  color: #7000e3;
}

.btn--video::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 44px;
  margin: auto;
  content: '';
  border-radius: 30px;
  background: #fff;
  transition: box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.btn--video:hover {
  color: #7000e1;
}

.btn--video:hover::before {
  border-radius: 60px;
  background: #fff;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  transition: box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.btn--video > .btn__text {
  position: relative;
}

.btn--block {
  display: block;
}

/* Forms */
.btn--rounded {
  border-radius: 4px;
}

.btn--outline {
  border: 1px solid #949494;
  background-color: transparent;
  color: #000;
}

.btn--outline:hover {
  color: #000;
}

.pagination {
  display: -webkit-flex;
  display: flex;
  width: 100%;
}

.pagination__item {
  position: relative;
}

.pagination__item:last-child {
  margin: 0 0 0 auto;
}

.pagination__item:first-child .pagination__item-link::before {
  padding: 0 5px 0 0;
  content: '\2190';
}

.pagination__item:last-child .pagination__item-link::after {
  padding: 0 0 0 5px;
  content: '\2192';
}

.social-ico {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 5px 0;
  border: 2px solid transparent;
  border-radius: 100%;
  background: transparent;
  color: #fff;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.social-ico:hover {
  border-color: #2b65f8;
  background: #fff;
  color: #2b65f8;
}

.social-ico:active {
  border-color: transparent;
  background: rgb(34, 81, 198);
  color: #fff;
}

.social-ico.active {
  cursor: default;
}

.social-ico .b-link {
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border-radius: 16px 16px 0 0;
}

.social-ico > .icon {
  margin-top: 12px;
}

/* color */
.social-ico--facebook {
  background: #3464d4;
}

.social-ico--gmail {
  background: #dd4b39;
}

.social-ico--windowslive {
  background: #0071c5;
}

.social-ico--yahoo {
  background: #4400b2;
}

.social-ico--other {
  background: #999;
}

/* debug - icons from JS-8515 */
.icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  fill: currentColor;
  transition: color .2s, fill .2s, background .2s, box-shadow .2s, opacity .2s;
}

.icon-svg {
  display: block;
  box-sizing: border-box;
  max-width: inherit;
  width: inherit;
  max-height: inherit;
  height: inherit;
  background: inherit;
  fill: inherit;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  pointer-events: none;
}

.icon--lg .icon-svg {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -ms-transform: translate(0.5px, -0.3px);
  /* hack for IE: in 11 ver. svg elements seem to be drawn in a blurry way. This string clarifies images ; works only with middle-size and big icons - little icons still have bugs. */
}

.icon-svg > use {
  transition: opacity .2s;
}


/* size */
.icon--xsm {
  width: 24px;
  height: 24px;
}

.icon--lg {
  width: 32px;
  height: 32px;
}

.icon--xlg {
  width: 40px;
  height: 40px;
}

/* Basic colors */
.icon--white {
  fill: #fff;
}

.icon--red {
  border-color: #ff4200;
  fill: #ff4200;
}

.icon--like {
  border-color: #ff4200;
  fill: #ff4200;
}

.icon--attention {
  border-color: #ff661b;
  fill: #ff661b;
}

.icon--blue {
  border-color: #2b65f8;
  fill: #2b65f8;
}

.icon--delivery {
  border-color: #2b65f8;
  fill: #2b65f8;
}

.icon--favourite {
  fill: #fec309;
}

.icon--black {
  fill: #000;
}

.icon--dgrey {
  fill: #727272;
}

.icon--invisibility {
  border-color: #1eb2fc;
  fill: #1eb2fc;
}

.icon--green {
  fill: #1ac636;
}

/* Services colors */
.icon--facebook,
.icon--grey.icon--facebook:hover {
  fill: #3464d4;
}

.icon--twitter,
.icon--grey.icon--twitter:hover {
  fill: #1cacff;
}

.icon--google,
.icon--grey.icon--google:hover {
  fill: #dd4b39;
}

.icon--instagram,
.icon--grey.icon--instagram:hover {
  fill: #3674a9;
}

.icon--linkedin,
.icon--grey.icon--linkedin:hover {
  fill: #006799;
}

.icon--vk,
.icon--grey.icon--vk:hover {
  fill: #2c70b4;
}

.icon--odnoklassniki,
.icon--grey.icon--odnoklassniki:hover {
  fill: #f7882b;
}

.icon--yandex,
.icon--grey.icon--yandex:hover {
  fill: #ee3a2e;
}

.icon--phone,
.icon--grey.icon--phone:hover {
  fill: #1ac636;
}

.icon--card,
.icon--grey.icon--card:hover {
  fill: #fec309;
}

.icon--photo-verify,
.icon--grey.icon--photo-verify:hover {
  fill: #1eb2fc;
}

.icon--spp,
.icon--grey.icon--spp:hover {
  border-color: #fec309;
  background: radial-gradient(circle closest-side, #c40710 0%, #c40710 90%, transparent 90%);
  /* a hack to make a colored underlayer */
  fill: #fec309;
}

.icon--grey.icon--spp {
  background: transparent;
}

.icon--mailru,
.icon--grey.icon--mailru:hover {
  fill: #1e8cdf;
}

.icon--msn,
.icon--grey.icon--msn:hover {
  fill: #4d5cea;
}

.icon--badoo {
  background: radial-gradient(circle closest-side, #fff 0%, #fff 90%, transparent 90%);
  fill: #f1792c;
}

.icon--blendr {
  background: radial-gradient(circle closest-side, #fff 0%, #fff 90%, transparent 90%);
  fill: #02dbf7;
}

.icon--hotornot {
  background: radial-gradient(circle closest-side, #fff 0%, #fff 90%, transparent 90%);
  fill: #e60f32;
}

.icon--vip {
  border-color: #67a7e3;
}

.icon--riseup {
  border-color: #29cf29;
  fill: #29cf29;
}

.icon--encounters {
  border-color: #00caa8;
  fill: #00caa8;
}

.icon--customize {
  fill: #7258db;
}

.icon--grey,
.icon.disabled:hover {
  border-color: #bfbfbf;
  fill: #bfbfbf;
}

.icon--grey:hover,
.icon--grey.hovered {
  border-color: #727272;
  fill: #727272;
}

/* Circle and ring icons */
.icon--circle,
.icon--ring,
.icon--circle > .icon-svg,
.icon--ring > .icon-svg {
  border-radius: 100%;
}

.icon--ring {
  border-width: 1px;
  border-style: solid;
}

.icon--ring > .icon-svg {
  margin: -1px;
}

.icon--ring.icon--spp,
.icon--color.icon--spp {
  background: transparent;
  color: #fec309;
  fill: rgba(196, 7, 16, 0.7);
}

.icon--circle,
.icon--circle.icon--grey:hover {
  fill: #fff;
}

.icon--circle.icon--grey:not(:hover) {
  background: #bfbfbf;
  fill: #fff;
}

.icon--circle.icon--invisibility {
  background: #1eb2fc;
}

.icon--circle.icon--blue {
  background: #2b65f8;
}

.icon--circle.icon--delivery {
  background: #2b65f8;
}

.icon--circle.icon--green {
  background: #1ac636;
}

.icon--circle.icon--red {
  background: #ff4200;
}

.icon--circle.icon--spotlight {
  background: #2b8cfc;
}

.icon--circle.icon--riseup {
  background: #29cf29;
}

.icon--circle.icon--encounters {
  background: #00caa8;
}

.icon--circle.icon--red {
  background: #ff4200;
}

.icon--circle.icon--like {
  background: #ff4200;
}

.icon--circle.icon--favourite {
  background: #fec309;
}

.icon--circle.icon--attention {
  background: #ff661b;
}

.icon--circle.icon--boost {
  background: #f55280;
}

.icon--circle.icon--undo {
  background: #9aa9c5;
}

.icon--circle.icon--smile {
  background: #fec309;
  fill: #000;
}

.icon--circle.icon--grey.icon--smile:hover {
  fill: #000;
}

/* several icons in one wrapper for hover effects */
.icon--group use + use {
  opacity: 0;
}

.icon--group:hover use:first-child {
  opacity: 0;
}

.icon--group:hover use + use {
  opacity: 1;
}

/* Vertical align for icons in text */
.icon--inline {
  vertical-align: middle;
  margin: -3px 0 0;
}

/* base */
.form-container {
  z-index: 1;
  width: 100%;
}

.form {
  text-align: left;
}

.input,
.textarea {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 20px;
  color: #727272;
  font-size: 13px;
  line-height: 19px;
  font-family: 'Stolzl-Book', Helvetica, Arial, sans-serif;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.close {
  position: absolute;
  top: -40px;
  right: 0;
  color: #fff;
  cursor: pointer;
}

.input {
  height: 40px;
  padding: 10px 20px;
}

/* file */
.input-file {
  display: none;
}

.form__preview-item {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  cursor: pointer;
}

.form__preview-item + .form__preview-item {
  margin: 10px 0 0;
}

.form__file-preview {
  position: relative;
  -webkit-align-self: center;
          align-self: center;
  min-width: 38px;
}

.form__file-name {
  margin: 0 0 0 10px;
}

.form__preview-item:hover .form__file-preview::after {
  display: block;
}

.form__file-preview > img,
.form__file-preview::after,
.form__file {
  width: 38px;
  height: 38px;
  border-radius: 50%;
}

.form__file {
  background: url("/v2/-/-/i/team-site/ui/icons/file.1fc006be67fbd5bddc6f.svg");
}

.form__file-preview::after {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  display: none;
  margin: auto;
  content: '';
  background: rgba(0, 0, 0, .5) url("/v2/-/-/i/team-site/ui/icons/close-white.eecb3df7dd187bf96a86.svg") center no-repeat;
  background-size: 16px;
}

.form__preview-name {
  margin: 0 0 0 10px;
}

.error,
.input.error,
.textarea.error {
  border-color: #ff661b;
}

.error {
  color: #ff661b;
}

.textarea:focus,
.input:focus {
  border: 1px solid #d3d3d3;
  color: #151515;
}

.form__label {
  position: relative;
  display: inline-block;
  margin: 0 0 10px 20px;
  text-transform: uppercase;
}

.form__label--required::after {
  position: absolute;
  top: 0;
  right: -10px;
  display: block;
  content: '*';
}

.form__label--attach {
  display: inline-block;
  vertical-align: middle;
  margin: 20px 0;
  color: #ff661b;
  text-decoration: underline;
  cursor: pointer;
}

.form__label--attach::before {
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  margin: 0 10px 0 0;
  content: '';
  border-radius: 50%;
  background: #ff661b url("/v2/-/-/i/team-site/ui/icons/shape.081653968490653c2368.svg") no-repeat center;
}

.form__label--attach:hover {
  text-decoration: none;
}

.textarea {
  overflow: auto;
  width: 100%;
  height: 98px;
  padding: 10px 20px;
  resize: none;
}

.form__row,
.form__cell {
  position: relative;
}

/* captcha */
.captcha-container {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 30px;
}

.captcha {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
}

.captcha-reload {
  display: block;
  white-space: nowrap;
  cursor: pointer;
}

.captcha-text {
  margin: 0 0 0 20px;
}

.captcha .input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.captcha__code {
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 40px;
  padding: 5px 10px 0 20px;
  border: 1px solid #e3e3e3;
  border-right: none;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.captcha__code > img {
  width: 90px;
  height: 30px;
}

/* errors */
label.error {
  margin: 0 0 0 20px;
  color: #ff661b;
  font-size: 10px;
}

#checkcode-error {
  position: absolute;
  bottom: -24px;
  left: 0;
  display: block;
  width: 100%;
}

.captcha .error ~ .captcha__code {
  border-color: #ff661b;
}

.captcha .valid ~ .captcha__code {
  border-color: #e3e3e3;
}

/* notification */
.notify {
  position: fixed;
  z-index: 1000;
  top: 60px;
  left: 0;
  display: none;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  height: 30px;
}

.notify.active {
  display: -webkit-flex;
  display: flex;
}

.notify__success,
.notify__error {
  display: none;
  color: #fff;
}

.notify--success {
  background: rgba(64, 184, 0, .95);
}

.notify--error {
  background: rgba(255, 66, 0, .9);
}

.notify--success > .notify__success,
.notify--error > .notify__error {
  display: block !important;
}

/* form press */
.form-container--press {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  margin: 0 0 70px;
  padding: 70px 0 60px;
  text-align: center;
}

.form-container--press .form-container__title {
  text-transform: uppercase;
}

.form-container--press .form-container__text {
  -webkit-align-self: stretch;
          align-self: stretch;
  margin: 30px 0;
  padding: 0 175px;
}

.from--press > .form__row {
  margin: 0 0 30px;
}

.from--press > .form__row:not(:nth-last-child(2)) {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

.from--press {
  width: 620px;
}

.from--press .form__cell {
  width: 100%;
}

.from--press .form__cell:first-child {
  padding: 0 20px 0 0;
}

.form-container--contacts {
  position: relative;
  max-width: 780px;
  margin: 80px auto;
  padding: 60px 80px;
  background: #fff;
  text-align: left;
}

.form-container--contacts .form-container__title {
  margin: 0 0 30px;
}

.form-container--contacts .form-container__text {
  margin: 0 0 40px;
}

.from--contacts .form__cell {
  margin: 0 0 20px;
}

.from--contacts .form__cell:not(:last-child) {
  max-width: 300px;
}

.form-container__item {
  display: none;
}

.form-container__item.is-opened {
  display: block;
}

.tnc {
  display: block;
  margin-top: 20px;
  color: #727272;
  text-align: center;
  font-size: 13px;
}

.tnc .link {
  color: inherit;
  text-decoration: underline;
}

.tnc .link:hover {
  text-decoration: none;
}

/* tablets */
@media screen and (max-width: 1023px) {
  .header {
    height: 58px;
  }
  .header__container {
    padding: 0 20px;
  }
  .header__logo {
    width: 100px;
    height: 29px;
  }
  .header__nav {
    position: fixed;
    z-index: 20;
    top: 0;
    right: -50%;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    width: 50%;
    height: 100%;
    background: #fff;
    visibility: hidden;
    font-size: 1.563em;
    line-height: 1.2;
    transition: right .4s;
  }
  .header__nav-logo-menu {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    display: block;
    width: 90px;
    height: 25px;
    margin: auto;
  }
  .header__nav-logo-menu img {
    max-width: 100%;
  }
  .header__nav-item {
    margin: 0;
    color: #151515;
    font-size: 25px;
    font-family: 'Stolzl-Medium', Helvetica, Arial, sans-serif;
  }
  .header__nav-item + .header__nav-item {
    margin: 20px 0 0;
  }
  .header__nav-item::before {
    display: none;
  }
  .header__switcher {
    display: block;
  }
  /* switcher */
  .header--white .header__switcher-line {
    background: #000;
  }
  .header__switcher {
    position: absolute;
    z-index: 101;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 20px;
    height: 16px;
    margin: auto;
    cursor: pointer;
  }
  .header__switcher-line {
    width: 100%;
    height: 2px;
    background: #fff;
  }
  .header__switcher-line:nth-child(2) {
    margin: 5px 0;
  }
  .header__switcher-line {
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
  }
  .header__fade {
    position: fixed;
    z-index: 19;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, .3);
    transition: background 4s;
  }
  /* :active */
  .header__nav-item.active {
    color: #ff661b;
  }
  .header__switcher.active + .header__fade {
    display: block;
  }
  .header__nav.active {
    right: 0;
    visibility: visible;
  }
  .header__switcher.active .header__switcher-line {
    background: #000;
  }
  .header__switcher.active .header__switcher-line:first-child {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
  }
  .header__switcher.active .header__switcher-line:nth-child(2) {
    opacity: 0;
  }
  .header__switcher.active .header__switcher-line:last-child {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
  }
  /* :focus */
  .header__nav-item:focus {
    outline: none;
  }
  /* :hover */
  .header__nav-item:hover {
    color: #ff661b;
  }
}

@media screen and (min-width: 768px) {
  .header--static .header__nav-item {
    color: #000;
  }
}

@media screen and (max-width: 960px) {
  /* 25px / 30px */
  h1,
  .x-large {
    font-size: 25px;
    line-height: 30px;
  }
  .large {
    font-size: 16px;
    line-height: 26px;
  }
  .ovl-fade {
    overflow: hidden;
  }
  .bbc-footnote {
    position: relative;
    bottom: 0;
    left: 0;
    margin-top: 20px;
    white-space: normal;
    -webkit-transform: none;
            transform: none;
  }
}

@media screen and (max-width: 960px) {
  .main__item {
    max-width: 688px;
    margin: 0 auto;
  }
  .main__item--full {
    max-width: none;
    margin-bottom: -60px;
  }
  .main-content {
    width: 100%;
    margin: 40px auto;
  }
}

@media screen and (min-width: 960px) and (max-width: 987px) {
  .footer {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media screen and (max-width: 960px) {
  .footer {
    padding: 40px 0;
  }
  .footer__copyright {
    width: 142px;
  }
  .footer__content {
    max-width: 688px;
  }
}

@media screen and (min-width: 680px) and (max-width: 735px) {
  .footer {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .langs__list-item {
    width: 130px;
  }
}

@media screen and (max-width: 960px) {
  .widget__title,
  .widget--offices .widget__title {
    margin: 30px 0;
  }
  .widget--type-news .widget__list-item,
  .widget--type-gallery .widget__list-item {
    width: 324px;
  }
  .widget--all-news {
    padding-bottom: 30px;
    border-top: none;
  }
  .widget--all-news .widget__list-item {
    text-align: left;
  }
  .widget--press {
    margin-top: 40px;
  }
}

@media screen and (max-width: 960px) {
  .btn {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
            align-items: center;
    height: 40px;
    padding: 0 25px;
    font-size: 13px;
  }
}

@media screen and (max-width: 960px) {
  .form-container--contacts {
    overflow-y: scroll;
    height: 100vh;
    padding: 0;
  }
  .from--contacts .form__cell:not(:last-child) {
    max-width: 100%;
  }
  .form-container--press {
    padding: 70px 0 0;
  }
  .form-container--press .form-container__text {
    padding: 0;
  }
  .form-container--press {
    overflow: hidden;
    box-shadow: none;
  }
  .from--press {
    width: 688px;
  }
  .form-container--contacts {
    width: 100%;
    margin: 0;
    padding: 50px;
  }
  .close {
    top: 20px;
    right: 20px;
    width: 16px;
    height: 16px;
    background: url("/v2/-/-/i/team-site/ui/icons/close.e4785d840beedea3ea11.svg") center no-repeat;
  }
  .close__text {
    display: none;
  }
}

/* mobile */
@media screen and (max-width: 680px) {
  .header__nav {
    right: -80%;
    width: 80%;
    height: 100%;
  }
  .header__nav-item {
    font-size: 25px;
  }
}

@media only screen and (max-width: 680px) and (orientation: landscape) {
  .header__nav {
    width: 46%;
  }
  .header__nav-logo-menu {
    display: none;
  }
}

@media screen and (max-width: 680px) {
  .main__item {
    padding: 0 20px;
  }
  .main__item--full {
    margin-bottom: -40px;
    padding: 0;
  }
}

@media screen and (max-width: 680px) {
  body {
    font-size: 12px;
  }
  .blocked {
    overflow: hidden;
  }
  /* 40 / 50px */
  .xx-large {
    font-size: 40px;
    line-height: 1.25;
  }
  /* 15px / 23px */
  .large {
    font-size: 15px;
    line-height: 1.56;
  }
  .small {
    font-size: 12px;
  }
}

@media screen and (max-width: 680px) {
  .langs {
    position: static;
    margin: 35px 0 11px;
  }
  .langs__container {
    position: fixed;
    z-index: 1000;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    width: 100vw;
    max-height: 100vh;
    height: 100vh;
    padding: 20px 0 0 20px;
    border-radius: 0;
  }
  .langs__list {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    width: 100%;
  }
  .langs__list-item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    width: 100%;
    height: 44px;
    margin: 0;
    border-bottom: 1px solid #e6ecf2;
  }
}

@media screen and (max-width: 680px) {
  .footer {
    height: auto;
    padding: 25px 20px 35px;
  }
  .footer__content {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 100%;
  }
  .footer__copyright {
    width: 100%;
    text-align: left;
  }
  .footer__copyright {
    position: static;
    margin: 0;
  }
  .footer__nav {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .footer__nav-item {
    width: 50%;
  }
  .footer__nav-item:last-child {
    margin: 35px 0 0;
  }
  .footer__nav-item .footer__link {
    margin: 15px 0 0;
  }
  .footer__link a,
  .footer__nav-title {
    white-space: normal;
    font-size: 15px;
  }
}

@media only screen and (max-width: 680px) and (orientation: landscape) and (min-height: 270px) {
  .footer__nav {
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    width: 100%;
  }
  .footer__nav-item {
    width: auto;
  }
  .footer__nav-item:last-child {
    margin: 0;
  }
}

@media screen and (max-width: 680px) {
  .widget {
    margin: 40px 0 0;
  }
  .widget__list {
    -webkit-justify-content: center;
            justify-content: center;
  }
  .widget__list-item {
    text-align: center;
  }
  .widget__title,
  .widget--offices .widget__title {
    margin: 20px 0;
  }
  .widget__list--image > .widget__list-item {
    text-align: center;
  }
  .widget,
  .widget--type-news .widget__list-item,
  .widget--type-gallery .widget__list-item {
    width: 100%;
  }
  .widget--all-news {
    margin-top: 30px;
    padding: 0 0 30px;
    border: none;
  }
  .widget--type-list {
    display: none;
  }
  .widget__list .widget__img {
    max-width: 100%;
    height: auto;
  }
  .widget__list .widget__info {
    margin: 15px auto 8px;
  }
  .widget--type-vacancy .widget__list {
    width: 100%;
    text-align: left;
  }
  .widget--type-vacancy .widget__list-item {
    text-align: left;
  }
}

@media only screen and (max-width: 680px) and (orientation: landscape) and (min-height: 270px) {
  .widget--type-gallery .widget__list-item,
  .widget--type-news .widget__list-item {
    -webkit-flex: 1;
            flex: 1;
    width: 48%;
  }
  .widget__list > .widget__list-item:last-child {
    display: block;
  }
  .widget--all-news .widget__list {
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
  }
  .widget--type-gallery .widget__list-item:not(:last-child) {
    margin-right: 20px;
  }
}

@media screen and (max-width: 680px) {
  .form-container--contacts {
    padding: 20px;
  }
  .form-container--contacts .form-container__title,
  .form-container--contacts .form-container__text {
    margin-bottom: 20px;
  }
  .from--contacts .form__label {
    display: none;
  }
  .form-container--press {
    margin: 0 0 40px;
  }
  .from--press {
    width: 100%;
  }
  .from--press .form__label {
    display: none;
  }
  .from--press > .form__row:not(:nth-last-child(1)) {
    display: block;
    margin: 0;
  }
  .from--press .form__cell {
    margin: 0 0 15px;
  }
  .from--press .form__cell:first-child {
    padding: 0;
  }
  .from--press .btn {
    margin-top: 15px;
  }
  .textarea {
    height: 80px;
  }
  label.error {
    position: static;
    display: block;
    margin: 5px 0 0;
    text-align: center;
  }
  .captcha {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
  }
  .captcha .input {
    border-radius: 20px;
  }
  .captcha .error {
    margin-bottom: 20px;
  }
  .captcha__code {
    width: 100%;
    height: auto;
    border: none;
  }
  .captcha__code img {
    width: 157px;
    height: 78px;
  }
  .captcha-text {
    position: absolute;
    top: 20px;
    right: 0;
    width: 40px;
    height: 40px;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    background: url("/v2/-/-/i/team-site/captcha-reload.9046444b8c28015fb753.svg") no-repeat center;
    background-size: 19px;
    font-size: 0;
  }
  #checkcode-error {
    top: 100%;
    right: 0;
    left: 0;
    margin: auto;
  }
  .tnc {
    font-size: 12px;
  }
}

@media screen and (max-width: 680px) and (orientation: landscape) and (min-height: 300px) {
  .from--press {
    width: 54%;
  }
  .form-container--press .form-container__text {
    padding: 0 7%;
  }
  .from--contacts .form__cell:not(:last-child) {
    max-width: 100%;
  }
  .from--contacts {
    padding: 0 10%;
  }
}

/* desktop */
/* promo default */
.promo {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  overflow: hidden;
  width: 100%;
  background: #7000e3;
  text-align: center;
}

.promo + .main {
  position: relative;
  z-index: 3;
}

.promo__video + .parallax {
  display: none;
}

.promo__content {
  color: #fff;
}

.promo__content + .promo__button {
  margin: 20px 0 0;
}

.promo__parallax {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #000;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-img {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

/* size */
.promo--lg {
  height: 600px;
}

.promo--md {
  height: 400px;
  margin: 80px 0 0;
}

.promo__container {
  z-index: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  width: 780px;
  color: #fff;
}

.promo__text {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  max-width: 1180px;
  width: 100%;
  height: 100%;
  margin: auto;
  color: #fff;
  text-align: left;
}

.promo__header .link {
  color: #fff;
  text-decoration: underline;
}

.promo__header .link:hover {
  text-decoration: none;
}

.promo__content {
  position: relative;
  z-index: 1;
  width: 100%;
}

.promo__footer {
  margin: 30px 0 0;
}

.hidden {
  opacity: 0;
}

.console-underscore {
  position: relative;
  top: -4px;
  left: 10px;
  display: inline-block;
}

/* promo modify */
.promo--sm .promo__img,
.promo--sm {
  height: 300px;
}

.promo--sm .promo__parallax {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.promo__video {
  z-index: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  height: 100%;
}

.promo__video-preview {
  position: absolute;
  right: -24vw;
  bottom: -15vh;
  display: none;
}

.promo__video-preview > img {
  max-width: 100%;
}

@media screen and (max-width: 1280px) {
  .promo__text {
    max-width: 940px;
  }
}

.banner-text {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  margin: -80px 0 0;
  padding: 70px 0;
  background: #fff;
  box-shadow: 0 25px 50px 0 rgba(0, 0, 0, .04);
  text-align: center;
}

.banner-text__header {
  margin: 0 0 20px;
}

.banner-text__container {
  max-width: 780px;
}

.banner-text__buttons {
  margin: 30px 0 0;
}

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

.banner-text--office .banner-text__container {
  padding: 0 50px 0 0;
}

.banner-text__img img {
  max-width: 100%;
  border-radius: 50%;
}

@media screen and (max-width: 1280px) {
  .banner-text--office .banner-text__container {
    width: 540px;
  }
  .banner-text__container {
    max-width: 620px;
  }
}

/* tablets */
@media screen and (max-width: 960px) {
  .promo--lg {
    height: 300px;
  }
  .promo__text {
    font-size: 40px;
    line-height: 50px;
  }
  .promo--md {
    height: 250px;
    margin: 60px 0 0;
  }
  .promo__text {
    padding: 0 40px;
  }
  .promo__header {
    margin: 0 0 8px;
  }
  .promo__footer {
    margin-top: 20px;
  }
  .promo__container {
    width: 550px;
  }
}

@media screen and (max-width: 960px) {
  .banner-text {
    margin: -30px 0 0;
    padding: 40px 0;
  }
  .banner-text__container {
    width: 550px;
  }
  .banner-text__img {
    width: 160px;
  }
  .banner-text--office .banner-text__container {
    width: 403px;
    padding-right: 35px;
  }
  .banner-text__buttons {
    margin-top: 20px;
  }
}

/* mobile */
@media screen and (max-width: 680px) {
  .promo--lg {
    height: 300px;
  }
  .promo__text {
    font-size: 39px;
  }
  .promo--md {
    height: 250px;
    margin: 40px 0 0;
  }
  .promo__text {
    padding: 0 20px;
  }
  .promo__header .large {
    font-size: 12px;
  }
  .promo__container {
    width: 100%;
    padding: 0 20px;
  }
}

@media only screen and (max-width: 680px) and (orientation: landscape) {
  .parallax-img {
    background-position: center 20%;
  }
}

@media screen and (max-width: 680px) {
  .banner-text {
    margin: 0;
    padding: 30px 0 0;
    background: transparent;
    box-shadow: none;
  }
  .banner-text__container {
    min-width: 280px;
  }
  .banner-text__header {
    margin: 0 0 11px;
  }
  .banner-text__buttons {
    margin: 25px 0 0;
  }
  .team-list .team-list__item:first-child {
    margin: 35px 0 0;
  }
  .team-list__item {
    margin: 15px 0 0;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block !important;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: '←';
}

[dir='rtl'] .slick-prev:before {
  content: '→';
}

.slick-next {
  right: -25px;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: '→';
}

[dir='rtl'] .slick-next:before {
  content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  left: 0;
  right: 0;
  margin: 20px auto 0 !important;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 14px;
  height: 14px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #d8d8d8;
}

.slick-dots li.slick-active button:before {
  background: #ff661b;
}

/* desktop */
.content-about__text {
  width: 780px;
  margin: 0 auto 32px;
}

.content-about__text + .content-about__text {
  margin-bottom: 100px;
}

.people-counter {
  margin: 170px 0 150px;
}

.people-counter__text {
  margin: 10px 0 0;
}

.list-progress {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin: 0 0 100px;
}

.list-progress__item {
  width: 240px;
}

.list-progress__img {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  height: 115px;
  margin: 0 auto 25px;
}

.list-progress__img > img {
  max-width: 100%;
}

.list-progress__counter {
  margin: 0 0 14px;
}

.counter {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  overflow: hidden;
  
  direction: ltr;
  
  white-space: nowrap;
}

.counter__num {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  overflow-x: visible;
  width: 50px;
  height: 90px;
  white-space: pre;
  text-align: center;
  font-size: 5em;
  line-height: 1.125;
  font-family: 'Stolzl-Medium', Helvetica, Arial, sans-serif;
  /* fixed rendering bug in the webkit browsers */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-perspective: 200px;
          perspective: 200px;
}

.counter > .counter__num:not(:last-child):nth-child(3n) {
  width: 65px;
}

.counter > .counter__num:not(:last-child):nth-child(3n) .counter__num-inner {
  
  
  left: -12px;
  
}

.counter > .counter__num:not(:last-child):nth-child(3n)::after {
  position: relative;
  
  right: -24px;
  
  
  content: ',';
}

.counter__num-inner {
  position: absolute;
  top: 0;
  right: 0;
  left: -3px;
  width: 100%;
  height: 100%;
  margin: auto;
  transition: top 1s ease-in-out;
}

/* @MEDIA QUERY */
@media screen and (max-width: 1280px) {
  .list-progress__item {
    width: 220px;
  }
}

/* base */
.circle {
  border-radius: 50%;
  opacity: .9;
}

.circle,
.circle-container {
  position: absolute;
  z-index: -1;
}

.circle-container--left {
  left: 0;
}

.circle-container--center {
  top: 0;
  right: 0;
  left: 0;
  max-width: 1065px;
  width: 100%;
  margin: auto;
}

.circle-container--left,
.circle-container--right {
  top: 0;
  width: 100%;
  height: 100%;
}

.circle-container--right {
  right: 0;
}

/* size */
.circle--xlg {
  width: 500px;
  height: 500px;
  border: 109px solid transparent;
}

.circle--lg {
  width: 379px;
  height: 379px;
  border: 84px solid transparent;
}

.circle--sm {
  width: 250px;
  height: 250px;
  border: 55px solid transparent;
}

.circle--xsm {
  width: 170px;
  height: 170px;
  border: 38px solid transparent;
}

/* color */
.circle--red {
  border-color: #ff4200;
}

.circle--green {
  border-color: #40b800;
}

.circle--blue {
  border-color: #1078dd;
}

.circle--light {
  border-color: #f9f9f9;
}

/* positions - about */
.circle--xlg-about {
  top: 815px;
  left: -347px;
  transition: left .4s, top .4s;
}

.circle--sm-about {
  top: 912px;
  right: -136px;
  transition: right .4s, top .4s;
}

.circle--lg-about {
  top: 1330px;
  left: 45px;
  transition: left .4s, top .4s;
}

.circle--xsm-about {
  top: 1205px;
  right: 0;
}

/* positions - error  */
.circle--xlg-error {
  top: -90px;
  left: -347px;
  transition: left .4s, top .4s;
}

.circle--lg-error {
  bottom: -200px;
  left: 0;
  transition: left .4s, top .4s;
}

.circle--sm-error {
  top: 94px;
  right: -136px;
  transition: right .4s, top .4s;
}

.circle--xsm-error {
  right: -80px;
  bottom: -90px;
}

/* press form */
.circle-container--press-left {
  position: absolute;
  z-index: 2;
  bottom: 22px;
  left: 0;
  overflow: hidden;
  width: 200px;
  height: 500px;
}

.circle-container--press-left .circle--xlg-press {
  bottom: 0;
}

.circle--xlg-press {
  bottom: 22px;
  left: -300px;
}

.circle-container--press-right {
  position: absolute;
  z-index: 1;
  top: 12px;
  right: 0;
  overflow: hidden;
  width: 82px;
  height: 250px;
}

.circle-container--press-right .circle--sm-press {
  top: 0;
}

.circle--sm-press {
  top: 12px;
  right: -168px;
}

@media screen and (max-width: 1280px) {
  .circle--xlg-error,
  .circle--xlg-about {
    left: -345px;
  }
  .circle--xlg-about {
    top: 747px;
  }
  .circle--sm-error,
  .circle--sm-about {
    right: -195px;
  }
  .circle--xlg-press {
    bottom: 22px;
    left: -350px;
  }
  .circle--sm-press {
    top: 12px;
    right: -198px;
  }
}

.widget__info {
  margin: 20px 0 10px;
}

.widget__title-link:hover,
.widget__img:hover ~ .widget__title-link {
  color: #ff661b;
}

.widget-current-news > .widget {
  padding: 30px 0 0;
}

.widget-current-news .widget__list--image > .widget__list-item {
  width: 360px;
}

.widget-current-news .widget__list--image .widget__img {
  width: 100%;
}

.widget__title-link {
  display: block;
  display: -webkit-box;
  /* stylelint-disable-line value-no-vendor-prefix */
  overflow: hidden;
  max-height: 55px;
  
  text-align: left;
  
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  /* stylelint-disable-line property-no-vendor-prefix */
}

.video {
  position: absolute;
  top: 50%;
  
  left: 50%;
  
  /* The following will size the video to fit the full container. Not necessary, just nice.*/
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 960px) {
  .video {
    height: 0;
  }
}

@media screen and (max-width: 736px) {
  .video {
    display: none;
  }
  .promo__video-preview {
    display: block;
  }
}

@media screen and (orientation: landscape) and (max-width: 736px) {
  .promo__video-preview {
    position: absolute;
    right: -15vw;
    bottom: -80vh;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
  }
}

/* tablets */
@media screen and (max-width: 960px) {
  /* size */
  .circle--xlg {
    width: 250px;
    height: 250px;
    border-width: 55px;
  }
  .circle--lg {
    width: 190px;
    height: 190px;
    border-width: 34px;
  }
  .circle--sm {
    width: 125px;
    height: 125px;
    border-width: 27px;
  }
  .circle--xsm {
    width: 85px;
    height: 85px;
    border-width: 20px;
  }
  /* positions - about */
  .circle--xlg-about {
    top: 473px;
    left: -155px;
  }
  .circle--lg-about {
    top: 793px;
    left: 128px;
  }
  .circle--sm-about {
    top: 483px;
    right: -85px;
    border-width: 27px;
  }
  .circle--xsm-about {
    top: 667px;
    right: 210px;
  }
  /* positions - press */
  .circle-container--press-left {
    top: -135px;
    left: -115px;
    width: 250px;
    height: 250px;
  }
  .circle-container--press-left .circle--xlg-press {
    left: 0;
  }
  .circle-container--press-right {
    top: -50px;
    right: -50px;
    width: 125px;
    height: 125px;
  }
  .circle--light {
    display: none;
  }
  .circle--sm-press {
    right: 0;
  }
  /* positions - errors */
  .circle--xlg-error {
    top: 30px;
    left: -125px;
  }
  .circle--xsm-error {
    top: -55px;
    right: 55px;
    bottom: auto;
  }
  .circle--lg-error {
    bottom: 47px;
    left: 98px;
  }
  .circle--sm-error {
    top: 320px;
    right: -90px;
  }
}

@media screen and (max-width: 960px) {
  .people-counter {
    width: 358px;
    margin: 80px auto 70px;
  }
  .counter__num {
    left: 0;
    width: 70px;
    height: 65px;
    font-size: 60px;
  }
  .counter > .counter__num:not(:last-child):nth-child(3n) .counter__num-inner {
    left: -8px;
  }
  .counter > .counter__num:not(:last-child):nth-child(3n) {
    width: 85px;
  }
  .counter > .counter__num:not(:last-child):nth-child(3n)::after {
    right: -17px;
  }
  .list-progress {
    margin-bottom: 70px;
  }
  .list-progress__img {
    width: 90px;
    height: 90px;
    margin-bottom: 6px;
  }
  .list-progress__item {
    width: 140px;
  }
  .content-about__text {
    width: 550px;
  }
  .content-about__text,
  .content-about__text + .content-about__text {
    margin-bottom: 40px;
  }
  .widget__list--image > .widget__list-item:nth-child(3) {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .widget--type-news .widget__list .widget__list-item:not(:nth-child(1)):not(:nth-child(2)) {
    display: none;
  }
}

/* mobile */
@media screen and (max-width: 680px) {
  .people-counter {
    width: 100%;
    margin: 45px auto 50px;
    text-align: center;
  }
  .counter {
    width: 238px;
    margin: 0 auto;
  }
  .counter__num {
    left: 0;
    width: 40px;
    height: 45px;
    font-size: 40px;
  }
  .counter > .counter__num:not(:last-child):nth-child(3n) {
    width: 51px;
    margin-right: 0;
  }
  .counter > .counter__num:not(:last-child):nth-child(3n) .counter__num-inner {
    left: -7px;
  }
  .counter > .counter__num:not(:last-child):nth-child(3n)::after {
    position: relative;
    right: -11px;
    content: ',';
  }
  .content-about__text {
    width: 100%;
    margin-bottom: 20px;
  }
  .content-about__text + .content-about__text {
    margin-bottom: 50px;
    font-size: 12px;
    line-height: 19px;
  }
  .list-progress {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 0 45px;
    padding: 0 12px;
  }
  .list-progress__item {
    width: 43.5%;
  }
  .list-progress__item:nth-child(2) {
    margin: 0 0 24px;
  }
  .console-underscore {
    top: -3px;
    left: 1px;
  }
  .list-progress__img {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto 7px;
  }
  .list-progress__img img {
    width: 90px;
    height: 90px;
  }
  .list-progress__counter {
    margin: 0 0 5px;
  }
}

@media only screen and (max-width: 736px) and (orientation: landscape) {
  .list-progress {
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    padding: 0;
  }
  .list-progress__item {
    width: 21.5%;
  }
}

@media screen and (max-width: 680px) {
  /* size */
  .circle--xlg {
    width: 250px;
    height: 250px;
    border-width: 55px;
  }
  .circle--lg {
    width: 190px;
    height: 190px;
    border-width: 34px;
  }
  .circle--sm {
    width: 125px;
    height: 125px;
    border-width: 27px;
  }
  .circle--xsm {
    width: 85px;
    height: 85px;
    border-width: 20px;
  }
  /* positions - about */
  .circle--xlg-about {
    top: 558px;
    left: -220px;
  }
  .circle--lg-about {
    top: 1085px;
    left: -88px;
  }
  .circle--sm-about {
    top: 488px;
    right: -90px;
    border-width: 27px;
  }
  .circle--xsm-about {
    top: 823px;
    right: 70px;
  }
  /* positions - press */
  .circle-container--press-left {
    right: -160px;
    left: auto;
  }
  .circle-container--press-right {
    right: auto;
    left: -60px;
  }
  /* positions - errors */
  .circle--xlg-error {
    top: -56px;
    left: -216px;
  }
  .circle--xsm-error {
    top: -55px;
    right: 55px;
    bottom: auto;
  }
  .circle--lg-error {
    bottom: -120px;
    left: -95px;
  }
  .circle--sm-error {
    top: 320px;
    right: -90px;
  }
}

@media only screen and (max-width: 680px) and (orientation: landscape) {
  /* positions - errors */
  .circle--sm-error {
    top: 195px;
    right: -90px;
  }
}