.cover {
     background-color: #02BC46;
}
 .credits, .als-footer-wrap {
     background-color: #02BC46;
     color: #fff;
}
 .credits a {
     color: #fff;
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
 .als-footer-wrap a {
     color: #fff;
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
 .no_visited a:visited, a.no_visited:visited {
     color: #fff;
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
 .mobl {
     display: none;
}
 .color_block_desktop {
     display: block;
}
 .color_block_mobile {
     display: none;
}
 .color_block {
     width: 100%;
     margin: 0 auto;
     padding-top: 5%;
}
 .color_block_child {
     width: 90%;
     max-width: 1200px;
     background-color: green;
     margin: 0 auto;
     position: relative;
}
 .block_interest {
     width: 100%;
     margin: 0 auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: distribute;
     justify-content: space-around;
     padding: 5% 0;
}
 .block_cards_position {
     position: relative;
}
 .block_interest_cards {
     width: 30%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .block_interest_card_item {
}
 .block_interest_card_item img {
     width: 100%;
}
 .block_interest_text_man {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-60%, -50%);
     -ms-transform: translate(-60%, -50%);
     transform: translate(-60%, -50%);
     width: 22%;
}
 .block_interest_card_compile {
     height: 30vw;
     max-height: 300px;
     background: white;
     position: relative;
     text-align: center;
}
 .block_interest_card_compile_child {
     width: 100%;
     max-width: 1200px;
     height: 100%;
     margin: 0 auto;
}
 .block_interest_card_compile_child img {
}
 .single_card {
     opacity: 0;
     -webkit-transition: opacity 200ms ease;
     -o-transition: opacity 200ms ease;
     transition: opacity 200ms ease;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     z-index: 15;
     margin: 0 auto 0;
     width: 15%;
}
 .block_interest_text {
     position: relative;
     width: 60%;
     min-height: 450px;
     font-style: italic;
     color: #7F7C76;
}
 .note_01 {
     position: absolute;
     top: 0;
     left: 30%;
}
 .note_02 {
     position: absolute;
     top: 5%;
     right: 25%;
}
 .note_03 {
     position: absolute;
     top: 20%;
     left: 15%;
}
 .note_04 {
     position: absolute;
     top: 30%;
     right: 15%;
     width: 20%;
}
 .note_05 {
     position: absolute;
     top: 40%;
     left: 10%;
     width: 20%;
}
 .note_06 {
     position: absolute;
     top: 67%;
     left: 8%;
     width: 25%;
}
 .note_07 {
     position: absolute;
     top: 62%;
     right: 8%;
     width: 25%;
}
 .note_08 {
     position: absolute;
     bottom: 0;
     left: 35%;
}
 .note_09 {
     position: absolute;
     bottom: 50%;
     right: 4%;
     width: 10%;
}
 .item_01 {
     position: absolute;
     z-index: 2;
     top: 5%;
     right: 7%;
     -webkit-transition: all 500ms ease-out;
     -o-transition: all 500ms ease-out;
     transition: all 500ms ease-out;
}
 .item_02 {
     position: absolute;
     z-index: 3;
     top: 25%;
     right: 1%;
     -webkit-transition: all 500ms ease-out;
     -o-transition: all 500ms ease-out;
     transition: all 500ms ease-out;
}
 .item_03 {
     position: absolute;
     z-index: 2;
     top: 45%;
     right: 10%;
     -webkit-transition: all 500ms ease-out;
     -o-transition: all 500ms ease-out;
     transition: all 500ms ease-out;
}
 .item_04 {
     position: absolute;
     z-index: 1;
     top: 65%;
     right: 4%;
     -webkit-transition: all 500ms ease-out;
     -o-transition: all 500ms ease-out;
     transition: all 500ms ease-out;
}
 .block_interest_compile_parent_main {
     width: 100%;
     overflow: hidden;
}
 .block_interest_compile_parent {
     width: 80%;
     max-width: 1200px;
     margin: 0 auto;
     padding: 5% 0 5%;
}
 .block_interest_collect_cards {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 100%;
     margin: 0 auto;
     -webkit-transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
     -o-transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
     transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
 .block_interest_collect_cards_pic {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 100%;
     margin: 0 auto;
     opacity: 0;
     -webkit-transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
     -o-transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
     transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
 .block_interest_collect_cards_item {
     width: 23%;
     position: relative;
}
 .block_interest_collect_cards_item img {
     width: 100%;
}
 .line {
     border: 1px solid #D8D8D8;
     height: 40px;
     width: 1px;
     margin: 0 auto;
     display: block;
}
 .block_interest_uncollect_note {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
     opacity: 0;
     -webkit-transition: opacity 300ms ease;
     -o-transition: opacity 300ms ease;
     transition: opacity 300ms ease;
}
 .block_interest_uncollect_note_item {
     width: 25%;
}
 .block_interest_uncollect_note_item p {
     margin: 10px auto 0;
     text-align: center;
     width: 70%;
     font-weight: bold;
}
 .block_interest_uncollect_sum {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     margin-top: 40px;
     margin-bottom: 20px;
     opacity: 0;
     -webkit-transition: opacity 300ms ease;
     -o-transition: opacity 300ms ease;
     transition: opacity 300ms ease;
}
 .block_interest_uncollect_sum_item {
}
 .item_left {
     width: 24%;
}
 .item_right {
     width: 74%;
}
 .block_interest_uncollect_sum_item p {
     text-align: center;
     font-style: italic;
}
 .block_interest_compile_parent_images {
     width: 80%;
     max-width: 1200px;
     margin: 0 auto;
     padding: 5% 0 10%;
}
 .bloack_interest_uncollect_store {
     position: relative;
     opacity: 0;
     -webkit-transition: opacity 300ms ease-out;
     -o-transition: opacity 300ms ease-out;
     transition: opacity 300ms ease-out;
}
 .bloack_interest_uncollect_note_store {
     width: 100%;
     margin-left: 10%;
}
 .line_arrow {
     position: absolute;
     left: 35%;
     top: 0;
     width: 8%;
}
 .line_arrow img {
     width: 100%;
}
 .item_001 p {
     width: 25%;
     text-align: left;
     padding-top: 3em;
     padding-right: 1em;
     font-style: italic;
}
 .full_width img {
     width: 100%;
}
 .sbbol_animation_card {
     background-color: #FFF9ED;
     padding: 30px 0 0;
}
 .sbbol_animation_card_child {
     width: 90%;
     max-width: 1200px;
     margin: 0 auto;
}
 .sbbol_animation_flex {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: distribute;
     justify-content: space-around;
}
 .sbbol_animation_flex-item-01 {
     width: 65%;
     position: relative;
     margin: 10px;
}
 .sbbol_animation_flex-item-01 p {
     font-style: italic;
     color: #7F7C76;
}
 .man_absolute {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 25%;
}
 .man_absolute img {
     width: 100%;
}
 .arrow_absolute {
     position: absolute;
     top: 50%;
     bottom: 0;
     right: 0;
     margin: auto;
     width: 12%;
}
 .arrow_absolute img {
     width: 100%;
}
 .item_note_01 {
     position: absolute;
     top: 15%;
     left: 0;
     right: 0;
     margin: auto;
     width: 15%;
}
 .item_note_02 {
     position: absolute;
     top: 30%;
     left: 20%;
     width: 15%;
}
 .item_note_03 {
     position: absolute;
     top: 30%;
     right: 15%;
     width: 20%;
}
 .item_note_04 {
     position: absolute;
     top: 45%;
     left: 15%;
     width: 15%;
}
 .item_note_05 {
     position: absolute;
     top: 45%;
     right: 15%;
     width: 15%;
}
 .item_note_06 {
     position: absolute;
     bottom: 20%;
     left: 20%;
     width: 15%;
}
 .item_note_07 {
     position: absolute;
     bottom: 20%;
     right: 20%;
     width: 15%;
}
 .item_note_08 {
     position: absolute;
     bottom: 10%;
     right: 0;
     left: 0;
     margin: auto;
     width: 15%;
}
 .sbbol_animation_flex-item-02 {
     width: 22%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     position: relative;
     margin: 10px;
}
 .sbbol_animation_flex-item-02 img {
     width: 100%;
}
 .item_card_01 {
     -webkit-transform: translate(0%, 15%);
     -ms-transform: translate(0%, 15%);
     transform: translate(0%, 15%);
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     position: relative;
     z-index: 1;
}
 .item_card_02 {
     -webkit-transform: translate(10%, 0%);
     -ms-transform: translate(10%, 0%);
     transform: translate(10%, 0%);
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     position: relative;
     z-index: 3;
}
 .item_card_03 {
     -webkit-transform: translate(-10%, -20%);
     -ms-transform: translate(-10%, -20%);
     transform: translate(-10%, -20%);
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     position: relative;
     z-index: 2;
}
 .item_card_04 {
     -webkit-transform: translate(5%, -40%);
     -ms-transform: translate(5%, -40%);
     transform: translate(5%, -40%);
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     position: relative;
     z-index: 1;
}
 .item_card_05 {
     position: absolute;
     -webkit-transform: translate(5%, -40%);
     -ms-transform: translate(5%, -40%);
     transform: translate(5%, -40%);
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     bottom: 0;
     opacity: 0;
     z-index: 4;
}
 .sbbol_animation_card_white {
     width: 100%;
     margin: auto;
     background-color: white;
}
 .sbbol_animation_card_white_child {
     width: 90%;
     margin: auto;
     max-width: 1200px;
     height: 300px;
     min-height: 20vh;
}
 .make-better {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 90%;
     max-width: 1200px;
     margin: 0 auto;
}
 .make-better .popup_pics {
     width: 80%;
     margin: 5% auto;
}
 .make-better .popup_pics img {
     width: 90%;
}
 .make-better .text_flex {
     width: 18%;
     position: relative;
}
 .popup_pics {
     position: relative;
}
 .popup-pic-02 {
     position: absolute;
     top: 15%;
     right: 0%;
     width: 25%;
     -webkit-transform: translateY(5%) scale(0.3);
     -ms-transform: translateY(5%) scale(0.3);
     transform: translateY(5%) scale(0.3);
     -webkit-transition: all 500ms ease-out;
     -o-transition: all 500ms ease-out;
     transition: all 500ms ease-out;
     opacity: 0;
}
 .popup-pic-02 img{
     width: 100%;
     border-radius: 20px;
     border: 2px solid #E5E5E5;
}
 .text_flex p {
     position: absolute;
     top: 48%;
     font-style: italic;
}
 .help-touse {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 80%;
     max-width: 1200px;
     margin: 0 auto;
}
 .help-touse .popup_pics {
     width: 73%;
}
 .help-touse .text_flex_01 {
     width: 20%;
     position: relative;
}
 .text_flex_01 p {
     font-style: italic;
}
 .text_flex_03 {
     position: absolute;
     top: 10%;
     font-style: italic;
}
 .text_flex_04 {
     position: absolute;
     top: 35%;
     font-style: italic;
}
 .help-touse-ivan {
     position: absolute;
     top: 0;
     width: 100%;
}
 .help-touse-ivan img {
     width: 80%;
}
 .help-touse-ivan-text {
     position: absolute;
     bottom: 10%;
     width: 100%;
}
 .popup-pic-03 {
     position: absolute;
     bottom: -6%;
     right: -10%;
     width: 100%;
     -webkit-transform: translateY(5%) scale(0.3);
     -ms-transform: translateY(5%) scale(0.3);
     transform: translateY(5%) scale(0.3);
     -webkit-transition: all 500ms ease-out;
     -o-transition: all 500ms ease-out;
     transition: all 500ms ease-out;
     opacity: 0;
}
 .popup-pic-03 img{
     width: 100%;
     border-radius: 10px;
}
 .block_media {
     padding: 5% 0;
     color: #fff;
     margin-bottom: 5%;
}
 .block_media h3 {
     font-size: 200%;
     text-align: center;
     margin: 5% 0;
     padding: 15% 0;
}
 .block_media .announce__picture {
     margin: 1% auto 7%;
     width: 90%;
     max-width: 1200px;
     position: relative;
}
 .popup_media {
     position: absolute;
     top: 20%;
     left: 45.5%;
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     -webkit-transform: translateY(30%) scale(0.5);
     -ms-transform: translateY(30%) scale(0.5);
     transform: translateY(30%) scale(0.5);
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     opacity: 0;
}
 .block_like {
     position: relative;
     margin-top: 5%;
}
 .block_like_mobile {
     display: none;
}
 .block_share_mobile {
     display: none;
}
 .block_like h2 {
     text-align: left;
}
 .block_like_child {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 80%;
     margin: 0 auto;
     padding: 5vw 0;
     max-width: 1200px;
     position: relative;
     z-index: 2;
     overflow: hidden;
}
 .like_icon {
     position: absolute;
     margin: auto;
     right: 30%;
     top: -5%;
     width: 20%;
     z-index: 1;
     opacity: 0;
     -webkit-transform: translateY(20%);
     -ms-transform: translateY(20%);
     transform: translateY(20%);
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .block_share {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 80%;
     margin: 0 auto;
     padding: 5vw 0 0;
     max-width: 1200px;
     position: relative;
     z-index: 2;
}
 .block_share h2 {
     text-align: left;
}
 .share_item_01 {
     width: 45%;
}
 .share_item_02 {
     width: 55%;
}
 .share_item_02 img {
     width: 100%;
}
 .share_item_text {
     text-align: left;
     -webkit-transform: translateY(-30%);
     -ms-transform: translateY(-30%);
     transform: translateY(-30%);
}
 .share_item_text img {
     margin: 0;
     width: 70%;
}
 .min_pic {
     -webkit-transform: translateY(-10%);
     -ms-transform: translateY(-10%);
     transform: translateY(-10%);
     opacity: 0;
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .slide_windows{
     color: #fff;
     padding: 5% 0;
     margin: 5% auto 0;
     overflow: hidden;
}
 .slide_to_left {
     -webkit-transform: translateX(50%);
     -ms-transform: translateX(50%);
     transform: translateX(50%);
}
 .slide_to_left img {
     width: 210%;
     max-width: none;
     margin: 5% 0;
}
 .smart_navigation {
     margin: 0 auto 0;
     padding: 5% 0;
}
 .sn_image {
     position: relative;
     max-width: 1400px;
     margin: 0 auto;
}
 .sn_image img {
     width: 60%;
}
 .sn_image_translate {
     position: relative;
     max-width: 1400px;
     margin: 10% auto 0;
}
 .sn_image_translate img {
     width: 70%;
     -webkit-transform: translateX(20%);
     -ms-transform: translateX(20%);
     transform: translateX(20%);
}
 .sn_text_01 {
     position: absolute;
     top: 6.5%;
     left: 0;
     height: 40%;
     width: 19%;
     border-right: 2px solid #ccc;
     font-style: italic;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .sn_text_02 {
     position: absolute;
     top: 50%;
     left: 6%;
     width: 14%;
     font-style: italic;
     text-align: left;
}
 .sn_text_03 {
     position: absolute;
     top: 20%;
     right: 6%;
     width: 14%;
     font-style: italic;
     text-align: left;
}
 .sn_text_04 {
     position: absolute;
     top: 57%;
     left: 17%;
     width: 24%;
     font-style: italic;
     text-align: left;
}
 .sn_text_04 p {
     position: absolute;
     top: 10%;
     left: 5%;
     width: 100%;
}
 .yellow_people {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: distribute;
     justify-content: space-around;
     width: 50%;
     margin: 3% auto 5%;
     max-width: 1200px;
}
 .yellow_people_girl{
     width: 30%;
}
 .yellow_people_girl p {
     text-align: center;
}
 .yellow_people_man{
     width: 30%;
}
 .yellow_people_man p {
     text-align: center;
}
 .yellow_people_girl img{
     width: 100%;
}
 .yellow_people_man img{
     width: 90%;
}
 .yellow_people p{
     font-style: italic;
}
 .heart_mask {
     color: #fff;
     padding-top: 5%;
     margin-top: 5%;
}
 .heart-mask {
     overflow: hidden;
     width: 100%;
     max-width: 1400px;
     position: relative;
     margin: 5% auto;
     height: 800px;
}
 .heart-mask-overlay {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     margin: auto;
     width: 70%;
     z-index: 10;
}
 .heart-mask-overlay img {
     width: 100%;
}
 .heart-mask-slide {
     position: relative;
     z-index: 9;
     margin: auto;
     width: 69.95%;
     background-color: #000;
}
 .heart-mask-slide img {
     width: 100%;
}
 .block_more {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 70%;
     max-width: 1200px;
     margin: 0 auto;
}
 .block_more_item_01 {
     width: 28%;
     font-style: italic;
}
 .block_more_item_01 img {
     width: 100%;
}
 .block_more_item_02 {
     width: 68%;
}
 .block_more_item_02 img {
     width: 100%;
}
 .bm_note_01 {
     position: absolute;
     top: 6%;
     right: 0;
     width: 40%;
}
 .bm_note_02 {
     position: absolute;
     top: 18%;
     right: 0;
     width: 40%;
}
 .bm_note_03 {
     position: absolute;
     top: 27%;
     right: 0;
     width: 40%;
}
 .bm_note_04 {
     position: absolute;
     top: 35%;
     right: 0;
     width: 40%;
}
 .bm_note_05 {
     position: absolute;
     bottom: 25%;
     right: 0;
     width: 40%;
}
 .bm_note_06 {
     position: absolute;
     bottom: 10%;
     right: 0;
     width: 40%;
}
 .bm_note_07 {
     position: absolute;
     bottom: 4%;
     right: 0;
     width: 40%;
}
 .block_more_item_03 {
     width: 32%;
     position: relative;
     font-size: 14px;
}
 .block_more_item_03 img {
     width: 50%;
}
 .bm_note_08 {
     position: absolute;
     top: 57%;
     right: 0;
     width: 40%;
}
 .ssbol_bubbles {
     width: 80%;
     margin: 0 auto;
     max-width: 1200px;
}
 .ssbol_bubbles video {
     width: 100%;
}
 .no-time {
     width: 100%;
}
 .no-time-child {
     color: #fff;
     margin: 5% auto;
     height: 100vh;
     min-height: 50vw;
     max-height: 1000px;
     width: 100%;
     max-width: 1200px;
     overflow: hidden;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
}
 .no-time h3 {
     font-size: 200%;
     text-align: center;
     margin: 5% 0;
}
 .no-time-text {
     width: 100%;
}
 .no-time-picture {
     width: 100%;
     text-align: center;
     padding: 0;
     margin: 0 0 -10px 0;
}
 .no-time-picture img {
     width: 20vw;
     padding: 0;
     margin: 0;
}
 .products_card_mobile {
     overflow: hidden;
     width: 100%;
     padding: 0 0 10% 0;
}
 .products_card_mobile-items {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 200%;
     -webkit-transform: translateX(-50vw);
     -ms-transform: translateX(-50vw);
     transform: translateX(-50vw);
     -webkit-transition: all 500ms ease-in-out;
     -o-transition: all 500ms ease-in-out;
     transition: all 500ms ease-in-out;
}
 .products_card_mobile-item {
     width: 32%;
}
 .products_card_mobile-item img {
     width: 100%;
}
 .images_card_mobile {
     overflow: hidden;
     width: 100%;
     padding: 10% 0 0 0;
}
 .images_card_mobile-items {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 200%;
     -webkit-transform: translateX(-50vw);
     -ms-transform: translateX(-50vw);
     transform: translateX(-50vw);
     -webkit-transition: all 500ms ease-in-out;
     -o-transition: all 500ms ease-in-out;
     transition: all 500ms ease-in-out;
}
 .products_card_mobile-items-v {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     width: 100%;
     margin: 0 auto;
     padding-bottom: 5%;
}
 .products_card_mobile-item-v {
     width: 100%;
     text-align: center;
}
 .products_card_mobile-items-main {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 200%;
     -webkit-transform: translateX(18vw);
     -ms-transform: translateX(18vw);
     transform: translateX(18vw) 
}
 .images_card_mobile-item {
     width: 32%;
}
 .images_card_mobile-item img {
     width: 100%;
}
 .compile_card_mobile_note {
     width: 90%;
     margin: 0 auto;
}
 .compile_card_mobile_note p {
     text-align: center;
     font-style: italic;
}
 .compile_card_mobile_note h3 {
     text-align: center;
}
 .compile_card_mobile_note_line {
     width: 2px;
     border: 1px solid #ccc;
     height: 60px;
     margin: 0 auto;
}
 .compile_card_mobile_note_line_2 {
     width: 90%;
     border: 1px solid #ccc;
     margin: 0 auto;
}
 .block_interest_text_mobile {
     position: relative;
     width: 90%;
     margin: 0 auto;
     min-height: 450px;
     font-style: italic;
     color: #7F7C76;
}
 .block_interest_text_man_mobile {
     position: absolute;
     top: 40%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 30%;
}
 .note_01_mobile {
     position: absolute;
     top: 0;
     left: 35%;
     width: 30% 
}
 .note_02_mobile {
     position: absolute;
     top: 15%;
     right: 5%;
     width: 30% 
}
 .note_03_mobile {
     position: absolute;
     top: 15%;
     left: 5%;
     width: 30% 
}
 .note_04_mobile {
     position: absolute;
     top: 35%;
     right: 0%;
     width: 30%;
}
 .note_05_mobile {
     position: absolute;
     top: 35%;
     left: 0%;
     width: 30%;
}
 .note_06_mobile {
     position: absolute;
     top: 55%;
     left: 3%;
     width: 35%;
}
 .note_07_mobile {
     position: absolute;
     top: 55%;
     right: 3%;
     width: 25%;
}
 .note_08_mobile {
     position: absolute;
     bottom: 15%;
     left: 40%;
     width: 30% 
}
 .note_09_mobile {
     position: absolute;
     bottom: 0;
     right: 0;
     left: 0;
     margin: auto;
     width: 10%;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
}
 .to_bottm {
     -webkit-transform: translateY(30%);
     -ms-transform: translateY(30%);
     transform: translateY(30%);
}
 .to_lft {
     -webkit-transform: translateX(-10vw);
     -ms-transform: translateX(-10vw);
     transform: translateX(-10vw);
}
 .to_rigt {
     -webkit-transform: translate(15vw, 20%);
     -ms-transform: translate(15vw, 20%);
     transform: translate(15vw, 20%);
}
 .to_top {
     -webkit-transform: translateY(-20%);
     -ms-transform: translateY(-20%);
     transform: translateY(-20%);
}
 .single_card_mobile_container {
     width: 90%;
     margin: 10% auto 0;
     text-align: center;
}
 .single_card_mobile_container img {
     width: 65%;
}
/* Colors */
 .yellow_bg {
     background-color: #FFF9ED;
}
 .green_bg {
     background-color: #02BC46;
}
 .orange {
     color: #ED7E3B;
}
 .green {
     color: #26AE4E;
}
 .help-touse-ivan ul {
     list-style-type: none;
     margin: 0;
     padding-left: 30px;
     font-style: italic;
}
 .help-touse-ivan ul li {
     text-indent: -19px;
}
 .help-touse-ivan ul li:before {
     content: "— ";
     text-indent: -19px;
}
 .make-card-of-product {
     color: #fff;
     padding: 5% 0;
     margin: 5% 0;
}
 .make-card-of-product img {
     max-width: 1200px;
     width: 100%;
}
/* Tabs */
 .tabs {
     width: 90%;
     max-width: 1200px;
     margin: 0 auto 30px;
}
 .tabs__caption {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     list-style: none;
     position: relative;
     font-style: italic;
}
 .tabs__caption li:first-child{
     border-radius: 10px 0 0 10px;
}
 .tabs__caption li:last-child{
     border-radius: 0 10px 10px 0;
}
 .tabs__caption li:last-child:before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: -1;
     background: #7DCA86;
}
 .tabs__caption:after {
     content: '';
     display: table;
     clear: both;
}
 .tabs__caption li {
     padding: 12px 15px;
     margin: 0;
     width: 10%;
     background: #E7E7E7;
     color: #000;
     position: relative;
     text-align: center;
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .tabs__caption li:not(.active) {
     cursor: pointer;
}
 .tabs__caption li:not(.active):hover {
     background: rgba(0, 0, 0, 0.1);
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .tabs__caption .active {
     background: #02BC46;
     color: #fff;
     position: relative;
}
 .tabs__caption .active:after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
}
 .tabs__content {
     display: none;
     padding: 7px 15px;
     position: relative;
}
 .line_name_left {
     position: absolute;
     top: -4%;
     left: 35%;
}
 .line_name_right {
     position: absolute;
     top: -4%;
     right: 35%;
}
 .tabs__content.active {
     display: block;
}
 .vertical .tabs__caption {
     float: left;
     display: block;
}
 .vertical .tabs__caption li {
     float: none;
}
 .vertical .tabs__caption li:last-child:before {
     display: none;
}
 .vertical .tabs__caption .active:after {
     left: auto;
     top: 0;
     right: -2px;
     bottom: 0;
     width: 2px;
     height: auto;
}
 .vertical .tabs__content {
     overflow: hidden;
}
 @media screen and (max-width: 650px) {
     .tabs__caption li {
         -ms-flex: 1 0 auto;
         -webkit-box-flex: 1;
         flex: 1 0 auto;
    }
     .vertical .tabs__caption {
         float: none;
         display: -ms-flexbox;
         display: -webkit-box;
         display: flex;
    }
     .vertical .tabs__caption li {
         border-width: 2px 2px 0;
         border-radius: 5px 5px 0 0;
    }
     .vertical .tabs__caption li:last-child:before {
         display: block;
    }
     .vertical .tabs__caption .active:after {
         top: auto;
         bottom: -5px;
         left: 0;
         right: 0;
         width: auto;
         height: 5px;
         background: #FFF;
    }
}
/* Media */
 @media (min-width: 1600px) {
     .slide_to_left img {
         width: 160%;
    }
     .like_icon {
         top: 0%;
    }
}
 @media (max-width: 970px) {
     .no-time-picture img {
         width: 40vw;
    }
     .ssbol_bubbles {
         width: 100%;
    }
     .slide_to_left img {
         width: 350%;
    }
     .block_interest_text {
         width: 100%;
    }
     .note_09 {
         display: none;
    }
     .text_flex_01 {
         display: none;
    }
     .mobl {
         display: block;
    }
     .make-better {
         display: block;
         width: 100%;
    }
     .make-better img {
         width: 100%;
    }
     .make-better .text_flex {
         display: none;
    }
     .make-better .popup_pics {
         width: 90%;
         margin: 10% auto;
    }
     .popup-pic-02 {
         position: absolute;
         top: 16%;
         right: 5%;
         width: 20%;
    }
     .popup-pic-02 img{
         border-radius: 10px;
         border: 1px solid #E5E5E5;
    }
     .man_bg {
         width: 40%;
         bottom: -5%;
    }
     .help-touse {
         display: block;
         width: 100%;
    }
     .help-touse img {
         width: 90%;
    }
     .help-touse .text_flex {
         display: none;
    }
     .help-touse .popup_pics {
         width: 90%;
         margin: 0 auto;
    }
     .popup-pic-03 {
         width: 80%;
         right: 0;
         bottom: 0;
    }
     .block_interest_uncollect_note_item p {
         font-size: 12px;
    }
     .line {
         height: 30px;
    }
     .block_interest_uncollect_sum_item p {
         font-size: 12px;
    }
     .block_interest_uncollect_sum {
         margin-top: 20px;
    }
     .item_001 p {
         font-size: 12px;
    }
     .popup_media {
         width: 22%;
    }
     .block_like {
         display: none;
    }
     .block_share {
         display: none;
    }
     .block_like_child {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         width: 100%;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
    }
     .like_icon {
         right: 0;
         top: 15%;
         width: 20%;
    }
     .block_share {
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-box-orient: vertical;
         -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
         width: 90%;
    }
     .share_item_01 {
         width: 100%;
         margin: 0;
         padding: 0;
    }
     .share_item_02 {
         width: 100%;
         margin: 0;
         padding: 0;
    }
     .share_item_text {
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
    }
     .sn_text_01, .sn_text_02, .sn_text_03, .sn_text_04 {
         font-size: 12px;
    }
     .yellow_people {
         width: 80%;
    }
     .yellow_people_girl{
         width: 40%;
    }
     .yellow_people_man{
         width: 40%;
    }
     .yellow_people p{
         font-size: 12px;
    }
     .block_more_item_02, .block_more_item_03 {
         font-size: 12px;
    }
     .block_like_mobile {
         display: block;
    }
     .block_share_mobile {
         display: block;
    }
     .sn_text_04 p {
         top: -15%;
         left: -5%;
         width: 50%;
    }
}
 @media (max-width: 650px) {
     .line_name_left {
         top: -9%;
         left: 3%;
    }
     .line_name_right {
         top: -9%;
         right: 3%;
    }
}
 @media (max-width: 600px) {
     .color_block_desktop {
         display: none;
    }
     .color_block_mobile {
         display: block;
    }
     .block_interest_card_compile {
         min-height: 70vw;
    }
     .block_interest_uncollect_note_item p {
         font-size: 8px;
    }
     .line {
         height: 10px;
    }
     .block_interest_uncollect_sum_item p {
         font-size: 8px;
    }
     .block_interest_uncollect_sum {
         margin-top: 10px;
    }
     .item_001 p {
         font-size: 8px;
    }
     .note_01 {
         left: 3%;
    }
     .note_02 {
         right: 5%;
    }
     .man_bg {
         width: 60%;
         bottom: -5%;
    }
     .like_icon {
         display: none;
    }
     .sn_text_01, .sn_text_02, .sn_text_03, .sn_text_04 {
         font-size: 8px;
    }
     .yellow_people p{
         font-size: 12px;
    }
     .block_more {
         width: 90%;
    }
     .sn_text_04 p {
         top: -10%;
         left: -5%;
         width: 50%;
    }
     .no-time h3 {
         font-size: 150%;
    }
     .no-time-picture {
         margin-bottom: -7px;
    }
     .no-time-picture img {
         width: 60vw;
    }
}
/* Frames */
 @-webkit-keyframes shake_slow {
     from {
         -webkit-transform: translate(-10%, 20%);
         transform: translate(-10%, 20%) 
    }
     25% {
         -webkit-transform: translate(-9%, 19%);
         transform: translate(-9%, 19%) 
    }
     50% {
         -webkit-transform: translate(-10%, 21%);
         transform: translate(-10%, 21%) 
    }
     75% {
         -webkit-transform: translate(-11%, 20%);
         transform: translate(-11%, 20%) 
    }
     to {
         -webkit-transform: translate(-10%, 20%);
         transform: translate(-10%, 20%) 
    }
}
 @keyframes shake_slow {
     from {
         -webkit-transform: translate(-10%, 20%);
         transform: translate(-10%, 20%) 
    }
     25% {
         -webkit-transform: translate(-9%, 19%);
         transform: translate(-9%, 19%) 
    }
     50% {
         -webkit-transform: translate(-10%, 21%);
         transform: translate(-10%, 21%) 
    }
     75% {
         -webkit-transform: translate(-11%, 20%);
         transform: translate(-11%, 20%) 
    }
     to {
         -webkit-transform: translate(-10%, 20%);
         transform: translate(-10%, 20%) 
    }
}
 @-webkit-keyframes shake_slowly {
     from {
         -webkit-transform: translate(10%, 0%);
         transform: translate(10%, 0%) 
    }
     25% {
         -webkit-transform: translate(9%, -1%);
         transform: translate(9%, -1%) 
    }
     50% {
         -webkit-transform: translate(10%, 0%);
         transform: translate(10%, 0%) 
    }
     75% {
         -webkit-transform: translate(11%, 1%);
         transform: translate(11%, 1%) 
    }
     to {
         -webkit-transform: translate(10%, 0%);
         transform: translate(10%, 0%) 
    }
}
 @keyframes shake_slowly {
     from {
         -webkit-transform: translate(10%, 0%);
         transform: translate(10%, 0%) 
    }
     25% {
         -webkit-transform: translate(9%, -1%);
         transform: translate(9%, -1%) 
    }
     50% {
         -webkit-transform: translate(10%, 0%);
         transform: translate(10%, 0%) 
    }
     75% {
         -webkit-transform: translate(11%, 1%);
         transform: translate(11%, 1%) 
    }
     to {
         -webkit-transform: translate(10%, 0%);
         transform: translate(10%, 0%) 
    }
}
 @-webkit-keyframes shake_fast {
     from {
         -webkit-transform: translate(-15%, -13%);
         transform: translate(-15%, -13%) 
    }
     25% {
         -webkit-transform: translate(-14%, -12%);
         transform: translate(-14%, -12%) 
    }
     50% {
         -webkit-transform: translate(-15%, -10%);
         transform: translate(-15%, -10%) 
    }
     75% {
         -webkit-transform: translate(-16%, -13%);
         transform: translate(-16%, -13%) 
    }
     to {
         -webkit-transform: translate(-15%, -13%);
         transform: translate(-15%, -13%) 
    }
}
 @keyframes shake_fast {
     from {
         -webkit-transform: translate(-15%, -13%);
         transform: translate(-15%, -13%) 
    }
     25% {
         -webkit-transform: translate(-14%, -12%);
         transform: translate(-14%, -12%) 
    }
     50% {
         -webkit-transform: translate(-15%, -10%);
         transform: translate(-15%, -10%) 
    }
     75% {
         -webkit-transform: translate(-16%, -13%);
         transform: translate(-16%, -13%) 
    }
     to {
         -webkit-transform: translate(-15%, -13%);
         transform: translate(-15%, -13%) 
    }
}
 @-webkit-keyframes shake_faster {
     from {
         -webkit-transform: translate(5%, -20%);
         transform: translate(5%, -20%) 
    }
     25% {
         -webkit-transform: translate(6%, -20%);
         transform: translate(6%, -20%) 
    }
     50% {
         -webkit-transform: translate(6%, -21%);
         transform: translate(6%, -21%) 
    }
     75% {
         -webkit-transform: translate(5%, -19%);
         transform: translate(5%, -19%) 
    }
     to {
         -webkit-transform: translate(5%, -20%);
         transform: translate(5%, -20%) 
    }
}
 @keyframes shake_faster {
     from {
         -webkit-transform: translate(5%, -20%);
         transform: translate(5%, -20%) 
    }
     25% {
         -webkit-transform: translate(6%, -20%);
         transform: translate(6%, -20%) 
    }
     50% {
         -webkit-transform: translate(6%, -21%);
         transform: translate(6%, -21%) 
    }
     75% {
         -webkit-transform: translate(5%, -19%);
         transform: translate(5%, -19%) 
    }
     to {
         -webkit-transform: translate(5%, -20%);
         transform: translate(5%, -20%) 
    }
}
 @-webkit-keyframes fade_down_01_mob {
     from {
         -webkit-transform: translate(-10%, 20%) scale(1);
         transform: translate(-10%, 20%) scale(1);
         opacity: 1;
    }
     to {
         -webkit-transform: translate(7%, 505%) scale(1);
         transform: translate(7%, 505%) scale(1);
         opacity: 1;
    }
}
 @keyframes fade_down_01_mob {
     from {
         -webkit-transform: translate(-10%, 20%) scale(1);
         transform: translate(-10%, 20%) scale(1);
         opacity: 1;
    }
     to {
         -webkit-transform: translate(7%, 505%) scale(1);
         transform: translate(7%, 505%) scale(1);
         opacity: 1;
    }
}
 @-webkit-keyframes fade_down_02_mob {
     from {
         -webkit-transform: translate(10%, 0%) scale(1);
         transform: translate(10%, 0%) scale(1);
         opacity: 1;
    }
     to {
         -webkit-transform: translate(11%, 395%) scale(1);
         transform: translate(11%, 395%) scale(1);
         opacity: 1;
    }
}
 @keyframes fade_down_02_mob {
     from {
         -webkit-transform: translate(10%, 0%) scale(1);
         transform: translate(10%, 0%) scale(1);
         opacity: 1;
    }
     to {
         -webkit-transform: translate(11%, 395%) scale(1);
         transform: translate(11%, 395%) scale(1);
         opacity: 1;
    }
}
 @-webkit-keyframes fade_down_03_mob {
     from {
         -webkit-transform: translate(-15%, -13%) scale(1);
         transform: translate(-15%, -13%) scale(1);
         opacity: 1;
    }
     to {
         -webkit-transform: translate(0%, 330%) scale(1);
         transform: translate(0%, 330%) scale(1);
         opacity: 1;
    }
}
 @keyframes fade_down_03_mob {
     from {
         -webkit-transform: translate(-15%, -13%) scale(1);
         transform: translate(-15%, -13%) scale(1);
         opacity: 1;
    }
     to {
         -webkit-transform: translate(0%, 330%) scale(1);
         transform: translate(0%, 330%) scale(1);
         opacity: 1;
    }
}
 @-webkit-keyframes fade_down_04_mob {
     from {
         -webkit-transform: translate(5%, -20%) scale(1);
         transform: translate(5%, -20%) scale(1);
         opacity: 1;
    }
     to {
         -webkit-transform: translate(3%, 190%) scale(1);
         transform: translate(3%, 190%) scale(1);
         opacity: 1;
    }
}
 @keyframes fade_down_04_mob {
     from {
         -webkit-transform: translate(5%, -20%) scale(1);
         transform: translate(5%, -20%) scale(1);
         opacity: 1;
    }
     to {
         -webkit-transform: translate(3%, 190%) scale(1);
         transform: translate(3%, 190%) scale(1);
         opacity: 1;
    }
}