@charset "UTF-8";
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
body {
  line-height: 1;
  font-family: "Inter Regular";
  color: #686e7e;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-width: 355px;
  font-weight: 400;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
*, :after, :before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
button, input, textarea {
  outline: 0;
  padding: 0;
  border: 0;
  resize: none;
  font-family: "Inter Regular"
}
a {
  text-decoration: none;
  -o-transition: .2s;
  -webkit-transition: .2s;
  transition: .2s;
  color: #4c8ad2
}
a:active, a:focus, a:hover {
  outline: 0;
  text-decoration: none
}
input {
  outline: 0
}
input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  -webkit-text-fill-color: #1b1e1e !important;
  color: #1b1e1e !important
}
img {
  max-width: 100%;
  height: auto
}
@font-face {
  font-family: "Inter Regular";
  font-display: swap;
  src: local("Inter Regular"), url(../fonts/inter-regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: "Inter Medium";
  font-display: swap;
  src: local("Inter Medium"), url(../fonts/inter-medium.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: "Inter Semi Bold";
  font-display: swap;
  src: local("Inter Semi Bold"), url(../fonts/inter-semibold.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: "Inter Bold";
  font-display: swap;
  src: local("Inter Bold"), url(../fonts/inter-bold.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}
body, html {
  height: 100%;
  margin: 0;
  padding: 0
}
::-moz-focus-inner {
  border: 0
}
[hidden] {
  display: none
}
a:hover {
  color: #ff5887
}
b, strong {
  font-family: "Inter Semi Bold"
}
a, li, p {
  font-family: "Inter Regular"
}
.button {
  position: relative;
  padding: 18px;
  width: 100%;
  max-width: 340px;
  height: 58px;
  margin-bottom: 15px;
  z-index: 5;
  cursor: pointer;
  -o-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  white-space: nowrap
}
.--join .button, .introduction .button {
  max-width: auto
}
.button.--base {
  font-size: 18px;
  line-height: 22px;
  font-family: "Inter Bold";
  color: #fff;
  background: #ff5887;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, .2) inset;
  box-shadow: 0 0 20px rgba(255, 255, 255, .2) inset;
  border-radius: 10px
}
.button.--base:hover {
  background: #1ca5fc
}
.button.--general {
  font-size: 18px;
  line-height: 22px;
  font-family: "Inter Bold";
  color: #fff;
  background: #ff5887;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, .2) inset;
  box-shadow: 0 0 20px rgba(255, 255, 255, .2) inset;
  border-radius: 10px
}
.button.--general:hover {
  background: #ef3267
}
.button.--large {
  display: inline-block;
  text-align: center;
  max-width: 280px;
  margin: 0 auto
}
.button.--no-found {
  min-width: 305px;
  display: inline-block
}
.button.--light {
  font-size: 18px;
  line-height: 22px;
  color: #ff5887;
  font-family: "Inter Semi Bold";
  background: 0 0;
  border: 1px solid #f55280;
  border-radius: 8px;
  margin-bottom: 0;
  padding: 18px
}
.button.--light:hover {
  background: #ff5887;
  color: #fff
}
.button.--mini {
  width: auto;
  white-space: nowrap;
  font-family: "Inter Regular";
  color: #9699a3;
  border: 1px solid #b6b9c3
}
.button.--mini:hover {
  background: #b6b9c3;
  color: #fff
}
.button.--tiny {
  padding: 12px;
  height: 42px;
  font-size: 14px;
  line-height: 14px
}
.button.--apk {
  max-width: 280px;
  margin: 0 auto
}
.button.--note {
  min-width: 320px;
  width: auto;
  max-width: 380px;
  margin: 0 auto;
  display: inline-block
}
.button-hint {
  position: relative;
  font-family: "Inter Medium";
  z-index: 5
}
.arrow-up {
  position: fixed;
  bottom: -40px;
  right: 5px;
  z-index: 5;
  cursor: pointer;
  -webkit-transition: 150ms;
  -o-transition: 150ms;
  transition: 150ms
}
.arrow-up:hover {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}
.arrow-up.--top {
  bottom: 30px
}
.arrow-up.--top.--hide {
  bottom: -40px
}
.arrow-up.--hide {
  bottom: -30px
}
.arrow-up:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: 0;
  right: 12px;
  width: 8px;
  height: 8px;
  border-color: #1ca5fc;
  border-style: solid;
  border-width: 0 2px 2px 0;
  -webkit-transition: 150ms;
  -o-transition: 150ms;
  transition: 150ms;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg)
}
.arrow-up:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 0;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(28, 165, 252, .25);
  border-radius: 100px
}
.slider__item {
  position: relative;
  float: left;
  min-height: 280px;
  max-width: calc(100vw - 135px);
  padding: 24px;
  margin: 0 8px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0))), #fff;
  background: -o-linear-gradient(top, #fff 0, rgba(255, 255, 255, 0) 100%), #fff;
  background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%), #fff;
  border-radius: 16px
}
.slider__item:nth-child(odd) .slider__ava {
  background: #2f80ed
}
.slider__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  margin-bottom: 20px
}
.slider__name .--name {
  display: block;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #686e7e;
  margin-bottom: 10px
}
.slider__rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.slider__rate .--date {
  margin-left: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #686e7e;
  padding: 2px 0 0 2px
}
.slider__ava {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  font-weight: 600;
  font-size: 24px;
  line-height: 56px;
  color: #fff;
  text-align: center;
  background: #fdab42;
  margin-right: 12px
}
.slider__reviews p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #686e7e
}
#slider-wrap {
  overflow: hidden;
  padding-top: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 24px auto 0;
  padding-left: 40px
}
#slider {
  -o-transition: .6s;
  -webkit-transition: .6s;
  transition: .6s;
  cursor: -webkit-grab;
  cursor: grab
}
.slider-nav {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -30px;
  z-index: 8;
  cursor: pointer
}
.slider-nav svg, .slider-nav svg path {
  -o-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s
}
.slider-nav:hover svg path {
  fill-opacity: 1
}
.arrow-right {
  right: 0
}
.arrow-left {
  left: 0
}
.slider-paginator {
  margin: 30px auto 0;
  text-align: center;
  width: 100%
}
.slider-paginator .pagination-item {
  display: inline-block;
  width: 52px;
  height: 4px;
  background: rgba(0, 0, 0, .1);
  margin: 0 4px;
  border-radius: 10px
}
.slider-paginator .pagination-item.--selected {
  background: #ff5887
}
.girl-grid {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 355px;
  margin: 0 auto 30px;
  padding: 0;
  gap: 5px;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0
}
.girl-grid.--extra:after {
  position: absolute;
  content: "";
  width: 110%;
  height: 130px;
  background: url(../img/png/omegle-extra.png) no-repeat;
  background-size: contain;
  top: 65%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.girl-grid__item {
  margin-bottom: 5px
}
h1, h2, h3, h4, h5, h6, p, ul {
  margin: 0;
  padding: 0
}
#page {
  overflow: hidden
}
.--icon svg {
  width: 100%;
  height: 100%
}
.section-item {
  padding: 0 20px
}
.section-item.--app {
  position: relative;
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, .85), rgba(255, 255, 255, .85)), -o-linear-gradient(197.56deg, #1ca5fc 0, #f55280 100%);
  background: linear-gradient(0deg, rgba(255, 255, 255, .85), rgba(255, 255, 255, .85)), linear-gradient(252.44deg, #1ca5fc 0, #f55280 100%);
  max-width: 820px;
  min-height: auto;
  overflow: visible !important
}
.section-item.--app.--app-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
  padding: 0
}
.section-item.--app.--app-show:after, .section-item.--app.--app-show:before {
  display: none
}
.section-item.--app .introduction:before {
  content: "";
  position: absolute;

  width: 90px;
  height: 120px;
  left: 50%;
  margin-left: 0;
  bottom: -25px;
  z-index: 2;
  background-size: contain
}
.section-item.--app:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 150px;
  background: url(../img/wave.png) 50% 100% no-repeat;
  background-size: 750px;
  bottom: -1px;
  left: 0;
  z-index: 1
}
.section-item.--app:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 90px;
  left: 50%;
  margin-left: -75px;
  bottom: 14px;
  z-index: 0;
  background-size: contain
}
.section-item.--about {
  margin-top: 130px
}
.section-item.--features {
  margin-bottom: 10px
}
.section-item.--join {
  margin-bottom: 60px
}
.section-item.--faq {
  padding-top: 40px;
  padding-bottom: 60px;
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, .85), rgba(255, 255, 255, .85)), -o-linear-gradient(197.56deg, #1ca5fc 0, #f55280 100%);
  background: linear-gradient(0deg, rgba(255, 255, 255, .85), rgba(255, 255, 255, .85)), linear-gradient(252.44deg, #1ca5fc 0, #f55280 100%)
}
.section-item.--download {
  padding-top: 75px;
  padding-bottom: 75px
}
.section-title {
  font-size: 36px;
  line-height: 43px;
  font-family: "Inter Semi Bold";
  text-align: center
}
.section-description {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  margin-bottom: 20px
}
.section-separate {
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 60px
}
.section-separate.--watch a {
  background: -o-linear-gradient(354.2deg, #f55280 0, #1ca5fc 115.29%);
  background: linear-gradient(95.8deg, #f55280 0, #1ca5fc 115.29%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}
.section-separate.--watch a:after {
  display: inline-block;
  content: "";
  margin: -3px 6px;
  width: 20px;
  height: 20px;
  -o-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s
}
.section-separate.--watch a:hover {
  background: -o-linear-gradient(354.2deg, #1ca5fc 0, #f55280 115.29%);
  background: linear-gradient(95.8deg, #1ca5fc 0, #f55280 115.29%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

.section-center {
  text-align: center;
  margin-bottom: 60px;
  margin-top: 30px
}
.layout-common.--bg-fill {
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, .85), rgba(255, 255, 255, .85)), -o-linear-gradient(197.56deg, #1ca5fc 0, #f55280 100%);
  background: linear-gradient(0deg, rgba(255, 255, 255, .85), rgba(255, 255, 255, .85)), linear-gradient(252.44deg, #1ca5fc 0, #f55280 100%)
}
.loader {
  position: relative;
  width: 35px;
  height: 35px;
  margin: 10px auto 0;
  border: 2px solid #e5ebf1;
  border-radius: 50%
}
.loader:before {
  position: absolute;
  left: -1px;
  top: -1px;
  content: "";
  border: 2px solid #1ca5fc;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  clip: rect(20px, auto, auto, 20px);
  -webkit-animation: 1s linear infinite spin;
  animation: 1s linear infinite spin
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.note-page {
  text-align: center
}
.note-page__img {
  background: url(../img/png/post.png) center no-repeat;
  width: 100%;
  height: 150px;
  background-size: contain;
  margin: 20px auto
}
.note-page__title {
  margin-bottom: 20px;
  font-size: 32px;
  line-height: 52px;
  text-align: center
}
.note-page__description {
  margin-top: 22px;
  font-size: 18px;
  margin-bottom: 30px;
  text-align: center;
  line-height: 24px
}
.header {
  width: 100%;
  text-align: center;
  padding: 30px
}
.header__layout {
  position: relative;
  display: inline-block;
  width: 152px;
  height: 31px
}
.header__logo {
  margin-left: -40px
}
.layout-common .header {
  background: #fff;
  -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, .07);
  box-shadow: 0 1px 20px rgba(0, 0, 0, .07);
  margin-bottom: 40px
}
.cookie-policy {
  position: fixed;
  bottom: 0;
  right: 9px;
  width: 95%;
  max-width: 400px;
  background: #fff;
  padding: 15px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 100px rgba(0, 0, 0, .07), inset 0 1px 0 #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 100px rgba(0, 0, 0, .07), inset 0 1px 0 #fff;
  border-radius: 10px;
  z-index: 9999999999;
  display: none
}
.cookie-policy.--show {
  display: block
}
.cookie-policy__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  margin-bottom: 12px
}
.cookie-policy p {
  Font-size: 14px;
  line-height: 20px;
  margin-bottom: 15px
}
.cookie-policy__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-top: 20px
}
.cookie-policy__buttons .button {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  text-align: center
}
.cookie-policy__buttons .button:first-child {
  margin-right: 15px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.technical-select__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  margin-bottom: 10px
}
.footer {
  padding: 30px 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0))), #fff;
  background: -o-linear-gradient(top, #fff 0, rgba(255, 255, 255, 0) 100%), #fff;
  background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%), #fff;
  -webkit-box-shadow: 0 -1px 20px rgba(0, 0, 0, .07);
  box-shadow: 0 -1px 20px rgba(0, 0, 0, .07)
}
.footer__regions {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  padding: 11px 17px 11px 42px;
  background: -o-linear-gradient(354.2deg, rgba(245, 82, 128, .07) 0, rgba(28, 165, 252, .07) 115.29%);
  background: linear-gradient(95.8deg, rgba(245, 82, 128, .07) 0, rgba(28, 165, 252, .07) 115.29%);
  font-size: 14px;
  line-height: 18px;
  border-radius: 100px;
  color: #686e7e
}
.footer__regions:hover {
  color: #fff;
  background: -o-linear-gradient(354.2deg, rgba(245, 82, 128, .75) 0, rgba(28, 165, 252, .75) 115.29%);
  background: linear-gradient(95.8deg, rgba(245, 82, 128, .75) 0, rgba(28, 165, 252, .75) 115.29%)
}
.footer__regions.flag-icon:after, .footer__regions.flag-icon:before {
  left: 6px;
  top: 6px;
  width: 28px;
  height: 28px
}
.footer__nav {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #efefef
}
.footer__menu {
  margin-top: 20px
}
.footer__menu li {
  margin-top: 20px;
  display: inline-block;
  vertical-align: top;
  width: 48%;
  text-align: center
}
.footer__menu a {
  font-size: 16px;
  line-height: 26px;
  color: #686e7e
}
.footer__menu a:hover {
  color: #ff5887
}
.footer__support {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #efefef;
  text-align: center
}
.footer__support span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  margin-bottom: 20px
}
.footer__support span a {
  color: #9699a3
}
.footer__support span a:hover {
  color: #ff5887
}
.footer__support .support-item {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
  max-width: 135px
}
.footer__support .support-item.--rta {
  background: url(../img/svg/rta.svg) center no-repeat;
  background-size: contain;
  width: 65px;
  height: 28px
}
.footer__support .support-item.--rta:hover {
  background: url(../img/svg/rta-h.svg) center no-repeat;
  background-size: contain
}
.footer__support .support-item.--asacp {
  background: url(../img/svg/asacp.svg) center no-repeat;
  background-size: contain;
  width: 104px;
  height: 23px
}
.footer__support .support-item.--asacp:hover {
  background: url(../img/svg/asacp-h.svg) center no-repeat;
  background-size: contain
}
.footer__support .support-item.--iwf {
  background: url(../img/svg/iwf.svg) center no-repeat;
  background-size: contain;
  width: 97px;
  height: 34px
}
.footer__support .support-item.--iwf:hover {
  background: url(../img/svg/iwf-h.svg) center no-repeat;
  background-size: contain
}
.footer__support .support-item.--safelabeling {
  background: url(../img/png/safelabering.png) center no-repeat;
  background-size: contain;
  width: 120px;
  height: 38px
}
.footer__support .support-item.--safelabeling:hover {
  background: url(../img/png/safelabering-h.png) center no-repeat;
  background-size: contain
}
.footer__support .support-item.--miss {
  background: url(../img/png/miss.png) center no-repeat;
  background-size: contain;
  width: 135px;
  height: 38px
}
.footer__support .support-item.--miss:hover {
  background: url(../img/png/miss-h.png) center no-repeat;
  background-size: contain
}
.footer__coop {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #9699a3
}
.footer__coop .rights-reserved {
  display: block
}
.footer__coop .copyright__over {
  white-space: normal !important
}
.footer .coopyright {
  display: block
}

.app-preloader {
  position: absolute;
  top: 30px;
  left: 30px
}

.--app-show, .--app-show .theme-switcher {
  display: block
}
.--app-show .introduction {
  display: none
}

.theme-picker, .theme-switcher {
  display: none
}
.app-preloader.--hide {
  display: none;
  visibility: hidden;
  z-index: -99
}
.coo-app {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse
}
.coo-app:before {
  content: "";
  position: absolute;
  background: url(../img/svg/pink-cam.svg) no-repeat;
  width: 85px;
  height: 118px;
  left: 50%;
  margin-left: -20px;
  bottom: -25px;
  z-index: 2;
  background-size: contain
}
.coo-app__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 34px;
  line-height: 40px;
  font-family: "Inter Semi Bold";
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 1px
}
.coo-app__text {
  text-align: center
}
.coo-app__description {
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 30px
}
.coo-app__img {
  position: relative;
  margin-top: 35px;
  margin-bottom: 90px;
  z-index: 5
}
.mini-logo {
  width: 60px;
  height: 60px;
  margin-right: 16px
}
.section-item.--description {
  margin: 45px auto 65px;
  max-width: 700px
}
.section-item.--app-how {
  padding-bottom: 30px
}
.section-title {
  max-width: 305px;
  margin: 0 auto 40px
}
.how-download__type-list {
  margin-bottom: 30px
}
.install-switch__item {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 26px;
  padding: 12px 10px;
  text-align: center;
  margin: 0 auto 8px;
  border: 0 solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  background-clip: padding-box;
  color: #686e7e;
  max-width: 305px;
  border-radius: 10px;
  -o-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s
}
.install-switch__item:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  margin: -1px;
  border-radius: 11px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(245, 82, 128, .2509803922)), to(rgba(28, 165, 252, .2509803922)));
  background: -o-linear-gradient(left, rgba(245, 82, 128, .2509803922), rgba(28, 165, 252, .2509803922));
  background: linear-gradient(to right, rgba(245, 82, 128, .2509803922), rgba(28, 165, 252, .2509803922));
  -o-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s
}
.install-switch__item:hover {
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), -o-linear-gradient(354.2deg, #f55280 0, #1ca5fc 115.29%);
  background: linear-gradient(0deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), linear-gradient(95.8deg, #f55280 0, #1ca5fc 115.29%);
  color: #fff;
  border: 0 solid transparent
}
.install-switch__item:hover:after {
  filter: alpha(opactiy=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0
}
.install-switch__item.--selected {
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), -o-linear-gradient(354.2deg, #f55280 0, #1ca5fc 115.29%);
  background: linear-gradient(0deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), linear-gradient(95.8deg, #f55280 0, #1ca5fc 115.29%);
  color: #fff;
  border: 0 solid transparent
}
.install-switch__item.--selected:after {
  filter: alpha(opactiy=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0
}
.download-content {
  display: none
}
.download-content.--show {
  display: block
}
.content-part {
  position: relative;
  padding: 28px 0;
  border-bottom: 1px solid rgba(245, 82, 128, .1)
}
.content-part:last-child {
  border: 0
}
.content-part__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-right: 45px;
  cursor: pointer
}
.content-part__title br {
  display: none
}
.--openly .content-part__title:after {
  margin-top: -2px;
  border-color: #ff5887;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg)
}
.--openly .content-part__title:before {
  border-color: #ff5887
}
.content-part__title:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 12px;
  width: 8px;
  height: 8px;
  border-color: #1ca5fc;
  border-style: solid;
  border-width: 0 2px 2px 0;
  -webkit-transition: 150ms;
  -o-transition: 150ms;
  transition: 150ms;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.content-part__title:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 0;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(28, 165, 252, .25);
  border-radius: 100px
}
.content-part__title:hover:after {
  border-color: #ff5887
}
.content-part__more {
  padding-top: 30px
}
.--collapsed .content-part__more {
  display: none
}
.content-part .numbering {
  font-size: 16px;
  line-height: 26px;
  width: 44px;
  height: 44px;
  min-width: 44px;
  margin-right: 16px;
  text-align: center;
  padding: 9px 0;
  background: -o-linear-gradient(354.2deg, rgba(245, 82, 128, .1) 0, rgba(28, 165, 252, .1) 115.29%);
  background: linear-gradient(95.8deg, rgba(245, 82, 128, .1) 0, rgba(28, 165, 252, .1) 115.29%);
  border-radius: 100px
}
.content-part .title-body {
  line-height: 22px;
  font-size: 16px
}
.section-item.--reviews {
  position: relative;
  z-index: 1;
  padding-top: 40px;
  padding-bottom: 60px;
  background: -o-linear-gradient(197.56deg, rgba(28, 165, 252, .15) 0, rgba(245, 82, 128, .15) 100%), #fff;
  background: linear-gradient(252.44deg, rgba(28, 165, 252, .15) 0, rgba(245, 82, 128, .15) 100%), #fff
}
.button-over {
  text-align: center
}
.reviews {
  position: relative;
  margin-bottom: 40px
}
.img-hint {
  text-align: center
}
.img-hint.--qr-code img {
  max-width: 340px
}
.img-hint img {
  margin-bottom: 16px
}
.section-item.--app.--download-app:before {
  margin-left: -85px;
  bottom: 25px
}
.language-switcher {
  position: absolute;
  width: 52px;
  height: 28px;
  right: -52px;
  top: 1px;
  cursor: pointer;
  background: rgba(255, 255, 255, .25);
  border-radius: 100px
}
.language-switcher.--open, .language-switcher:hover {
  background: rgba(255, 255, 255, .9)
}
.--night .--app-show .language-switcher {
  background: rgba(255, 255, 255, .05)
}
.layout-common .language-switcher {
  background: -o-linear-gradient(354.2deg, rgba(245, 82, 128, .07) 0, rgba(28, 165, 252, .07) 115.29%), rgba(255, 255, 255, .25);
  background: linear-gradient(95.8deg, rgba(245, 82, 128, .07) 0, rgba(28, 165, 252, .07) 115.29%), rgba(255, 255, 255, .25)
}
.language-switcher__pointer {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 8px;
  width: 6px;
  height: 6px;
  border-color: #929db9;
  border-style: solid;
  border-width: 0 2px 2px 0;
  -webkit-transition: 150ms;
  -o-transition: 150ms;
  transition: 150ms;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none
}
.--open .language-switcher__pointer {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  margin-top: -1px
}
.flag-icon:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 2px;
  top: 2px;
  border-radius: 100px;
  background-size: cover
}
.flag-icon:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 2px;
  top: 2px;
  border: 1px solid rgba(245, 82, 128, .15);
  border-radius: 100px
}
.flag-icon.--hi:before {
  background: url(../img/svg/hi.svg) center no-repeat;
  background-size: cover
}
.flag-icon.--tr:before {
  background: url(../img/svg/tr.svg) center no-repeat;
  background-size: cover
}
.flag-icon.--de:before {
  background: url(../img/svg/de.svg) center no-repeat;
  background-size: cover
}
.flag-icon.--es:before {
  background: url(../img/svg/es.svg) center no-repeat;
  background-size: cover
}
.flag-icon.--fr:before {
  background: url(../img/svg/fr.svg) center no-repeat;
  background-size: cover
}
.flag-icon.--it:before {
  background: url(../img/svg/it.svg) center no-repeat;
  background-size: cover
}
.flag-icon.--nl:before {
  background: url(../img/svg/nl.svg) center no-repeat;
  background-size: cover
}
.flag-icon.--no:before {
  background: url(../img/svg/no.svg) center no-repeat;
  background-size: cover
}
.flag-icon.--pl:before {
  background: url(../img/svg/pl.svg) center no-repeat;
  background-size: cover
}
.flag-icon.--ro:before {
  background: url(../img/svg/ro.svg) center no-repeat;
  background-size: cover
}
.flag-icon.--ru:before {
  background: url(../img/svg/ru.svg) center no-repeat;
  background-size: cover
}
.flag-icon.--sv:before {
  background: url(../img/svg/sv.svg) center no-repeat;
  background-size: cover
}
.flag-icon.--fi:before {
  background: url(../img/svg/fi.svg) center no-repeat;
  background-size: cover
}
.flag-icon.--pt:before {
  background: url(../img/svg/pt.svg) center no-repeat;
  background-size: cover
}
.flag-icon.--uk:before {
  background: url(../img/svg/uk.svg) center no-repeat;
  background-size: cover
}
.flag-icon.--en:before {
  background: url(../img/svg/en.svg) center no-repeat;
  background-size: cover
}
.flag-icon.--ja:before {
  background: url(../img/svg/ja.svg) center no-repeat;
  background-size: cover
}
.flag-icon.--zh:before {
  background: url(../img/svg/zh.svg) center no-repeat;
  background-size: cover
}
.language-dropdown {
  position: absolute;
  width: 350px;
  right: -47px;
  top: 40px;
  padding: 20px 20px 16px;
  background: #fff;
  -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1), inset 0 1px 0 #fff;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1), inset 0 1px 0 #fff;
  border-radius: 10px;
  z-index: 555;
  display: none
}
.language-dropdown:after {
  position: absolute;
  content: "▲";
  display: inline-block;
  font-size: 12px;
  left: 50%;
  top: -8px;
  margin-left: -4px;
  text-align: center;
  color: #fff;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .2), 0 -1px 1px rgba(0, 0, 0, .1);
  -webkit-transform: scaleX(1.5) rotate(0);
  -ms-transform: scaleX(1.5) rotate(0);
  transform: scaleX(1.5) rotate(0)
}
.language-dropdown.--show {
  display: inline-block
}
.language-dropdown__region:last-child .language-dropdown__list {
  margin-bottom: 0
}
.language-dropdown__title {
  font-size: 20px;
  line-height: 24px;
  font-family: "Inter Semi Bold";
  text-align: left;
  margin-bottom: 20px
}
.language-dropdown__list {
  margin-bottom: 20px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}
.language-dropdown__item {
  position: relative;
  display: inline-block;
  left: -6px;
  width: 48%;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
  cursor: pointer
}
.language-dropdown__item.flag-icon:after, .language-dropdown__item.flag-icon:before {
  left: 6px;
  top: 6px
}
.language-dropdown__item.--current a {
  color: #ff5887
}
.language-dropdown__item a {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: left;
  padding: 10px 10px 8px 42px;
  font-size: 16px;
  line-height: 20px;
  border-radius: 6px;
  z-index: 5
}
.language-dropdown__item a:hover {
  background: rgba(0, 0, 0, .05);
  color: #ff5887
}
.theme-switcher {
  position: absolute;
  bottom: 15px;
  right: 15px;
  padding: 10px;
  line-height: 0;
  background-color: transparent;
  -o-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  z-index: 99999
}
.theme-switcher__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid rgba(24, 35, 55, .1);
  margin-bottom: 11px;
  padding-bottom: 11px
}
.--night .theme-switcher__buttons {
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}
.theme-switcher__item {
  position: relative;
  width: 32px;
  height: 10px;
  margin: 0 5px;
  border-radius: 2px;
  cursor: pointer;
  -o-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s
}
.theme-switcher__item.--type-gray {
  background: #97b3b5
}
.theme-switcher__item.--type-light {
  background: rgba(145, 157, 177, .4)
}
.theme-switcher__item.--type-blue {
  background: #66a5ce
}
.theme-switcher__item.--type-pink {
  background: #be89d3
}
.theme-switcher__item.--type-wave {
  background-image: url(../img/svg/wave.svg);
  background-repeat: no-repeat;
  background-size: cover
}
.theme-switcher__item.--current {
  height: 16px
}
.theme-switcher__item.--current:after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 13px;
  top: 0;
  height: 11px;
  width: 6px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.theme-switcher__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 0 5px
}
.theme-switcher__type {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer
}
.theme-switcher__input {
  border: 0;
  margin: 0;
  opacity: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
  cursor: pointer
}
.theme-switcher__label {
  position: relative;
  padding-left: 2px;
  padding-top: 5px;
  text-align: left;
  font-size: 11px;
  line-height: 12px;
  font-weight: 400;
  color: #929db9
}
.--selected .theme-switcher__label {
  color: #1ca5fc
}
.theme-picker {
  position: absolute;
  display: none;
  height: 48px;
  width: 48px;
  bottom: 20px;
  right: 20px;
  padding: 13px 16px;
  border-radius: 50%;
  background: rgba(24, 35, 55, .1);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
  -o-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  z-index: 9999;
  cursor: pointer
}
.theme-picker .night {
  display: none
}
.--night .theme-picker {
  background: rgba(86, 86, 86, .5);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .06)
}
.--night .theme-picker .night {
  display: block
}
.--night .theme-picker .day {
  display: none
}
.theme-switcher__type.--selected .svg__line, .theme-switcher__type.--selected circle {
  fill: #1ca5fc
}
.theme-switcher__type.--selected .svg__border {
  stroke: #1ca5fc;
  stroke-opacity: 1
}
.common-title {
  text-align: center;
  font-size: 40px;
  line-height: 48px;
  font-family: "Inter Bold";
  margin-bottom: 40px
}
.section-back {
  padding: 0 20px;
  margin-bottom: 40px
}
.section-back a {
  color: #4c8ad2;
  position: relative;
  padding-left: 10px
}
.section-back a:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: 0;
  width: 6px;
  height: 6px;
  border-color: #1ca5fc;
  border-style: solid;
  border-width: 0 1px 1px 0;
  -o-transition: 150ms;
  -webkit-transition: 150ms;
  transition: 150ms;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(135deg)
}
.technical-over {
  padding: 0 20px;
  margin-bottom: 50px
}
.technical-over p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 15px
}
.technical-over p.--txt-right {
  text-align: right
}
.technical-over p.--txt-left {
  text-align: left
}
.technical-over p b:first-child {
  display: inline-block;
  font-size: 20px;
  margin-top: 10px
}
.technical-over ul {
  margin-bottom: 15px;
  padding-left: 10px
}
.technical-over ul li {
  position: relative;
  font-size: 16px;
  line-height: 26px;
  padding-left: 15px;
  margin-bottom: 10px
}
.technical-over ul li:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #686e7e;
  left: 0;
  top: 15px;
  margin-top: -3px;
  border-radius: 100%
}
.technical-over h2 {
  font-size: 22px;
  line-height: 28px;
  font-family: "Inter Bold";
  margin-bottom: 30px;
  margin-top: 50px
}
.technical-drop-down__item {
  padding: 24px;
  margin-bottom: 15px;
  border-radius: 10px;
  border: 1px solid #e1e2e6;
  cursor: pointer
}
.technical-drop-down__title {
  position: relative;
  font-size: 20px;
  font-family: "Inter Bold";
  line-height: 26px;
  padding-left: 25px;
  padding-right: 30px
}
.technical-drop-down__title:before {
  content: "";
  position: absolute;
  background: url(../img/svg/dock.svg) center no-repeat;
  width: 15px;
  height: 18px;
  left: 0;
  top: 50%;
  margin-top: -9px
}
.technical-drop-down__title:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 5px;
  width: 8px;
  height: 8px;
  border-color: #1ca5fc;
  border-style: solid;
  border-width: 0 2px 2px 0;
  -webkit-transition: 150ms;
  -o-transition: 150ms;
  transition: 150ms;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.technical-drop-down__title:hover:after {
  border-color: #ff5887
}
.--openly .technical-drop-down__title:after {
  margin-top: 0;
  border-color: #ff5887;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg)
}
.technical-drop-down__content {
  padding-top: 15px;
  display: none
}
.--openly .technical-drop-down__content {
  display: block
}
.layout-no-found {
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, .85), rgba(255, 255, 255, .85)), -o-linear-gradient(197.56deg, #1ca5fc 0, #f55280 100%);
  background: linear-gradient(0deg, rgba(255, 255, 255, .85), rgba(255, 255, 255, .85)), linear-gradient(252.44deg, #1ca5fc 0, #f55280 100%)
}
.no-found {
  padding: 30px 20px 60px;
  text-align: center
}
.no-found__title {
  position: relative;
  font-size: 150px;
  line-height: 200px;
  color: #fd5886;
  font-family: "Inter Bold";
  z-index: 1
}
.no-found__title:after {
  content: "";
  position: absolute;
  width: 650px;
  height: 300px;
  background: url(../img/png/404.png) center no-repeat;
  background-size: cover;
  z-index: -1;
  left: 50%;
  bottom: -50px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}
.no-found__description {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 40px
}
.no-found .common-title {
  margin-bottom: 30px
}
.sitemap {
  width: 100%;
  padding: 0 20px;
  margin-bottom: 60px
}
.sitemap__part {
  background: -webkit-gradient(linear, left top, right top, from(rgba(252, 249, 251, .9)), to(rgba(250, 250, 253, .9)));
  background: -o-linear-gradient(left, rgba(252, 249, 251, .9) 0, rgba(250, 250, 253, .9) 100%);
  background: linear-gradient(90deg, rgba(252, 249, 251, .9) 0, rgba(250, 250, 253, .9) 100%);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05), inset 0 1px 0 #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .05), inset 0 1px 0 #fff;
  border-radius: 10px;
  padding: 20px 20px 5px;
  margin-bottom: 30px
}
.sitemap__title {
  font-size: 20px;
  line-height: 28px;
  font-family: "Inter Semi Bold";
  text-align: left;
  border-bottom: 1px solid #efefef;
  padding-bottom: 20px;
  margin-bottom: 25px
}
.sitemap__item {
  position: relative;
  display: inline-block;
  left: -6px;
  width: 48%;
  margin: 0 0 20px;
  padding: 0;
  border: 0;
  text-align: left;
  cursor: pointer
}
.--first .sitemap__item {
  width: 95%
}
.sitemap__item:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 5px;
  width: 8px;
  height: 8px;
  background: #ffc9d8;
  border-radius: 50%
}
.sitemap__item a {
  display: inline-block;
  width: 100%;
  text-align: left;
  padding: 10px 10px 8px 24px;
  font-size: 16px;
  line-height: 26px;
  border-radius: 6px
}
.sitemap__item a:hover {
  color: #ff5887
}
.technical-select {
  display: none;
  max-height: 300px;
  overflow: auto;
  margin-bottom: 10px
}
.technical-select::-webkit-scrollbar {
  width: 16px
}
.technical-select::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0
}
.technical-select::-webkit-scrollbar-thumb {
  min-height: 40px;
  background-color: #e5ebf1;
  background-clip: padding-box;
  border: 5px solid transparent;
  border-radius: 30px
}
.technical-select::-webkit-scrollbar-track {
  background-color: transparent
}
.technical-select.--show {
  display: block
}
.technical-select__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, .07);
  padding: 6px 0
}
.technical-select__item h3 {
  font-weight: 700;
  font-size: 14px
}
input[type=checkbox] {
  visibility: hidden
}
.checkbox-custom label {
  position: relative;
  display: inline-block;
  width: 54px;
  height: 26px;
  background: #b6b9c3;
  margin: 5px 10px;
  border-radius: 30px;
  -o-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s;
  cursor: pointer
}
.checkbox-custom label:after {
  content: "⨯";
  position: absolute;
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding: 0 5px;
  width: 20px;
  height: 20px;
  color: #b6b9c3;
  top: 3px;
  left: 4px;
  border-radius: 50%;
  -o-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s;
  background: #fff
}
.checkbox-custom.--locked label {
  filter: alpha(opactiy=40);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  -moz-opacity: .4;
  -khtml-opacity: .4;
  opacity: .4;
  cursor: no-drop
}
.checkbox-custom input[type=checkbox]:checked + label {
  background: #ff5887
}
.checkbox-custom input[type=checkbox]:checked + label:after {
  left: 30px;
  content: "✓";
  padding: 0 4px;
  color: #ff5887
}
.mail-successfully {
  text-align: center;
  padding: 30px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.mail-successfully__title {
  font-size: 40px;
  line-height: 48px;
  font-family: "Inter Bold";
  margin-bottom: 20px
}
.mail-successfully__description {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 20px
}
.mail-successfully__img {
  margin: 30px 0
}
.--middle {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.layout-note__wrap {
  margin: 15px auto;
  max-width: 580px;
  background: #fff;
  border: 1px solid #e1e3e6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px
}
.layout-note__header {
  border-bottom: 1px solid #e1e3e6;
  padding: 15px;
  text-align: center
}
.layout-note__header .header__logo {
  margin-left: 0
}
.layout-note__content {
  padding: 15px;
  text-align: center
}
.layout-note__title {
  font-size: 22px;
  line-height: 28px;
  font-family: "Inter Bold";
  margin-bottom: 20px
}
.layout-redirect {
  padding: 10px
}
.layout-redirect__img {
  max-width: 300px;
  margin-bottom: 40px
}
.layout-redirect__title {
  font-size: 22px;
  line-height: 28px;
  font-family: "Inter Bold";
  margin-bottom: 20px
}
.layout-redirect__description {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 20px
}
.legal {
  padding: 0 20px;
  margin-bottom: 50px
}
.legal__item {
  position: relative;
  background: #fff;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05), inset 0 1px 0 #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .05), inset 0 1px 0 #fff;
  border-radius: 10px;
  cursor: pointer
}
.legal__item:hover .faq__title {
  color: #ff5887
}
.legal__item:hover .faq__title:after {
  border-color: #ff5887
}
.legal__title {
  display: inline-block;
  position: relative;
  font-size: 18px;
  line-height: 22px;
  font-family: "Inter Semi Bold";
  padding: 20px 40px 20px 18px;
  width: 100%;
  color: #686e7e
}
.legal__title:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 29px;
  width: 8px;
  height: 8px;
  border-color: #1ca5fc;
  border-style: solid;
  border-width: 0 2px 2px 0;
  -o-transition: 150ms;
  -webkit-transition: 150ms;
  transition: 150ms;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg)
}
.legal__title:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 16px;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(28, 165, 252, .25);
  border-radius: 100px
}
.legal__title:hover:after {
  border-color: #ff5887
}
.region {
  margin-bottom: 60px;
  position: relative;
  z-index: 1
}
.region .language-dropdown {
  display: block;
  position: relative;
  right: 0;
  top: 0;
  margin: 0 auto;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0
}
.region .language-dropdown:after {
  display: none
}
.region .language-dropdown__title {
  border-bottom: 1px solid #efefef;
  padding-bottom: 20px;
  margin-bottom: 25px
}
.region .language-dropdown__region {
  background: -webkit-gradient(linear, left top, right top, from(rgba(252, 249, 251, .8)), to(rgba(250, 250, 253, .8)));
  background: -o-linear-gradient(left, rgba(252, 249, 251, .8) 0, rgba(250, 250, 253, .8) 100%);
  background: linear-gradient(90deg, rgba(252, 249, 251, .8) 0, rgba(250, 250, 253, .8) 100%);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05), inset 0 1px 0 #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .05), inset 0 1px 0 #fff;
  padding: 16px 16px 8px;
  border-radius: 10px;
  margin-bottom: 30px
}
.region .language-dropdown__item {
  margin-bottom: 20px
}
.region .language-dropdown__list {
  margin-bottom: 0
}
.--region {
  position: relative;
  background: url(../img/png/region.png) center 112px no-repeat;
  background-size: 95%
}
.introduction {
  height: auto
}
.introduction__text {
  text-align: center;
  margin-bottom: 40px
}
.introduction__img {
  margin-bottom: 40px;
  cursor: pointer
}
.introduction__title {
  position: relative;
  z-index: 1;
  font-size: 40px;
  line-height: 46px;
  font-family: "Inter Semi Bold";
  text-align: center;
  margin-bottom: 20px
}
.--roulette .introduction__title {
  line-height: 50px
}
.--omegle .introduction__title {
  max-width: 390px;
  margin: 0 auto 25px
}
.introduction__description {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  margin-bottom: 30px
}
.introduction__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
.introduction .app-links {
  width: 100%;
  padding-top: 145px;
  margin-bottom: -65px
}
.title-bold {
  position: relative;
  color: #ff5887;
  display: inline-block;
  z-index: -1
}
.title-bold.--main {
  margin: 0 -5px;
  width: auto;
  min-width: 68px
}
.title-bold.--attractive {
  width: auto;
  margin: 0
}
.title-bold.--attractive:after {
  width: 200%;
  height: 200%;
  background: url(../img/png/attractive.png) center no-repeat;
  background-size: cover;
  z-index: -1;
  left: -50%;
  top: -16px
}
.title-bold.--girls {
  width: auto;
  margin: 0
}
.title-bold.--girls:after {
  width: 200%;
  height: 200%;
  background: url(../img/png/girls.png) center no-repeat;
  background-size: cover;
  z-index: -1;
  left: -50%;
  top: -18px
}
.title-bold.--cam:after {
  width: 200%;
  height: 200%;
  background: url(../img/png/cam-girls.png) center no-repeat;
  background-size: cover;
  z-index: -1;
  left: -50%;
  top: -18px
}
.title-bold.--omegle:after {
  width: 185%;
  height: 185%;
  background: url(../img/png/omegle-stroke.png) center no-repeat;
  background-size: cover;
  z-index: -1;
  left: -45%;
  top: -16px
}
.title-bold.--bazoo:after {
  width: 135%;
  height: 135%;
  background: url(../img/png/bazoo-stroke.png) center no-repeat;
  background-size: cover;
  z-index: -1;
  left: -19%;
  top: -4px
}
.title-bold.--rand:after {
  width: 115%;
  height: 115%;
  background: url(../img/png/rand-stroke.png) center no-repeat;
  background-size: cover;
  z-index: -1;
  left: -9%;
  top: -3px
}
.title-bold.--about:after {
  background: url(../img/png/about-stroke.png) center no-repeat;
  background-size: cover;
  z-index: -1;
  left: -11%;
  top: -3px;
  width: 125%;
  height: 125%
}
.title-bold:after {
  content: "";
  position: absolute;
  width: 68px;
  height: 76px;
  background: url(../img/png/inc.png) center no-repeat;
  background-size: cover;
  z-index: -1;
  left: -1px;
  top: -16px
}
.online-counter {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  max-width: 370px;
  margin: 0 auto;
  z-index: 5;
  cursor: auto
}
.--bazoocam .online-counter, .--random .online-counter {
  display: none
}
.online-counter__item {
  text-align: center;
  padding: 12px;
  background: rgba(255, 255, 255, .4);
  border-radius: 8px;
  font-size: 14px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 4px
}
.online-counter__title {
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 24px;
  display: block;
  white-space: nowrap;
  font-family: "Inter Medium"
}
.online-counter__title.--blue {
  color: #1ca5fc
}
.online-counter__title.--pink {
  color: #ff5887
}
.trust-score {
  position: relative;
  width: 100%;
  max-width: 370px;
  margin: 0 auto;
  text-align: center;
  z-index: 2
}
.--bazoocam .trust-score, .--random .trust-score {
  display: none
}
.trust-score__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 10px
}
.trust-score__score {
  width: 45px;
  height: 45px;
  padding: 10px;
  font-family: "Inter Bold";
  line-height: 24px;
  font-size: 16px;
  border: 1px solid #fff;
  border-radius: 100px
}
.trust-score__stars {
  margin: 0 6px;
  min-width: 148px
}
.trust-score__stars-item {
  float: left
}
.trust-score__link {
  text-align: left
}
.trust-score__link a {
  font-size: 14px;
  line-height: 18px;
  color: #686e7e
}
.trust-score__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 22px;
  font-size: 14px;
  line-height: 18px
}
.trust-score__icon {
  height: 22px;
  margin-right: 6px
}
.app-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.app-links a {
  display: inline-block;
  width: 160px;
  height: 46px;
  -o-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s
}
.app-links .apple-store {
  background: url(../img/svg/apple.svg) center no-repeat;
  background-size: contain
}
.app-links .apple-store:hover {
  background: url(../img/svg/apple-hover.svg) no-repeat;
  background-size: contain
}
.app-links .google-store {
  background: url(../img/svg/google.svg) center no-repeat;
  background-size: contain
}
.app-links .google-store:hover {
  background: url(../img/svg/google-hover.svg) no-repeat;
  background-size: contain
}
.app-links__item {
  margin: 0 4px
}
.app-links__item.--disabled a {
  filter: alpha(opactiy=30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  -moz-opacity: .3;
  -khtml-opacity: .3;
  opacity: .3;
  pointer-events: none
}
.about-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 60px
}
.about-info__title {
  font-size: 20px;
  line-height: 28px;
  font-family: "Inter Semi Bold";
  margin-bottom: 20px
}
.about-info__content {
  width: 100%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  order: 2
}
.about-info__content.--img {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 40px
}
.about-info__content.--img img {
  max-width: 180px;
  margin: 0 auto
}
.about-info__item.--fill {
  height: 56px;
  margin-bottom: 10px;
  text-align: left;
  padding: 17px 20px;
  font-size: 16px;
  font-family: "Inter Medium";
  line-height: 20px;
  border-radius: 10px
}
.about-info__item.--fill.--first {
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0))), #ffdee7;
  background: -o-linear-gradient(right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%), #ffdee7;
  background: linear-gradient(270deg, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%), #ffdee7;
  color: #c28898
}
.about-info__item.--fill.--second {
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0))), #ffedd8;
  background: -o-linear-gradient(right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%), #ffedd8;
  background: linear-gradient(270deg, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%), #ffedd8;
  color: #ba9a73
}
.about-info__item.--fill.--third {
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0))), #daf4ff;
  background: -o-linear-gradient(right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%), #daf4ff;
  background: linear-gradient(270deg, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%), #daf4ff;
  color: #78a3b5
}
.about-info__item.--fill.--fourth {
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .5))), #d9ffd8;
  background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 100%), #d9ffd8;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 100%), #d9ffd8;
  color: #95b194
}
.about-info__item.--fill.--fifth {
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .5))), #ffe4da;
  background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 100%), #ffe4da;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 100%), #ffe4da;
  color: #bf9e90
}
.about-info__item.--fill.--sixth {
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .5))), #e9e6ff;
  background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 100%), #e9e6ff;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 100%), #e9e6ff;
  color: #9993bd
}
.about-info__item.--fill p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.about-info__item.--fill svg {
  margin-right: 10px
}
.ready-to {
  position: relative;
  text-align: center;
  margin-bottom: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  background-clip: padding-box
}
.ready-to__ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 28px;
  font-family: "Inter Semi Bold"
}
.ready-to__ico svg {
  margin-right: 10px
}
.features__title {
  font-size: 28px;
  line-height: 34px;
  font-family: "Inter Semi Bold";
  margin-bottom: 40px
}
.features__item {
  margin-bottom: 30px
}
.features__item p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px
}
.features__list p {
  position: relative;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
  padding-left: 30px
}
.features__list p:before {
  content: "";
  position: absolute;
  left: -5px;
  top: 0;
  width: 24px;
  height: 24px;

  background-size: contain
}
.features__list p:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 22px;
  height: 100%;
  width: 1px;
  background: #1ca5fc;
  filter: alpha(opactiy=25);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  -moz-opacity: .25;
  -khtml-opacity: .25;
  opacity: .25
}
.features__list p:last-child:after {
  display: none
}
.benefits {
  margin-top: 40px;
  margin-bottom: 60px
}
.benefits__item {
  position: relative;
  padding: 24px 24px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid transparent;
  background-clip: padding-box;
  border-radius: 20px
}
.benefits__item:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  margin: -1px;
  border-radius: inherit;
  background: -webkit-gradient(linear, left top, right top, from(rgba(245, 82, 128, .2509803922)), to(rgba(28, 165, 252, .2509803922)));
  background: -o-linear-gradient(left, rgba(245, 82, 128, .2509803922), rgba(28, 165, 252, .2509803922));
  background: linear-gradient(to right, rgba(245, 82, 128, .2509803922), rgba(28, 165, 252, .2509803922))
}
.benefits__item p {
  font-size: 16px;
  line-height: 26px;
  color: #686e7e
}
.benefits__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 20px;
  color: #686e7e
}
.benefits__title .--icon {
  display: inline-block;
  min-width: 80px;
  height: 93px;
  margin-right: 22px
}
.benefits__title h4 {
  font-size: 20px;
  line-height: 28px;
  font-family: "Inter Semi Bold"
}
.benefits__title h4 a {
  font-size: 20px;
  line-height: 28px;
  font-family: "Inter Semi Bold";
  color: #686e7e
}
.icon-random {
  -webkit-box-shadow: inset 0 -4px 18.5641px rgba(255, 255, 255, .25), inset 3.71282px 3.71282px 18.5641px rgba(255, 255, 255, .1);
  box-shadow: inset 0 -4px 18.5641px rgba(255, 255, 255, .25), inset 3.71282px 3.71282px 18.5641px rgba(255, 255, 255, .1);
  -webkit-filter: drop-shadow(0 18.5641px 18.5641px rgba(155, 229, 147, .35));
  filter: drop-shadow(0 18.5641px 18.5641px rgba(155, 229, 147, .35))
}
.icon-premium {
  -webkit-box-shadow: inset 0 -4px 18.5641px rgba(255, 255, 255, .25), inset 3.71282px 3.71282px 18.5641px rgba(255, 255, 255, .15);
  box-shadow: inset 0 -4px 18.5641px rgba(255, 255, 255, .25), inset 3.71282px 3.71282px 18.5641px rgba(255, 255, 255, .15);
  -webkit-filter: drop-shadow(0 18.5641px 18.5641px rgba(166, 166, 244, .25));
  filter: drop-shadow(0 18.5641px 18.5641px rgba(166, 166, 244, .25))
}
.icon-chatroulette, .icon-omegle {
  -webkit-box-shadow: inset 0 -4px 18.5641px rgba(255, 255, 255, .25), inset 3.71282px 3.71282px 18.5641px rgba(255, 255, 255, .15);
  box-shadow: inset 0 -4px 18.5641px rgba(255, 255, 255, .25), inset 3.71282px 3.71282px 18.5641px rgba(255, 255, 255, .15);
  -webkit-filter: drop-shadow(0 18.5641px 18.5641px rgba(2, 195, 233, .2));
  filter: drop-shadow(0 18.5641px 18.5641px rgba(2, 195, 233, .2))
}
.map {
  margin-bottom: 40px
}
.join__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 20px;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid transparent;
  background-clip: padding-box;
  border-radius: 20px
}
.join__item:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  margin: -1px;
  border-radius: inherit;
  background: -webkit-gradient(linear, left top, right top, from(rgba(245, 82, 128, .2509803922)), to(rgba(28, 165, 252, .2509803922)));
  background: -o-linear-gradient(left, rgba(245, 82, 128, .2509803922), rgba(28, 165, 252, .2509803922));
  background: linear-gradient(to right, rgba(245, 82, 128, .2509803922), rgba(28, 165, 252, .2509803922))
}
.join__title {
  font-size: 20px;
  line-height: 28px;
  font-family: "Inter Semi Bold";
  margin-bottom: 5px
}
.join__txt p {
  font-size: 16px;
  line-height: 26px
}
.join .--icon {
  display: inline-block;
  width: 88px;
  margin-right: 20px
}
.faq__item {
  position: relative;
  padding: 16px 20px;
  background: #fff;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05), inset 0 1px 0 #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .05), inset 0 1px 0 #fff;
  border-radius: 10px;
  cursor: pointer
}
.faq__item:hover .faq__title {
  color: #ff5887
}
.faq__item:hover .faq__title:after {
  border-color: #ff5887
}
.faq__title {
  position: relative;
  font-size: 18px;
  line-height: 22px;
  font-family: "Inter Semi Bold";
  padding-right: 45px
}
.faq__title:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 12px;
  width: 8px;
  height: 8px;
  border-color: #1ca5fc;
  border-style: solid;
  border-width: 0 2px 2px 0;
  -webkit-transition: 150ms;
  -o-transition: 150ms;
  transition: 150ms;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.faq__title:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 0;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(28, 165, 252, .25);
  border-radius: 100px
}
.--openly .faq__title:after {
  margin-top: 0;
  border-color: #ff5887;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg)
}
.--openly .faq__title:before {
  border-color: #ff5887
}
.faq__answer {
  font-size: 16px;
  line-height: 26px;
  padding-top: 20px
}
.--collapsed .faq__answer {
  display: none
}
.--openly .faq__answer {
  display: block
}
.faq__answer ul {
  padding-left: 16px;
  padding-top: 10px
}
.faq__answer ul li {
  margin-bottom: 10px
}
.download .app-links {
  margin-top: 40px;
  margin-bottom: 40px
}
.girl-swap {
  position: relative;
  max-width: 370px;
  margin: 0 auto 30px
}
.girl-swap__arrow {
  position: absolute;
  background: url(../img/svg/roulette-arr.svg) center no-repeat;
  background-size: cover;
  width: 74px;
  height: 74px;
  top: 50%;
  left: 50%;
  -o-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.girl-swap__arrow:hover {
  background: url(../img/svg/roulette-arr-hover.svg) center no-repeat;
  background-size: cover;
  width: 74px;
  height: 74px
}
.alternative {
  margin-bottom: 20px
}
.alternative__description {
  font-size: 22px;
  line-height: 28px;
  font-family: "Inter Bold";
  margin-bottom: 40px;
  text-align: center
}
.alternative__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.alternative__icon {
  margin-bottom: 20px
}
.alternative__item {
  width: 48%;
  margin-bottom: 40px
}
.alternative__txt {
  font-size: 16px;
  line-height: 26px;
  padding: 0 14px;
  max-width: 200px;
  margin: 0 auto
}
.world {
  margin: -76px -40px -90px;
  text-align: center
}
.--random .world {
  margin: -5px 0 -25px
}
.world img {
  max-width: 440px
}
.--random .world img {
  max-width: 370px
}
@media screen and (min-width:699px) and (max-height:470px) {
 
}
@media screen and (min-width:748px) {
  .--join .button, .introduction .button {
    max-width: 320px
  }
  .button.--apk {
    display: inline-block;
    text-align: center;
    width: 100%
  }
  .arrow-up {
    right: 10px
  }
  .arrow-up:after {
    margin-top: -12px;
    right: 17px;
    width: 12px;
    height: 12px
  }
  .arrow-up:before {
    margin-top: -34px;
    right: 0;
    width: 48px;
    height: 48px
  }
  .slider__item {
    max-width: calc(50vw - 75px);
    min-height: 300px
  }
  .slider__name .--name {
    font-size: 22px;
    line-height: 27px
  }
  .section-item.--app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%;
    min-height: 100vh;
    max-width: 100%
  }
  .section-item.--app.--app-show {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-bottom: 100px
  }
  .section-item.--app .introduction:before {
    margin-left: 70px;
    bottom: -40px
  }
  .section-item.--app:after {
    height: 195px;
    background-size: 960px
  }
  .section-item.--app:before {
    margin-left: 0;
    bottom: 15px
  }
  .section-item.--about {
    margin-top: 75px;
    margin-bottom: 75px
  }
  .section-title {
    font-size: 40px;
    line-height: 48px
  }
  .--features .section-title {
    margin-bottom: 40px
  }
  .--faq .section-title {
    margin-bottom: 50px
  }
  .--download .section-title {
    text-align: left
  }
  .--join .section-description {
    max-width: 685px;
    margin: 0 auto 34px
  }
  .--download .section-description {
    text-align: left
  }
  .note-page__img {
    width: 473px;
    height: 228px
  }
  .note-page__title {
    font-size: 42px
  }
  .header {
    margin-bottom: 40px
  }
  .--app-show .header {
    margin-bottom: 0
  }
  .layout-common .header {
    margin-bottom: 50px
  }
  .cookie-policy {
    bottom: 30px;
    right: 30px;
    padding: 20px 20px 28px
  }
  .footer__regions {
    position: relative
  }
  .footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: justify;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .footer__menu {
    margin-top: 0;
    width: 100%;
    max-width: 490px
  }
  .footer__menu li {
    display: block;
    width: auto;
    margin: 0 22px
  }
  .footer__menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .footer__support {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    text-align: justify;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .footer__support span {
    -webkit-box-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0;
    margin-top: 20px
  }
  .footer__coop .rights-reserved {
    line-height: 20px
  }
  .footer__coop .copyright__over {
    white-space: pre
  }
  [lang=en] .footer__menu li {
    margin: 0 20px
  }
  .coo-app:before {
    margin-left: 185px;
    bottom: -40px
  }
  .coo-app {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
  }
  .coo-app__over {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .coo-app__title {
    padding: 0 4px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .coo-app__text {
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .coo-app__description {
    text-align: left;
    max-width: 410px
  }
  .coo-app__img {
    margin-top: 0;
    margin-bottom: 0;
    min-width: 400px
  }
  .section-item.--description {
    margin: 45px auto 75px
  }
  .section-title {
    max-width: 700px
  }
  .how-download {
    max-width: 720px;
    margin: 0 auto
  }
  .install-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .install-switch__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 230px;
    margin: 0;
    padding: 12px;
    font-size: 18px;
    line-height: 28px
  }
  .content-part .title-body {
    font-size: 18px
  }
  .section-item.--reviews {
    padding-top: 50px;
    padding-bottom: 75px
  }
  .button-over .button {
    min-width: 400px
  }
  .img-hint {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .img-hint img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 340px;
    margin: 5px
  }
  .section-item.--app.--download-app:before {
    margin-left: 110px
  }
  .language-dropdown {
    width: 680px;
    right: -220px
  }
  .language-dropdown__title {
    font-size: 22px;
    line-height: 27px
  }
  .language-dropdown__list {
    margin-bottom: 30px
  }
  .language-dropdown__item {
    width: 24%;
    margin: 3px 4px 10px 2px
  }
  .language-dropdown__item a {
    padding: 5px 10px 5px 42px;
    font-size: 16px;
    line-height: 26px
  }
  .common-title {
    margin-bottom: 50px
  }
  .section-back {
    padding: 0 60px;
    margin-bottom: 50px
  }
  .technical-over {
    padding: 0 60px;
    margin-bottom: 100px
  }
  .no-found {
    padding-top: 0
  }
  .no-found__title:after {
    width: 940px;
    height: 400px
  }
  .no-found__title {
    font-size: 240px;
    line-height: 318px;
    margin-bottom: 30px
  }
  .no-found__description {
    max-width: 650px;
    margin: 0 auto 40px
  }
  .sitemap {
    max-width: 680px;
    margin: 0 auto 60px
  }
  .sitemap__title {
    font-size: 22px
  }
  .sitemap__item {
    width: 24%
  }
  .--first .sitemap__item {
    width: 45%
  }
  .sitemap__item a {
    padding: 5px 10px 5px 24px
  }
  .--technical .common-title {
    padding: 0 60px;
    line-height: 56px
  }
  .legal {
    max-width: 680px;
    margin: 0 auto 100px;
    padding: 0
  }
  .region .language-dropdown__item a {
    font-size: 18px;
    padding: 5px 10px 5px 42px
  }
  .introduction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 600px;
    margin: auto;
    padding-bottom: 0
  }
  .introduction__over {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .introduction__over.--jasmin {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .introduction__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 340px;
    margin-right: 15px
  }
  .--camchat .introduction__text {
    max-width: 400px;
    margin-right: 20px
  }
  .--omegle .introduction__text {
    max-width: 430px;
    margin-right: 5px;
    margin-bottom: 0
  }
  .introduction__img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 370px;
    margin-left: 15px
  }
  .--omegle .introduction__title {
    max-width: 100%;
    font-size: 36px
  }
  .introduction__title {
    padding: 0 4px
  }
  .--camchat .introduction__description, .--omegle .introduction__description {
    padding: 0 25px
  }
  .introduction__bottom {
    width: 100%
  }
  .introduction .app-links {
    position: absolute;
    bottom: 10px;
    right: 50%;
    width: auto;
    padding-top: 0;
    margin-bottom: 0;
    z-index: 5
  }
  .title-bold.--attractive:after {
    top: -25px
  }
  .title-bold:after {
    left: -1px;
    top: -8px
  }
  .trust-score {
    margin: 0;
    max-width: 360px
  }
  .about-info {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
  }
  .about-info__title {
    max-width: 180px;
    margin: 0 auto 10px;
    font-size: 18px;
    line-height: 24px
  }
  .about-info__content {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
    max-width: 230px
  }
  .about-info__content.--img {
    margin: 0 40px
  }
  .about-info__content.--img img {
    max-width: 200px
  }
  .about-info__item.--fill {
    position: relative;
    text-align: left;
    height: auto;
    padding: 20px 46px 20px 20px
  }
  .about-info__item.--fill:after {
    content: "";
    position: absolute;
    width: 42px;
    height: 42px
  }
  .about-info__item.--fill.--first {
    padding-right: 65px
  }
 
  .about-info__item.--fill p {
    text-align: left
  }
  .ready-to {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 8px 8px 20px;
    border: 1px solid transparent;
    margin: 0 auto;
    border-radius: 12px;
    width: auto;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
  }
  .ready-to:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
    margin: -1px;
    border-radius: inherit;
    background: -webkit-gradient(linear, left top, right top, from(rgba(245, 82, 128, .2509803922)), to(rgba(28, 165, 252, .2509803922)));
    background: -o-linear-gradient(left, rgba(245, 82, 128, .2509803922), rgba(28, 165, 252, .2509803922));
    background: linear-gradient(to right, rgba(245, 82, 128, .2509803922), rgba(28, 165, 252, .2509803922))
  }
  .ready-to__ico {
    margin-bottom: 0;
    margin-right: 25px
  }
  .ready-to .button {
    margin-bottom: 0
  }
  .features__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
  }
  .features__content:first-child .--img {
    margin-left: 40px
  }
  .features__content:first-child .features__title {
    max-width: 400px
  }
  .features__content:last-child {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
  }
  .features__content:last-child .--img {
    margin-right: 40px
  }
  .features__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .features__item.--img {
    max-width: 355px
  }
  .benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .benefits__over {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 362px
  }
  .benefits__over:first-child {
    margin-right: 12px
  }
  .benefits__over:last-child {
    margin-left: 12px
  }
  .benefits__item {
    min-height: 340px
  }
  .benefits__title .--icon {
    height: 75px
  }
  .map {
    margin-bottom: 50px
  }
  .join {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .join__item {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    margin-bottom: 0
  }
  .join__item:nth-child(2) {
    margin: 0 24px
  }
  .join .--icon {
    margin-right: 0;
    margin-bottom: 20px
  }
  .faq {
    max-width: 680px;
    margin: 0 auto
  }
  .download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .download__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .download .app-links {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .alternative {
    margin-bottom: 40px
  }
  .alternative__item {
    width: 32%
  }
  .alternative__txt {
    padding: 0 26px
  }
  .world {
    margin: -34px -46px -18px
  }
  .--random .world {
    margin: 10px 0 0
  }
  .world img {
    max-width: 470px
  }
  .--random .world img {
    max-width: 400px
  }
}
@media screen and (min-width:748px) and (min-width:960px) {
  .--join .section-description {
    max-width: 800px;
    margin: 0 auto 40px
  }
  .install-switch {
    max-width: 720px;
    margin: 0 auto
  }
}
@media screen and (min-width:748px) and (min-width:1200px) {
  .--join .section-description {
    max-width: 960px
  }
  .install-switch__item {
    font-size: 20px;
    line-height: 30px
  }
}
@media screen and (min-width:960px) {
  .button {
    max-width: 340px
  }
  .--join .button, .introduction .button {
    min-width: 340px;
    max-width: 380px
  }
  .button.--apk, .button.--large {
    max-width: 406px;
    font-size: 20px
  }
  .arrow-up.--top {
    bottom: 50px
  }
  .arrow-up {
    right: calc(50% - 480px)
  }
  .slider__item {
    max-width: calc(50vw - 100px);
    min-height: 230px
  }
  .slider__item:after {
    content: "";
    position: absolute;
    right: 32px;
    top: 32px;
    width: 35px;
    height: 28px;
    background: url(../img/svg/quote-icon.svg) center no-repeat;
    background-size: contain
  }
  .slider__name .--name {
    font-size: 24px;
    line-height: 29px
  }
  .slider__reviews p {
    font-size: 18px
  }
  #slider-wrap {
    max-width: 960px
  }
  .girl-grid.--extra:after {
    top: 60%
  }
  .girl-grid {
    max-width: 470px
  }
  .section-item {
    padding: 0 32px
  }
  .section-item.--app .introduction:before {
    margin-left: 5px;
    bottom: -15px
  }
  .section-item.--app:after {
    height: 240px;
    background-size: 1200px
  }
  .section-item.--app:before {
    margin-left: -55px;
    bottom: 50px
  }
  .section-item.--faq {
    padding-top: 60px
  }
  .--faq .section-title, .--features .section-title {
    margin-bottom: 60px
  }
  .section-description {
    max-width: 820px;
    margin: 0 auto 20px
  }
  .section-separate {
    font-size: 18px
  }
  .section-center {
    margin-bottom: 75px
  }
  .footer__menu {
    max-width: 720px
  }
  .footer .coopyright {
    display: inline-block;
    padding-left: 5px
  }
  [lang=en] .footer__menu li {
    margin: 0 30px
  }
  .coo-app:before {
    bottom: -15px
  }
  .coo-app__title {
    font-size: 44px;
    line-height: 58px
  }
  .mini-logo {
    width: 88px;
    height: 88px
  }
  .section-item.--description {
    max-width: 860px
  }
  .section-title {
    max-width: 888px
  }
  .how-download {
    max-width: 800px
  }
  .how-download__type-list {
    margin-bottom: 60px
  }
  .img-hint img {
    max-width: 400px
  }
  .common-title {
    font-size: 48px
  }
  .section-back {
    max-width: 800px;
    padding: 0 20px;
    margin: 0 auto 40px
  }
  .technical-over {
    max-width: 800px;
    padding: 0 20px;
    margin: 0 auto 100px
  }
  .technical-over p {
    margin-bottom: 20px
  }
  .technical-over p b:first-child {
    margin-top: 20px
  }
  .technical-over ul {
    margin-bottom: 20px;
    padding-left: 16px
  }
  .technical-over h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 40px;
    margin-top: 60px
  }
  .technical-drop-down__item {
    margin-bottom: 20px
  }
  .technical-drop-down__content {
    padding-top: 20px
  }
  .no-found__title:after {
    width: 1000px;
    height: 380px;
    bottom: -70px
  }
  .sitemap {
    max-width: 800px;
    margin: 0 auto 100px
  }
  .sitemap__title {
    font-size: 22px
  }
  .mail-successfully {
    min-height: 600px
  }
  .mail-successfully__title {
    font-size: 48px
  }
  .layout-note__title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px
  }
  .layout-redirect__img {
    max-width: 400px
  }
  .layout-redirect__title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px
  }
  .--technical .common-title {
    max-width: 800px;
    margin: 0 auto 50px;
    padding: 0 20px
  }
  .legal {
    max-width: 800px
  }
  .legal__title {
    line-height: 24px;
    padding: 24px 22px;
    font-size: 18px
  }
  .region {
    margin-bottom: 100px
  }
  .region .language-dropdown {
    width: 100%;
    max-width: 800px
  }
  .--region {
    background-size: 960px;
    background-position: center 180px
  }
  .introduction {
    min-height: 666px
  }
  .introduction__text {
    max-width: 380px
  }
  .--camchat .introduction__text, .--omegle .introduction__text {
    max-width: 420px
  }
  .introduction__img {
    max-width: 470px
  }
  .--roulette .introduction__title {
    line-height: 62px
  }
  .--omegle .introduction__title, .introduction__title {
    font-size: 44px;
    line-height: 58px
  }
  .introduction .app-links {
    margin-right: 17px;
    bottom: 15px
  }
  .title-bold.--girls:after {
    width: 175%;
    height: 175%;
    left: -38%;
    top: -16px
  }
  .title-bold.--cam:after {
    width: 210%;
    height: 210%;
    top: -28px
  }
  .title-bold.--omegle:after {
    width: 190%;
    height: 190%;
    top: -23px
  }
  .title-bold.--bazoo:after {
    top: -6px
  }
  .title-bold.--rand:after {
    left: -2%;
    top: -1px;
    width: 106%;
    height: 106%
  }
  .online-counter {
    max-width: 470px
  }
  .online-counter__title {
    font-size: 22px
  }
  .trust-score {
    max-width: 470px;
    padding: 0 30px
  }
  .trust-score__stars-item {
    width: 36px;
    height: 36px;
    margin-right: 2px
  }
  .trust-score__stars-item svg {
    width: 100%;
    height: 100%
  }
  .app-links a {
    width: 196px;
    height: 56px
  }
  .about-info__title {
    font-size: 22px;
    max-width: 200px
  }
  .about-info__content {
    max-width: 280px
  }
  .about-info__content.--img img {
    max-width: 260px
  }
  .about-info__item.--fill {
    padding: 20px 50px 20px 20px;
    margin-bottom: 20px;
    font-size: 18px
  }
  .ready-to .button {
    min-width: 320px
  }
  .ready-to__ico {
    font-size: 22px
  }
  .features__item.--img {
    max-width: 470px
  }
  .benefits {
    margin-top: 60px
  }
  .benefits__over {
    max-width: 460px
  }
  .benefits__item {
    min-height: 325px;
    margin-bottom: 30px
  }
  .benefits__title {
    margin-bottom: 30px
  }
  .benefits__title .--icon {
    min-width: 90px;
    height: 84px
  }
  .benefits__title h4 {
    font-size: 22px
  }
  .join__item {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px
  }
  .join__item:nth-child(2) {
    margin: 0 15px
  }
  .join__title {
    font-size: 22px
  }
  .join .--icon {
    margin-bottom: 0;
    margin-right: 15px
  }
  .faq {
    max-width: 800px
  }
  .faq__item {
    padding: 24px 22px
  }
  .faq__title {
    font-size: 20px;
    line-height: 24px
  }
  .download {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .download__item {
    max-width: 470px
  }
  .girl-swap {
    max-width: 420px
  }
  .alternative {
    margin-bottom: 75px
  }
  .alternative__item {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .alternative__txt {
    padding: 0 5px
  }
  .world {
    margin: -81px -20px 0
  }
  .--random .world {
    margin: 2px -20px 0 0
  }
  .world img {
    max-width: 550px
  }
  .--random .world img {
    max-width: 440px
  }
}
@media screen and (min-width:1200px) {
  .button {
    max-width: 430px;
    width: auto;
    padding: 20px 30px;
    height: 60px;
    margin-bottom: 20px
  }
  .--join .button, .introduction .button {
    min-width: 380px;
    max-width: 420px
  }
  .button.--base, .button.--general {
    font-size: 20px
  }
  .button.--large {
    max-width: 477px
  }
  .button.--no-found {
    min-width: 380px
  }
  .button.--apk {
    max-width: 477px
  }
  .arrow-up {
    right: calc(50% - 565px)
  }
  .slider__item {
    width: 530px;
    min-height: 220px
  }
  #slider-wrap {
    max-width: 1100px;
    padding-left: 5px
  }
  .girl-grid {
    max-width: 620px
  }
  .section-item {
    padding: 0 10px
  }
  .section-item.--app .introduction:before {
    margin-left: 5px;
    bottom: 65px
  }
  .section-item.--app:after {
    background-size: cover;
    height: 400px
  }
  .section-item.--app:before {
    margin-left: -65px;
    bottom: 120px
  }
  .section-item.--about {
    margin-bottom: 100px
  }
  .section-item.--features {
    margin-bottom: 30px
  }
  .section-item.--download {
    padding-top: 100px;
    padding-bottom: 100px
  }
  .section-title {
    font-size: 48px;
    line-height: 58px
  }
  .section-description {
    font-size: 20px;
    line-height: 30px;
    max-width: 960px
  }
  .section-separate {
    line-height: 28px;
    font-size: 20px
  }
  .layout-common .header {
    margin-bottom: 60px
  }
  .footer {
    padding: 40px 20px
  }
  .footer__over {
    max-width: 1180px;
    margin: 0 auto
  }
  .footer__support {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .footer__support span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 0;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    max-width: 260px;
    text-align: right
  }
  .footer__support .support-item.--rta {
    width: 70px;
    height: 30px
  }
  .footer__support .support-item.--asacp {
    width: 110px;
    height: 24px
  }
  .footer__support .support-item.--iwf {
    width: 104px;
    height: 36px
  }
  .footer__support .support-item.--safelabeling {
    width: 129px;
    height: 40px
  }
  .footer__support .support-item.--miss {
    width: 146px;
    height: 40px
  }
  .coo-app:before {
    margin-left: 200px;
    bottom: 30px;
    margin-bottom: -25px
  }
  .coo-app {
    max-width: 1180px;
    min-height: 85vh
  }
  .coo-app__title {
    font-size: 56px;
    line-height: 74px
  }
  .coo-app__text {
    margin: 65px 0 0 30px
  }
  .coo-app__description {
    line-height: 30px;
    max-width: 480px;
    margin: 0 0 40px;
    font-size: 20px
  }
  .phone-img {
    max-width: 670px
  }
  .mini-logo {
    width: 100px;
    height: 100px
  }
  .section-item.--description {
    max-width: 1100px;
    margin: 45px auto 100px
  }
  .section-title {
    max-width: 960px
  }
  .how-download {
    max-width: 1000px
  }
  .content-part .title-body {
    font-size: 20px;
    line-height: 24px
  }
  .section-item.--reviews {
    padding-top: 100px;
    padding-bottom: 100px
  }
  .reviews {
    max-width: 1200px;
    margin: 40px auto 60px
  }
  .section-item.--app.--download-app:before {
    margin-left: 130px;
    bottom: 85px
  }
  .common-title {
    margin-bottom: 60px
  }
  .section-back {
    max-width: 960px;
    margin-bottom: 60px
  }
  .technical-over {
    max-width: 960px
  }
  .technical-over p, .technical-over ul li {
    font-size: 18px;
    line-height: 28px
  }
  .no-found__description {
    font-size: 20px;
    line-height: 30px
  }
  .sitemap__title {
    font-size: 24px;
    line-height: 32px
  }
  .sitemap__item a {
    font-size: 18px
  }
  .mail-successfully {
    min-height: 660px
  }
  .layout-redirect__description, .mail-successfully__description {
    font-size: 20px;
    line-height: 30px
  }
  .--technical .common-title {
    max-width: 960px
  }
  .legal__title {
    font-size: 20px
  }
  .region .language-dropdown__title {
    font-size: 24px
  }
  .introduction {
    min-height: 750px
  }
  .introduction__over {
    min-width: 1180px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .introduction__over.--jasmin {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .introduction__text {
    max-width: 470px
  }
  .--camchat .introduction__text, .--omegle .introduction__text {
    max-width: 530px;
    margin-right: 0
  }
  .introduction__img {
    max-width: 540px
  }
  .introduction__img.--jasmin {
    max-width: 560px
  }
  .--roulette .introduction__title {
    line-height: 80px
  }
  .--omegle .introduction__title, .introduction__title {
    font-size: 56px;
    line-height: 74px
  }
  .introduction__description {
    line-height: 30px;
    max-width: 420px;
    margin: 0 auto 40px;
    font-size: 20px
  }
  .introduction .app-links {
    margin-right: 106px;
    bottom: 100px
  }
  .title-bold.--attractive:after {
    top: -38px
  }
  .title-bold.--girls:after {
    top: -26px
  }
  .title-bold.--cam:after {
    top: -36px;
    left: -54%
  }
  .title-bold.--omegle:after {
    top: -28px;
    left: -47%
  }
  .title-bold.--bazoo:after {
    top: -9px
  }
  .title-bold.--rand:after {
    left: -5%;
    top: 0;
    width: 110%;
    height: 110%
  }
  .title-bold:after {
    left: -16px;
    top: -5px;
    width: 96px;
    height: 104px
  }
  .online-counter {
    max-width: 550px
  }
  .online-counter__item {
    font-size: 16px
  }
  .online-counter__title {
    font-size: 24px;
    margin-bottom: 8px
  }
  .trust-score {
    max-width: 455px;
    padding: 0 30px;
    margin-right: 50px
  }
  .trust-score__stars {
    min-width: 192px
  }
  .about-info {
    margin-bottom: 75px
  }
  .about-info__title {
    font-size: 24px;
    line-height: 32px;
    max-width: 230px
  }
  .about-info__content {
    max-width: 380px
  }
  .about-info__content.--img {
    margin: 0 20px
  }
  .about-info__content.--img img {
    max-width: 280px
  }
  .about-info__item.--fill {
    padding: 35px 35px 35px 30px;
    font-size: 20px
  }
  .about-info__item.--fill svg {
    margin-right: 20px
  }
  .ready-to__ico {
    font-size: 24px;
    line-height: 32px
  }
  .features__content {
    max-width: 1180px;
    margin: 0 auto
  }
  .features__content:first-child .features__item {
    padding-right: 66px
  }
  .features__content:first-child .features__title {
    max-width: 100%
  }
  .features__content:last-child .features__item {
    padding-left: 66px
  }
  .features__content:last-child .--img {
    padding-left: 0
  }
  .features__title {
    font-size: 32px;
    line-height: 40px
  }
  .features__item.--img {
    max-width: 560px
  }
  .features__item p, .features__list p {
    font-size: 18px;
    line-height: 28px
  }
  .benefits {
    max-width: 1180px;
    margin: 60px auto 100px
  }
  .benefits__over {
    max-width: 100%
  }
  .benefits__over:first-child {
    margin-right: 20px
  }
  .benefits__over:last-child {
    margin-left: 20px
  }
  .benefits__item {
    padding: 30px;
    min-height: 330px
  }
  .benefits__item p {
    font-size: 18px;
    line-height: 28px
  }
  .benefits__title {
    padding-right: 25px
  }
  .benefits__title .--icon {
    min-width: 100px;
    height: 94px
  }
  .benefits__title h4, .benefits__title h4 a {
    font-size: 24px;
    line-height: 32px
  }
  .map {
    max-width: 1080px;
    margin: 0 auto 60px
  }
  .join {
    max-width: 1180px;
    margin: 0 auto 100px
  }
  .join__item:nth-child(2) {
    margin: 0 40px
  }
  .join__title {
    font-size: 28px;
    line-height: 34px
  }
  .join__txt p {
    font-size: 18px;
    line-height: 28px
  }
  .join .--icon {
    margin-right: 20px
  }
  .faq__answer {
    font-size: 18px;
    line-height: 28px
  }
  .download {
    max-width: 1180px;
    margin: 0 auto
  }
  .download__item:first-child {
    padding-right: 50px
  }
  .download__item {
    max-width: 560px
  }
  .girl-swap {
    max-width: 530px;
    margin: 0 auto 40px
  }
  .girl-swap__arrow, .girl-swap__arrow:hover {
    width: 95px;
    height: 95px
  }
  .alternative {
    margin-bottom: 100px
  }
  .alternative__description {
    margin-top: 40px;
    font-size: 24px;
    line-height: 30px
  }
  .alternative__list {
    max-width: 1180px;
    margin: 0 auto
  }
  .alternative__item {
    padding: 0 16px
  }
  .alternative__txt {
    font-size: 18px
  }
  .world {
    margin: -100px -60px 0
  }
  .world img {
    max-width: 720px
  }
  .--random .world img {
    max-width: 550px
  }
  [lang=tr] .introduction__title {
    max-width: 492px
  }
  [lang=de] .benefits__item, [lang=fr] .benefits__item, [lang=it] .benefits__item, [lang=pl] .benefits__item, [lang=pt] .benefits__item, [lang=ru] .benefits__item {
    min-height: 355px
  }
  [lang=es] .benefits__item {
    min-height: 358px
  }
}
@media screen and (max-width:1220px) {
  .app-preloader
  .--app-show .theme-switcher {
    display: none;
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
    margin-bottom: 65px;
    padding: 20px 15px
  }
  .--app-show .theme-switcher .theme-switcher__buttons {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 28px
  }
  .--app-show .theme-switcher .theme-switcher__item.--type-gray {
    background: #3f6669
  }
  .--app-show .theme-switcher .theme-switcher__item.--type-light {
    background: #2c3037
  }
  .--app-show .theme-switcher .theme-switcher__item.--type-blue {
    background: #205f88
  }
  .--app-show .theme-switcher .theme-switcher__item.--type-pink {
    background: #541c69
  }
  .--app-show .theme-switcher .theme-switcher__item.--type-wave {
    background-image: url(../img/svg/wave-m.svg);
    background-repeat: no-repeat;
    background-size: cover
  }
  .--app-show .theme-switcher:after {
    position: absolute;
    content: "▲";
    display: inline-block;
    width: 164px;
    bottom: -24px;
    left: 33px;
    padding: 20px 12px;
    font-size: 12px;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .2), 0 -1px 1px rgba(0, 0, 0, .1);
    -webkit-transform: scaleX(1.5) rotate(180deg);
    -ms-transform: scaleX(1.5) rotate(180deg);
    transform: scaleX(1.5) rotate(180deg)
  }
  .--app-show .theme-picker, .--app-show .theme-switcher.--show {
    display: block
  }
}
@media screen and (max-width:1220px) and (max-width:768px) {
  .--app-show .theme-switcher.--show {
    display: none
  }
}
@media screen and (max-width:768px) {
  .app-preloader
  .--app-show .theme-picker {
    display: none
  }
}
@media (min-width:300px) and (max-width:360px) {
  .button.--general {
    font-size: 16px
  }
}