@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap);

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a {
    text-decoration: none;
    cursor: pointer !important
}

ul li {
    list-style: none
}

html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%
}

img {
    border: none;
    vertical-align: middle;
    width: 100%
}

body {
    background: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
    color: #fff;
    min-width: 320px
}

html,
body {
    height: 100%
}

ol,
ul {
    list-style: none
}

a {
    color: #fff;
    text-decoration: none
}

.wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 100%;
    overflow: hidden
}

.header-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    background-color: #1e1e1e;
    padding: 2rem;
    flex-shrink: 0
}

.header-section.is-closed {
    display: none
}

.header-navigation {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center
}

.logo {
    max-height: 4rem;
    cursor: pointer;
    width: 100%;
    display: block
}

.premium-btn {
    margin: auto 1rem;
    padding: 1.4rem 20px;
    background-color: #fbf300;
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    border-radius: 4px;
    cursor: pointer
}

.header-menu-block {
    margin: auto
}

.header-menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5)
}

.header-navigation.menu-show .header-menu-overlay {
    display: block
}

.header-menu-nav-btn {
    position: relative;
    height: 30px;
    width: 34px;
    border-radius: 2px;
    cursor: pointer;
    z-index: 10
}

.header-menu-nav-btn:hover span {
    background-color: rgba(255, 255, 255, .6)
}

.header-menu-nav-btn span {
    display: block;
    position: absolute;
    height: 5px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 2px;
    opacity: 1;
    transition: all .3s linear
}

.header-menu-nav-btn span:nth-child(1) {
    transform: translateY(-12px)
}

.header-menu-nav-btn span:nth-child(3) {
    transform: translateY(12px)
}

.header-navigation.menu-show .header-menu-nav-btn span:nth-child(1) {
    transform: translateY(0) rotate(45deg)
}

.header-navigation.menu-show .header-menu-nav-btn span:nth-child(2) {
    opacity: 0
}

.header-navigation.menu-show .header-menu-nav-btn span:nth-child(3) {
    transform: translateY(0) rotate(-45deg)
}

.header-menu-list {
    position: fixed;
    top: 0;
    bottom: 0;
    left: calc(-100% - 64px);
    width: calc(100% - 64px);
    background-color: #404040;
    transition: all .3s linear;
    z-index: 10
}

.header-navigation.menu-show .header-menu-list {
    left: 0
}

.header-menu-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #3a3939;
    transition: all .3s linear
}

.header-menu-item:nth-child(n+2):nth-child(-n+7) {
    cursor: pointer
}

.header-menu-item:nth-child(n+2):nth-child(-n+7):hover {
    background-color: #302f2f
}

.header-menu-item:nth-last-child(-n+2) {
    border-bottom: none
}

.header-menu-item.premium-item {
    padding: 20px 10px
}

.header-menu-item.premium-item .premium-btn {
    display: inline-block;
    margin: 0
}

.header-menu-item.pwa-item {
    justify-content: center;
    padding-top: 90px
}

.header-menu-icon {
    height: 25px;
    width: 25px;
    margin-right: 16px;
    background: no-repeat center center;
    background-size: cover
}

.header-menu-icon.icon-browse {
    background-image: url(../img/3e18655170b63127ea25c8966e9e4b62.png)
}

.header-menu-icon.icon-chat {
    background-image: url(../img/e2011e110a58ad70ddac9a1e35fe6acc.png)
}

.header-menu-icon.icon-new-user {
    background-image: url(../img/fed31bbc95e0f87472e1b4737b80d6aa.png)
}

.header-menu-icon.icon-local-singles {
    background-image: url(../img/34231b63bafeb7d1fdf97a49360ffa9e.png)
}

.header-menu-icon.icon-webcams {
    background-image: url(../img/e990f92c744d26dfbaf437479f3f0ce6.png)
}

.header-menu-icon.icon-premium {
    background-image: url(../img/2d1ce30c735a5d83b1e607581104d6b7.png)
}

.header-menu-text {
    font-size: 16px;
    font-weight: 400
}

.header-menu-notiff {
    height: 18px;
    width: 18px;
    margin-left: auto;
    background-color: #E34514;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    border-radius: 50%
}

.pwa-banner {
    width: 170px;
    cursor: pointer;
    visibility: hidden
}

.pwa-banner img {
    display: block;
    width: 100%
}

.menu-block {
    display: flex;
    justify-content: center;
    padding: 1.3rem 0;
    background-color: #000;
    text-align: center
}

.menu-item {
    cursor: pointer;
    padding: 0 1.5rem;
    font-size: 1.6rem
}

.menu-item+.menu-item {
    border-left: 1px solid #fff
}

.step-block {
    display: none;
    flex: 1
}

.wrapper[data-state="profile"] .step-block,
.wrapper[data-state="chat"] .step-block {
    display: flex
}

.step-block[data-current-step="1"] [data-step="1"] {
    display: flex
}

.step-block[data-current-step="2"] [data-step="2"] {
    display: flex
}

.step-block[data-current-step="3"] [data-step="3"] {
    display: flex
}

.step-block[data-current-step="4"] [data-step="4"] {
    display: flex
}

.step-block[data-current-step="5"] [data-step="5"] {
    display: flex
}

.step-block[data-current-step="6"] [data-step="6"] {
    display: flex
}

.step-block[data-current-step="7"] [data-step="7"] {
    display: flex
}

.step-block[data-current-step="8"] [data-step="8"] {
    display: flex
}

.step-block[data-current-step="8"] [data-step="8"] {
    display: flex
}

.step-block[data-current-step="9"] [data-step="9"] {
    display: flex
}

.step-block[data-current-step="10"] [data-step="10"] {
    display: flex
}

.step-block[data-current-step="11"] [data-step="11"] {
    display: flex
}

.step-block[data-current-step="12"] [data-step="12"] {
    display: flex
}

.step-block[data-current-step="13"] [data-step="13"] {
    display: flex
}

.step-block[data-current-step="14"] [data-step="14"] {
    display: flex
}

.step-block[data-current-step="15"] [data-step="15"] {
    display: flex
}

.step-block[data-current-step="16"] [data-step="16"] {
    display: flex
}

.step-block[data-current-step="17"] [data-step="17"] {
    display: flex
}

.step-block[data-current-step="18"] [data-step="18"] {
    display: flex
}

.step-block[data-current-step="19"] [data-step="19"] {
    display: flex
}

.step-block[data-current-step="20"] [data-step="20"] {
    display: flex
}

.step-block[data-current-step="21"] [data-step="21"] {
    display: flex
}

.step-block[data-current-step="22"] [data-step="22"] {
    display: flex
}

.step-block[data-current-step="23"] [data-step="23"] {
    display: flex
}

.step-block[data-current-step="24"] [data-step="24"] {
    display: flex
}

.step-block[data-current-step="25"] [data-step="25"] {
    display: flex
}

.step-block[data-current-step="26"] [data-step="26"] {
    display: flex
}

.step-block[data-current-step="27"] [data-step="27"] {
    display: flex
}

.step-block[data-current-step="28"] [data-step="28"] {
    display: flex
}

.step-block[data-current-step="29"] [data-step="29"] {
    display: flex
}

.step-block[data-current-step="30"] [data-step="30"] {
    display: flex
}

.step-block[data-current-step="31"] [data-step="31"] {
    display: flex
}

.step-block[data-current-step="32"] [data-step="32"] {
    display: flex
}

.step-item {
    display: none;
    flex: 1
}

.member-block {
    display: none;
    width: 100%;
    padding: 1rem
}

.member-block.is-active {
    display: block;
    max-width: 756px;
    margin: 0 auto
}

.user-block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center
}

.user-photo {
    position: relative;
    height: 40vw;
    width: 40vw;
    max-height: 14rem;
    max-width: 14rem;
    margin-right: 1.6rem;
    background: no-repeat center top;
    background-size: cover
}

[data-step="1"] .user-photo,
[data-step="1"] .user-photo .photo-main {
    background-image: url(../img/2b9ba1752f3dcc4a6e8d4782a62ac5f4.jpg)
}

[data-step="2"] .user-photo,
[data-step="2"] .user-photo .photo-main {
    background-image: url(../img/0692930001d2b357095d6b72e8b10e94.jpg)
}

[data-step="3"] .user-photo,
[data-step="3"] .user-photo .photo-main {
    background-image: url(../img/c7591234ad703cb5d90f686abe3d524c.jpg)
}

[data-step="4"] .user-photo,
[data-step="4"] .user-photo .photo-main {
    background-image: url(../img/9da2b7f69d119c3043a990e69b2c6926.jpg)
}

[data-step="5"] .user-photo,
[data-step="5"] .user-photo .photo-main {
    background-image: url(../img/2b3bc02220a93ae22154bc3c492b98d8.jpg)
}

[data-step="6"] .user-photo,
[data-step="6"] .user-photo .photo-main {
    background-image: url(../img/d20ff8e17caa67d4979a09ba69827dbb.jpg)
}

[data-step="7"] .user-photo,
[data-step="7"] .user-photo .photo-main {
    background-image: url(../img/946959cb3c1752437a5369a9ac111cd2.jpg)
}

[data-step="8"] .user-photo,
[data-step="8"] .user-photo .photo-main {
    background-image: url(../img/73470b77b0d532b327826b39b17d6b20.jpg)
}

[data-step="9"] .user-photo,
[data-step="9"] .user-photo .photo-main {
    background-image: url(../img/de5119f08173b96fa2f4e91b10e27db5.jpg)
}

[data-step="10"] .user-photo,
[data-step="10"] .user-photo .photo-main {
    background-image: url(../img/7fd0bf1ddc040866ca1f1affe3904b3c.jpg)
}

[data-step="11"] .user-photo,
[data-step="11"] .user-photo .photo-main {
    background-image: url(../img/9365dcc51982605d2572f715b76e6e95.jpg)
}

[data-step="12"] .user-photo,
[data-step="12"] .user-photo .photo-main {
    background-image: url(../img/79ac73a1b3e5f9466d49fff568f37577.jpg)
}

[data-step="13"] .user-photo,
[data-step="13"] .user-photo .photo-main {
    background-image: url(../img/8ee1b82af67506243586a24471fc7f58.jpg)
}

[data-step="14"] .user-photo,
[data-step="14"] .user-photo .photo-main {
    background-image: url(../img/c87d136261103f2e3ed09abe3b6de540.jpg)
}

[data-step="15"] .user-photo,
[data-step="15"] .user-photo .photo-main {
    background-image: url(../img/1bcd9a62f22ac9eb30c4b3f7118ed286.jpg)
}

[data-step="16"] .user-photo,
[data-step="16"] .user-photo .photo-main {
    background-image: url(../img/a9e0de3a93813502e333c36dbfb878d0.jpg)
}

[data-step="17"] .user-photo,
[data-step="17"] .user-photo .photo-main {
    background-image: url(../img/e2163508569eba2b6f77604fef01ae3d.jpg)
}

[data-step="18"] .user-photo,
[data-step="18"] .user-photo .photo-main {
    background-image: url(../img/bb3ad63f980aee329a04927036b88c37.jpg)
}

[data-step="19"] .user-photo,
[data-step="19"] .user-photo .photo-main {
    background-image: url(../img/66f2f5e5be8fbf68c9fa24d216400ce7.jpg)
}

[data-step="20"] .user-photo,
[data-step="20"] .user-photo .photo-main {
    background-image: url(../img/5410d1ea22b963bbfd407a7b8e656a80.jpg)
}

[data-step="21"] .user-photo,
[data-step="21"] .user-photo .photo-main {
    background-image: url(../img/8401eda4a44449042674ca9f50cd17ea.jpg)
}

[data-step="22"] .user-photo,
[data-step="22"] .user-photo .photo-main {
    background-image: url(../img/fed2d0e16731b3d318eac049c9baa123.jpg)
}

[data-step="23"] .user-photo,
[data-step="23"] .user-photo .photo-main {
    background-image: url(../img/55623b1947844f512b434227a757b251.jpg)
}

[data-step="24"] .user-photo,
[data-step="24"] .user-photo .photo-main {
    background-image: url(../img/637fa9c0d897af1d3943333f180c6ff7.jpg)
}

[data-step="25"] .user-photo,
[data-step="25"] .user-photo .photo-main {
    background-image: url(../img/e60f13827f960f76ab56034e50e2a1c9.jpg)
}

[data-step="26"] .user-photo,
[data-step="26"] .user-photo .photo-main {
    background-image: url(../img/c03d30ca0753266e98b9ece43fbe3ff0.jpg)
}

[data-step="27"] .user-photo,
[data-step="27"] .user-photo .photo-main {
    background-image: url(../img/c7f20a9804642281eb58c8cdf6bfb5b2.jpg)
}

[data-step="28"] .user-photo,
[data-step="28"] .user-photo .photo-main {
    background-image: url(../img/e4d6fad6455d5a7de0ae28ea2f54f020.jpg)
}

[data-step="29"] .user-photo,
[data-step="29"] .user-photo .photo-main {
    background-image: url(../img/779027c5a67d3b53fb83b504f8d4a3ae.jpg)
}

[data-step="30"] .user-photo,
[data-step="30"] .user-photo .photo-main {
    background-image: url(../img/37f400ffb10cc680a9290446f9380bba.jpg)
}

[data-step="31"] .user-photo,
[data-step="31"] .user-photo .photo-main {
    background-image: url(../img/44b87d5f4e5635534f3264b201587ff0.jpg)
}

[data-step="32"] .user-photo,
[data-step="32"] .user-photo .photo-main {
    background-image: url(../img/0210e0074abc7e26cad83efba3888638.jpg)
}

.user-content {
    padding: 1rem 1rem 1rem 0
}

.user-name {
    margin-bottom: .4rem;
    font-size: 1.8rem
}

.user-description {
    margin-bottom: .2rem;
    font-size: 1.4rem
}

.user-description span {
    font-weight: 700
}

.user-location {
    display: inline-block;
    position: relative;
    margin-left: .5rem;
    padding-left: 1.2rem;
    color: #fbf300;
    border-bottom: 1px dotted #fbf300;
    cursor: pointer
}

.user-location:before {
    content: "";
    display: block;
    position: absolute;
    height: .2rem;
    width: .2rem;
    top: .3rem;
    left: 0;
    border: .3rem solid #fbf300;
    border-radius: 50%
}

.user-location:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    top: .8rem;
    left: 0;
    border: .4rem solid transparent;
    border-top-color: #fbf300;
    border-top-width: .6rem
}

.description-block {
    margin-top: 1rem
}

.description-title {
    font-size: 1.8rem
}

.description-content {
    padding: 0 .5rem;
    font-size: 1.4rem
}

.photo-block {
    margin-top: 1rem
}

.photo-title {
    font-size: 1.8rem
}

.photo-items {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    margin-top: 1rem;
    cursor: pointer
}

.photo-item {
    position: relative;
    width: 30%;
    border: 2px solid #1e1e1e;
    border-radius: 3px
}

.photo-item:before {
    content: "";
    display: block;
    padding-top: 100%
}

.photo-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: no-repeat center top;
    background-size: cover
}

.photo-item.photo-blured:after {
    filter: blur(4px);
    -webkit-filter: blur(4px)
}

[data-step="1"] .photo-item.item-1:after,
[data-step="1"] .photo-item.item-1 .photo-main {
    background-image: url(../img/e04c274c5de5560f820bfa2201acaa01.jpg)
}

[data-step="1"] .photo-item.item-2:after,
[data-step="1"] .photo-item.item-2 .photo-main {
    background-image: url(../img/51977127b9f21b757a48b6892a207d1b.jpg)
}

[data-step="1"] .photo-item.item-3:after {
    background-image: url(../img/1dae5befc06f400c9d2db89bbe1acafc.jpg)
}

[data-step="2"] .photo-item.item-1:after,
[data-step="2"] .photo-item.item-1 .photo-main {
    background-image: url(../img/465e5b90e47b031eaaf49d5e22e1d9ce.jpg)
}

[data-step="2"] .photo-item.item-2:after,
[data-step="2"] .photo-item.item-2 .photo-main {
    background-image: url(../img/780dc0f18dd400f7148651e88246ed9f.jpg)
}

[data-step="2"] .photo-item.item-3:after {
    background-image: url(../img/edb090074438ac13a5826b5270e67bc8.jpg)
}

[data-step="3"] .photo-item.item-1:after,
[data-step="3"] .photo-item.item-1 .photo-main {
    background-image: url(../img/7134976bbe61ee3fa7a0deb330b60c98.jpg)
}

[data-step="3"] .photo-item.item-2:after,
[data-step="3"] .photo-item.item-2 .photo-main {
    background-image: url(../img/959f02c052d1fdcc3ec7569d7be70674.jpg)
}

[data-step="3"] .photo-item.item-3:after {
    background-image: url(../img/5a88c7add5a6220305b5497d12c86c61.jpg)
}

[data-step="4"] .photo-item.item-1:after,
[data-step="4"] .photo-item.item-1 .photo-main {
    background-image: url(../img/ea64739718245f4b2bb5efc8fa55ee7a.jpg)
}

[data-step="4"] .photo-item.item-2:after,
[data-step="4"] .photo-item.item-2 .photo-main {
    background-image: url(../img/caa280a0095882cbbdc03d2572dda480.jpg)
}

[data-step="4"] .photo-item.item-3:after {
    background-image: url(../img/9e4c8564ee20c6095dfc1b150a9e2bc2.jpg)
}

[data-step="5"] .photo-item.item-1:after,
[data-step="5"] .photo-item.item-1 .photo-main {
    background-image: url(../img/55f2b6cad4eb2b0ad2833678ca8e7e55.jpg)
}

[data-step="5"] .photo-item.item-2:after,
[data-step="5"] .photo-item.item-2 .photo-main {
    background-image: url(../img/c319742d08679fe2d67b1f3d3cfef36c.jpg)
}

[data-step="5"] .photo-item.item-3:after {
    background-image: url(../img/c9c2de51a9b4f73d883e448e88260180.jpg)
}

[data-step="6"] .photo-item.item-1:after,
[data-step="6"] .photo-item.item-1 .photo-main {
    background-image: url(../img/8068a33bd5c28abaac9181c45cf8a12a.jpg)
}

[data-step="6"] .photo-item.item-2:after,
[data-step="6"] .photo-item.item-2 .photo-main {
    background-image: url(../img/17a5e061a9d750e36970f2b190841e18.jpg)
}

[data-step="6"] .photo-item.item-3:after {
    background-image: url(../img/468e0e9583587d230bf02c4688c2bd30.jpg)
}

[data-step="7"] .photo-item.item-1:after,
[data-step="7"] .photo-item.item-1 .photo-main {
    background-image: url(../img/763eb327c2c6e058e93d31a99de90f8d.jpg)
}

[data-step="7"] .photo-item.item-2:after,
[data-step="7"] .photo-item.item-2 .photo-main {
    background-image: url(../img/cc76a86a07d104b027cebd99552e322a.jpg)
}

[data-step="7"] .photo-item.item-3:after {
    background-image: url(../img/e461e5e8959c8fffed1ab9271f369ad6.jpg)
}

[data-step="8"] .photo-item.item-1:after,
[data-step="8"] .photo-item.item-1 .photo-main {
    background-image: url(../img/fd0e5c19a1242217b31e72d713fc140f.jpg)
}

[data-step="8"] .photo-item.item-2:after,
[data-step="8"] .photo-item.item-2 .photo-main {
    background-image: url(../img/349ff09c1a8060fb75e77018206b0132.jpg)
}

[data-step="8"] .photo-item.item-3:after {
    background-image: url(../img/3e3fd5c1b13b82b06066fc794b1df2f2.jpg)
}

[data-step="9"] .photo-item.item-1:after,
[data-step="9"] .photo-item.item-1 .photo-main {
    background-image: url(../img/065e426e9dafe3eb43294e6e839eb00e.jpg)
}

[data-step="9"] .photo-item.item-2:after,
[data-step="9"] .photo-item.item-2 .photo-main {
    background-image: url(../img/b9e99652a49cb8968f4ea638f0e29ed0.jpg)
}

[data-step="9"] .photo-item.item-3:after {
    background-image: url(../img/5b5e3c0103e740f68cea7c2d169096da.jpg)
}

[data-step="10"] .photo-item.item-1:after,
[data-step="10"] .photo-item.item-1 .photo-main {
    background-image: url(../img/5bb7b1e39a9009de2fc1b0b2b6eb0ad7.jpg)
}

[data-step="10"] .photo-item.item-2:after,
[data-step="10"] .photo-item.item-2 .photo-main {
    background-image: url(../img/1dcc0c06fdbd2cd11f9fe96175cfa132.jpg)
}

[data-step="10"] .photo-item.item-3:after {
    background-image: url(../img/d4d796edc4ea7ceb6718912d978f249b.jpg)
}

[data-step="11"] .photo-item.item-1:after,
[data-step="11"] .photo-item.item-1 .photo-main {
    background-image: url(../img/af14d550773d74672d875a338166efb6.jpg)
}

[data-step="11"] .photo-item.item-2:after,
[data-step="11"] .photo-item.item-2 .photo-main {
    background-image: url(../img/f9d585ebcceed1d698b745ded83587b8.jpg)
}

[data-step="11"] .photo-item.item-3:after {
    background-image: url(../img/b45427d2f25ab48d6fce7662433f3b75.jpg)
}

[data-step="12"] .photo-item.item-1:after,
[data-step="12"] .photo-item.item-1 .photo-main {
    background-image: url(../img/8588519b476695987ea617459f5a2e79.jpg)
}

[data-step="12"] .photo-item.item-2:after,
[data-step="12"] .photo-item.item-2 .photo-main {
    background-image: url(../img/472f85ea553b758f36c47a38a3e53e5b.jpg)
}

[data-step="12"] .photo-item.item-3:after {
    background-image: url(../img/78d0dd609072a45fe66bf5f8ba55fa9f.jpg)
}

[data-step="13"] .photo-item.item-1:after,
[data-step="13"] .photo-item.item-1 .photo-main {
    background-image: url(../img/b36ddf1aa76124888deba270274147de.jpg)
}

[data-step="13"] .photo-item.item-2:after,
[data-step="13"] .photo-item.item-2 .photo-main {
    background-image: url(../img/95328fee73fda40b73e1f1aad986837e.jpg)
}

[data-step="13"] .photo-item.item-3:after {
    background-image: url(../img/8e18d6a9f6f5ca2cc871e0062f451233.jpg)
}

[data-step="14"] .photo-item.item-1:after,
[data-step="14"] .photo-item.item-1 .photo-main {
    background-image: url(../img/79ae38a479ddc0784902a19c411b90de.jpg)
}

[data-step="14"] .photo-item.item-2:after,
[data-step="14"] .photo-item.item-2 .photo-main {
    background-image: url(../img/e541ff84c0e486987a97eefbd4d43b49.jpg)
}

[data-step="14"] .photo-item.item-3:after {
    background-image: url(../img/f0c99a517bbf4ee2dd921f5fcc4e2746.jpg)
}

[data-step="15"] .photo-item.item-1:after,
[data-step="15"] .photo-item.item-1 .photo-main {
    background-image: url(../img/4e49202f8e7df0a2f6fd1fb16dad5747.jpg)
}

[data-step="15"] .photo-item.item-2:after,
[data-step="15"] .photo-item.item-2 .photo-main {
    background-image: url(../img/736feb8972d351fb5dc3500c3889d50d.jpg)
}

[data-step="15"] .photo-item.item-3:after {
    background-image: url(../img/4ff4e8882decf87828e82b9ca7a6cb9d.jpg)
}

[data-step="16"] .photo-item.item-1:after,
[data-step="16"] .photo-item.item-1 .photo-main {
    background-image: url(../img/7341fa5243fa2186d6edb9a28a8209a7.jpg)
}

[data-step="16"] .photo-item.item-2:after,
[data-step="16"] .photo-item.item-2 .photo-main {
    background-image: url(../img/6372610c3b4b2c007898fb6630425d1a.jpg)
}

[data-step="16"] .photo-item.item-3:after {
    background-image: url(../img/fe5f4dbc6d2b117765a92b87041faada.jpg)
}

[data-step="17"] .photo-item.item-1:after,
[data-step="17"] .photo-item.item-1 .photo-main {
    background-image: url(../img/4cd9c161d0762cb765e612de8fe2d843.jpg)
}

[data-step="17"] .photo-item.item-2:after,
[data-step="17"] .photo-item.item-2 .photo-main {
    background-image: url(../img/15c9d521e33a9b02f3f50ccba45df55f.jpg)
}

[data-step="17"] .photo-item.item-3:after {
    background-image: url(../img/d91299375d7c36657e039c43f2b79a37.jpg)
}

[data-step="18"] .photo-item.item-1:after,
[data-step="18"] .photo-item.item-1 .photo-main {
    background-image: url(../img/993635b6ab44a3740b8a8041fd57a1bb.jpg)
}

[data-step="18"] .photo-item.item-2:after,
[data-step="18"] .photo-item.item-2 .photo-main {
    background-image: url(../img/57fd56d92691aee72343f8beed8ee95d.jpg)
}

[data-step="18"] .photo-item.item-3:after {
    background-image: url(../img/170f0579065de4b1b941bdb468b0e67a.jpg)
}

[data-step="19"] .photo-item.item-1:after,
[data-step="19"] .photo-item.item-1 .photo-main {
    background-image: url(../img/d3ff3daec6a88675c6201b918c08e286.jpg)
}

[data-step="19"] .photo-item.item-2:after,
[data-step="19"] .photo-item.item-2 .photo-main {
    background-image: url(../img/37c7133f095c18ff023cfea304ddb719.jpg)
}

[data-step="19"] .photo-item.item-3:after {
    background-image: url(../img/5358904887c1edb3495435a589f99976.jpg)
}

[data-step="20"] .photo-item.item-1:after,
[data-step="20"] .photo-item.item-1 .photo-main {
    background-image: url(../img/19e2d3c141fbd1dabf25d453e57854cb.jpg)
}

[data-step="20"] .photo-item.item-2:after,
[data-step="20"] .photo-item.item-2 .photo-main {
    background-image: url(../img/a61ee3cfa3f2f995d26540ce2fe5b801.jpg)
}

[data-step="20"] .photo-item.item-3:after {
    background-image: url(../img/8aedec974b1cb9fe63977deb3c565df0.jpg)
}

[data-step="21"] .photo-item.item-1:after,
[data-step="21"] .photo-item.item-1 .photo-main {
    background-image: url(../img/6a835b3a3de1fadb519f20896bd8d2bb.jpg)
}

[data-step="21"] .photo-item.item-2:after,
[data-step="21"] .photo-item.item-2 .photo-main {
    background-image: url(../img/46b24a3533cc6e22171700c1e9ca3413.jpg)
}

[data-step="21"] .photo-item.item-3:after {
    background-image: url(../img/53af32cf9a736e81875d81e240cce5ed.jpg)
}

[data-step="22"] .photo-item.item-1:after,
[data-step="22"] .photo-item.item-1 .photo-main {
    background-image: url(../img/5edd7fc62ce2fffd3985154afd99e6b0.jpg)
}

[data-step="22"] .photo-item.item-2:after,
[data-step="22"] .photo-item.item-2 .photo-main {
    background-image: url(../img/f831f9b66ad5a4782eb7162e8eec974c.jpg)
}

[data-step="22"] .photo-item.item-3:after {
    background-image: url(../img/d333a5c2ffe95b32191158561f613950.jpg)
}

[data-step="23"] .photo-item.item-1:after,
[data-step="23"] .photo-item.item-1 .photo-main {
    background-image: url(../img/69394ed799ded8536c1d03273e12fe04.jpg)
}

[data-step="23"] .photo-item.item-2:after,
[data-step="23"] .photo-item.item-2 .photo-main {
    background-image: url(../img/95c9f5afcb3547361f0d8dd39c9d2c01.jpg)
}

[data-step="23"] .photo-item.item-3:after {
    background-image: url(../img/fd838da7c560ce80b3937dd2e4605459.jpg)
}

[data-step="24"] .photo-item.item-1:after,
[data-step="24"] .photo-item.item-1 .photo-main {
    background-image: url(../img/740437293878155fae2ab863ad2a6297.jpg)
}

[data-step="24"] .photo-item.item-2:after,
[data-step="24"] .photo-item.item-2 .photo-main {
    background-image: url(../img/91c178d46d1166228765d214dd93cbf7.jpg)
}

[data-step="24"] .photo-item.item-3:after {
    background-image: url(../img/2f49e50535b779aa60a742100e5aa5c9.jpg)
}

[data-step="25"] .photo-item.item-1:after,
[data-step="25"] .photo-item.item-1 .photo-main {
    background-image: url(../img/561e5badbdc439ee9d3549524a2b615a.jpg)
}

[data-step="25"] .photo-item.item-2:after,
[data-step="25"] .photo-item.item-2 .photo-main {
    background-image: url(../img/dea7e2e178ddb0d7d2c6c4c292983b07.jpg)
}

[data-step="25"] .photo-item.item-3:after {
    background-image: url(../img/8d7c55e59bb2787ed481074ff9d3d248.jpg)
}

[data-step="26"] .photo-item.item-1:after,
[data-step="26"] .photo-item.item-1 .photo-main {
    background-image: url(../img/dbf8282dc86b7d63e90aa4693dfe8fad.jpg)
}

[data-step="26"] .photo-item.item-2:after,
[data-step="26"] .photo-item.item-2 .photo-main {
    background-image: url(../img/9763c56df9339eab244d3cac50698ede.jpg)
}

[data-step="26"] .photo-item.item-3:after {
    background-image: url(../img/9c85c85f6355105f7719776af452d7c7.jpg)
}

[data-step="27"] .photo-item.item-1:after,
[data-step="27"] .photo-item.item-1 .photo-main {
    background-image: url(../img/32ce66cbdcaeff45eaa1c5e908607157.jpg)
}

[data-step="27"] .photo-item.item-2:after,
[data-step="27"] .photo-item.item-2 .photo-main {
    background-image: url(../img/a77c91b9a3072c7ef1c5644dcbc1ff6f.jpg)
}

[data-step="27"] .photo-item.item-3:after {
    background-image: url(../img/b2f523ad59d774a9796a57ebea39839b.jpg)
}

[data-step="28"] .photo-item.item-1:after,
[data-step="28"] .photo-item.item-1 .photo-main {
    background-image: url(../img/4ea32dee8085ccb90412e3172655e2f7.jpg)
}

[data-step="28"] .photo-item.item-2:after,
[data-step="28"] .photo-item.item-2 .photo-main {
    background-image: url(../img/6dce4e9678f0f3b07578f33672c1799a.jpg)
}

[data-step="28"] .photo-item.item-3:after {
    background-image: url(../img/23c1f4ce094865a8553b4a314995ae9a.jpg)
}

[data-step="29"] .photo-item.item-1:after,
[data-step="29"] .photo-item.item-1 .photo-main {
    background-image: url(../img/a6782b4fe8ce713ee241877b700032fe.jpg)
}

[data-step="29"] .photo-item.item-2:after,
[data-step="29"] .photo-item.item-2 .photo-main {
    background-image: url(../img/9374d1ea9205d9440bd5881e98f429f2.jpg)
}

[data-step="29"] .photo-item.item-3:after {
    background-image: url(../img/5b4e04e76b57cab0ad155fdf67bcf6e9.jpg)
}

[data-step="30"] .photo-item.item-1:after,
[data-step="30"] .photo-item.item-1 .photo-main {
    background-image: url(../img/e13d5a64698a1e1fa338eefa315e43eb.jpg)
}

[data-step="30"] .photo-item.item-2:after,
[data-step="30"] .photo-item.item-2 .photo-main {
    background-image: url(../img/f1c17b67e4717f46f97f4e1a0cd7d35a.jpg)
}

[data-step="30"] .photo-item.item-3:after {
    background-image: url(../img/498135f6265b5868db323e5a85635a6f.jpg)
}

[data-step="31"] .photo-item.item-1:after,
[data-step="31"] .photo-item.item-1 .photo-main {
    background-image: url(../img/072e3eb4fd9d27a5b584e371bd17ab6a.jpg)
}

[data-step="31"] .photo-item.item-2:after,
[data-step="31"] .photo-item.item-2 .photo-main {
    background-image: url(../img/901fa6b20cc9b1f001cd7154941b7607.jpg)
}

[data-step="31"] .photo-item.item-3:after {
    background-image: url(../img/baca451d123be16537947b98c4c8b0d5.jpg)
}

[data-step="32"] .photo-item.item-1:after,
[data-step="32"] .photo-item.item-1 .photo-main {
    background-image: url(../img/52c30c420e6430c4872bdb55adfea042.jpg)
}

[data-step="32"] .photo-item.item-2:after,
[data-step="32"] .photo-item.item-2 .photo-main {
    background-image: url(../img/1085baaf682b4ed51db541a55de1bf8b.jpg)
}

[data-step="32"] .photo-item.item-3:after {
    background-image: url(../img/5f917b6dc717d4824eac59896655dfaf.jpg)
}

.photo-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 4rem;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    z-index: 5
}

.photo-wrapper iframe {
    display: none
}

.photo-wrapper.is-active {
    position: fixed;
    opacity: 1;
    z-index: 8
}

.photo-wrapper.is-active iframe {
    display: block
}

.user-photo .photo-wrapper {
    cursor: pointer
}

.photo-main {
    max-height: 600px;
    max-width: 600px;
    background: no-repeat center top;
    background-size: cover;
    margin-top: 2rem
}

.photo-text {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 1.4rem;
    text-align: center;
    background-color: rgba(236, 0, 140, .18);
    z-index: 1
}

.photo-text span {
    width: 100%;
    margin: auto;
    -ms-flex-item-align: center;
    text-align: center
}

.btns-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    margin-top: 2rem
}

.btn {
    display: flex;
    flex-direction: row;
    align-content: center;
    height: 4.2rem;
    width: 48%;
    font-size: 1.6rem;
    font-weight: 700;
    border-radius: 3px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .25);
    cursor: pointer
}

.btn.btn-no {
    background-color: #ec008c;
    color: #fff
}

.btn.btn-yes {
    background-color: #fff;
    color: #000
}

.btn span {
    margin: auto;
    -ms-flex-item-align: center;
    text-align: center
}

.chat-block {
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
    flex: 1
}

.chat-block.is-active {
    display: flex
}

.chat-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    height: 7.6rem;
    background-color: #1e1e1e;
    padding: 2rem
}

.chat-content {
    margin: auto;
    -ms-flex-item-align: center
}

.chat-close-btn {
    position: relative;
    height: 4rem;
    width: 4rem;
    cursor: pointer
}

.chat-close-btn:before {
    content: "";
    display: block;
    position: absolute;
    height: 1.4rem;
    width: 1.4rem;
    top: 0;
    right: 0;
    bottom: 0;
    left: .6rem;
    margin: auto;
    border: 0 solid #fff;
    border-bottom-width: .4rem;
    border-left-width: .4rem;
    transform: rotate(45deg)
}

.chat-name {
    font-size: 1.4rem;
    text-align: center;
    cursor: pointer
}

.chat-activity {
    font-size: 1.2rem;
    text-align: center;
    opacity: .5
}

.chat-activity.online {
    color: #14ea14
}

.chat-photo {
    height: 4rem;
    width: 4rem;
    background: no-repeat center top;
    background-size: cover;
    border-radius: 50%;
    cursor: pointer
}

[data-step="1"] .chat-photo {
    background-image: url(../img/2b9ba1752f3dcc4a6e8d4782a62ac5f4.jpg)
}

[data-step="2"] .chat-photo {
    background-image: url(../img/0692930001d2b357095d6b72e8b10e94.jpg)
}

[data-step="3"] .chat-photo {
    background-image: url(../img/c7591234ad703cb5d90f686abe3d524c.jpg)
}

[data-step="4"] .chat-photo {
    background-image: url(../img/9da2b7f69d119c3043a990e69b2c6926.jpg)
}

[data-step="5"] .chat-photo {
    background-image: url(../img/2b3bc02220a93ae22154bc3c492b98d8.jpg)
}

[data-step="6"] .chat-photo {
    background-image: url(../img/d20ff8e17caa67d4979a09ba69827dbb.jpg)
}

[data-step="7"] .chat-photo {
    background-image: url(../img/946959cb3c1752437a5369a9ac111cd2.jpg)
}

[data-step="8"] .chat-photo {
    background-image: url(../img/73470b77b0d532b327826b39b17d6b20.jpg)
}

[data-step="9"] .chat-photo {
    background-image: url(../img/de5119f08173b96fa2f4e91b10e27db5.jpg)
}

[data-step="10"] .chat-photo {
    background-image: url(../img/7fd0bf1ddc040866ca1f1affe3904b3c.jpg)
}

[data-step="11"] .chat-photo {
    background-image: url(../img/9365dcc51982605d2572f715b76e6e95.jpg)
}

[data-step="12"] .chat-photo {
    background-image: url(../img/79ac73a1b3e5f9466d49fff568f37577.jpg)
}

[data-step="13"] .chat-photo {
    background-image: url(../img/8ee1b82af67506243586a24471fc7f58.jpg)
}

[data-step="14"] .chat-photo {
    background-image: url(../img/c87d136261103f2e3ed09abe3b6de540.jpg)
}

[data-step="15"] .chat-photo {
    background-image: url(../img/1bcd9a62f22ac9eb30c4b3f7118ed286.jpg)
}

[data-step="16"] .chat-photo {
    background-image: url(../img/a9e0de3a93813502e333c36dbfb878d0.jpg)
}

[data-step="17"] .chat-photo {
    background-image: url(../img/e2163508569eba2b6f77604fef01ae3d.jpg)
}

[data-step="18"] .chat-photo {
    background-image: url(../img/bb3ad63f980aee329a04927036b88c37.jpg)
}

[data-step="19"] .chat-photo {
    background-image: url(../img/66f2f5e5be8fbf68c9fa24d216400ce7.jpg)
}

[data-step="20"] .chat-photo {
    background-image: url(../img/5410d1ea22b963bbfd407a7b8e656a80.jpg)
}

[data-step="21"] .chat-photo {
    background-image: url(../img/8401eda4a44449042674ca9f50cd17ea.jpg)
}

[data-step="22"] .chat-photo {
    background-image: url(../img/fed2d0e16731b3d318eac049c9baa123.jpg)
}

[data-step="23"] .chat-photo {
    background-image: url(../img/55623b1947844f512b434227a757b251.jpg)
}

[data-step="24"] .chat-photo {
    background-image: url(../img/637fa9c0d897af1d3943333f180c6ff7.jpg)
}

[data-step="25"] .chat-photo {
    background-image: url(../img/e60f13827f960f76ab56034e50e2a1c9.jpg)
}

[data-step="26"] .chat-photo {
    background-image: url(../img/c03d30ca0753266e98b9ece43fbe3ff0.jpg)
}

[data-step="27"] .chat-photo {
    background-image: url(../img/c7f20a9804642281eb58c8cdf6bfb5b2.jpg)
}

[data-step="28"] .chat-photo {
    background-image: url(../img/e4d6fad6455d5a7de0ae28ea2f54f020.jpg)
}

[data-step="29"] .chat-photo {
    background-image: url(../img/779027c5a67d3b53fb83b504f8d4a3ae.jpg)
}

[data-step="30"] .chat-photo {
    background-image: url(../img/37f400ffb10cc680a9290446f9380bba.jpg)
}

[data-step="31"] .chat-photo {
    background-image: url(../img/44b87d5f4e5635534f3264b201587ff0.jpg)
}

[data-step="32"] .chat-photo {
    background-image: url(../img/0210e0074abc7e26cad83efba3888638.jpg)
}

.chat-message-block {
    display: flex;
    flex-direction: column;
    height: calc(100vh - (7.6rem + 5.2rem + 5.2rem));
    padding: 1rem;
    overflow-y: auto
}

.chat-message-title {
    margin-bottom: 1rem;
    font-size: 1.4rem;
    text-align: center;
    opacity: .7
}

.chat-message-wrapper {
    position: relative;
    padding-bottom: 5rem
}

.chat-message-typing {
    position: absolute;
    height: 3.7rem;
    width: 7rem;
    bottom: 1.3rem;
    left: 0;
    background-color: #1e1e1e;
    border-radius: .4rem 1.4rem 1.4rem;
    opacity: 0
}

.chat-message-typing span {
    display: block;
    position: absolute;
    height: .8rem;
    width: .8rem;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: transparent;
    border-radius: 50%;
    animation: typingAnimation 1.2s infinite linear .2s
}

.is-typping .chat-message-typing {
    opacity: 1
}

.chat-message-typing span:before,
.chat-message-typing span:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: transparent;
    border-radius: 50%
}

.chat-message-typing span:before {
    transform: translateX(-1.6rem);
    animation: typingAnimation 1.2s infinite linear
}

.chat-message-typing span:after {
    transform: translateX(1.6rem);
    animation: typingAnimation 1.2s infinite linear .4s
}

.chat-invite {
    cursor: pointer
}

.chat-navigation {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    background-color: #1e1e1e;
    padding: .5rem 1rem
}

.chat-add-btn {
    height: 4.2rem;
    width: 2rem;
    cursor: pointer
}

.chat-input-block {
    display: flex;
    flex: 1;
    margin: 0 1rem
}

.chat-input-field {
    height: 4.2rem;
    width: 100%;
    padding: 0 2.8rem;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 2.1rem;
    outline: none
}

.chat-send-btn {
    height: 4.2rem;
    width: 4.2rem;
    cursor: pointer
}

.chat-message {
    display: flex;
    flex-direction: row;
    align-content: flex-start
}

.chat-message.member-message {
    position: relative;
    justify-content: flex-start
}

.chat-message.member-message.chat-message-photo .submit-btn,
.chat-message.member-message.chat-invite .submit-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5
}

.chat-message.member-message:not(.chat-message-photo) .chat-message-inner {
    background-color: #1e1e1e;
    border-radius: .4rem 1.4rem 1.4rem
}

.chat-message.user-message {
    justify-content: flex-end
}

.chat-message.user-message .chat-message-inner {
    background-color: #2d3053;
    border-radius: 1.4rem .4rem 1.4rem 1.4rem
}

.chat-message-inner {
    position: relative;
    margin-bottom: 1rem;
    padding: 1rem;
    font-size: 1.4rem;
    z-index: 1
}

.chat-message-status {
    margin-bottom: 1rem;
    font-size: 1.4rem;
    text-align: center;
    opacity: .7
}

.chat-message-content-wrapper {
    position: relative;
    border-left: 2px solid rgba(255, 255, 255, .35);
    padding: 0 5rem 0 .7rem
}

.chat-message-content-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    height: 4rem;
    width: 4rem;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: no-repeat center top;
    background-size: cover;
    border: 2px solid #1e1e1e;
    border-radius: 5px
}

[data-step="1"] .chat-message-content-wrapper:before {
    background-image: url(../img/2b9ba1752f3dcc4a6e8d4782a62ac5f4.jpg)
}

[data-step="2"] .chat-message-content-wrapper:before {
    background-image: url(../img/0692930001d2b357095d6b72e8b10e94.jpg)
}

[data-step="3"] .chat-message-content-wrapper:before {
    background-image: url(../img/c7591234ad703cb5d90f686abe3d524c.jpg)
}

[data-step="4"] .chat-message-content-wrapper:before {
    background-image: url(../img/9da2b7f69d119c3043a990e69b2c6926.jpg)
}

[data-step="5"] .chat-message-content-wrapper:before {
    background-image: url(../img/2b3bc02220a93ae22154bc3c492b98d8.jpg)
}

[data-step="6"] .chat-message-content-wrapper:before {
    background-image: url(../img/d20ff8e17caa67d4979a09ba69827dbb.jpg)
}

[data-step="7"] .chat-message-content-wrapper:before {
    background-image: url(../img/946959cb3c1752437a5369a9ac111cd2.jpg)
}

[data-step="8"] .chat-message-content-wrapper:before {
    background-image: url(../img/73470b77b0d532b327826b39b17d6b20.jpg)
}

[data-step="9"] .chat-message-content-wrapper:before {
    background-image: url(../img/de5119f08173b96fa2f4e91b10e27db5.jpg)
}

[data-step="10"] .chat-message-content-wrapper:before {
    background-image: url(../img/7fd0bf1ddc040866ca1f1affe3904b3c.jpg)
}

[data-step="11"] .chat-message-content-wrapper:before {
    background-image: url(../img/9365dcc51982605d2572f715b76e6e95.jpg)
}

[data-step="12"] .chat-message-content-wrapper:before {
    background-image: url(../img/79ac73a1b3e5f9466d49fff568f37577.jpg)
}

[data-step="13"] .chat-message-content-wrapper:before {
    background-image: url(../img/8ee1b82af67506243586a24471fc7f58.jpg)
}

[data-step="14"] .chat-message-content-wrapper:before {
    background-image: url(../img/c87d136261103f2e3ed09abe3b6de540.jpg)
}

[data-step="15"] .chat-message-content-wrapper:before {
    background-image: url(../img/1bcd9a62f22ac9eb30c4b3f7118ed286.jpg)
}

[data-step="16"] .chat-message-content-wrapper:before {
    background-image: url(../img/a9e0de3a93813502e333c36dbfb878d0.jpg)
}

[data-step="17"] .chat-message-content-wrapper:before {
    background-image: url(../img/e2163508569eba2b6f77604fef01ae3d.jpg)
}

[data-step="18"] .chat-message-content-wrapper:before {
    background-image: url(../img/bb3ad63f980aee329a04927036b88c37.jpg)
}

[data-step="19"] .chat-message-content-wrapper:before {
    background-image: url(../img/66f2f5e5be8fbf68c9fa24d216400ce7.jpg)
}

[data-step="20"] .chat-message-content-wrapper:before {
    background-image: url(../img/5410d1ea22b963bbfd407a7b8e656a80.jpg)
}

[data-step="21"] .chat-message-content-wrapper:before {
    background-image: url(../img/8401eda4a44449042674ca9f50cd17ea.jpg)
}

[data-step="22"] .chat-message-content-wrapper:before {
    background-image: url(../img/fed2d0e16731b3d318eac049c9baa123.jpg)
}

[data-step="23"] .chat-message-content-wrapper:before {
    background-image: url(../img/55623b1947844f512b434227a757b251.jpg)
}

[data-step="24"] .chat-message-content-wrapper:before {
    background-image: url(../img/637fa9c0d897af1d3943333f180c6ff7.jpg)
}

[data-step="25"] .chat-message-content-wrapper:before {
    background-image: url(../img/e60f13827f960f76ab56034e50e2a1c9.jpg)
}

[data-step="26"] .chat-message-content-wrapper:before {
    background-image: url(../img/c03d30ca0753266e98b9ece43fbe3ff0.jpg)
}

[data-step="27"] .chat-message-content-wrapper:before {
    background-image: url(../img/c7f20a9804642281eb58c8cdf6bfb5b2.jpg)
}

[data-step="28"] .chat-message-content-wrapper:before {
    background-image: url(../img/e4d6fad6455d5a7de0ae28ea2f54f020.jpg)
}

[data-step="29"] .chat-message-content-wrapper:before {
    background-image: url(../img/779027c5a67d3b53fb83b504f8d4a3ae.jpg)
}

[data-step="30"] .chat-message-content-wrapper:before {
    background-image: url(../img/37f400ffb10cc680a9290446f9380bba.jpg)
}

[data-step="31"] .chat-message-content-wrapper:before {
    background-image: url(../img/44b87d5f4e5635534f3264b201587ff0.jpg)
}

[data-step="32"] .chat-message-content-wrapper:before {
    background-image: url(../img/0210e0074abc7e26cad83efba3888638.jpg)
}

.chat-title {
    margin-bottom: .5rem;
    font-weight: 700
}

.chat-message.member-message.chat-message-photo {
    position: relative;
    height: 30vw;
    width: 30vw;
    max-height: 12.6rem;
    max-width: 12.6rem;
    margin-bottom: 1rem;
    border: 2px solid #1e1e1e;
    border-radius: 3px;
    cursor: pointer
}

.chat-message.member-message.chat-message-photo:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: no-repeat center top;
    background-size: cover;
    filter: blur(4px);
    -webkit-filter: blur(4px)
}

[data-step="1"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/1dae5befc06f400c9d2db89bbe1acafc.jpg)
}

[data-step="2"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/edb090074438ac13a5826b5270e67bc8.jpg)
}

[data-step="3"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/5a88c7add5a6220305b5497d12c86c61.jpg)
}

[data-step="4"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/9e4c8564ee20c6095dfc1b150a9e2bc2.jpg)
}

[data-step="5"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/c9c2de51a9b4f73d883e448e88260180.jpg)
}

[data-step="6"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/468e0e9583587d230bf02c4688c2bd30.jpg)
}

[data-step="7"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/e461e5e8959c8fffed1ab9271f369ad6.jpg)
}

[data-step="8"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/3e3fd5c1b13b82b06066fc794b1df2f2.jpg)
}

[data-step="9"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/5b5e3c0103e740f68cea7c2d169096da.jpg)
}

[data-step="10"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/d4d796edc4ea7ceb6718912d978f249b.jpg)
}

[data-step="11"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/b45427d2f25ab48d6fce7662433f3b75.jpg)
}

[data-step="12"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/78d0dd609072a45fe66bf5f8ba55fa9f.jpg)
}

[data-step="13"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/8e18d6a9f6f5ca2cc871e0062f451233.jpg)
}

[data-step="14"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/f0c99a517bbf4ee2dd921f5fcc4e2746.jpg)
}

[data-step="15"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/4ff4e8882decf87828e82b9ca7a6cb9d.jpg)
}

[data-step="16"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/fe5f4dbc6d2b117765a92b87041faada.jpg)
}

[data-step="17"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/d91299375d7c36657e039c43f2b79a37.jpg)
}

[data-step="18"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/170f0579065de4b1b941bdb468b0e67a.jpg)
}

[data-step="19"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/5358904887c1edb3495435a589f99976.jpg)
}

[data-step="20"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/8aedec974b1cb9fe63977deb3c565df0.jpg)
}

[data-step="21"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/53af32cf9a736e81875d81e240cce5ed.jpg)
}

[data-step="22"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/d333a5c2ffe95b32191158561f613950.jpg)
}

[data-step="23"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/fd838da7c560ce80b3937dd2e4605459.jpg)
}

[data-step="24"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/2f49e50535b779aa60a742100e5aa5c9.jpg)
}

[data-step="25"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/8d7c55e59bb2787ed481074ff9d3d248.jpg)
}

[data-step="26"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/9c85c85f6355105f7719776af452d7c7.jpg)
}

[data-step="27"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/b2f523ad59d774a9796a57ebea39839b.jpg)
}

[data-step="28"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/23c1f4ce094865a8553b4a314995ae9a.jpg)
}

[data-step="29"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/5b4e04e76b57cab0ad155fdf67bcf6e9.jpg)
}

[data-step="30"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/498135f6265b5868db323e5a85635a6f.jpg)
}

[data-step="31"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/baca451d123be16537947b98c4c8b0d5.jpg)
}

[data-step="32"] .chat-message.member-message.chat-message-photo:before {
    background-image: url(../img/5f917b6dc717d4824eac59896655dfaf.jpg)
}

.chat-message.member-message.chat-message-photo:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(236, 0, 140, .18)
}

.chat-message-photo .chat-text {
    text-align: center;
    font-weight: 700
}

.popup-wrapper {
    display: none;
    flex-direction: column;
    align-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20
}

.popup-wrapper[data-popup="1"],
.popup-wrapper[data-popup="2"] {
    display: flex
}

.popup-block {
    position: relative;
    width: calc(100% - 20px);
    max-width: 400px;
    margin: auto;
    padding: 2.8rem 1.4rem;
    background-color: #262626;
    border-radius: .7rem;
    z-index: 1
}

.popup-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5)
}

[data-popup="1"] .popup-content-1 {
    display: block
}

[data-popup="2"] .popup-content-2 {
    display: block;
    cursor: pointer;
    width: 300px;
    height: 250px;
    margin: 0 auto
}

.popup-content-1,
.popup-content-2 {
    display: none;
    position: relative
}

.icon-close {
    color: #fff;
    position: absolute;
    display: inline-block;
    right: 0;
    bottom: 100%;
    font-size: 30px;
    padding: 0 5px;
    cursor: pointer
}

.popup-content-1 .popup-header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    margin-bottom: 1rem
}

.popup-content-1 .popup-photo {
    height: 7rem;
    width: 7rem;
    margin-right: 1rem;
    border-radius: 50%;
    background: no-repeat center top;
    background-size: cover
}

[data-step="1"] .popup-content-1 .popup-photo {
    background-image: url(../img/2b9ba1752f3dcc4a6e8d4782a62ac5f4.jpg)
}

[data-step="2"] .popup-content-1 .popup-photo {
    background-image: url(../img/0692930001d2b357095d6b72e8b10e94.jpg)
}

[data-step="3"] .popup-content-1 .popup-photo {
    background-image: url(../img/c7591234ad703cb5d90f686abe3d524c.jpg)
}

[data-step="4"] .popup-content-1 .popup-photo {
    background-image: url(../img/9da2b7f69d119c3043a990e69b2c6926.jpg)
}

[data-step="5"] .popup-content-1 .popup-photo {
    background-image: url(../img/2b3bc02220a93ae22154bc3c492b98d8.jpg)
}

[data-step="6"] .popup-content-1 .popup-photo {
    background-image: url(../img/d20ff8e17caa67d4979a09ba69827dbb.jpg)
}

[data-step="7"] .popup-content-1 .popup-photo {
    background-image: url(../img/946959cb3c1752437a5369a9ac111cd2.jpg)
}

[data-step="8"] .popup-content-1 .popup-photo {
    background-image: url(../img/73470b77b0d532b327826b39b17d6b20.jpg)
}

[data-step="9"] .popup-content-1 .popup-photo {
    background-image: url(../img/de5119f08173b96fa2f4e91b10e27db5.jpg)
}

[data-step="10"] .popup-content-1 .popup-photo {
    background-image: url(../img/7fd0bf1ddc040866ca1f1affe3904b3c.jpg)
}

[data-step="11"] .popup-content-1 .popup-photo {
    background-image: url(../img/9365dcc51982605d2572f715b76e6e95.jpg)
}

[data-step="12"] .popup-content-1 .popup-photo {
    background-image: url(../img/79ac73a1b3e5f9466d49fff568f37577.jpg)
}

[data-step="13"] .popup-content-1 .popup-photo {
    background-image: url(../img/8ee1b82af67506243586a24471fc7f58.jpg)
}

[data-step="14"] .popup-content-1 .popup-photo {
    background-image: url(../img/c87d136261103f2e3ed09abe3b6de540.jpg)
}

[data-step="15"] .popup-content-1 .popup-photo {
    background-image: url(../img/1bcd9a62f22ac9eb30c4b3f7118ed286.jpg)
}

[data-step="16"] .popup-content-1 .popup-photo {
    background-image: url(../img/a9e0de3a93813502e333c36dbfb878d0.jpg)
}

[data-step="17"] .popup-content-1 .popup-photo {
    background-image: url(../img/e2163508569eba2b6f77604fef01ae3d.jpg)
}

[data-step="18"] .popup-content-1 .popup-photo {
    background-image: url(../img/bb3ad63f980aee329a04927036b88c37.jpg)
}

[data-step="19"] .popup-content-1 .popup-photo {
    background-image: url(../img/66f2f5e5be8fbf68c9fa24d216400ce7.jpg)
}

[data-step="20"] .popup-content-1 .popup-photo {
    background-image: url(../img/5410d1ea22b963bbfd407a7b8e656a80.jpg)
}

[data-step="21"] .popup-content-1 .popup-photo {
    background-image: url(../img/8401eda4a44449042674ca9f50cd17ea.jpg)
}

[data-step="22"] .popup-content-1 .popup-photo {
    background-image: url(../img/fed2d0e16731b3d318eac049c9baa123.jpg)
}

[data-step="23"] .popup-content-1 .popup-photo {
    background-image: url(../img/55623b1947844f512b434227a757b251.jpg)
}

[data-step="24"] .popup-content-1 .popup-photo {
    background-image: url(../img/637fa9c0d897af1d3943333f180c6ff7.jpg)
}

[data-step="25"] .popup-content-1 .popup-photo {
    background-image: url(../img/e60f13827f960f76ab56034e50e2a1c9.jpg)
}

[data-step="26"] .popup-content-1 .popup-photo {
    background-image: url(../img/c03d30ca0753266e98b9ece43fbe3ff0.jpg)
}

[data-step="27"] .popup-content-1 .popup-photo {
    background-image: url(../img/c7f20a9804642281eb58c8cdf6bfb5b2.jpg)
}

[data-step="28"] .popup-content-1 .popup-photo {
    background-image: url(../img/e4d6fad6455d5a7de0ae28ea2f54f020.jpg)
}

[data-step="29"] .popup-content-1 .popup-photo {
    background-image: url(../img/779027c5a67d3b53fb83b504f8d4a3ae.jpg)
}

[data-step="30"] .popup-content-1 .popup-photo {
    background-image: url(../img/37f400ffb10cc680a9290446f9380bba.jpg)
}

[data-step="31"] .popup-content-1 .popup-photo {
    background-image: url(../img/44b87d5f4e5635534f3264b201587ff0.jpg)
}

[data-step="32"] .popup-content-1 .popup-photo {
    background-image: url(../img/0210e0074abc7e26cad83efba3888638.jpg)
}

.popup-content-1 .popup-header-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: flex-start;
    flex: 1
}

.popup-content-1 .popup-name {
    font-size: 1.4rem
}

.popup-content-1 .popup-status {
    font-size: 1.4rem
}

.popup-content-1 .popup-status span {
    color: #ebb100;
    text-transform: uppercase
}

.popup-content-1 .popup-text {
    margin-bottom: 1rem;
    font-size: 1.8rem;
    text-align: center
}

.popup-btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5
}

.popup-content-1 .popup-btn {
    position: relative;
    width: 100%
}

[data-popup="2"] .popup-block {
    padding: 0
}

.hidden-info-block {
    display: none
}

.header-block,
.slider-popup {
    width: 300px;
    height: 100px;
    margin: 1rem auto;
    cursor: pointer
}

.slider-popup {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 150%);
    transition: all .3s linear;
    z-index: 100
}

.slider-popup.active {
    transform: translate(-50%, 0)
}

.footer-block {
    width: 300px;
    height: 250px;
    margin: 2rem auto 0;
    cursor: pointer
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    z-index: 1
}

.overlay.is-hidden {
    display: none
}

.preview-block {
    text-align: center;
    margin: 2rem auto;
    width: 100%;
    max-width: 800px
}

.preview-banner {
    display: block;
    width: 300px;
    height: 100px;
    margin: 0 auto
}

.preview-middle {
    height: 250px
}

.preview-item {
    display: inline-flex;
    flex-flow: column nowrap;
    width: 45%;
    height: 35rem;
    margin: 1rem;
    padding: 5px;
    border-radius: 4px;
    background: #1e1e1e;
    cursor: pointer
}

.preview-name {
    font-size: 1.8rem;
    color: #fff;
    padding: 1rem 0 2rem
}

.preview-img {
    flex: 1;
    background: center top no-repeat;
    background-size: cover;
    border-radius: 4px
}

[data-item="1"].preview-item .preview-img {
    background-image: url(../img/2b9ba1752f3dcc4a6e8d4782a62ac5f4.jpg)
}

[data-item="2"].preview-item .preview-img {
    background-image: url(../img/0692930001d2b357095d6b72e8b10e94.jpg)
}

[data-item="3"].preview-item .preview-img {
    background-image: url(../img/c7591234ad703cb5d90f686abe3d524c.jpg)
}

[data-item="4"].preview-item .preview-img {
    background-image: url(../img/9da2b7f69d119c3043a990e69b2c6926.jpg)
}

[data-item="5"].preview-item .preview-img {
    background-image: url(../img/2b3bc02220a93ae22154bc3c492b98d8.jpg)
}

[data-item="6"].preview-item .preview-img {
    background-image: url(../img/d20ff8e17caa67d4979a09ba69827dbb.jpg)
}

[data-item="7"].preview-item .preview-img {
    background-image: url(../img/946959cb3c1752437a5369a9ac111cd2.jpg)
}

[data-item="8"].preview-item .preview-img {
    background-image: url(../img/73470b77b0d532b327826b39b17d6b20.jpg)
}

[data-item="9"].preview-item .preview-img {
    background-image: url(../img/de5119f08173b96fa2f4e91b10e27db5.jpg)
}

[data-item="10"].preview-item .preview-img {
    background-image: url(../img/7fd0bf1ddc040866ca1f1affe3904b3c.jpg)
}

[data-item="11"].preview-item .preview-img {
    background-image: url(../img/9365dcc51982605d2572f715b76e6e95.jpg)
}

[data-item="12"].preview-item .preview-img {
    background-image: url(../img/79ac73a1b3e5f9466d49fff568f37577.jpg)
}

[data-item="13"].preview-item .preview-img {
    background-image: url(../img/8ee1b82af67506243586a24471fc7f58.jpg)
}

[data-item="14"].preview-item .preview-img {
    background-image: url(../img/c87d136261103f2e3ed09abe3b6de540.jpg)
}

[data-item="15"].preview-item .preview-img {
    background-image: url(../img/1bcd9a62f22ac9eb30c4b3f7118ed286.jpg)
}

[data-item="16"].preview-item .preview-img {
    background-image: url(../img/a9e0de3a93813502e333c36dbfb878d0.jpg)
}

[data-item="17"].preview-item .preview-img {
    background-image: url(../img/e2163508569eba2b6f77604fef01ae3d.jpg)
}

[data-item="18"].preview-item .preview-img {
    background-image: url(../img/bb3ad63f980aee329a04927036b88c37.jpg)
}

[data-item="19"].preview-item .preview-img {
    background-image: url(../img/66f2f5e5be8fbf68c9fa24d216400ce7.jpg)
}

[data-item="20"].preview-item .preview-img {
    background-image: url(../img/5410d1ea22b963bbfd407a7b8e656a80.jpg)
}

[data-item="21"].preview-item .preview-img {
    background-image: url(../img/8401eda4a44449042674ca9f50cd17ea.jpg)
}

[data-item="22"].preview-item .preview-img {
    background-image: url(../img/fed2d0e16731b3d318eac049c9baa123.jpg)
}

[data-item="23"].preview-item .preview-img {
    background-image: url(../img/55623b1947844f512b434227a757b251.jpg)
}

[data-item="24"].preview-item .preview-img {
    background-image: url(../img/637fa9c0d897af1d3943333f180c6ff7.jpg)
}

[data-item="25"].preview-item .preview-img {
    background-image: url(../img/e60f13827f960f76ab56034e50e2a1c9.jpg)
}

[data-item="26"].preview-item .preview-img {
    background-image: url(../img/c03d30ca0753266e98b9ece43fbe3ff0.jpg)
}

[data-item="27"].preview-item .preview-img {
    background-image: url(../img/c7f20a9804642281eb58c8cdf6bfb5b2.jpg)
}

[data-item="28"].preview-item .preview-img {
    background-image: url(../img/e4d6fad6455d5a7de0ae28ea2f54f020.jpg)
}

[data-item="29"].preview-item .preview-img {
    background-image: url(../img/779027c5a67d3b53fb83b504f8d4a3ae.jpg)
}

[data-item="30"].preview-item .preview-img {
    background-image: url(../img/37f400ffb10cc680a9290446f9380bba.jpg)
}

[data-item="31"].preview-item .preview-img {
    background-image: url(../img/44b87d5f4e5635534f3264b201587ff0.jpg)
}

[data-item="32"].preview-item .preview-img {
    background-image: url(../img/0210e0074abc7e26cad83efba3888638.jpg)
}

.impression-popup {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    display: none;
    justify-content: center;
    align-items: center
}

.impression-popup.active {
    display: flex
}

.impression-content {
    position: relative
}

.back-button {
    display: block;
    width: 40px;
    height: 25px;
    background: url(../img/eb9f18eec64a929f3537ebf757d39019.svg) center center no-repeat;
    background-size: contain;
    cursor: pointer
}

.banner-item {
    display: none;
    width: 100%;
    max-width: 100%;
    cursor: pointer
}

.banner-item.active {
    display: block
}

.push-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    min-width: 280px;
    max-width: 560px;
    margin: auto;
    padding: 0 5px 5px;
    overflow: hidden;
    transform: translateY(-100%);
    animation: showPush 0.3s 1s cubic-bezier(.175, .885, .32, 1.275) forwards
}

@keyframes showPush {
    to {
        transform: translateY(0)
    }
}

.push-wrapper.is-hidden {
    display: none
}

.push-block {
    font-size: 8px;
    line-height: 1.6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5em;
    color: #000;
    background: #c29b8c;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
    border-radius: 0 0 10px 10px
}

.push-block .push-image {
    position: relative;
    width: 25%;
    min-width: 100px
}

.push-block .push-image img {
    width: 100%;
    border-radius: 50%
}

.push-block .push-image:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #fff;
    right: 10%;
    bottom: 5%;
    background: #32C26B
}

.push-block .push-content {
    flex-grow: 1;
    margin-left: 5%
}

.push-block .push-info {
    font-size: 1.6em
}

.push-block .smile-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
    width: auto
}

.push-block .push-user-name {
    margin-top: .5em
}

.push-block .push-btns-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.4em
}

.push-btn {
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1;
    width: 55%;
    min-width: auto;
    height: auto;
    margin: 0;
    padding: 1em;
    color: #fff;
    text-align: center;
    background: #01A1FE;
    border-radius: 6px;
    cursor: pointer
}

.push-btn:hover {
    background: #31acf3
}

.push-btn.no-btn {
    width: 40%;
    margin-right: 5%;
    background: #aaa
}

.push-btn.no-btn:hover {
    background: #ccc
}

@media screen and (max-width:600px) {
    .push-block {
        font-size: 5px
    }

    .push-block .push-info {
        font-size: 12px
    }

    .push-block .smile-icon {
        width: 10px
    }
}

@media screen and (orientation:portrait) {
    .photo-wrapper.is-active .photo-main {
        height: 80vw;
        width: 80vw
    }
}

@media screen and (orientation:landscape) {
    .photo-wrapper.is-active .photo-main {
        height: 80vh;
        width: 80vh
    }
}

@media (max-width:480px) {
    .preview-item {
        width: 40%;
        height: 26rem
    }

    .preview-name {
        font-size: 13px
    }
}

.alert-btn {
    position: fixed;
    z-index: 11;
    right: 10px;
    bottom: 120px;
    cursor: pointer
}

.alert-btn-img {
    display: block;
    width: 100%
}

.alert-btn-img.alert-btn-img-2 {
    display: none
}

.alert-btn.is-active .alert-btn-img.alert-btn-img-1 {
    display: none
}

.alert-btn.is-active .alert-btn-img.alert-btn-img-2 {
    display: block
}

@media all and (-ms-high-contrast:none) {

    .step-block,
    .step-block[data-current-step="1"] [data-step="1"],
    .step-block[data-current-step="2"] [data-step="2"],
    .step-block[data-current-step="3"] [data-step="3"],
    .step-block[data-current-step="4"] [data-step="4"],
    .step-block[data-current-step="5"] [data-step="5"],
    .step-block[data-current-step="6"] [data-step="6"],
    .step-block[data-current-step="7"] [data-step="7"],
    .step-block[data-current-step="8"] [data-step="8"],
    .step-block[data-current-step="9"] [data-step="9"],
    .step-block[data-current-step="10"] [data-step="10"],
    .step-block[data-current-step="11"] [data-step="11"],
    .step-block[data-current-step="12"] [data-step="12"],
    .step-block[data-current-step="13"] [data-step="13"],
    .step-block[data-current-step="14"] [data-step="14"],
    .step-block[data-current-step="15"] [data-step="15"],
    .step-block[data-current-step="16"] [data-step="16"],
    .step-block[data-current-step="17"] [data-step="17"],
    .step-block[data-current-step="18"] [data-step="18"],
    .step-block[data-current-step="19"] [data-step="19"],
    .step-block[data-current-step="20"] [data-step="20"],
    .step-block[data-current-step="21"] [data-step="21"],
    .step-block[data-current-step="22"] [data-step="22"],
    .step-block[data-current-step="23"] [data-step="23"],
    .step-block[data-current-step="24"] [data-step="24"],
    .step-block[data-current-step="25"] [data-step="25"],
    .step-block[data-current-step="26"] [data-step="26"],
    .step-block[data-current-step="27"] [data-step="27"],
    .step-block[data-current-step="28"] [data-step="28"],
    .step-block[data-current-step="29"] [data-step="29"],
    .step-block[data-current-step="30"] [data-step="30"],
    .step-block[data-current-step="31"] [data-step="31"],
    .step-block[data-current-step="32"] [data-step="32"],
    .chat-block.is-active {
        display: block
    }
}

@keyframes typingAnimation {
    0% {
        background-color: transparent
    }

    60% {
        background-color: transparent
    }

    80% {
        background-color: #fff
    }

    100% {
        background-color: transparent
    }
}

@keyframes popupBtnAnimation {
    0% {
        background-color: #fff;
        color: green
    }

    50% {
        background-color: #fff;
        color: green
    }

    51% {
        background-color: green;
        color: #fff
    }

    100% {
        background-color: green;
        color: #fff
    }
}

.preview-header {
    background-image: url("../img/5ba909a202f808aac050beeb9b17e75f.gif");
}

.preview-middle {
    background-image: url("../img/82dc6c44bc4bdfefd0330a971bc027de.gif");
}

.preview-middle-2 {
    background-image: url("../img/324147f5e31b8e760c9518ff5b70d0ab.gif");
}

.preview-middle-3 {
    background-image: url("../img/221ccdecf13c7c91c223146f25fc4474ebc14937.gif");
}

.preview-footer {
    background-image: url("../img/c8ecd98bbf6bf3c4f95c44b6d5e0d85f0f3108d6.gif");
}

.header-block {
    background-image: url("../img/a7b372d1518cd32e0806553bd0104dd0.gif");
}

.footer-block {
    background-image: url("../img/5458925.webp");
}

#interstitial_banner {
    background-image: url("../img/930b20d2db00d6c1edd170b2d50c0022.gif");
    width: 300px;
    height: 250px;
}