@font-face {
    font-family: Regular-font;
    src: url(../font/SourceSansPro/SourceSansPro-Regular.ttf);
}

@font-face {
    font-family: Bold-font;
    src: url(../font/SourceSansPro/SourceSansPro-Bold.ttf);
}

@font-face {
    font-family: Semi-bold-font;
    src: url(../font/SourceSansPro/SourceSansPro-SemiBold.ttf);
}

h1 {
    font-family: Regular-font;
}

h2 {
    font-family: Regular-font;
}

h3 {
    font-family: Regular-font;
}

h4 {
    font-family: Regular-font;
}

h5 {
    font-family: Regular-font;
}

h6 {
    font-family: Regular-font;
}

.active_menu_body {
    overflow: hidden !important;
}

.loading_site {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
    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;
    overflow: hidden;
}

.loading_site img {
    width: 200px;
}

.stick_main_rek {
    top: 125px !important;
}

.mt-site {
    margin-top: 20px;
}

.mb-site {
    margin-bottom: 20px;
}

.left_rek_banner {
    width: 160px;
    height: 100%;
    background-color: transparent;
    position: fixed;
    top: 214.5px;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transform: translate(-420%, 0%);
    transform: translate(-420%, 0%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 8px;
    overflow: hidden;
    height: 600px;
}

.left_rek_banner * {
    z-index: 7 !important;
}

.left_rek_banner a {
    display: block;
}

.left_rek_banner a img {
    width: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
}

.right_rek_banner {
    width: 160px;
    height: 100%;
    background-color: transparent;
    position: fixed;
    top: 214.5px;
    right: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transform: translate(420%, 0%);
    transform: translate(420%, 0%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 8px;
    overflow: hidden;
    height: 600px;
}

.right_rek_banner * {
    z-index: 7 !important;
}

.right_rek_banner a {
    display: block;
}

.right_rek_banner a img {
    width: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
}

.rek_header {
    width: 74%;
    height: 90px;
    display: block;
}

.rek_header img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.fix_reklam {
    position: fixed;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    max-width: 1000px;
    width: 100%;
    height: 85px;
    background-color: transparent;
    z-index: 100;
    overflow: hidden;
    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;
    border-radius: 8px;
}

.fix_reklam .desktop_mode {
    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;
    border-radius: 8px;
    overflow: hidden;
}

.fix_reklam .mobile_mode {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
}

.fix_reklam .close_rek {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #fff;
    width: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 100%;
}

.fix_reklam .close_rek img {
    width: 50%;
    height: 50%;
}

.fix_reklam a {
    width: 100%;
    height: 100%;
}

.fix_reklam a .element {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.mt-20 {
    margin-top: 20px;
}

.rek_baner_desktop {
    width: 100%;
    height: 130px;
    margin: 30px 0px;
    overflow: hidden;
    display: block;
    border-radius: 8px;
    overflow: hidden;
    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;
}

.rek_baner_desktop img {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.rek_baner_desktop_inside {
    height: 124px !important;
}

.rek_baner_mobile {
    display: none;
    margin: 20px 0px;
    width: 100%;
    height: 30vw;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.rek_baner_mobile img {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.rek_baner_mobile a,
.rek_baner_mobile * {
    width: 100%;
}

.rek_baner_mobile_inside {
    height: 26vw !important;
}

.red_color {
    color: #fa0e0e !important;
    display: inline-block !important;
}

.ramadan_small_image {
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    height: 355px;
    margin-top: 20px;
}

.ramadan_small_image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.hidden {
    display: none;
}

body {
    margin: 0px;
    background-color: #f0eff5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100vh;
}

body * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

button,
input,
textarea {
    border: none;
    background-color: transparent;
    padding: 0px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-tap-highlight-color: transparent;
}

button:focus,
input:focus,
textarea:focus {
    outline: none;
    border: none;
    background-color: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

div {
    -webkit-tap-highlight-color: transparent;
}

p,
span,
strong,
label,
select,
div,
a {
    -webkit-tap-highlight-color: transparent;
    font-family: Regular-font;
    margin: 0px;
    color: #000;
}

a {
    text-decoration: none;
    color: #000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

a:hover {
    color: #019ff8;
}

a:focus {
    outline: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#scrollTop {
    width: 33px;
    height: 21px;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    right: 20px;
    bottom: 15px;
    z-index: 20;
    display: none;
}

#scrollTop img {
    width: 80%;
    height: 80%;
}

.all_news_btn {
    width: 56px;
    height: 56px;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    right: 20px;
    bottom: 15px;
    z-index: 20;
    display: none;
}

.all_news_btn img {
    width: 100%;
    height: 100%;
}

.title_mp3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.title_mp3 .title {
    font-size: 16px;
    font-family: Semi-bold-font;
    padding-left: 15px;
    position: relative;
}

.title_mp3 .title::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 3px;
    height: 100%;
    background-color: #019ff8;
    border-radius: 8px;
}

.container {
    max-width: 1000px;
    display: block;
    margin: 0px auto;
}

.menu_site {
    position: fixed;
    z-index: 50;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    overflow: scroll;
}

.menu_site::-webkit-scrollbar {
    width: 0px;
    display: none;
}

.menu_site .container {
    padding: 0px;
    position: relative;
}

.menu_site .container .active_menu {
    -webkit-transform: translateX(0px) !important;
    transform: translateX(0px) !important;
}

.menu_site .container .menu {
    padding-top: 135px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    display: inline-block;
    height: 100%;
    width: 240px;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateX(-70vw);
    transform: translateX(-70vw);
}

.menu_site .container .menu .mobile_live_apa {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 15px;
    margin-bottom: 20px;
    padding-left: 15px;
}

.menu_site .container .menu .mobile_live_apa img {
    width: 16px;
    height: 12px;
    margin-right: 15px;
}

.menu_site .container .menu .mobile_live_apa span {
    font-size: 16px;
    font-family: Semi-bold-font;
}

.menu_site .container .menu::before {
    content: "";
    background-color: #fff;
    position: absolute;
    top: 0px;
    width: 70vw;
    height: 100%;
    right: 239px;
}

.menu_site .container .menu .links {
    width: auto;
    padding: 0px;
    margin: 0px;
    padding-left: 1px;
    list-style: none;
}

.menu_site .container .menu .links .active_navbar a {
    color: #019ff8;
}

.menu_site .container .menu .links li {
    margin-bottom: 20px;
}

.menu_site .container .menu .links li a {
    text-transform: uppercase;
    font-family: Semi-bold-font;
    font-size: 17px;
}

.menu_site .container .menu .emojis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #f5f5f5;
    padding-top: 20px;
}

.menu_site .container .menu .emojis a {
    width: 26px;
    height: 27px;
    margin-right: 25px;
    margin-bottom: 20px;
}

.menu_site .container .menu .emojis a img {
    width: 100%;
    height: 100%;
}

.menu_site .container .menu .copyright {
    font-size: 12px;
    margin: 25px 0px;
    padding-right: 20px;
}

.menu_site .container .menu .social_icons {
    padding: 20px 20px 20px 0px;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    list-style: none;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.menu_site .container .menu .social_icons li:not(:last-child) {
    margin-right: 16px;
}

.menu_site .container .menu .social_icons li .fb {
    width: 9.52px;
    height: 18.68px;
}

.menu_site .container .menu .social_icons li .insta {
    width: 18.94px;
    height: 18.68px;
}

.menu_site .container .menu .social_icons li .twitter {
    width: 18.68px;
    height: 15.22px;
}

.menu_site .container .menu .social_icons li .youtube {
    width: 18.68px;
    height: 13.08px;
}

.menu_site .container .menu .social_icons li .telegram {
    width: 18.68px;
    height: 16.35px;
}

.menu_site .container .menu .social_icons li .rss {
    width: 16.35px;
    height: 16.35px;
}

.menu_site .container .info_bar {
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 75px;
}

.menu_site .container .info_bar .weather {
    color: #fff;
    width: 60px;
    padding: 0px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.menu_site .container .info_bar .weather img {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0px auto;
}

.menu_site .container .info_bar .weather span {
    text-align: center;
    font-size: 14px;
    font-family: Semi-bold-font;
    display: block;
    margin-top: 10px;
    color: #fff;
}

.menu_site .container .info_bar .info_items {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    top: 335px;
    right: -106px;
}

.menu_site .container .info_bar .info_items a {
    font-size: 14px;
    font-family: Semi-bold-font;
    color: #fff;
}

.menu_site .container .info_bar .info_items a:not(:last-child) {
    margin-right: 20px;
}

.menu_site .container .info_bar .info_items a span {
    margin-left: 8px;
    color: #fff;
}

.description_down {
    background-color: #f9f9f9;
    font-size: 14px;
    color: #81858a;
    padding: 10px;
}

.search_panel {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    z-index: 20;
    top: 0px;
    left: 0px;
    display: none;
}

.search_panel .search_block {
    position: relative;
    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;
    width: 100%;
    height: 100%;
}

.search_panel .search_block .block_in {
    padding: 20px 20px 40px 20px;
    background-color: #fff;
    border-radius: 8px;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25%;
}

.search_panel .search_block .block_in .logo {
    width: 116.55px;
    height: 37px;
    margin-bottom: 30px;
}

.search_panel .search_block .block_in form {
    width: 100%;
}

.search_panel .search_block .block_in form .input {
    width: 100%;
    height: 50px;
    border-radius: 8px;
    border: 1px solid #d4e6f8;
    background: #e7edf3;
    margin-bottom: 20px;
}

.search_panel .search_block .block_in form .input input {
    width: 72%;
    padding-left: 15px;
    font-size: 16px;
}

.search_panel .search_block .block_in form .input input:-webkit-autofill,
.search_panel .search_block .block_in form .input input:-webkit-autofill:hover,
.search_panel .search_block .block_in form .input input:-webkit-autofill:focus,
.search_panel .search_block .block_in form .input input:-webkit-autofill:active,
.search_panel .search_block .block_in form .input input:-webkit-autofill:valid {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}

.search_panel .search_block .block_in form .input input,
.search_panel .search_block .block_in form .input select {
    width: 100%;
    height: 100%;
    padding: 0px 20px;
    font-size: 17px;
}

.search_panel .search_block .block_in form .btn_search {
    background-color: #019ff8;
    border-radius: 8px;
    width: 100%;
    height: 50px;
    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;
    padding: 0px 20px;
    position: relative;
}

.search_panel .search_block .block_in form .btn_search span {
    font-family: Semi-bold-font;
    font-size: 16px;
    color: #fff;
}

.search_panel .search_block .block_in form .btn_search svg {
    position: absolute;
    right: 20px;
    top: 18px;
    width: 16px;
    height: 16px;
}

.search_panel .search_block .block_in form .btn_search svg path {
    fill: #fff;
}

.lg-backdrop {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.lg-img-wrap {
    width: 60% !important;
    height: 40vw !important;
    background-color: transparent !important;
    margin: 0px auto !important;
    top: 47px !important;
}

.lg-outer .lg-image {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    border-radius: 8px;
}

.lg-sub-html {
    background-color: transparent !important;
    color: #fff !important;
    font-size: 12px;
    text-align: left !important;
    font-family: Regular-font !important;
    top: 44vw !important;
    width: calc(60% - 10px) !important;
    bottom: auto !important;
    margin: 0px auto !important;
    border-radius: 0px 0px 8px 8px;
    padding: 0px !important;
}

.lg-outer * {
    color: #999;
}

#modal {
    display: none;
    position: relative;
    z-index: 999999;
}

#modal .modal_center {
    width: 100%;
    height: 100%;
    z-index: 9999999;
    position: fixed;
    top: 0px;
    left: 0px;
    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;
    background-color: rgba(0, 0, 0, 0.8);
    overflow-y: scroll;
}

#modal .modal_center::-webkit-scrollbar {
    display: none;
    width: 0px;
}

#modal .modal_center .modal_inner {
    width: 30%;
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
}

#modal .modal_center .modal_inner .modal_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

#modal .modal_center .modal_inner .modal_header h3 {
    margin: 0px;
    font-size: 18px;
    font-family: Semi-bold-font;
    text-transform: uppercase;
}

#modal .modal_center .modal_inner .modal_header .close {
    width: 16px;
    height: 16px;
}

#modal .modal_center .modal_inner .modal_header .close img {
    width: 100%;
    height: 100%;
}

#modal .modal_center .modal_inner .border_body {
    border: 1px solid #e3e4e7;
}

#modal .modal_center .modal_inner .modal_body {
    padding: 20px;
    border-radius: 8px;
}

#modal .modal_center .modal_inner .modal_body .love_modal {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#modal .modal_center .modal_inner .modal_body .love_modal .icn {
    width: 92px;
    height: 84px;
}

#modal .modal_center .modal_inner .modal_body .love_modal .text {
    font-family: Semi-bold-font;
    font-size: 18px;
    margin: 20px 0px;
    color: rgba(86, 86, 123, 0.8);
    max-width: 70%;
    text-align: center;
}

#modal .modal_center .modal_inner .modal_body .love_modal .close_modal {
    width: 100%;
    background-color: #019ff8;
    color: #fff;
    border-radius: 8px;
    padding: 0px 20px;
    height: 50px;
}

#modal .modal_center .modal_inner .modal_body .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#modal .modal_center .modal_inner .modal_body .item:not(:last-child) {
    margin-bottom: 15px;
}

#modal .modal_center .modal_inner .modal_body .item h5 {
    margin: 0px;
    font-size: 15px;
    font-family: Semi-bold-font;
}

#modal .modal_center .modal_inner .modal_body .item span {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.6);
}

#modal .modal_center .modal_inner .modal_body .smile {
    width: 73px;
    height: 73px;
    margin: 0px auto 15px auto;
    display: block;
}

#modal .modal_center .modal_inner .modal_body .test_result_count {
    font-size: 18px;
    text-align: center;
}

#modal .modal_center .modal_inner .modal_body .test_result {
    font-family: Bold-font;
    font-size: 24px;
    text-align: center;
    border: 1px solid #e3e4e7;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
}

#modal .modal_center .modal_inner .modal_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#modal .modal_center .modal_inner .modal_footer span {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
    margin: 15px;
}

#modal .modal_center .modal_inner .modal_footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 222px;
}

#modal .modal_center .modal_inner .modal_footer ul li a img {
    width: 30px;
    height: 30px;
}

#modal .modal_center .ring_info_modal .modal_header .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#modal .modal_center .ring_info_modal .modal_header .left h3 {
    font-family: Semi-bold-font;
    font-size: 18px;
}

#modal .modal_center .ring_info_modal .modal_header .left img {
    width: 24px;
    height: 24px;
    margin-right: 20px;
}

#modal .modal_center .ring_info_modal .modal_body {
    padding: 0px;
}

#modal .modal_center .ring_info_modal .modal_body .content {
    font-size: 16px;
    line-height: 24px;
}

#modal .modal_center .ring_info_modal .modal_footer .close_modal {
    width: 100%;
    height: 50px;
    border-radius: 8px;
    color: #fff;
    background-color: #8a4ad2;
    margin-top: 30px;
}

.popup {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.8);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}

.popup .close {
    background: url(../images/icons/close.svg) right center no-repeat;
    width: 16px;
    height: 16px;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1 !important;
}

.popup.show {
    display: flex !important;
    align-items: flex-start;
    padding-top: 213px;
}

.popup.show.animate {
    opacity: 1;
}

.popup.show.animate > div {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.popup .popup_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.popup .popup_header h4 {
    font-size: 24px;
    line-height: 30px;
    font-family: Semi-bold-font;
    margin: 11px 0 0 0;
}

.popup > .popup_inner {
    width: 496px;
    background: #fff;
    position: relative;
    border-radius: 8px;
    padding: 17px 40px 40px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.popup_page {
    text-align: center;
}

.popup_page .success_btn {
    background: #019ff8;
    height: 40px;
    padding: 0 40px;
    color: #fff;
    border-radius: 8px;
    margin-top: 70px;
}

.popup .content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.popup .content .text {
    font-size: 18px;
    line-height: 23px;
    font-family: Semi-bold-font;
    text-align: center;
    margin: 30px 0 23px;
    color: rgba(86, 86, 123, 0.8);
}

.popup .content .btn_close {
    background: #019FF8;
    border-radius: 6px;
    color: #fff;
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 20px;
    font-family: Semi-bold-font;
    text-transform: uppercase;
}

.popup .content img {
    width: 64px;
}

.popup_form .popup_inner {
    padding: 33px 40px 40px;
}

.popup_form button.close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.popup_header h3 {
    color: #333;
    font-size: 20px;
    font-family: Bold-font;
    display: flex;
    align-items: center;
    margin: 0;
}

.popup_header h3::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 3px;
    background: #019FF8;
    transform: rotate(-90deg);
}

.popup form {
    width: 100%;
}

.popup form .input {
    width: 100%;
    position: relative;
}

.popup form .input input {
    width: 100%;
    height: 50px;
    background: #E7EDF3;
    border: 1px solid #D4E6F8;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 0 15px;
    font-size: 14px;
}

.popup form .btn_submit,
.settings form .btn_submit {
    height: 50px;
    width: 100%;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Semi-bold-font;
}

.popup form .btn_submit {
    background: url(../images/icons/arrow_right.svg) 95% center no-repeat #019FF8 !important;
}

.settings form .btn_submit {
    background: #019FF8;
}

.popup form .form_down a:first-child {
    height: 50px;
    width: 100%;
    color: #019FF8;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #019FF8;
    border-radius: 6px;
    font-size: 14px;
    font-family: Semi-bold-font;
}

form .form_row {
    display: flex;
    justify-content: space-between;
}

form .form_row .input {
    width: 48%;
}

.rc-anchor-light.rc-anchor-normal {
    border: none !important;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}

.popup form .text_bind {
    color: #333;
    font-size: 14px;
    font-family: Semi-bold-font;
    display: block;
    text-align: center;
    margin-top: 17px;
}

.popup .form_down {
    text-align: center;
}

.popup form .forgot_pass {
    color: #333;
    font-size: 14px;
    display: inline-block;
    font-family: Semi-bold-font;
    text-decoration: underline;
    margin-top: 29px;
}

.password_popup .popup_header {
    flex-direction: column;
}

.password_popup .popup_header h3 {
    font-size: 16px;
}

.password_popup .popup_header h3::before {
    content: none;
}

.password_popup .popup_header span {
    font-size: 12px;
    display: block;
    color: #787878;
    margin-top: 10px;
    text-align: center;
    font-family: Regular-font;
}

.nav_right .dropdown.logged_in .dropdown_in a:first-child {
    border-bottom: 0;
}

.nav_right .dropdown.logged_in .dropdown_in {
    transform: translate(-77%, 12%);
}

body .dropdown {
    position: relative;
}

body .dropdown .dropdown_in {
    position: absolute;
    top: 25px;
    left: 0px;
    z-index: 99;
    border-radius: 5px;
    padding: 6px;
    background-color: #fff;
    display: none;
}

body header .dropdown .btn_drop img {
    width: 16px;
    height: 16px;
}

body header .dropdown .dropdown_in,
.musics_block .dropdown_in {
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    padding: 10px 20px;
    top: 28px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    min-width: 257px;
}

body header .dropdown .dropdown_in::before,
.musics_block .dropdown_in::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0px;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}


.nav_right .dropdown .dropdown_in {
    position: absolute;
    top: 25px;
    right: 0;
    left: 100% !important;
    width: auto;
    z-index: 99;
    border-radius: 8px;
    padding: 6px;
    background-color: #fff;
    display: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.nav_right .dropdown .btn_drop img {
    width: 16px;
    height: 16px;
}

.nav_right .dropdown .dropdown_in {
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    padding: 6px 20px;
    top: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-77%, 24%);
    min-width: 200px;
}

.nav_right .dropdown .dropdown_in::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0px;
    left: 73%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.nav_right .dropdown .dropdown_in a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 10px 30px 10px 0px;
    font-size: 14px;
    font-family: Semi-bold-font;
    position: relative;
}

.nav_right .dropdown .dropdown_in a:first-child {
    border-bottom: 1px solid #eee;
    margin: 0 -21px;
    padding: 10px 21px;
}

.mp3_page .mp3_nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 8px;
    padding: 20px 18px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.mp3_page .mp3_nav .download {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    background: #30A961;
    box-shadow: 0px 4px 4px rgba(127, 182, 149, 0.5);
    border-radius: 8px;
}

.mp3_page .mp3_nav .download span {
    display: inline-block;
    color: #fff;
    margin-left: 14px;
    font-size: 16px;
    font-family: Semi-bold-font;
}

.form .input {
    width: 100%;
    position: relative;
}

.form .input input,
.form .input select {
    width: 100%;
    height: 50px;
    background: #E7EDF3;
    border: 1px solid #D4E6F8;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 0 15px;
    font-size: 14px;
}

.form .input select {
    background-image: url(../images/icons/date_artrow.svg);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
}

.form .input input::placeholder {
    color: rgba(51, 51, 51, 0.3);
}

.form .input select option[data-default] {
    color: #888;
}

.mp3_page .form .input {
    display: flex;
    width: auto;
}

.mp3_page .form .input input {
    height: 40px;
    max-width: 241px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.mp3_page .form .input button {
    background: #019FF8;
    border-radius: 6px;
    min-width: 160px;
    height: 40px;
    color: #fff;
    margin-left: 20px;
    font-size: 16px;
    font-family: Semi-bold-font;
}

.musics_block {
    background: #fff;
    border-radius: 8px;
    padding: 17px 17px 0;
}

.musics_block .block_header .delete_chosen {
    font-size: 16px;
    font-family: Regular-font;
    text-decoration: underline;
}

.musics_block .block_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.musics_block .items_nav {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(231, 237, 243, 0.5);
    border-radius: 8px;
    margin-top: 30px;
    padding: 0 20px;
}

.musics_block .dropdown_in {
    right: 0 !important;
    left: 58% !important;
    top: 35px !important;
}

.musics_block .dropdown_in::before {
    left: 76%;
}

.items_nav .left {
    display: flex;
    width: 50%;
}

.items_nav .left > div {
    color: #979696;
    font-size: 14px;
    font-family: Regular-font;
}

.items_nav > div {
    width: 25%;
    color: #979696;
    font-size: 14px;
    font-family: Regular-font;
}

.musics_block .name {
    min-width: 350px;
}

.musics_block .img {
    width: 56px;
    margin-right: 25px;
    margin-left: 18px;
}

.musics_block .img img {
    width: 56px;
    height: 56px;
    background-color: #eee;
    border-radius: 8px;
}

.musics_block .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px 15px 0;
}

.musics_block .item:not(:last-child) {
    border-bottom: 1px solid #E7EDF3;
}

.musics_block .item .name {
    color: #333;
    font-size: 16px;
    font-family: Semi-bold-font;
}

.musics_block .item .left {
    display: flex;
    align-items: center;
    width: 50%;
}

.musics_block .item > div {
    width: 25%;
    color: #333;
    font-size: 16px;
    font-family: Semi-bold-font;
}

.musics_block .edit {
    text-align: right;
}

.musics_block .edit .dropdown {
    display: block !important;
}

.dropdown.logged_in {
    display: flex;
    align-items: center;
}

.dropdown.logged_in .dropdown_in {
    min-width: 158px !important;
    padding: 17px 20px;
}

.dropdown.logged_in span {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-family: Regular-font;
}

.top_right .dropdown.logged_in button img {
    width: 10px !important;
    margin-left: 10px;
}


.dropdown.logged_in a,
.dropdown.logged_in .dropdown_in button {
    display: flex;
    font-size: 14px;
    font-family: Regular-font;
    cursor: pointer;
}

.dropdown.logged_in a:hover,
.dropdown.logged_in .dropdown_in button:hover {
    color: #019FF8;
}

.dropdown.logged_in a:not(:last-child),
.dropdown.logged_in .dropdown_in button:not(:last-child) {
    padding-bottom: 20px;
}

.dropdown.logged_in a img,
.dropdown.logged_in .dropdown_in button img {
    margin-right: 15px;
}

.checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox .checkbox-label {
    font-family: Regular-font;
    font-size: 16px;
    margin-left: 15px;
}

.checkbox .checkbox-label .link {
    color: #30A961;
}

.checkbox input[type=checkbox] {
    -webkit-appearance: none;
    position: absolute;
    opacity: 0;
}

.checkbox input[type=checkbox]:checked ~ .checkbox-control {
    border-color: #30A961;
    background-color: #30A961;
}

.checkbox-control {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #CAC9CF;
}

.checkbox-control,
.checkbox-control:after {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.checkbox-control:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    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;
    width: 100%;
    height: 100%;
    background: url(../images/icons/check1.svg) center no-repeat;
}

.settings {
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 43px 20px;
    margin-bottom: 60px;
}

.settings form {
    max-width: 460px;
    margin: auto;
}

.settings h3 {
    color: #62676B;
    font-size: 20px;
    font-family: Semi-bold-font;
    display: block;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
}

.settings .birth_date input {
    background: url(../images/icons/calendar-birth.svg) 94% center no-repeat #E7EDF3;
}

.ui-datepicker {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
    display: none;
    padding: 1em;
}

.ui-datepicker-calendar a {
    color: inherit;
    text-decoration: none;
}

.ui-datepicker-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1em;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    cursor: pointer;
}

.ui-datepicker-next {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {
    background-image: url("https://cdn.rawgit.com/marcobiedermann/playground/3027274a/ui/datepicker/jquery-ui-datepicker/dist/assets/images/datepicker-arrows.svg");
    background-repeat: no-repeat;
    background-size: 300%;
    display: inline-block;
    height: 1em;
    overflow: hidden;
    text-indent: -999px;
    width: 1em;
}

.ui-datepicker-prev:hover .ui-icon-circle-triangle-w {
    background-position: -1em 0;
}

.ui-datepicker-prev.ui-state-disabled .ui-icon-circle-triangle-w {
    background-position: -2em 0;
}

.ui-datepicker-next .ui-icon-circle-triangle-e {
    background-position: 0 -1em;
}

.ui-datepicker-next:hover .ui-icon-circle-triangle-e {
    background-position: -1em -1em;
}

.ui-datepicker-nextui-state-disabled .ui-icon-circle-triangle-e {
    background-position: -2em -1em;
}

.ui-datepicker-title {
    font-size: 1.5rem;
    font-family: Semi-bold-font;
    width: 70%;
    display: flex;
    justify-content: space-between;
}

.ui-datepicker-title select {
    min-width: 48%;
    font-size: 14px !important;
    font-weight: 700;
    color: #000;
    margin: 0 6px !important;
    border: 1px solid #e5e5e5;
    padding: 4px 15px 4px 4px;
}

.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
    text-align: center;
}

.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
    background-color: #f6f6f6;
    display: block;
    padding: 7px 10px;
}

.ui-datepicker-calendar .ui-datepicker-unselectable {
    color: #c8c8ca;
}

.ui-datepicker-calendar .ui-datepicker-today a,
.ui-datepicker-calendar .ui-datepicker-today span {
    color: #fff;
    background: #019ff8 !important;
    border-color: #019ff8 !important;
    font-family: Bold-font;
}

.ui-datepicker-calendar .ui-datepicker-current-day a {
    background-color: #019ff8;
    color: #fff;
    font-family: Bold-font;
}

.ui-datepicker-buttonpane {
    margin-top: 1em;
}

.ui-datepicker-buttonpane button {
    background-color: #484a4e;
    color: #fff;
    font-size: 0.75rem;
    padding: 0.25em 0.5em;
}

.ui-datepicker-buttonpane button + button {
    margin-left: 0.5em;
}

.terms_block {
    padding: 40px 50px;
    background: #fff;
    border-radius: 8px;
}

.terms_block p {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 24px;
    font-family: Regular-font;
}

.terms_block p:last-child {
    margin-bottom: 0;
}

.sticky {
    position: fixed !important;
    top: 0px !important;
}

#header {
    top: 91px;
    position: absolute;
}

@-webkit-keyframes anime_news {
    0% {
        color: #000;
    }

    100% {
        color: #019ff8;
    }
}

@keyframes anime_news {
    0% {
        color: #000;
    }

    100% {
        color: #019ff8;
    }
}

#ad_ph_2 {
    width: 100% !important;
}

select {
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    background: transparent;
    background-image: url(../images/icons/date_artrow.svg);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
    cursor: pointer;
    border: none;
}

select:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bold_text {
    font-family: Bold-font;
    color: #000;
}

.links_block {
    list-style: none;
    padding: 0px;
}

.links_block.red li * {
    color: #c01212 !important;
}

.links_block.red li::before {
    background-color: #c01212 !important;
}

.links_block.blue li * {
    color: #374bff !important;
}

.links_block.blue li::before {
    background-color: #374bff !important;
}

.links_block li {
    padding-left: 18px;
    position: relative;
}

.links_block li:hover a {
    color: #019ff8 !important;
}

.links_block li:hover::before {
    background-color: #019ff8;
}

.links_block li:hover .red_color {
    color: #fa0e0e !important;
}

.links_block li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 6px;
    height: 6px;
    background-color: #000;
    border-radius: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.links_block li * {
    font-size: 16px;
    font-family: Semi-bold-font;
    text-decoration: underline;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

header {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 99;
    width: 100%;
    height: 105px;
    background-color: #fff;
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}

header::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    right: 0;
    background-color: #019ff8;
    height: 38px;
    width: 40%;
}

header .top_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 38px;
}

header .top_section ul {
    padding: 0px;
    margin-left: 190px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 38px;
    background-color: #019ff8;
    padding-left: 50px;
    border-radius: 0px 0px 0px 40px;
}

header .top_section ul li {
    margin-right: 42px;
}

header .top_section ul li:last-child a img {
    width: 18px;
    height: 18px;
}

header .top_section ul li a {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    line-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .top_section ul li a img {
    width: 7px;
    height: 11px;
    margin-right: 15px;
}

header .top_section ul li a span {
    color: #fff;
}

header .top_section .live {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .top_section .live img {
    width: 21px;
    height: 15px;
    margin-right: 15px;
}

header .top_section .live span {
    font-size: 16px;
    color: #fff;
}

header .top_section .top_right {
    display: flex;
}

header .top_section .top_right button {
    color: #B9E6FF;
    font-size: 14px;
    display: flex;
    align-items: center;
    font-family: Semi-bold-font;
}

.nav_right .dropdown {
    display: none;
}

.login_btn::after {
    content: "";
    width: 1px;
    height: 14px;
    background: #fff;
    display: block;
    margin: 0 17px;
}

header .top_section .top_right .live {
    margin-left: 25px;
}

header .navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 0px;
    position: relative;
}

header .navbar .mobile_logo {
    display: none;
}

header .navbar .mobile_logo img {
    width: 80px;
    height: 25px;
}

header .navbar .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 170px;
    margin-right: 70px;
}

header .navbar .logo #menu_btn {
    width: 20px;
    height: 20px;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}

header .navbar .logo #menu_btn span {
    display: block;
    position: absolute;
    height: 2px;
    width: 20px;
    background: #019ff8;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

header .navbar .logo #menu_btn span:nth-child(1) {
    top: 0px;
}

header .navbar .logo #menu_btn span:nth-child(2) {
    top: 8px;
    width: 15px;
}

header .navbar .logo #menu_btn span:nth-child(3) {
    top: 8px;
    width: 15px;
}

header .navbar .logo #menu_btn span:nth-child(4) {
    top: 16px;
}

header .navbar .logo #menu_btn.open span:nth-child(1) {
    top: 16px;
    width: 0%;
    left: 50%;
}

header .navbar .logo #menu_btn.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px;
}

header .navbar .logo #menu_btn.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 20px;
}

header .navbar .logo #menu_btn.open span:nth-child(4) {
    top: 16px;
    width: 0%;
    left: 50%;
}

header .navbar .logo img {
    width: 116px;
    height: 37px;
}

header .navbar ul {
    padding: 0px;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
}

header .navbar ul .active_navbar a {
    color: #019ff8;
}

header .navbar ul li {
    margin-right: 40px;
}

header .navbar ul li:first-child a {
    -webkit-animation: anime_news 500ms infinite;
    animation: anime_news 500ms infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

header .navbar ul li a {
    font-family: Semi-bold-font;
    font-size: 15px;
    text-transform: uppercase;
}

header .navbar .active_search .circle {
    opacity: 0;
}

header .navbar .active_search .line1 {
    right: -1px !important;
    bottom: 7px !important;
    width: 100% !important;
}

header .navbar .active_search .line2 {
    opacity: 1 !important;
}

header .navbar #search_btn {
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 1px;
    right: 0px;
}

header .navbar #search_btn .circle {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    border-radius: 50%;
    display: block;
}

header .navbar #search_btn .line1 {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 5px;
    height: 1px;
    background: #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

header .navbar #search_btn .line2 {
    position: absolute;
    top: 8px;
    left: 1px;
    width: 100%;
    height: 1px;
    background: #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
}

main {
    padding-top: 110px;
    min-height: 55vh;
}

main .music_info_player {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .music_info_player:not(:last-child) {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e7edf3;
}

main .music_info_player .img {
    width: 122px;
    height: 122px;
    border-radius: 8px;
    overflow: hidden;
}

main .music_info_player .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

main .music_info_player .info_player {
    width: 75%;
}

main .music_info_player .info_player .head .player_action_info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .music_info_player .info_player .head .player_action_info .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

main .music_info_player .info_player .head .player_action_info .info .action_music {
    width: 36px;
    height: 36px;
    background-image: url(../images/icons/play_music.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 15px;
}

main .music_info_player .info_player .head .player_action_info .info .pause {
    background-image: url(../images/icons/pause_musics.svg);
}

main .music_info_player .info_player .head .player_action_info .info .name .singer_name {
    color: rgba(0, 0, 0, 0.4);
    font-family: Semi-bold-font;
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}

main .music_info_player .info_player .head .player_action_info .info .name .song_name {
    font-family: Semi-bold-font;
    font-size: 14px;
    display: block;
}

main .music_info_player .info_player .head .player_action_info .info .name a.song_name {
    cursor: pointer;
}

main .music_info_player .info_player .head .player_action_info .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

main .music_info_player .info_player .head .player_action_info .date span {
    color: #a8a8a8;
    font-size: 12px;
    font-family: Semi-bold-font;
}

main .music_info_player .info_player .head .player_action_info .date svg {
    width: 10px;
    height: 9px;
    margin-right: 5px;
}

main .music_info_player .info_player .head .player_action_info .date svg path {
    fill: #a8a8a8;
}

main .music_info_player .info_player .foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #e1e0ec;
}

main .music_info_player .info_player .foot .left {
    width: 48%;
}

main .music_info_player .info_player .foot .left .small_actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

main .music_info_player .info_player .foot .left .small_actions .btn_action_small {
    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;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 0px 10px;
    height: 24px;
    min-width: 64px;
    overflow: hidden;
    color: #a8a8a8;
    font-family: Semi-bold-font;
    font-size: 12px;
}

main .music_info_player .info_player .foot .left .small_actions .btn_action_small:not(:last-child) {
    margin-right: 10px;
}

main .music_info_player .info_player .foot .left .small_actions .btn_action_small svg {
    width: 9px;
    height: 9px;
    margin-right: 7px;
}

main .music_info_player .info_player .foot .left .small_actions .btn_action_small svg path {
    fill: #a8a8a8;
}

main .music_info_player .info_player .foot .right {
    width: 48%;
}

main .music_info_player .info_player .foot .right .count_actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

main .music_info_player .info_player .foot .right .count_actions .count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

main .music_info_player .info_player .foot .right .count_actions .count:not(:last-child) {
    margin-right: 10px;
}

main .music_info_player .info_player .foot .right .count_actions .count span {
    color: #a8a8a8;
    font-family: Semi-bold-font;
    font-size: 12px;
}

main .music_info_player .info_player .foot .right .count_actions .count svg {
    width: 9px;
    height: 9px;
    margin-right: 7px;
}

main .music_info_player .info_player .foot .right .count_actions .count svg path {
    fill: #a8a8a8;
}

main .tabs_content .active_tab_content {
    display: block !important;
}

main .tabs_content .tab {
    display: none;
}

main .five_columns_mp3_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

main .five_columns_mp3_items .item {
    width: 170px;
}

main .five_columns_mp3_items .item:not(:nth-child(5n + 5)) {
    margin-right: 27px;
}

main .five_columns_mp3_items .item:not(:nth-last-child(-n + 5)) {
    margin-bottom: 30px;
}

main .five_columns_mp3_items .item .img {
    width: 100%;
    height: 170px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

main .five_columns_mp3_items .item .img .photo {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

main .five_columns_mp3_items .item .img:hover .overlay {
    opacity: 1;
}

main .five_columns_mp3_items .item .img .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    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;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
}

main .five_columns_mp3_items .item .img .overlay img {
    width: 46px;
    height: 56px;
}

main .five_columns_mp3_items .item .content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
    margin-top: 15px;
}

main .three_columns_item_mp3 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

main .three_columns_item_mp3 .item {
    width: 310px;
}

main .three_columns_item_mp3 .item:not(:nth-child(3n + 3)) {
    margin-right: 15px;
}

main .three_columns_item_mp3 .item:not(:nth-last-child(-n + 3)) {
    margin-bottom: 30px;
}

main .three_columns_item_mp3 .item img {
    width: 100%;
    height: 200px;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0px auto;
    border: 1px solid #e6e5ea;
}

main .three_columns_item_mp3 .item .content {
    width: 96%;
    margin: 0px auto;
}

main .three_columns_item_mp3 .item .content .title {
    font-family: Semi-bold-font;
    font-size: 16px;
    margin: 10px 0px 5px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

main .three_columns_item_mp3 .item .content .date {
    color: #9d9d9d;
    font-size: 12px;
}

main .weather_card {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 40px 35px;
}

main .weather_card .navbar_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 40px;
    left: 28%;
    width: 30%;
}

main .weather_card .navbar_card .active_btn {
    background-color: #fff !important;
    border-color: #019ff8 !important;
    color: #000 !important;
}

main .weather_card .navbar_card .btn_weather {
    width: 48%;
    height: 40px;
    border-radius: 8px;
    background-color: #f0eff5;
    border: 1px solid #f0eff5;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding: 0px 20px;
    color: #404040;
}

main .weather_card .navbar_card .btn_weather:not(:last-child) {
    margin-right: 10px;
}

main .weather_card .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .weather_card .content .bold_text {
    font-family: Bold-font;
    color: #000;
}

main .weather_card .content .left {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 20%;
}

main .weather_card .content .left .name {
    font-family: Semi-bold-font;
    font-size: 24px;
    color: #000;
}

main .weather_card .content .left .description {
    font-size: 16px;
    font-family: Regular-font;
    color: #959dad;
}

main .weather_card .content .left .icn {
    width: 56px;
    height: 56px;
    margin: 12px 0px;
}

main .weather_card .content .left .degree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

main .weather_card .content .left .degree .bold_text {
    font-size: 32px;
    line-height: 30px;
}

main .weather_card .content .left .degree .c {
    font-size: 15px;
}

main .weather_card .content .left .info {
    color: rgba(26, 26, 26, 0.7);
    font-size: 14px;
    font-family: Semi-bold-font;
    margin-top: 5px;
}

main .weather_card .content .center {
    width: 38%;
    padding-top: 80px;
}

main .weather_card .content .center .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

main .weather_card .content .center .items .item {
    width: 47%;
}

main .weather_card .content .center .items .item:not(:nth-last-child(-n + 2)) {
    margin-bottom: 20px;
}

main .weather_card .content .center .items .item .light_text {
    color: #959dad;
    font-size: 14px;
}

main .weather_card .content .center .items .item .light_text .bold_text {
    margin-left: 5px;
}

main .weather_card .content .right {
    width: 28%;
}

main .weather_card .content .right .items {
    background: -webkit-gradient(linear, left top, right top, color-stop(4.49%, #019ff8), color-stop(77.56%, #5ac2fd));
    background: linear-gradient(90deg, #019ff8 4.49%, #5ac2fd 77.56%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 14px;
    width: 100%;
    padding: 0px 20px;
}

main .weather_card .content .right .items .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-self: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    padding: 15px 10px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

main .weather_card .content .right .items .item:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-box-shadow: -2px -2px 10px rgba(85, 126, 223, 0.15), 2px 2px 10px rgba(85, 126, 223, 0.15);
    box-shadow: -2px -2px 10px rgba(85, 126, 223, 0.15), 2px 2px 10px rgba(85, 126, 223, 0.15);
}

main .weather_card .content .right .items .item:hover .icn:before {
    -webkit-transform: scale(10);
    transform: scale(10);
}

main .weather_card .content .right .items .item:hover .head {
    color: #000;
}

main .weather_card .content .right .items .item:hover .degree {
    color: #000;
}

main .weather_card .content .right .items .item:hover .m_second {
    color: #000;
}

main .weather_card .content .right .items .item .head {
    font-family: Semi-bold-font;
    font-size: 14px;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    z-index: 1;
}

main .weather_card .content .right .items .item .icn {
    margin: 25px 0px;
    border-radius: 100%;
    background-color: #fff;
    width: 40px;
    height: 40px;
    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;
}

main .weather_card .content .right .items .item .icn svg {
    position: relative;
    z-index: 1;
}

main .weather_card .content .right .items .item .icn::before {
    content: "";
    position: absolute;
    z-index: 0;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

main .weather_card .content .right .items .item .degree {
    position: relative;
    z-index: 1;
    color: #fff;
    font-family: Semi-bold-font;
    font-size: 18px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

main .weather_card .content .right .items .item .m_second {
    position: relative;
    z-index: 1;
    font-size: 14px;
    color: #fff;
    margin-top: 8px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

main .my_checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px;
    height: 20px;
}

main .my_checkbox:hover input ~ .checkmark {
    background-color: #d8d8d8;
}

main .my_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

main .my_checkbox input:checked ~ .checkmark {
    background-color: #20be43;
}

main .my_checkbox input:checked ~ .checkmark:after {
    display: block;
}

main .my_checkbox .checkmark {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    font-size: 14px;
    background-color: #faf9f9;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 4px;
    border: 1px solid #b1b1b1;
}

main .my_checkbox .checkmark:after {
    content: "\2713";
    position: absolute;
    color: #fff;
    display: none;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

main .not_found_layihhe {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px;
    background-color: #fff;
    height: 470px;
}

main .not_found_layihhe .img {
    width: 282px;
    height: 124px;
    margin-bottom: 10px;
}

main .not_found_layihhe h3 {
    font-family: Bold-font;
    font-size: 22px;
    margin-bottom: 10px;
}

main .not_found_layihhe p {
    color: #9babbd;
    font-size: 16px;
}

main .news_carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 96px;
    width: 100%;
    margin: 20px auto;
    position: relative;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

main .news_carousel:hover .slick-next {
    opacity: 1;
}

main .news_carousel .overlay_carousel {
    border-radius: 6px 0px 30px 6px;
    width: 120px;
    background-color: #5f7a51;
    height: 100%;
    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;
    position: relative;
}

main .news_carousel .overlay_carousel p {
    margin: 0px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    font-family: Semi-bold-font;
}

main .news_carousel .header_news_carousel {
    width: 85%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

main .news_carousel .header_news_carousel .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .news_carousel .header_news_carousel .item .content_item {
    max-height: 90px;
    width: 60%;
    font-size: 14px;
    font-weight: 600;
    color: black;
    padding-right: 25px;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

main .news_carousel .header_news_carousel .item .content_item span {
    display: block;
    font-size: 12px;
    font-family: Regular-font;
    color: #585858;
    font-weight: 500;
    margin-top: 5px;
}

main .news_carousel .header_news_carousel .item:focus {
    outline: none;
    border: none;
}

main .news_carousel .header_news_carousel .item .img {
    width: 100px;
    height: 68px;
    border-radius: 5px;
    overflow: hidden;
}

main .news_carousel .header_news_carousel .item .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px !important;
    border: 1px solid #e6e5ea;
}

main .news_carousel .slick-next {
    right: 5px;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 21px;
    height: 21px;
    background-color: #fff;
    border-radius: 100%;
}

main .news_carousel .slick-prev {
    display: none !important;
}

main .news_carousel .slick-next:before {
    color: #5f7a51;
    font-size: 25px;
    position: relative;
    top: 0px;
    left: -2px;
}

main .mobile_head_links {
    display: none;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 20px 0px;
}

main .mobile_head_links .active_a {
    background-color: rgba(255, 255, 255, 0.5);
    border-bottom-color: #fff;
    height: 47px;
}

main .mobile_head_links a {
    background-color: #fff;
    width: 50%;
    height: 50px;
    border-radius: 8px 8px 0px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid;
    border-bottom-color: #019ff8;
}

main .mobile_head_links a img {
    margin-right: 10px;
    width: 16px;
    height: 16px;
}

main .mobile_head_links a h3 {
    font-size: 16px;
    font-family: Semi-bold-font;
    margin: 0px;
}

main .index {
    margin-top: 20px;
}

main .index .loading_gif {
    display: block;
    margin: 40px auto;
    width: 60px;
    height: 60px;
}

main .index .news_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

main .index .news_section .left_column {
    width: 68%;
}

main .index .news_section .left_column .carousel {
    width: 100%;
    height: 100%;
    max-height: 530px;
    position: relative;
    overflow: hidden;
}

main .index .news_section .left_column .carousel .slider_index_for {
    width: 100%;
    margin-bottom: 10px;
}

main .index .news_section .left_column .carousel .slider_index_for .item {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

main .index .news_section .left_column .carousel .slider_index_for .item:focus {
    outline: none;
}

main .index .news_section .left_column .carousel .slider_index_for .item img {
    width: 100%;
    height: 426px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
}

main .index .news_section .left_column .carousel .slider_index_for .item .overlay {
    position: absolute;
    height: 250px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

main .index .news_section .left_column .carousel .slider_index_for .item .overlay h3 {
    font-size: 24px;
    font-family: Bold-font;
    color: #fff;
    margin-bottom: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

main .index .news_section .left_column .carousel .slider_index_for .item .overlay .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

main .index .news_section .left_column .carousel .slider_index_for .item .overlay .date img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

main .index .news_section .left_column .carousel .slider_index_for .item .overlay .date span {
    font-size: 15px;
    color: #fff;
}

main .index .news_section .left_column .carousel .slider_index_for .slick-dots {
    bottom: 0px;
    left: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: left;
    padding-left: 20px;
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

main .index .news_section .left_column .carousel .slider_index_for .slick-dots .slick-active {
    background-color: #019ff8;
}

main .index .news_section .left_column .carousel .slider_index_for .slick-dots .slick-active button::before {
    color: #fff;
}

main .index .news_section .left_column .carousel .slider_index_for .slick-dots li {
    width: 10px;
    height: 10px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin: 0px;
    margin-right: 10px;
    background-color: #fff;
}

main .index .news_section .left_column .carousel .slider_index_for .slick-dots li button {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    width: 10px;
    height: 10px;
}

main .index .news_section .left_column .carousel .slider_index_for .slick-dots li button::before {
    display: none;
}

main .index .news_section .left_column .carousel .slider_index_for .slick-prev {
    left: 15px;
    z-index: 10;
    width: 40px;
    height: 40px;
}

main .index .news_section .left_column .carousel .slider_index_for .slick-prev::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(../images/icons/slider_left.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

main .index .news_section .left_column .carousel .slider_index_for .slick-next {
    right: 15px;
    left: auto;
    z-index: 10;
    width: 40px;
    height: 40px;
}

main .index .news_section .left_column .carousel .slider_index_for .slick-next::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(../images/icons/slider_right.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

main .index .news_section .left_column .carousel .slider_index_nav {
    margin: 0px -3px;
}

main .index .news_section .left_column .carousel .slider_index_nav .item {
    border-radius: 8px;
    overflow: hidden;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

main .index .news_section .left_column .carousel .slider_index_nav .item:focus {
    outline: none;
}

main .index .news_section .left_column .carousel .slider_index_nav .item img {
    height: 83px;
    width: 100%;
    border: 1px solid #e6e5ea;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
}

main .index .news_section .left_column .flex_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .index .news_section .left_column .flex_column .project_column {
    width: 60%;
}

main .index .news_section .left_column .flex_column .project_column .title {
    margin: 20px 0px;
    font-family: Bold-font;
    font-size: 18px;
}

main .index .news_section .left_column .flex_column .project_column .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

main .index .news_section .left_column .flex_column .project_column .item .red_color {
    font-size: 18px !important;
}

main .index .news_section .left_column .flex_column .project_column .item:not(:last-child) {
    margin-bottom: 20px;
}

main .index .news_section .left_column .flex_column .project_column .item img {
    width: 180px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #e6e5ea;
    margin-right: 20px;
}

main .index .news_section .left_column .flex_column .project_column .item .content {
    width: 55%;
}

main .index .news_section .left_column .flex_column .project_column .item .content p {
    font-size: 18px;
    font-family: Semi-bold-font;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

main .index .news_section .left_column .flex_column .project_column .item .content .date {
    font-size: 12px;
    color: #9a9a9a;
    margin-top: 10px;
    display: block;
}

main .index .news_section .left_column .flex_column .test_column {
    width: 37%;
}

main .index .news_section .left_column .flex_column .test_column .item {
    display: block;
    width: 100%;
    min-height: 182px;
}

main .index .news_section .left_column .flex_column .test_column .item:not(:first-child) {
    margin-top: 20px;
}

main .index .news_section .left_column .flex_column .test_column .item img {
    width: 100%;
    height: 182px;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid #e6e5ea;
}

main .index .news_section .left_column .flex_column .test_column .item .title {
    margin: 8px 0px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

main .index .news_section .left_column .rek_baner {
    margin: 30px 0px;
    width: 100%;
    height: 130px;
    border-radius: 8px;
    overflow: hidden;
    display: block;
}

main .index .news_section .left_column .rek_baner * {
    z-index: 7 !important;
}

main .index .news_section .left_column .rek_baner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
}

.visible_m {
    display: none !important;
}

main .index .news_section .left_column .ref {
    position: relative;
}

main .index .news_section .left_column .ref::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 4px;
    background-color: #019ff8;
    border-radius: 5px;
}

main .index .news_section .left_column .ref .title {
    font-size: 18px;
    font-family: Bold-font;
    margin: 30px 0px 0px 0px;
    padding-top: 20px;
}

main .index .news_section .left_column .ref .ref_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

main .index .news_section .left_column .ref .ref_items .item {
    width: 49%;
    height: 241px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    margin-top: 20px;
    background-color: #000;
}

main .index .news_section .left_column .ref .ref_items .item:hover img {
    opacity: 0.7;
}

main .index .news_section .left_column .ref .ref_items .item img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    top: 0px;
    left: 0px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
}

main .index .news_section .left_column .ref .ref_items .item .overlay_item {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50%;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #fff;
    -webkit-box-shadow: inset 25px -180px 52px -135px #000;
    box-shadow: inset 25px -180px 52px -135px #000;
}

main .index .news_section .left_column .ref .ref_items .item .overlay_item .date {
    background-color: #019ff8;
    width: 100%;
    max-width: 64px;
    height: 70px;
    border-radius: 0px 8px 0px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .index .news_section .left_column .ref .ref_items .item .overlay_item .date .month {
    text-align: center;
    display: block;
    font-family: Bold-font;
    font-size: 12px;
    padding: 10px;
    color: #fff;
}

main .index .news_section .left_column .ref .ref_items .item .overlay_item .date .time {
    text-align: center;
    display: block;
    font-family: Semi-bold-font;
    font-size: 12px;
    background-color: #0000004f;
    padding: 3px 0px;
    color: #fff;
}

main .index .news_section .left_column .ref .ref_items .item .overlay_item p {
    overflow: hidden;
    margin: 10px;
    font-size: 15px;
    font-family: Bold-font;
    line-height: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #fff;
}

main .index .video_lent_sect {
    background-color: #fff;
    padding: 20px;
    margin: 0px 0px 30px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 470px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border-radius: 8px;
}

main .index .video_lent_sect .header_lent {
    margin: 10px 0px 30px 0px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .index .video_lent_sect .header_lent h3 {
    font-size: 18px;
    font-family: Bold-font;
    margin: 0px;
}

main .index .video_lent_sect .header_lent a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 135px;
    font-size: 12px;
}

main .index .video_lent_sect .header_lent a svg {
    width: 16px;
    height: 7px;
}

main .index .video_lent_sect .header_lent a svg path {
    fill: #8f8e93;
}

main .index .video_lent_sect .video_row {
    width: 100%;
    height: 326px;
}

main .index .video_lent_sect .video_row .item {
    width: 48%;
    height: 95px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .index .video_lent_sect .video_row .item:first-child {
    width: 49%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-bottom: 0px !important;
    margin-right: 20px;
}

main .index .video_lent_sect .video_row .item:first-child img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
}

main .index .video_lent_sect .video_row .item:first-child .overlay_main_video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

main .index .video_lent_sect .video_row .item:first-child .overlay_main_video h3 {
    color: #fff;
    font-family: Semi-bold-font;
    font-size: 24px;
    line-height: 25px;
    margin: 0px;
}

main .index .video_lent_sect .video_row .item:not(:last-child) {
    margin-bottom: 20px;
}

main .index .video_lent_sect .video_row .item img {
    width: 137px;
    height: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid #e6e5ea;
}

main .index .video_lent_sect .video_row .item .content {
    width: 67%;
}

main .index .video_lent_sect .video_row .item .content h3 {
    font-family: Semi-bold-font;
    font-size: 16px;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

main .index .video_lent_sect .video_row .item .content p {
    color: #9d9d9d;
    font-size: 12px;
    margin-top: 6px;
}

main .index .two_column_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .index .two_column_items .item_column {
    width: 49%;
}

main .index .two_column_items .item_column .title_item {
    width: 100%;
    margin: 0px 0px 20px 0px;
    padding-top: 20px;
    position: relative;
}

main .index .two_column_items .item_column .title_item::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 4px;
    background-color: #019ff8;
    border-radius: 5px;
}

main .index .two_column_items .item_column .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .index .two_column_items .item_column .item:not(:last-child) {
    margin-bottom: 20px;
}

main .index .two_column_items .item_column .item img {
    width: 161px;
    height: 107px;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid #e6e5ea;
}

main .index .two_column_items .item_column .item .content {
    width: 64%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

main .index .two_column_items .item_column .item .content .title {
    font-size: 18px;
    font-family: Semi-bold-font;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}

main .index .two_column_items .item_column .item .content p {
    font-size: 13px;
    color: #666666;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

main .index .two_column_items .item_column .item .content .date {
    font-size: 12px;
    color: #9a9a9a;
}

main .index .one_column_line h3 {
    margin: 30px 0px 20px 0px;
    padding-top: 20px;
    position: relative;
}

main .index .one_column_line h3::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 4px;
    background-color: #019ff8;
    border-radius: 5px;
}

main .index .two_column_big_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

main .index .two_column_big_items .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 48%;
    margin-bottom: 20px;
}

main .index .two_column_big_items .item img {
    width: 218px;
    height: 145px;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid #e6e5ea;
}

main .index .two_column_big_items .item .content {
    width: 52%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

main .index .two_column_big_items .item .content .title {
    font-size: 18px;
    font-family: Semi-bold-font;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}

main .index .two_column_big_items .item .content p {
    font-size: 13px;
    color: #666666;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

main .index .two_column_big_items .item .content .date {
    font-size: 12px;
    -webkit-columns: #9a9a9a;
    columns: #9a9a9a;
}

main .index .photo_lent_sect {
    background-color: #fff;
    padding: 20px 17px;
    margin: 20px 0px 30px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 410px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border-radius: 8px;
}

main .index .photo_lent_sect .header_lent {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px 0px 30px 0px;
}

main .index .photo_lent_sect .header_lent h3 {
    font-size: 18px;
    font-family: Bold-font;
    margin: 0px;
}

main .index .photo_lent_sect .header_lent a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 135px;
    font-size: 12px;
}

main .index .photo_lent_sect .header_lent a svg {
    width: 16px;
    height: 7px;
}

main .index .photo_lent_sect .header_lent a svg path {
    fill: #8f8e93;
}

main .index .photo_lent_sect .photo_lent_slider {
    height: 264px;
    width: 100%;
}

main .index .photo_lent_sect .photo_lent_slider:hover .slick-prev,
main .index .photo_lent_sect .photo_lent_slider:hover .slick-next {
    opacity: 1;
}

main .index .photo_lent_sect .photo_lent_slider .item {
    cursor: pointer;
}

main .index .photo_lent_sect .photo_lent_slider .item:focus {
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

main .index .photo_lent_sect .photo_lent_slider .item img {
    width: 96%;
    height: 213px;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0px auto;
    border: 1px solid #e6e5ea;
}

main .index .photo_lent_sect .photo_lent_slider .item .content {
    width: 96%;
    margin: 0px auto;
}

main .index .photo_lent_sect .photo_lent_slider .item .content .title {
    font-family: Semi-bold-font;
    font-size: 18px;
    margin: 15px 0px 5px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

main .index .photo_lent_sect .photo_lent_slider .item .content .date {
    color: #9d9d9d;
    font-size: 12px;
}

main .index .photo_lent_sect .photo_lent_slider .slick-prev {
    top: 39%;
    width: 25px;
    height: 25px;
    left: 15px;
    z-index: 1;
    opacity: 0;
}

main .index .photo_lent_sect .photo_lent_slider .slick-next {
    top: 39%;
    width: 25px;
    height: 25px;
    right: 15px;
    z-index: 1;
    opacity: 0;
}

main .index .photo_lent_sect .photo_lent_slider .slick-prev:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(../images/icons/white_arrow.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

main .index .photo_lent_sect .photo_lent_slider .slick-next:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background-image: url(../images/icons/white_arrow.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

main .sidebar {
    width: 30%;
}

main .sidebar .news_items {
    padding: 20px 0px;
    background-color: #fff;
    width: 100%;
    max-height: 1200px;
    overflow-y: scroll;
    border-radius: 8px;
}

main .sidebar .news_items::-webkit-scrollbar {
    width: 3px;
}

main .sidebar .news_items::-webkit-scrollbar-track {
    background: transparent;
}

main .sidebar .news_items::-webkit-scrollbar-thumb {
    background: #cccdcf;
    border-radius: 8px;
}

main .sidebar .news_items .item {
    display: block;
}

main .sidebar .news_items .item:not(:last-child) {
    border-bottom: 1px solid #e3e4e7;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

main .sidebar .news_items .item p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin: 0px;
    padding: 0px 20px;
    font-family: Semi-bold-font;
}

main .sidebar .news_items .item p span {
    color: #019ff8;
    margin-right: 10px;
    font-family: Semi-bold-font;
}

main .sidebar .mp3_list {
    padding: 20px 0px;
    background-color: #fff;
    width: 100%;
    max-height: 1200px;
    overflow-y: scroll;
    border-radius: 8px;
}

main .sidebar .mp3_list::-webkit-scrollbar {
    width: 3px;
}

main .sidebar .mp3_list::-webkit-scrollbar-track {
    background: transparent;
}

main .sidebar .mp3_list::-webkit-scrollbar-thumb {
    background: #cccdcf;
    border-radius: 8px;
}

main .sidebar .mp3_list .item {
    display: block;
    font-size: 15px;
    color: #3c3f44;
    padding: 0px 20px;
}

main .sidebar .mp3_list .item:not(:last-child) {
    border-bottom: 1px solid #e3e4e7;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

main .sidebar .mp3_list .item .name {
    font-family: Bold-font;
    font-size: 15px;
}

main .sidebar .mp3_list .item .icn {
    width: 12px;
    height: 12px;
    margin-right: 10px;
}

main .sidebar .min-height-block iframe {
    min-height: 307px;
}

main .sidebar .rek_baner {
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
    height: 250px;
}

main .sidebar .rek_baner * {
    z-index: 7 !important;
}

main .sidebar .rek_baner a {
    height: 250px;
    display: block;
}

main .sidebar .rek_baner a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
}

main .sidebar .small_sidebar_ad a {
    height: 250px !important;
}

main .sidebar .withBorderAndTitle_row {
    position: relative;
}

main .sidebar .withBorderAndTitle_row::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 4px;
    background-color: #019ff8;
    border-radius: 5px;
}

main .sidebar .withBorderAndTitle_row .title {
    font-size: 18px;
    font-family: Bold-font;
    margin: 30px 0px 20px 0px;
    padding-top: 20px;
}

main .sidebar .zodiac a {
    width: 100%;
    height: 250px;
    display: block;
}

main .sidebar .zodiac a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
}

main .sidebar .faq_banner .faq_item {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    display: block;
}

main .sidebar .faq_banner .faq_item img {
    width: 100%;
    height: 160px;
    -o-object-fit: cover;
    object-fit: cover;
}

main .sidebar .faq_banner .faq_item .content {
    padding: 20px;
    margin-top: -5px;
}

main .sidebar .faq_banner .faq_item .content .title_content {
    margin: 0px;
    font-size: 16px;
    font-family: Semi-bold-font;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

main .sidebar .faq_banner .faq_item .content p {
    font-size: 13px;
    margin: 10px 0px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

main .sidebar .cities {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    display: block;
}

main .sidebar .cities .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 30px;
}

main .sidebar .cities .head img {
    width: 56px;
    height: 56px;
    margin-right: 20px;
}

main .sidebar .cities .head div span {
    font-size: 16px;
}

main .sidebar .cities .head div h2 {
    margin: -5px 0px 0px 0px;
    font-size: 32px;
    font-family: Semi-bold-font;
}

main .sidebar .cities .city {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
}

main .sidebar .cities .city div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 60px;
}

main .sidebar .cities .city span {
    font-size: 14px;
}

main .sidebar .cities .city img {
    width: 18px;
    height: 18px;
}

main .sidebar .top_10 {
    border-radius: 8px;
    overflow: hidden;
    margin: 30px 0px;
    background-color: #fff;
}

main .sidebar .top_10 .head {
    background-color: #019ff8;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0px 20px;
}

main .sidebar .top_10 .head h3 {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}

main .sidebar .top_10 .head img {
    width: 16px;
    height: 8px;
}

main .sidebar .top_10 .news_item {
    display: block;
}

main .sidebar .top_10 .news_item:not(:first-child) {
    border-top: 1px solid #e3e4e7;
    padding: 20px 0px;
}

main .sidebar .top_10 .news_item p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin: 0px;
    padding: 0px 20px;
    font-family: Semi-bold-font;
}

main .sidebar .top_10 .news_item p span {
    color: #019ff8;
    margin-right: 10px;
    font-family: Semi-bold-font;
}

main .sidebar .test_items .item {
    display: block;
}

main .sidebar .test_items .item:not(:last-child) {
    margin-bottom: 20px;
}

main .sidebar .test_items .item .img {
    height: 160px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

main .sidebar .test_items .item .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

main .sidebar .test_items .item .img .overlay {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 17px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 45px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

main .sidebar .test_items .item .img .overlay span {
    color: #fff;
    font-family: Bold-font;
    font-size: 12px;
}

main .sidebar .test_items .item h3 {
    font-family: Semi-bold-font;
    font-size: 16px;
    margin: 5px 0px 0px 0px;
}

main .items_component {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

main .items_component .rek_item {
    position: relative;
    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;
}

main .items_component .rek_item .rek_mobile {
    display: none;
}

main .items_component .rek_item * {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0px;
    left: 0px;
    z-index: 7 !important;
}

main .items_component .item {
    width: 320px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
}

main .items_component .item:not(:nth-child(3n + 3)) {
    margin-right: 20px;
}

main .items_component .item:hover .item_head img {
    opacity: 0.7;
}

main .items_component .item .item_head {
    position: relative;
    height: 213px;
    background-color: #000;
}

main .items_component .item .item_head img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px 8px 0px 0px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

main .items_component .item .item_head .overlay {
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
}

main .items_component .item .item_head .overlay span {
    font-size: 12px;
    font-family: Semi-bold-font;
    color: #fff;
}

main .items_component .item .item_foot {
    background-color: #fff;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

main .items_component .item .item_foot .title {
    min-height: 70px;
    max-height: 70px;
    display: block;
    padding-bottom: 5px;
}

main .items_component .item .item_foot .title h3 {
    margin: 0px auto;
    font-size: 17px;
    font-family: Bold-font;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

main .items_component .item .item_foot .actions_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #f0eff5;
    padding: 10px 0px 5px 0px;
}

main .items_component .item .item_foot .actions_item .like svg path {
    fill: #20a826 !important;
}

main .items_component .item .item_foot .actions_item .dislike svg path {
    fill: #d23e59 !important;
}

main .items_component .item .item_foot .actions_item .col_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

main .items_component .item .item_foot .actions_item .col_item .count {
    margin-left: 8px;
}

main .items_component .item .item_foot .actions_item .col_item .emoji-container {
    width: 167px;
    height: 114px;
    left: -105px;
    bottom: 30px;
}

main .items_component .item .item_foot .actions_item .col_item .emoji-container .btn_emoji {
    width: 31px;
    height: 31px;
}

main .items_component .item .item_foot .actions_item .col_item .emoji-container::after {
    left: auto;
    right: 20px;
    bottom: -5px;
}

main .items_component .item .item_foot .actions_item .col_item .emojies_news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

main .items_component .item .item_foot .actions_item .col_item .emojies_news img {
    margin-right: 2px;
    bottom: -1px !important;
}

main .items_component .item .item_foot .actions_item .col_item:last-child img {
    position: relative;
    bottom: -2px;
}

main .items_component .item .item_foot .actions_item .col_item img {
    width: 16px;
    height: 15px;
    margin-right: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

main .items_component .item .item_foot .actions_item .col_item h3 {
    margin: 0px;
    font-size: 16px;
    font-family: Semi-bold-font;
    color: #545456;
}

main .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0px;
    margin: 40px auto 60px auto;
    width: 303px;
    list-style: none;
}

main .pagination .active_li {
    position: relative;
}

main .pagination .active_li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #019ff8;
    width: 34px;
    height: 34px;
    z-index: -1;
    border-radius: 8px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

main .pagination .active_li a {
    color: #fff;
}

main .pagination .active_li span {
    color: #fff !important;
}

main .pagination li {
    font-size: 16px;
    height: 22px;
    position: relative;
}

main .pagination .left_icn {
    width: 13px;
    height: 20px;
}

main .pagination .left_icn a {
    width: 13px;
    height: 20px;
    display: block;
}

main .pagination .left_icn img {
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

main .pagination .right_icn {
    width: 13px;
    height: 20px;
}

main .pagination .right_icn a {
    width: 13px;
    height: 20px;
    display: block;
}

main .pagination .right_icn img {
    width: 100%;
    height: 100%;
}

main .search_result {
    height: 60px;
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 20px;
    margin-bottom: 30px;
}

main .search_result p {
    margin: 0px;
    font-size: 16px;
}

main .breadcrumb_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 20px 0px;
}

main .breadcrumb_row h3 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0px;
}

main .breadcrumb_row ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

main .breadcrumb_row ul li {
    font-size: 12px;
    color: #787878;
    font-family: Regular-font;
}

main .breadcrumb_row ul li a {
    font-size: 12px;
    color: #000;
}

main .breadcrumb_row ul li a::after {
    content: "";
    position: relative;
    top: 1px;
    background-image: url(../images/icons/arrow_right_ic.svg);
    background-size: 75% 75%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0px 5px;
    margin: 0px 6px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

main .active_tab::before {
    width: 60% !important;
}

main .navigation_tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .navigation_tabs .btn_tab {
    position: relative;
    width: 320px;
    height: 50px;
    background-color: #fff;
    margin-bottom: 30px;
    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;
    border-radius: 8px;
}

main .navigation_tabs .btn_tab h3 {
    font-size: 14px;
    margin: 0px;
    text-align: center;
}

main .navigation_tabs .btn_tab::before {
    content: "";
    position: absolute;
    top: 93%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 0px;
    height: 3px;
    border-radius: 8px 8px 0px 0px;
    background-color: #019ff8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
}

main .pages_navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .pages_navbar .btn_page {
    position: relative;
    width: 320px;
    height: 50px;
    background-color: #fff;
    margin-bottom: 30px;
    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;
    border-radius: 8px;
}

main .pages_navbar .btn_page h3 {
    font-size: 14px;
    margin: 0px;
    text-align: center;
}

main .pages_navbar .btn_page::before {
    content: "";
    position: absolute;
    top: 93%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 0px;
    height: 3px;
    border-radius: 8px 8px 0px 0px;
    background-color: #019ff8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
}

main .tabs_container {
    position: relative;
    width: 100%;
}

main .tabs_container .tab_item:not(:first-child) {
    display: none;
}

main .tabs_container .tab_item .items_component .item:nth-child(3) {
    height: auto !important;
}

main .btn_select_box {
    position: relative;
    cursor: pointer;
}

main .btn_select_box .select_box {
    position: absolute;
    top: 41px;
    left: 0px;
    width: 100%;
    background-color: #fff;
    z-index: 1;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    overflow: scroll;
    display: none;
    max-height: 200px;
}

main .btn_select_box .select_box::-webkit-scrollbar {
    display: none;
    width: 0px;
}

main .btn_select_box .select_box button {
    padding: 0px 10px;
    text-align: left;
    height: 40px;
    width: 100%;
}

main .btn_select_box .select_box button:hover {
    background-color: #faf9f9;
}

main .btn_select_box .select_box button:not(:last-child) {
    margin-bottom: 10px;
}

main .calculator {
    background-color: #fff;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

main .calculator .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

main .calculator .title h3 {
    margin: 0px;
    font-family: Bold-font;
    font-size: 14px;
}

main .calculator .title img {
    margin-right: 15px;
    width: 16px;
    height: 16px;
}

main .calculator .input {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 40px;
    background-color: #faf9f9;
    border: 1px solid #e6e6e6;
    padding: 11px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: 10px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

main .calculator .input label {
    font-size: 14px;
    font-family: Semi-bold-font;
    color: #c7c7c7;
    position: absolute;
    top: 10px;
    left: 8px;
}

main .calculator .input select {
    background-color: transparent;
    border: none;
    color: #000;
    max-width: 80%;
    text-align: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 30px;
    font-family: Semi-bold-font;
    font-size: 14px;
}

main .calculator .input select:focus {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

main .calculator .input select::-ms-expand {
    display: none;
}

main .calculator .input input {
    text-align: right;
    width: 80%;
    max-width: 80%;
    height: 100%;
    font-family: Semi-bold-font;
    font-size: 14px;
}

main .calculator .input input::-webkit-outer-spin-button,
main .calculator .input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

main .calculator .btn_modal {
    height: 40px;
    width: 100%;
    background-color: #019ff8;
    color: #fff;
    font-family: Semi-bold-font;
    font-size: 16px;
    border-radius: 8px;
    margin-top: 10px;
}

main .life_tabs {
    margin-bottom: 30px;
    overflow: scroll;
    height: 112px;
}

main .life_tabs::-webkit-scrollbar {
    display: none;
    width: 0px;
}

main .life_tabs .links {
    min-width: 1000px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: scroll;
}

main .life_tabs .links::-webkit-scrollbar {
    display: none;
    width: 0px;
}

main .life_tabs .links .link_tab {
    width: 112px;
    height: 112px;
    position: relative;
    border-radius: 8px;
    background-color: #fff;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

main .life_tabs .links .link_tab:not(:last-child) {
    margin-right: 7px;
}

main .life_tabs .links .link_tab::before {
    content: "";
    position: absolute;
    top: 97%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 0px;
    height: 3px;
    border-radius: 8px 8px 0px 0px;
    background-color: #019ff8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
}

main .life_tabs .links .link_tab img {
    width: 50px;
    height: 50px;
}

main .life_tabs .links .link_tab h3 {
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 14px;
    font-family: Semi-bold-font;
}

main .horoscopes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .horoscopes .left_column {
    width: 24%;
}

main .horoscopes .left_column::-webkit-scrollbar {
    display: none;
    width: 0px;
}

main .horoscopes .left_column .column_in {
    background-color: #fff;
    border-radius: 8px;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

main .horoscopes .left_column .column_in .active_item {
    background-color: #019ff8 !important;
    color: #fff !important;
}

main .horoscopes .left_column .column_in .active_item svg path {
    fill: #fff !important;
}

main .horoscopes .left_column .column_in .active_item span {
    color: #fff;
}

main .horoscopes .left_column .column_in .btn_horoscope_left {
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: transparent;
}

main .horoscopes .left_column .column_in .btn_horoscope_left svg {
    width: 23px;
    height: 23px;
}

main .horoscopes .left_column .column_in .btn_horoscope_left span {
    font-size: 12px;
    font-family: Semi-bold-font;
    margin-top: 10px;
}

main .horoscopes .right_column {
    width: 74%;
}

main .horoscopes .right_column .active_horoscop_item {
    display: block !important;
}

main .horoscopes .right_column .horoscop_item {
    display: none;
}

main .horoscopes .right_column .horoscop_item .navbar_horoscope {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 40px;
}

main .horoscopes .right_column .horoscop_item .navbar_horoscope .active_h {
    opacity: 1 !important;
}

main .horoscopes .right_column .horoscop_item .navbar_horoscope button {
    width: 71px;
    height: 100%;
    background-color: #fff;
    border-radius: 8px 8px 0px 0px;
    margin: 0px;
    opacity: 0.5;
    -webkit-transition: 0.3;
    transition: 0.3;
}

main .horoscopes .right_column .horoscop_item .navbar_horoscope button:not(:last-child) {
    margin-right: 5px;
}

main .horoscopes .right_column .horoscop_item .info_horoscope .active {
    display: block !important;
}

main .horoscopes .right_column .horoscop_item .info_horoscope .info_in {
    background-color: #fff;
    padding: 20px;
    border-radius: 0px 8px 8px 8px;
    text-align: center;
    display: none;
}

main .horoscopes .right_column .horoscop_item .info_horoscope .info_in svg {
    width: 36px;
    height: 36px;
}

main .horoscopes .right_column .horoscop_item .info_horoscope .info_in svg path {
    fill: #019ff8;
}

main .horoscopes .right_column .horoscop_item .info_horoscope .info_in .title_h {
    margin: 10px 0px 5px 0px;
    font-size: 17px;
    font-family: Bold-font;
}

main .horoscopes .right_column .horoscop_item .info_horoscope .info_in .date {
    font-size: 12px;
    color: #787878;
}

main .horoscopes .right_column .horoscop_item .info_horoscope .info_in .title_content {
    font-size: 16px;
    font-family: Bold-font;
    margin: 20px 0px 10px 0px;
}

main .horoscopes .right_column .horoscop_item .info_horoscope .info_in p {
    font-size: 16px;
    width: 80%;
    margin: 0px auto;
}

main .page_in .main_page_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .page_in .main_page_in .left_column {
    width: 68%;
}

main .page_in .main_page_in .left_column .news_img {
    width: 100%;
    position: relative;
    height: 493px;
}

main .page_in .main_page_in .left_column .news_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    /*object-fit: cover;*/
    border-radius: 8px 8px 0px 0px;
}

main .page_in .main_page_in .left_column .news_img .overlay {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 85px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
}

main .page_in .main_page_in .left_column .news_img .overlay span {
    font-size: 14px;
    font-family: Bold-font;
    color: #fff;
}

main .page_in .main_page_in .left_column .news_img_desc {
    padding: 10px 20px;
}

main .page_in .main_page_in .left_column .news_info {
    padding: 30px 20px 10px 20px;
    background-color: #fff;
    border-radius: 0px 0px 8px 8px;
}

main .page_in .main_page_in .left_column .news_info iframe {
    border-radius: 8px;
    width: 100%;
}

main .page_in .main_page_in .left_column .news_info iframe:not(:last-child) {
    margin-bottom: 20px;
}

main .page_in .main_page_in .left_column .news_info .news_title {
    font-size: 29px;
    font-family: Bold-font;
    margin: 0px;
}

main .page_in .main_page_in .left_column .news_info .news_title span {
    color: #fa0e0e;
    font-family: Bold-font;
}

main .page_in .main_page_in .left_column .news_info .rek_baner {
    width: 100%;
    height: 124px;
    margin: 30px 0px;
    overflow: hidden;
    display: block;
}

main .page_in .main_page_in .left_column .news_info .rek_baner img {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

main .page_in .main_page_in .left_column .news_info p {
    margin-bottom: 30px;
    font-size: 16px;
}

main .page_in .main_page_in .left_column .news_info p img {
    width: 100% !important;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
}

main .page_in .main_page_in .left_column .news_info #news_in_gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

main .page_in .main_page_in .left_column .news_info #news_in_gallery .item {
    display: block;
    width: 200px;
    height: 140px;
    border-radius: 8px;
    border: 1px solid #e6e5ea;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

main .page_in .main_page_in .left_column .news_info #news_in_gallery .item:not(:nth-child(3n + 3)) {
    margin-right: 20px;
}

main .page_in .main_page_in .left_column .news_info #news_in_gallery .item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
}

main .page_in .main_page_in .left_column .news_info .video_desc {
    border-radius: 8px;
}

main .page_in .main_page_in .left_column .actions_news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    margin-top: 30px;
}

main .page_in .main_page_in .left_column .actions_news .active_like {
    background-color: #019ff8 !important;
}

main .page_in .main_page_in .left_column .actions_news .active_like span {
    color: #fff !important;
}

main .page_in .main_page_in .left_column .actions_news .action_item {
    width: 200px;
    height: 40px;
    border-radius: 50px;
    background-color: #f0eff5;
    position: relative;
    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;
}

main .page_in .main_page_in .left_column .actions_news .action_item .main_emojis {
    position: absolute;
    position: absolute;
    left: 10px;
    top: 10px;
}

main .page_in .main_page_in .left_column .actions_news .action_item .main_emojis img {
    position: static;
}

main .page_in .main_page_in .left_column .actions_news .action_item img {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 25px;
    top: 10px;
}

main .page_in .main_page_in .left_column .actions_news .action_item .total_count {
    font-family: Semi-bold-font;
    font-size: 16px;
}

main .page_in .main_page_in .left_column .writer {
    width: 100%;
    height: 62px;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 15px;
}

main .page_in .main_page_in .left_column .writer .avatar {
    width: 38px;
    height: 38px;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 15px;
}

main .page_in .main_page_in .left_column .writer .info h3 {
    font-family: Semi-bold-font;
    font-size: 16px;
    margin: 0px;
}

main .page_in .main_page_in .left_column .writer .info span {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
}

main .page_in .main_page_in .left_column .title_similar {
    position: relative;
    font-size: 22px;
    font-family: Bold-font;
    margin: 30px 0px 20px 0px;
    padding-top: 20px;
}

main .page_in .main_page_in .left_column .title_similar::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 4px;
    background-color: #019ff8;
    border-radius: 5px;
}

main .page_in .main_page_in .left_column .similar_news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}

main .page_in .main_page_in .left_column .similar_news .item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

main .page_in .main_page_in .left_column .similar_news .item:first-child {
    width: 100%;
    margin-bottom: 20px;
    display: block;
}

main .page_in .main_page_in .left_column .similar_news .item:first-child img {
    width: 100%;
    height: 493px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
}

main .page_in .main_page_in .left_column .similar_news .item:first-child .content h3 {
    font-size: 20px;
    font-family: Semi-bold-font;
    margin: 5px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

main .page_in .main_page_in .left_column .similar_news .item:first-child .content h3 * {
    font-size: 20px;
    font-family: Semi-bold-font;
}

main .page_in .main_page_in .left_column .similar_news .item:first-child .content span {
    font-size: 12px;
    color: #9a9a9a;
}

main .page_in .main_page_in .left_column .similar_news .item:nth-child(3),
main .page_in .main_page_in .left_column .similar_news .item:nth-child(4) {
    width: 49%;
    display: block;
}

main .page_in .main_page_in .left_column .similar_news .item:nth-child(3) .content h3,
main .page_in .main_page_in .left_column .similar_news .item:nth-child(4) .content h3 {
    font-size: 20px;
    font-family: Semi-bold-font;
    margin: 5px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

main .page_in .main_page_in .left_column .similar_news .item:nth-child(3) .content span,
main .page_in .main_page_in .left_column .similar_news .item:nth-child(4) .content span {
    font-size: 12px;
    color: #9a9a9a;
}

main .page_in .main_page_in .left_column .similar_news .item:nth-child(3) img,
main .page_in .main_page_in .left_column .similar_news .item:nth-child(4) img {
    width: 100%;
    height: 242px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
}

main .page_in .main_page_in .left_column .similar_news .item:not(:last-child) {
    margin-bottom: 20px;
}

main .page_in .main_page_in .left_column .similar_news .item img {
    width: 160px;
    height: 107px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 20px;
    border-radius: 8px;
}

main .page_in .main_page_in .left_column .similar_news .item .content {
    width: 64%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .page_in .main_page_in .left_column .similar_news .item .content h3 {
    font-size: 18px;
    font-family: Semi-bold-font;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

main .page_in .main_page_in .left_column .similar_news .item .content p {
    font-size: 13px;
    color: #666666;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

main .page_in .main_page_in .left_column .similar_news .item .content span {
    font-size: 12px;
    color: #9a9a9a;
}

main .page_in .main_page_in .left_column .main_img .img {
    position: relative;
    width: 100%;
    height: 493px;
}

main .page_in .main_page_in .left_column .main_img .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
}

main .page_in .main_page_in .left_column .main_img .img .overlay {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 17px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 83px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    border-radius: 8px;
}

main .page_in .main_page_in .left_column .main_img .img .overlay span {
    color: #fff;
    font-family: Bold-font;
    font-size: 12px;
}

main .page_in .main_page_in .left_column .main_img .title {
    margin-top: 20px;
    margin-bottom: 0px;
    font-family: Bold-font;
    font-size: 30px;
}

main .page_in .main_page_in .left_column .big_test {
    position: relative;
    margin-top: 20px;
}

main .page_in .main_page_in .left_column .big_test .title {
    position: relative;
    font-size: 22px;
    font-family: Bold-font;
    margin: 0px 0px 20px 0px;
    padding-top: 20px;
}

main .page_in .main_page_in .left_column .big_test .title::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 4px;
    background-color: #019ff8;
    border-radius: 5px;
}

main .page_in .main_page_in .left_column .big_test img {
    width: 100%;
    height: 493px;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
}

main .page_in .main_page_in .left_column .two_columns_test {
    margin-top: 30px;
}

main .page_in .main_page_in .left_column .two_columns_test .title {
    position: relative;
    font-size: 22px;
    font-family: Bold-font;
    margin: 0px 0px 20px 0px;
    padding-top: 20px;
}

main .page_in .main_page_in .left_column .two_columns_test .title::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 4px;
    background-color: #019ff8;
    border-radius: 5px;
}

main .page_in .main_page_in .left_column .two_columns_test .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .page_in .main_page_in .left_column .two_columns_test .items .item {
    width: 49%;
}

main .page_in .main_page_in .left_column .two_columns_test .items .item img {
    width: 100%;
    height: 242px;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
}

main .page_in .main_page_in .left_column .three_columns_test {
    margin-top: 30px;
}

main .page_in .main_page_in .left_column .three_columns_test .title {
    position: relative;
    font-size: 22px;
    font-family: Bold-font;
    margin: 0px 0px 20px 0px;
    padding-top: 20px;
}

main .page_in .main_page_in .left_column .three_columns_test .title::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 4px;
    background-color: #019ff8;
    border-radius: 5px;
}

main .page_in .main_page_in .left_column .three_columns_test .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .page_in .main_page_in .left_column .three_columns_test .items .item {
    width: 32%;
}

main .page_in .main_page_in .left_column .three_columns_test .items .item img {
    width: 100%;
    height: 158px;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
}

main .page_in .main_page_in .left_column .test_radio {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}

main .page_in .main_page_in .left_column .test_radio label {
    background-color: transparent;
    display: block;
    color: #000;
    line-height: 38px;
    padding: 0 15px 0 40px;
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

main .page_in .main_page_in .left_column .test_radio label:before {
    content: "";
    display: block;
    border: solid #636d77 4px;
    border-radius: 20px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 13px;
    left: 7px;
}

main .page_in .main_page_in .left_column .test_radio label:after {
    content: "";
    display: block;
    background: transparent;
    border-radius: 20px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 21px;
    left: 15px;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

main .page_in .main_page_in .left_column .test_radio input[type="radio"] {
    position: absolute;
    display: none;
}

main .page_in .main_page_in .left_column .true_checked input[type="radio"]:checked ~ label {
    background: #a2d97b;
    color: #fff;
}

main .page_in .main_page_in .left_column .true_checked input[type="radio"]:checked ~ label:after {
    background: #fff;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

main .page_in .main_page_in .left_column .true_checked input[type="radio"]:checked ~ label::before {
    border: solid #fff 4px;
}

main .page_in .main_page_in .left_column .false_checked input[type="radio"]:checked ~ label {
    background: #e4615c;
    color: #fff;
}

main .page_in .main_page_in .left_column .false_checked input[type="radio"]:checked ~ label:after {
    background: #fff;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

main .page_in .main_page_in .left_column .false_checked input[type="radio"]:checked ~ label::before {
    border: solid #fff 4px;
}

main .flex_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .page_with_table .head_weather {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
}

main .page_with_table .head_weather .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

main .page_with_table .head_weather .left img {
    width: 42px;
    height: 42px;
    margin-right: 15px;
}

main .page_with_table .head_weather .left div span {
    font-size: 14px;
}

main .page_with_table .head_weather .left div h3 {
    font-size: 27px;
    font-family: Semi-bold-font;
    margin: 0px;
}

main .page_with_table .head_weather .select {
    width: 200px;
    position: relative;
    border: 1px solid #e6e6e6;
    background-color: #faf9f9;
    height: 40px;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 10px;
    cursor: pointer;
}

main .page_with_table .head_weather .select img {
    position: absolute;
    right: 10px;
    top: 16px;
    width: 12px;
    height: 7px;
    z-index: 2;
}

main .page_with_table .table_weather {
    overflow-x: scroll;
    border-radius: 8px;
}

main .page_with_table .table_weather::-webkit-scrollbar {
    display: none;
    width: 0px;
}

main .page_with_table .left_column {
    width: 74%;
}

main .page_with_table .left_column table:not(:last-child) {
    margin-bottom: 20px;
}

main .page_with_table .right_column {
    width: 24%;
}

main .page_with_table .right_column .convertor {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
}

main .page_with_table .right_column .convertor .title {
    font-family: Bold-font;
    font-size: 13px;
    margin: 0px 0px 10px 0px;
}

main .page_with_table .right_column .convertor .selects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0px 0px 15px 0px;
}

main .page_with_table .right_column .convertor .selects .select {
    width: 46%;
    position: relative;
    border: 1px solid #e6e6e6;
    background-color: #faf9f9;
    height: 40px;
    border-radius: 8px;
    overflow: hidden;
}

main .page_with_table .right_column .convertor .selects .select select {
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    padding: 0px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

main .page_with_table .right_column .convertor .selects .select select:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

main .page_with_table .right_column .convertor .selects .select img {
    position: absolute;
    right: 8px;
    top: 16px;
    width: 12px;
    height: 7px;
    z-index: 2;
}

main .page_with_table .right_column .convertor input {
    border: 1px solid #e6e6e6;
    background-color: #faf9f9;
    height: 40px;
    border-radius: 8px;
    width: 100%;
    padding: 0px 10px;
}

main .page_with_table .right_column .convertor .result {
    margin: 15px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

main .page_with_table .right_column .convertor .result h3 {
    font-size: 24px;
    line-height: 24px;
    margin: 0px;
}

main .page_with_table .right_column .convertor .result span {
    margin-left: 5px;
    font-size: 12px;
}

main .page_with_table .right_column .convertor button {
    height: 40px;
    background-color: #019ff8;
    border-radius: 8px;
    color: #fff;
    width: 100%;
    font-size: 16px;
    font-family: Semi-bold-font;
}

main .page_with_table .right_column .convertor .text {
    font-size: 12px;
    color: #c2c2c2;
    margin-top: 15px;
    text-align: center;
}

main .page_with_table table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    font-family: Regular-font;
}

main .page_with_table table .icon_w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

main .page_with_table table .icon_w img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

main .page_with_table table .arrow {
    width: 8px;
    height: 12px;
    margin-left: 18px;
}

main .page_with_table table .ex_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

main .page_with_table table .ex_name img {
    width: 18px;
    height: 13px;
    margin-right: 20px;
}

main .page_with_table table .ex_name span {
    font-family: Semi-bold-font;
}

main .page_with_table table th,
main .page_with_table table td {
    padding: 15px 20px;
}

main .page_with_table table th {
    border-bottom: 1px solid #d3d3d3;
    text-align: left;
}

main .page_with_table tr:first-child th:first-child {
    border-top-left-radius: 6px;
}

main .page_with_table tr:first-child th:last-child {
    border-top-right-radius: 6px;
}

main .page_with_table tr:nth-child(even) td {
    background: #f4f5f7;
}

main .archive_filter {
    height: 80px;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}

main .archive_filter .search_arcive {
    border: 1px solid #e6e6e6;
    background-color: #faf9f9;
    width: -webkit-fill-available;
    height: 40px;
    padding: 0px 20px;
    border-radius: 8px;
    margin-right: 15px;
}

main .archive_filter .dates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .archive_filter .dates .date_item {
    position: relative;
    border: 1px solid #e6e6e6;
    background-color: #faf9f9;
    width: 222px;
    height: 40px;
    border-radius: 8px;
}

main .archive_filter .dates .date_item:not(:last-child) {
    margin-right: 15px;
}

main .archive_filter .dates .date_item input {
    width: 100%;
    height: 100%;
    padding: 0px 20px;
}

main .archive_filter .dates .date_item img {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 13px;
    right: 20px;
}

main .archive_filter .dates .btn_search_archive {
    border-radius: 8px;
    width: 112px;
    height: 40px;
    background-color: #019ff8;
    color: #fff;
}

main .about_page {
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    padding: 55px;
}

main .about_page p {
    margin-bottom: 20px;
    margin-top: 0px;
    font-size: 16px;
    width: 68%;
}

main .about_page .lent_img {
    width: 213px;
    height: 100%;
    position: absolute;
    right: 55px;
    top: 0px;
}

main .contact_page {
    background-color: #fff;
    border-radius: 8px;
    padding: 40px 50px 50px 50px;
}

main .contact_page .title {
    font-size: 17px;
    font-family: Bold-font;
    margin: 0 0 30px 0;
}

main .contact_page .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .contact_page .info form {
    width: 67%;
}

main .contact_page .info form .user_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

main .contact_page .info form .user_info .input {
    width: 48%;
}

main .contact_page .info form .input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

main .contact_page .info form .input label {
    font-size: 14px;
    margin: 0 0 10px 0;
}

main .contact_page .info form .input input {
    width: 100%;
    height: 40px;
    border: 1px solid #e6e6e6;
    background-color: #faf9f9;
    border-radius: 8px;
    padding: 0px 12px;
    font-size: 13px;
}

main .contact_page .info form .input textarea {
    width: 100%;
    min-height: 110px;
    border: 1px solid #e6e6e6;
    background-color: #faf9f9;
    resize: none;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 13px;
}

main .contact_page .info form .submit {
    width: 110px;
    height: 40px;
    margin-top: 20px;
    border-radius: 8px;
    background-color: #019ff8;
    color: #fff;
    cursor: pointer;
}

main .contact_page .info .info_us {
    width: 29%;
    padding-top: 25px;
}

main .contact_page .info .info_us .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

main .contact_page .info .info_us .item:not(:last-child) {
    margin-bottom: 20px;
}

main .contact_page .info .info_us .item img {
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

main .contact_page .info .info_us .item p {
    font-size: 14px;
    font-family: Semi-bold-font;
}

main .not_found_page {
    width: 100%;
    height: 470px;
    background-color: #fff;
    border-radius: 8px;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

main .not_found_page img {
    width: 255px;
    height: 150px;
    margin-bottom: 30px;
}

main .not_found_page .title {
    font-size: 18px;
    font-family: Bold-font;
    margin: 0px;
}

main .not_found_page p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    margin: 20px 0px;
    width: 50%;
}

main .not_found_page a {
    background-color: #019ff8;
    height: 40px;
    width: 162px;
    color: #fff;
    border-radius: 8px;
    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;
}

main .rek_page {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
    position: relative;
}

main .rek_page img {
    width: 253.31px;
    height: 208.59px;
    position: absolute;
    top: 60px;
    right: 30px;
}

main .rek_page .content {
    width: 65%;
    font-size: 16px;
}

main .rek_page .content p {
    margin-bottom: 20px;
}

main .rek_page .content .bold_text {
    font-family: Bold-font;
}

main .horoscopes_block {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    padding: 30px;
    position: relative;
}

main .horoscopes_block .horoscope_bg_arrow {
    position: absolute;
    width: 430px;
    height: 280px;
    top: 170px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 0;
}

main .horoscopes_block .horoscope_bg_arrow path {
    fill-opacity: 0.7;
}

main .horoscopes_block .horoscope_logo {
    width: 157.16px;
    height: 157.41px;
    margin: 0px auto;
    display: block;
}

main .horoscopes_block .title {
    text-align: center;
    position: relative;
    z-index: 1;
}

main .horoscopes_block .title h1 {
    font-size: 24px;
    font-family: Semi-bold-font;
    color: #000;
    margin: 30px 0px 0px 0px;
}

main .horoscopes_block .title h3 {
    font-size: 18px;
    font-family: Regular-font;
    font-weight: 500;
    margin-top: 10px;
}

main .horoscopes_block .description {
    font-family: Regular-font;
    font-size: 14px;
    color: #686877;
    text-align: center;
    max-width: 80%;
    display: block;
    margin: 20px auto 0px auto;
    position: relative;
    z-index: 1;
}

main .horoscopes_block .scrolled_block .horoscopes_items {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 70px;
}

main .horoscopes_block .scrolled_block .horoscopes_items .item {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

main .horoscopes_block .scrolled_block .horoscopes_items .item:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

main .horoscopes_block .scrolled_block .horoscopes_items .item .logo {
    width: 60px;
    height: 60px;
    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;
    border-radius: 20px;
}

main .horoscopes_block .scrolled_block .horoscopes_items .item .logo .img {
    width: 45%;
    height: 45%;
}

main .horoscopes_block .scrolled_block .horoscopes_items .item .logo .img path {
    fill: #fff;
}

main .horoscopes_block .scrolled_block .horoscopes_items .item .aries_color .img {
    width: 26px;
    height: 22px;
}

main .horoscopes_block .scrolled_block .horoscopes_items .item .taurus_color .img {
    width: 24px;
    height: 22px;
}

main .horoscopes_block .scrolled_block .horoscopes_items .item .gemini_color .img {
    width: 22px;
    height: 25px;
}

main .horoscopes_block .scrolled_block .horoscopes_items .item .cancer_color .img {
    width: 26.52px;
    height: 23.86px;
}

main .horoscopes_block .scrolled_block .horoscopes_items .item .leo_color .img {
    width: 19px;
    height: 28px;
}

main .horoscopes_block .scrolled_block .horoscopes_items .item .virgo_color .img {
    width: 25px;
    height: 28px;
}

main .horoscopes_block .scrolled_block .horoscopes_items .item .libra_color .img {
    width: 27.64px;
    height: 19.33px;
}

main .horoscopes_block .scrolled_block .horoscopes_items .item .scorpio_color .img {
    width: 24px;
    height: 24px;
}

main .horoscopes_block .scrolled_block .horoscopes_items .item .sagittarius_color .img {
    width: 23px;
    height: 24px;
}

main .horoscopes_block .scrolled_block .horoscopes_items .item .capricorn_color .img {
    width: 24px;
    height: 29px;
}

main .horoscopes_block .scrolled_block .horoscopes_items .item .aquarius_color .img {
    width: 31.92px;
    height: 14.12px;
}

main .horoscopes_block .scrolled_block .horoscopes_items .item .pisces_color .img {
    width: 20px;
    height: 23px;
}

main .horoscopes_block .scrolled_block .horoscopes_items .item .name {
    font-size: 14px;
    font-family: Semi-bold-font;
    color: #242426;
    margin-top: 10px;
    font-weight: 700;
}

main .horoscopes_block .cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 60px;
}

main .horoscopes_block .cards .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #f0eff5;
    border-radius: 8px;
    padding: 30px;
    width: 48.5%;
}

main .horoscopes_block .cards .card .title_card {
    font-family: Semi-bold-font;
    font-size: 18px;
}

main .horoscopes_block .cards .card .img {
    width: 65px;
    height: 65px;
    display: block;
    margin: 20px auto;
}

main .horoscopes_block .cards .card .description_card {
    color: rgba(36, 36, 38, 0.7);
    font-size: 14px;
}

main .horoscopes_block .cards .card .input_label {
    font-family: Semi-bold-font;
    font-size: 16px;
    margin-top: 10px;
    color: rgba(36, 36, 38, 0.8);
}

main .horoscopes_block .cards .card .inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

main .horoscopes_block .cards .card .inputs .input {
    width: 30%;
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    background-color: #faf9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 40px;
    position: relative;
}

main .horoscopes_block .cards .card .inputs .input .select_value {
    font-size: 13px;
}

main .horoscopes_block .cards .card .inputs .input .arrow {
    position: absolute;
    top: 16px;
    right: 10px;
}

main .horoscopes_block .cards .card .inputs .input .select_box {
    padding: 10px;
}

main .horoscopes_block .cards .card .inputs .input .select_box .btn_option {
    height: 20px;
    padding: 0px;
}

main .horoscopes_block .cards .card .inputs .input select {
    width: 100%;
    height: 100%;
    padding: 0px 10px;
}

main .horoscopes_block .cards .card .inputs_horoscope {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

main .horoscopes_block .cards .card .inputs_horoscope .input {
    width: 48%;
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    background-color: #faf9f9;
    padding: 0px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    position: relative;
}

main .horoscopes_block .cards .card .inputs_horoscope .input .select_value {
    font-size: 13px;
}

main .horoscopes_block .cards .card .inputs_horoscope .input .horoscope_icn {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

main .horoscopes_block .cards .card .inputs_horoscope .input .arrow {
    position: absolute;
    top: 16px;
    right: 10px;
}

main .horoscopes_block .cards .card .inputs_horoscope .input .select_box {
    padding: 10px 0px;
}

main .horoscopes_block .cards .card .inputs_horoscope .input .select_box .btn_option {
    height: 30px;
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 10px;
}

main .horoscopes_block .cards .card .inputs_horoscope .input .select_box .btn_option img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

main .horoscopes_block .cards .card .submit {
    background-color: #019ff8;
    border-radius: 8px;
    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;
    height: 43px;
    padding: 0px 20px;
    width: 100%;
    color: #fff;
    font-family: Semi-bold-font;
    font-size: 18px;
}

main .horoscopes_block .foot {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 60px;
    width: 100%;
    padding-bottom: 60px;
}

main .horoscopes_block .foot * {
    text-align: center;
}

main .horoscopes_block .foot .title_foot {
    font-size: 18px;
    font-family: Semi-bold-font;
    margin: 0px;
}

main .horoscopes_block .foot .description_foot {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 20px;
    font-weight: 500;
}

main .horoscopes_block .foot .content {
    font-family: Regular-font;
    font-size: 12px;
    color: rgba(36, 36, 38, 0.5);
    max-width: 90%;
}

main .aries_color {
    background: linear-gradient(215.35deg, #fc7c78 6.85%, #f5956c 49.95%, #ebc29a 92.04%);
}

main .taurus_color {
    background: linear-gradient(215.35deg, #eb6375 6.85%, #ec76a4 49.95%, #e199a4 92.04%);
}

main .gemini_color {
    background: linear-gradient(215.35deg, #90bc73 6.85%, #b9c486 49.95%, #acc09b 92.04%);
}

main .cancer_color {
    background: linear-gradient(215.35deg, #efc560 6.85%, #efb37c 49.95%, #fa8d72 92.04%);
}

main .leo_color {
    background: linear-gradient(215.35deg, #c5b066 6.85%, #c2c062 49.95%, #a2c051 92.04%);
}

main .virgo_color {
    background: linear-gradient(215.35deg, #ef877b 6.85%, #f790ab 49.95%, #f1b2b7 92.04%);
}

main .libra_color {
    background: linear-gradient(215.35deg, #a684ee 6.85%, #b2a5f4 49.95%, #c0acec 92.04%);
}

main .scorpio_color {
    background: linear-gradient(215.35deg, #db91fb 6.85%, #ec86e9 49.95%, #eeabe7 92.04%);
}

main .sagittarius_color {
    background: linear-gradient(215.35deg, #d9b2ee 6.85%, #ca7af1 49.95%, #af8cf8 92.04%);
}

main .capricorn_color {
    background: linear-gradient(215.35deg, #60b0c0 6.85%, #6bc8b5 49.95%, #88b6bd 92.04%);
}

main .aquarius_color {
    background: linear-gradient(215.35deg, #52a1d5 6.85%, #60c3d7 49.95%, #58d9dd 92.04%);
}

main .pisces_color {
    background: linear-gradient(215.35deg, #6471cd 6.85%, #5a9cda 49.95%, #65b6d9 92.04%);
}

main .birth_page {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    padding: 30px;
    position: relative;
}

main .birth_page .main_horoscope {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

main .birth_page .main_horoscope .logo {
    width: 60px;
    height: 60px;
    border-radius: 20px;
    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;
}

main .birth_page .main_horoscope .logo .img path {
    fill: #fff;
}

main .birth_page .main_horoscope .name {
    font-family: Bold-font;
    font-size: 18px;
    margin: 10px 0px;
}

main .birth_page .main_horoscope .date {
    font-family: Semi-bold-font;
    font-size: 14px;
    color: rgba(36, 36, 38, 0.3);
}

main .birth_page .main_horoscope .aries_color .img {
    width: 26px;
    height: 22px;
}

main .birth_page .main_horoscope .taurus_color .img {
    width: 24px;
    height: 22px;
}

main .birth_page .main_horoscope .gemini_color .img {
    width: 22px;
    height: 25px;
}

main .birth_page .main_horoscope .cancer_color .img {
    width: 26.52px;
    height: 23.86px;
}

main .birth_page .main_horoscope .leo_color .img {
    width: 19px;
    height: 28px;
}

main .birth_page .main_horoscope .virgo_color .img {
    width: 25px;
    height: 28px;
}

main .birth_page .main_horoscope .libra_color .img {
    width: 27.64px;
    height: 19.33px;
}

main .birth_page .main_horoscope .scorpio_color .img {
    width: 24px;
    height: 24px;
}

main .birth_page .main_horoscope .sagittarius_color .img {
    width: 23px;
    height: 24px;
}

main .birth_page .main_horoscope .capricorn_color .img {
    width: 24px;
    height: 29px;
}

main .birth_page .main_horoscope .aquarius_color .img {
    width: 31.92px;
    height: 14.12px;
}

main .birth_page .main_horoscope .pisces_color .img {
    width: 20px;
    height: 23px;
}

main .birth_page .main_horoscope .title_head {
    text-align: center;
    position: relative;
    z-index: 1;
}

main .birth_page .main_horoscope .title_head h1 {
    font-size: 24px;
    font-family: Semi-bold-font;
    color: #000;
    margin: 30px 0px 0px 0px;
}

main .birth_page .main_horoscope .title_head h3 {
    font-size: 18px;
    font-family: Regular-font;
    font-weight: 500;
    margin-top: 10px;
}

main .birth_page .navbar_horoscope {
    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;
    padding: 0px;
    list-style: none;
    max-width: 50%;
    margin: 0px auto;
}

main .birth_page .navbar_horoscope .active_tab {
    border: 1px solid #fb7f76 !important;
    background-color: #fff !important;
    color: #000 !important;
}

main .birth_page .navbar_horoscope .btn_tab {
    border-radius: 8px;
    background-color: #f0eff5;
    height: 40px;
    width: auto;
    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;
    margin-bottom: 0px;
    padding: 0px 20px;
    color: #4040407e;
    font-family: Semi-bold-font;
    font-weight: 600;
}

main .birth_page .navbar_horoscope .btn_tab:not(:last-child) {
    margin-right: 10px;
}

main .birth_page .navbar_horoscope .btn_tab::before {
    display: none;
}

main .birth_page .content {
    margin-top: 40px;
}

main .birth_page .content .bold_text {
    font-size: 16px;
    font-family: Regular-font;
    margin-bottom: 15px;
}

main .birth_page .content p {
    font-size: 16px;
    margin-bottom: 25px;
    line-height: 24px;
}

main .love_page {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    padding: 50px;
    position: relative;
}

main .love_page .title {
    text-align: center;
}

main .love_page .title h1 {
    font-size: 24px;
    font-family: Semi-bold-font;
    color: #000;
    margin: 0px;
    text-transform: uppercase;
}

main .love_page .title h3 {
    font-size: 18px;
    font-family: Regular-font;
    font-weight: 500;
    margin-top: 10px;
}

main .love_page .icons_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 40%;
    margin: 40px auto 30px auto;
}

main .love_page .icons_row .aries_color {
    background-image: url(../images/icons/heart-icons/heart-aries.svg);
}

main .love_page .icons_row .taurus_color {
    background-image: url(../images/icons/heart-icons/heart-taurus.svg);
}

main .love_page .icons_row .gemini_color {
    background-image: url(../images/icons/heart-icons/heart-gemini.svg);
}

main .love_page .icons_row .cancer_color {
    background-image: url(../images/icons/heart-icons/heart-cancer.svg);
}

main .love_page .icons_row .leo_color {
    background-image: url(../images/icons/heart-icons/heart-leo.svg);
}

main .love_page .icons_row .virgo_color {
    background-image: url(../images/icons/heart-icons/heart-virgo.svg);
}

main .love_page .icons_row .libra_color {
    background-image: url(../images/icons/heart-icons/heart-libra.svg);
}

main .love_page .icons_row .scorpio_color {
    background-image: url(../images/icons/heart-icons/heart-scorpio.svg);
}

main .love_page .icons_row .sagittarius_color {
    background-image: url(../images/icons/heart-icons/heart-sagittarius.svg);
}

main .love_page .icons_row .capricorn_color {
    background-image: url(../images/icons/heart-icons/heart-capricorn.svg);
}

main .love_page .icons_row .aquarius_color {
    background-image: url(../images/icons/heart-icons/heart-aquarius.svg);
}

main .love_page .icons_row .pisces_color {
    background-image: url(../images/icons/heart-icons/heart-pisces.svg);
}

main .love_page .icons_row .heart_icon {
    width: 92px;
    height: 84px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    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;
}

main .love_page .icons_row .icn {
    width: 65px;
    height: 65px;
}

main .love_page .content * {
    font-size: 16px;
    line-height: 24px;
}

main .love_page .content p {
    margin-bottom: 30px;
}

main .love_page .horoscopes_bar .title_bar {
    font-size: 16px;
    font-family: Semi-bold-font;
    margin-bottom: 15px;
}

main .love_page .horoscopes_bar .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

main .love_page .horoscopes_bar .items .active_item {
    -webkit-animation: 2s infinite beatHeart;
    animation: 2s infinite beatHeart;
}

main .love_page .horoscopes_bar .items .active_item .icn path {
    fill: #fff;
}

main .love_page .horoscopes_bar .items .active_item .name {
    color: #fff;
}

main .love_page .horoscopes_bar .items .active_item .my_checkbox input:checked ~ .checkmark {
    background-color: #fff;
}

main .love_page .horoscopes_bar .items .active_item .my_checkbox .checkmark {
    border-color: transparent;
}

main .love_page .horoscopes_bar .items .active_item .my_checkbox .checkmark::after {
    color: #f5956c;
}

main .love_page .horoscopes_bar .items .aries.active_item {
    background: linear-gradient(215.35deg, #fc7c78 6.85%, #f5956c 49.95%, #ebc29a 92.04%);
}

main .love_page .horoscopes_bar .items .aries .icn {
    width: 26px;
    height: 22px;
}

main .love_page .horoscopes_bar .items .taurus.active_item {
    background: linear-gradient(215.35deg, #eb6375 6.85%, #ec76a4 49.95%, #e199a4 92.04%);
}

main .love_page .horoscopes_bar .items .taurus .icn {
    width: 24px;
    height: 22px;
}

main .love_page .horoscopes_bar .items .gemini.active_item {
    background: linear-gradient(215.35deg, #90bc73 6.85%, #b9c486 49.95%, #acc09b 92.04%);
}

main .love_page .horoscopes_bar .items .gemini .icn {
    width: 22px;
    height: 25px;
}

main .love_page .horoscopes_bar .items .cancer.active_item {
    background: linear-gradient(215.35deg, #efc560 6.85%, #efb37c 49.95%, #fa8d72 92.04%);
}

main .love_page .horoscopes_bar .items .cancer .icn {
    width: 26.62px;
    height: 23.86px;
}

main .love_page .horoscopes_bar .items .leo.active_item {
    background: linear-gradient(215.35deg, #c5b066 6.85%, #c2c062 49.95%, #a2c051 92.04%);
}

main .love_page .horoscopes_bar .items .leo .icn {
    width: 19px;
    height: 28px;
}

main .love_page .horoscopes_bar .items .virgo.active_item {
    background: linear-gradient(215.35deg, #a684ee 6.85%, #b2a5f4 49.95%, #c0acec 92.04%);
}

main .love_page .horoscopes_bar .items .virgo .icn {
    width: 25px;
    height: 28px;
}

main .love_page .horoscopes_bar .items .libra.active_item {
    background: linear-gradient(215.35deg, #fc7c78 6.85%, #f5956c 49.95%, #ebc29a 92.04%);
}

main .love_page .horoscopes_bar .items .libra .icn {
    width: 27.64px;
    height: 19.33px;
}

main .love_page .horoscopes_bar .items .scorpio.active_item {
    background: linear-gradient(215.35deg, #db91fb 6.85%, #ec86e9 49.95%, #eeabe7 92.04%);
}

main .love_page .horoscopes_bar .items .scorpio .icn {
    width: 24px;
    height: 24px;
}

main .love_page .horoscopes_bar .items .sagittarius.active_item {
    background: linear-gradient(215.35deg, #d9b2ee 6.85%, #ca7af1 49.95%, #af8cf8 92.04%);
}

main .love_page .horoscopes_bar .items .sagittarius .icn {
    width: 23px;
    height: 24px;
}

main .love_page .horoscopes_bar .items .capricorn.active_item {
    background: linear-gradient(215.35deg, #60b0c0 6.85%, #6bc8b5 49.95%, #88b6bd 92.04%);
}

main .love_page .horoscopes_bar .items .capricorn .icn {
    width: 24px;
    height: 29px;
}

main .love_page .horoscopes_bar .items .aquarius.active_item {
    background: linear-gradient(215.35deg, #52a1d5 6.85%, #60c3d7 49.95%, #58d9dd 92.04%);
}

main .love_page .horoscopes_bar .items .aquarius .icn {
    width: 31.92px;
    height: 14.12px;
}

main .love_page .horoscopes_bar .items .pisces.active_item {
    background: linear-gradient(215.35deg, #6471cd 6.85%, #5a9cda 49.95%, #65b6d9 92.04%);
}

main .love_page .horoscopes_bar .items .pisces .icn {
    width: 20px;
    height: 23px;
}

main .love_page .horoscopes_bar .items .item {
    width: 65px;
    min-height: 95px;
    border: 1px solid #f0eff5;
    border-radius: 8px;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 10px;
}

main .love_page .horoscopes_bar .items .item:not(:last-child) {
    margin-right: 10px;
}

main .love_page .horoscopes_bar .items .item .name {
    font-size: 12px;
    font-family: Semi-bold-font;
    margin: 10px 0px;
}

main .love_page .horoscopes_bar .items .item .my_checkbox .checkmark {
    border-radius: 100%;
}

main .love_page .horoscopes_bar .items .item .my_checkbox .checkmark::after {
    left: 5px;
}

main .love_page .btn_submit {
    height: 43px;
    width: 30%;
    color: #fff;
    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;
    font-size: 18px;
    font-family: Semi-bold-font;
    border-radius: 8px;
    background-color: #019ff8;
    margin: 30px auto;
}

main .layihhe_page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

main .layihhe_page .item {
    width: 320px;
    height: 220px;
    border-radius: 8px;
    background-color: #000;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 20px;
}

main .layihhe_page .item:not(:nth-child(3n + 3)) {
    margin-right: 20px;
}

main .layihhe_page .item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

main .layihhe_page .item img:hover {
    opacity: 0.8;
}

main .not_found_layihhe {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px;
    background-color: #fff;
    height: 470px;
}

main .not_found_layihhe .img {
    width: 282px;
    height: 124px;
    margin-bottom: 10px;
}

main .not_found_layihhe h3 {
    font-family: Bold-font;
    font-size: 22px;
    margin-bottom: 10px;
}

main .not_found_layihhe p {
    color: #9babbd;
    font-size: 16px;
}

main .ring_music_page .ring_page_navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .ring_music_page .ring_page_navbar .active_link::before {
    width: 83% !important;
}

main .ring_music_page .ring_page_navbar .link {
    width: 23.5%;
    height: 50px;
    background-color: #fff;
    border-radius: 8px;
    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;
    position: relative;
    padding: 0px 20px;
}

main .ring_music_page .ring_page_navbar .link::before {
    width: 0px;
    height: 3px;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    background-color: #019ff8;
    border-radius: 8px 8px 0px 0px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

main .ring_music_page .ring_page_navbar .link:hover::before {
    width: 83%;
}

main .ring_music_page .ring_page_navbar .link span {
    font-family: Semi-bold-font;
    font-size: 14px;
    color: #000;
}

main .ring_music_page .ring_page_navbar .link .icn {
    position: absolute;
    top: 13px;
    left: 20px;
    width: 24px;
    height: 24px;
}

main .ring_music_page .search_ring {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
}

main .ring_music_page .search_ring .left {
    width: 49%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 8px;
    padding: 10px 20px;
}

main .ring_music_page .search_ring .left .content {
    font-family: Semi-bold-font;
    font-size: 13px;
    max-width: 68%;
}

main .ring_music_page .search_ring .left .info_btn {
    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;
    height: 40px;
    background-color: #8a4ad2;
    border-radius: 8px;
    min-width: 25%;
}

main .ring_music_page .search_ring .left .info_btn span {
    color: #fff;
    margin-right: 20px;
    font-size: 14px;
    text-transform: uppercase;
}

main .ring_music_page .search_ring .left .info_btn img {
    width: 16px;
    height: 16px;
}

main .ring_music_page .search_ring .right {
    width: 49%;
    background-color: #fff;
    border-radius: 8px;
    padding: 15px 20px;
}

main .ring_music_page .search_ring .right form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .ring_music_page .search_ring .right form input {
    border: 1px solid #e6e6e6;
    background: #faf9f9;
    border-radius: 8px;
    height: 40px;
    width: 73%;
    padding: 0px 15px;
}

main .ring_music_page .search_ring .right form button {
    background-color: #019ff8;
    border-radius: 8px;
    color: #fff;
    height: 40px;
    padding: 0px 20px;
    max-width: 24%;
    width: 100%;
}

main .ring_music_page .musics_list {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px 30px;
    margin-top: 20px;
}

main .ring_music_page .musics_list .head_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e3e4e7;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

main .ring_music_page .musics_list .head_items .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 15px;
}

main .ring_music_page .musics_list .head_items .left .play {
    margin-right: 30px;
}

main .ring_music_page .musics_list .head_items .left .play * {
    font-family: Bold-font;
    font-size: 16px;
}

main .ring_music_page .musics_list .head_items .left .play .action img {
    width: 36px;
    height: 36px;
}

main .ring_music_page .musics_list .head_items .name {
    max-width: 90%;
}

main .ring_music_page .musics_list .head_items .name * {
    font-family: Semi-bold-font;
    font-size: 16px;
}

main .ring_music_page .musics_list .head_items .code {
    min-width: 75px;
}

main .ring_music_page .musics_list .head_items .code * {
    font-family: Bold-font;
    font-size: 16px;
}

main .ring_music_page .musics_list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .ring_music_page .musics_list .item:not(:last-child) {
    border-bottom: 1px solid #e3e4e7;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

main .ring_music_page .musics_list .item .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

main .ring_music_page .musics_list .item .left .play {
    margin-right: 30px;
}

main .ring_music_page .musics_list .item .left .play * {
    font-family: Bold-font;
    font-size: 16px;
}

main .ring_music_page .musics_list .item .left .play .action_music {
    width: 36px;
    height: 36px;
    background-image: url(../images/icons/play_music.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

main .ring_music_page .musics_list .item .left .play .pause {
    background-image: url(../images/icons/pause_musics.svg);
}

main .ring_music_page .musics_list .item .left .name * {
    font-family: Semi-bold-font;
    font-size: 16px;
}

main .ring_music_page .musics_list .item .code * {
    font-family: Bold-font;
    font-size: 16px;
}

main .ring_music_page .musics_list .item .code .code_btn {
    background-color: #019ff8;
    padding: 10px;
    border-radius: 8px;
}

main .ring_music_page .musics_list .item .code .code_btn * {
    color: #fff;
    font-size: 18px;
    font-family: Regular-font;
}

main .weather_new_page .cloud {
    width: 24px;
    height: 14.4px;
}

main .weather_new_page .sun_cloud {
    width: 22px;
    height: 19px;
}

main .weather_new_page .sun {
    width: 19px;
    height: 19px;
}

main .weather_new_page .lighning_cloud {
    width: 18px;
    height: 18px;
}

main .weather_new_page .snow {
    width: 17px;
    height: 20px;
}

main .weather_new_page .rain {
    width: 18px;
    height: 18px;
}

main .weather_new_page .all_district {
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    background-color: #fff;
    overflow: hidden;
    padding: 40px;
}

main .weather_new_page .all_district .title {
    font-size: 18px;
    font-family: Semi-bold-font;
    margin-bottom: 50px;
    margin-top: 0px;
    text-align: center;
}

main .weather_new_page .all_district .districts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

main .weather_new_page .all_district .districts .active_district .name {
    color: #019ff8;
}

main .weather_new_page .all_district .districts .active_district .right .degree {
    color: #019ff8;
}

main .weather_new_page .all_district .districts .district {
    min-width: 190px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .weather_new_page .all_district .districts .district:not(:last-child) {
    margin-bottom: 10px;
}

main .weather_new_page .all_district .districts .district:hover .name {
    color: #019ff8 !important;
}

main .weather_new_page .all_district .districts .district:hover .right .degree {
    color: #019ff8 !important;
}

main .weather_new_page .all_district .districts .district .name {
    font-family: Semi-bold-font;
    font-size: 14px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-right: 15px;
}

main .weather_new_page .all_district .districts .district .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: 65px;
}

main .weather_new_page .all_district .districts .district .right .degree {
    font-family: Semi-bold-font;
    font-size: 14px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

main .weather_new_page .weather_card {
    margin-top: 20px;
}

main .ramadan_page {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px;
}

main .ramadan_page .logo_ramadan {
    width: 130px;
    height: 130px;
}

main .ramadan_page .title_ramadan {
    font-family: Semi-bold-font;
    font-size: 24px;
    margin: 30px 0px;
    text-align: center;
}

main .ramadan_page .img {
    width: 100%;
}

main .ramadan_page .img .calendar_img {
    width: 100%;
}

main .mp3_page .active_mp3_block .first_block {
    display: none !important;
}

main .mp3_page .active_mp3_block .second_block {
    display: block !important;
}

main .mp3_page .upload_block {
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    padding: 10px;
    overflow: hidden;
}

main .mp3_page .upload_block .first_block {
    width: 100%;
}

main .mp3_page .upload_block .first_block .block_in {
    height: 180px;
    border: 1px dashed #e8e7ed;
    border-radius: 8px;
    padding: 20px;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

main .mp3_page .upload_block .first_block .block_in .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

main .mp3_page .upload_block .first_block .block_in .info img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

main .mp3_page .upload_block .first_block .block_in .info span {
    font-size: 18px;
}

main .mp3_page .upload_block .first_block .block_in .btn_add_mp3 {
    padding: 0px 20px;
    height: 50px;
    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;
    background-color: #30a961;
    border-radius: 8px;
    margin: 20px 0px;
}

main .mp3_page .upload_block .first_block .block_in .btn_add_mp3 img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

main .mp3_page .upload_block .first_block .block_in .btn_add_mp3 span {
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
}

main .mp3_page .upload_block .first_block .block_in .privacy {
    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;
}

main .mp3_page .upload_block .first_block .block_in .privacy input {
    width: 18px;
    height: 18px;
}

main .mp3_page .upload_block .first_block .block_in .privacy a {
    text-decoration: underline;
    margin: 0px 4px;
}

main .mp3_page .upload_block .second_block {
    width: 100%;
    display: none;
}

main .mp3_page .upload_block .second_block .block_in {
    border: 1px dashed #e8e7ed;
    border-radius: 8px;
    padding: 20px 40px;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

main .mp3_page .upload_block .second_block .block_in .btn_close_mp3_block {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 16px;
    height: 16px;
}

main .mp3_page .upload_block .second_block .block_in form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

main .mp3_page .upload_block .second_block .block_in form .input {
    width: 28%;
    background: #faf9f9;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    height: 50px;
    padding: 0px 20px;
}

main .mp3_page .upload_block .second_block .block_in form .uploaded, .edit_popup .upload_block .uploaded {
    background-color: transparent !important;
    border: 1px solid #30a961;
    background-image: url(../images/icons/checkSuccess.svg);
    background-repeat: no-repeat;
    background-position: 20px 17px;
}

main .mp3_page .upload_block .second_block .block_in form .uploaded img {
    display: none;
}

main .mp3_page .upload_block .second_block .block_in form .img_input_file, .edit_popup .upload_block .img_input_file {
    background-color: #c3ccd3;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 20px;
    height: 50px;
    min-width: 100px;
    position: relative;
}

main .mp3_page .upload_block .second_block .block_in form .img_input_file input, .edit_popup .upload_block .img_input_file input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    cursor: pointer;
}

main .mp3_page .upload_block .second_block .block_in form .img_input_file span, .edit_popup .upload_block .img_input_file span {
    font-size: 16px;
    color: #69747c;
    font-family: Semi-bold-font;
    margin-left: 30px;
}

main .mp3_page .upload_block .second_block .block_in form .img_input_file img, .edit_popup .upload_block .img_input_file img {
    position: absolute;
    left: 20px;
    top: 17px;
}

main .mp3_page .upload_block .second_block .block_in form button, .edit_popup .upload_block button {
    background: #30a961;
    -webkit-box-shadow: 0px 4px 4px rgba(127, 182, 149, 0.5);
    box-shadow: 0px 4px 4px rgba(127, 182, 149, 0.5);
    border-radius: 8px;
    height: 50px;
    padding: 0px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.edit_popup .upload_block .img_input_file span {
    margin-left: 0;
}

main .mp3_page .upload_block .second_block .block_in form button span, .edit_popup .upload_block.uploaded_media button span {
    color: #fff;
    font-family: Semi-bold-font;
    font-size: 18px;
    text-transform: uppercase;
    margin-left: 10px;
}

.edit_popup .upload_block {
    display: flex;
    justify-content: space-between;
}

.edit_popup .upload_block .img_input_file.uploaded_media {
    justify-content: flex-start;
}

.edit_popup .upload_block .img_input_file {
    width: 48%;
    position: relative;
    justify-content: center;
    background: url(../images/icons/image.svg) 15px center no-repeat #c3ccd3;
}

.edit_popup .upload_block .img_input_file img {
    display: none;
}

.edit_popup .upload_block .img_input_file.uploaded_media > img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    top: 0;
    left: 0;
    display: block;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.edit_popup .upload_block .img_input_file button {
    display: none;
}

.edit_popup .upload_block .uploaded_media button {
    box-shadow: none;
    position: absolute;
    right: 0;
    display: flex;
    border-radius: 0;
    justify-content: center;
    border-left: 1px solid #B0BCC6;
    height: 36px;
    background: url(../images/icons/remove.svg) center no-repeat transparent;
}

.popup form .btn_submit {
    background: #019FF8;
}

.edit_popup .upload_block .uploaded_media span {
    margin-left: 60px;
}

.edit_popup .upload_block .mp3 > img {
    width: 38px !important;
    height: 36px !important;
    top: 9px !important;
    left: 7px !important;
    object-fit: contain !important;

}

.edit_popup .upload_block .img_input_file.mp3 {
    background: url(../images/icons/mp3.svg) 15px center no-repeat #c3ccd3;
}


.edit_popup .upload_block .uploaded_media.mp3::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0;
    display: block;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: linear-gradient(180deg, #3F7391 0%, #055B8B 100%);
}

.g-recaptcha {
    transform: scale(0.827815);
    transform-origin: 0px 0px;
}

main .mp3_page .all_mp3_block {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px 20px;
    margin-top: 30px;
}

main .mp3_page .title_mp3 .search_mp3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 62%;
}

main .mp3_page .title_mp3 .search_mp3 input {
    background: #faf9f9;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    height: 40px;
    padding: 0px 20px;
    width: 70%;
    margin-right: 20px;
}

main .mp3_page .title_mp3 .search_mp3 .submit {
    background: #019ff8;
    border-radius: 6px;
    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;
    height: 40px;
    width: 27%;
    color: #fff;
}

main .mp3_page .more_mp3 {
    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;
}

main .mp3_page .more_mp3 .btn_more {
    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;
    background-color: #019ff8;
    border-radius: 8px;
    overflow: hidden;
    padding: 0px 20px;
    color: #fff;
    height: 43px;
    width: 20%;
}

main .artist_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .artist_block .left_column {
    width: 68%;
}

main .artist_block .left_column .head_artist {
    width: 100%;
    height: 250px;
    border-radius: 8px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 40px;
    position: relative;
}

main .artist_block .left_column .head_artist .overlay {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
}

main .artist_block .left_column .head_artist .main_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 10;
}

main .artist_block .left_column .head_artist .main_head .img {
    width: 160px;
    height: 160px;
    border: 1px solid rgba(240, 239, 245, 0.3);
    border-radius: 8px;
    overflow: hidden;
}

main .artist_block .left_column .head_artist .main_head .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

main .artist_block .left_column .head_artist .main_head .content {
    margin-left: 30px;
}

main .artist_block .left_column .head_artist .main_head .content .title {
    font-family: Semi-bold-font;
    font-size: 24px;
    margin: 0px;
    color: #fff;
}

main .artist_block .left_column .head_artist .main_head .content .count_music {
    margin-top: 20px;
    font-size: 16px;
    color: #fff;
}

main .artist_block .left_column .artist_musics {
    padding: 40px;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
}

main .music_info_player .info_player .btn_actions .action {
    background: #019FF8;
    border-radius: 8px;
    width: 100%;
    height: 40px;
    position: relative;
    font-size: 18px;
    line-height: 23px;
    color: #fff;
    font-family: Semi-bold-font;
    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;
}

main .music_info_player .info_player .btn_actions .action span {
    font-size: 18px;
    line-height: 23px;
    color: #fff;
    font-family: Semi-bold-font;
}

main .music_info_player .info_player .btn_actions .download_action {
    background: #30A961 !important;
}

main .music_info_player .info_player .btn_actions .action img {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 25px;
    top: 13px;
}

main .artist_block .left_column .action_details {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px !important;
}

main .artist_block .left_column .action_details .details {
    flex-basis: 33%;
    margin-top: 10px;
}

main .artist_block .left_column .action_details .details .label {
    color: #242426;
    font-size: 14px;
    line-height: 20px;
    font-family: Semi-bold-font;
}

main .artist_block .left_column .action_details .details .text {
    font-size: 14px;
    line-height: 20px;
    color: rgba(36, 36, 38, 0.4);
    font-family: Regular-font;
}

main .artist_block .left_column .action_details .details span {
    display: block;

}

main .artist_block .left_column .details_text .title {
    margin: 0 0 17px;
}

main .artist_block .left_column .details_text p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #242426;
}

main .artist_block .left_column .ring_nav {
    background: #fff;
    border-radius: 8px;
    padding: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

.link {
    color: #019FF8;
    font-size: 16px;
    border: 1px solid #019FF8;
    border-radius: 8px;
    font-family: Semi-bold-font;
    width: 32%;
    height: 40px;
    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;
}

footer {
    background-color: #fff;
    margin-top: 30px;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

footer .footer_main {
    max-width: 400px;
    padding: 30px 0px;
}

footer .footer_main .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

footer .footer_main .links li a {
    font-size: 14px;
    font-family: Semi-bold-font;
}

footer .footer_main .social_icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0px;
    margin: 25px auto;
    list-style: none;
    max-width: 320px;
}

footer .footer_main .social_icons li {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

footer .footer_main .social_icons li:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

footer .footer_main .social_icons li a img {
    width: 36px;
    height: 36px;
}

footer .footer_main .text {
    text-align: center;
    font-size: 12px;
    color: #231f20;
}

footer .footer_main .apa_logo {
    margin: 25px auto;
    display: block;
}

footer .footer_main .apa_logo img {
    width: 111px;
    height: 10px;
    margin: 0px auto;
    display: block;
}

footer .footer_main .stores {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 245px;
    margin: 0px auto;
}

footer .footer_main .stores a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

footer .footer_main .stores a:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

footer .footer_main .stores a img {
    width: 113.83px;
    height: 33.81px;
}

footer .foot {
    padding: 15px 0px;
    border-top: 1px solid #c7c6c9;
    width: 100%;
    text-align: center;
    font-size: 12px;
}

@-webkit-keyframes beatHeart {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes beatHeart {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.like_reaction {
    cursor: pointer;
}

.like_reaction .emoji-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0;
    position: absolute;
    bottom: 55px;
    left: 0px;
    background: #fff;
    height: 154px;
    width: 100%;
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    pointer-events: none;
}

.like_reaction .emoji-container:before {
    display: block;
    content: "";
    background: transparent;
    height: 30px;
    position: absolute;
    width: 100%;
    bottom: -15px;
}

.like_reaction .emoji-container:after {
    display: block;
    content: "";
    background: transparent;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    background-color: #fff;
    bottom: -8px;
    -webkit-transform: translate(-50%, 0%) rotate(45deg);
    transform: translate(-50%, 0%) rotate(45deg);
}

.like_reaction .emoji-container .btn_emoji {
    width: 43px;
    height: 43px;
    float: left;
    position: relative;
    top: -10px;
}

.like_reaction .emoji-container .btn_emoji .count {
    font-size: 12px !important;
}

.like_reaction .emoji-container .btn_emoji .icon {
    width: 100%;
    height: 100%;
    float: left;
    -webkit-transform: scale(0.8, 0.8) translate(0, 0);
    transform: scale(0.8, 0.8) translate(0, 0);
    -webkit-transition: -webkit-transform 200ms ease;
    transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.like_reaction .emoji-container .btn_emoji .icon:hover {
    -webkit-transform: scale(1, 1) translate(0, -6px);
    transform: scale(1, 1) translate(0, -6px);
}

.like_reaction .emoji-container .like .icon {
    background-image: url(../images/icons/emojis/1.svg);
    background-size: 100% 100%;
}

.like_reaction .emoji-container .love .icon {
    background-image: url(../images/icons/emojis/2.svg);
    background-size: 100% 100%;
}

.like_reaction .emoji-container .clap .icon {
    background-image: url(../images/icons/emojis/3.svg);
    background-size: 100% 100%;
}

.like_reaction .emoji-container .wow .icon {
    background-image: url(../images/icons/emojis/4.svg);
    background-size: 100% 100%;
}

.like_reaction .emoji-container .scream .icon {
    background-image: url(../images/icons/emojis/5.svg);
    background-size: 100% 100%;
}

.like_reaction .emoji-container .dislike .icon {
    background-image: url(../images/icons/emojis/6.svg);
    background-size: 100% 100%;
}

.like_reaction .emoji-container .rage .icon {
    background-image: url(../images/icons/emojis/7.svg);
    background-size: 100% 100%;
}

.like_reaction .emoji-container .joy .icon {
    background-image: url(../images/icons/emojis/8.svg);
    background-size: 100% 100%;
}

.like_reaction:hover .emoji-container {
    opacity: 1;
    pointer-events: all;
}

.like_reaction:hover .like {
    -webkit-animation-duration: 0.7333s;
    -webkit-animation-name: head-1-anim;
}

.like_reaction:hover .love {
    -webkit-animation-duration: 0.9833s;
    -webkit-animation-name: head-2-anim;
}

.like_reaction:hover .clap {
    -webkit-animation-duration: 1.0833s;
    -webkit-animation-name: head-3-anim;
}

.like_reaction:hover .wow {
    -webkit-animation-duration: 0.9333s;
    -webkit-animation-name: head-4-anim;
}

.like_reaction:hover .scream {
    -webkit-animation-duration: 1.2167s;
    -webkit-animation-name: head-5-anim;
}

.like_reaction:hover .dislike {
    -webkit-animation-duration: 1.2833s;
    -webkit-animation-name: head-6-anim;
}

.like_reaction:hover .rage {
    -webkit-animation-duration: 1.3133s;
    -webkit-animation-name: head-6-anim;
}

.like_reaction:hover .joy {
    -webkit-animation-duration: 1.3833s;
    -webkit-animation-name: head-6-anim;
}

.share_reaction {
    cursor: pointer;
}

.share_reaction .emoji-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0;
    position: absolute;
    bottom: 55px;
    left: -5px;
    background: #fff;
    height: 59px;
    width: 105%;
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    pointer-events: none;
}

.share_reaction .emoji-container:before {
    display: block;
    content: "";
    background: transparent;
    height: 30px;
    position: absolute;
    width: 100%;
    bottom: -15px;
}

.share_reaction .emoji-container:after {
    display: block;
    content: "";
    background: transparent;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    background-color: #fff;
    bottom: -8px;
    -webkit-transform: translate(-50%, 0%) rotate(45deg);
    transform: translate(-50%, 0%) rotate(45deg);
}

.share_reaction .emoji-container .emoji {
    width: 32px;
    height: 32px;
    float: left;
}

.share_reaction .emoji-container .emoji .icon {
    width: 100%;
    height: 100%;
    float: left;
    -webkit-transform: scale(0.8, 0.8) translate(0, 0);
    transform: scale(0.8, 0.8) translate(0, 0);
    -webkit-transition: -webkit-transform 200ms ease;
    transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.share_reaction .emoji-container .emoji .icon:hover {
    -webkit-transform: scale(1, 1) translate(0, -6px);
    transform: scale(1, 1) translate(0, -6px);
}

.share_reaction .emoji-container .facebook .icon {
    background-image: url(../images/icons/share-social-icons/facebook.svg);
    background-size: 100% 100%;
}

.share_reaction .emoji-container .telegram .icon {
    background-image: url(../images/icons/share-social-icons/telegram.svg);
    background-size: 100% 100%;
}

.share_reaction .emoji-container .whatsapp .icon {
    background-image: url(../images/icons/share-social-icons/whatsapp.svg);
    background-size: 100% 100%;
}

.share_reaction .emoji-container .linkedin .icon {
    background-image: url(../images/icons/share-social-icons/linekedin.svg);
    background-size: 100% 100%;
}

.share_reaction .emoji-container .twitter .icon {
    background-image: url(../images/icons/share-social-icons/twitter.svg);
    background-size: 100% 100%;
}

.share_reaction .emoji-container .gmail .icon {
    background-image: url(../images/icons/share-social-icons/gmail.svg);
    background-size: 100% 100%;
}

.share_reaction:hover .emoji-container {
    opacity: 1;
    pointer-events: all;
}

.share_reaction:hover .facebook {
    -webkit-animation-duration: 0.7333s;
    -webkit-animation-name: head-1-anim;
}

.share_reaction:hover .telegram {
    -webkit-animation-duration: 0.9833s;
    -webkit-animation-name: head-2-anim;
}

.share_reaction:hover .whatsapp {
    -webkit-animation-duration: 1.0833s;
    -webkit-animation-name: head-3-anim;
}

.share_reaction:hover .linkedin {
    -webkit-animation-duration: 0.9333s;
    -webkit-animation-name: head-4-anim;
}

.share_reaction:hover .twitter {
    -webkit-animation-duration: 1.2167s;
    -webkit-animation-name: head-5-anim;
}

.share_reaction:hover .gmail {
    -webkit-animation-duration: 1.2833s;
    -webkit-animation-name: head-6-anim;
}

@-webkit-keyframes head-1-anim {
    0% {
        opacity: 0.3374;
        -webkit-transform: translateY(35.7785px) scale(0.3374, 0.3374);
        transform: translateY(35.7785px) scale(0.3374, 0.3374);
    }

    2.2727% {
        opacity: 0.5075;
        -webkit-transform: translateY(26.5963px) scale(0.5075, 0.5075);
        transform: translateY(26.5963px) scale(0.5075, 0.5075);
    }

    4.5455% {
        opacity: 0.6569;
        -webkit-transform: translateY(18.5271px) scale(0.6569, 0.6569);
        transform: translateY(18.5271px) scale(0.6569, 0.6569);
    }

    6.8182% {
        opacity: 0.7796;
        -webkit-transform: translateY(11.903px) scale(0.7796, 0.7796);
        transform: translateY(11.903px) scale(0.7796, 0.7796);
    }

    9.0909% {
        opacity: 0.8744;
        -webkit-transform: translateY(6.7839px) scale(0.8744, 0.8744);
        transform: translateY(6.7839px) scale(0.8744, 0.8744);
    }

    11.3636% {
        opacity: 0.9433;
        -webkit-transform: translateY(3.0607px) scale(0.9433, 0.9433);
        transform: translateY(3.0607px) scale(0.9433, 0.9433);
    }

    13.6364% {
        opacity: 0.9901;
        -webkit-transform: translateY(0.5333px) scale(0.9901, 0.9901);
        transform: translateY(0.5333px) scale(0.9901, 0.9901);
    }

    15.9091% {
        opacity: 1;
        -webkit-transform: translateY(-1.0335px) scale(1.0191, 1.0191);
        transform: translateY(-1.0335px) scale(1.0191, 1.0191);
    }

    18.1818% {
        -webkit-transform: translateY(-1.8733px) scale(1.0347, 1.0347);
        transform: translateY(-1.8733px) scale(1.0347, 1.0347);
    }

    20.4545% {
        -webkit-transform: translateY(-2.1963px) scale(1.0407, 1.0407);
        transform: translateY(-2.1963px) scale(1.0407, 1.0407);
    }

    22.7273% {
        -webkit-transform: translateY(-2.1782px) scale(1.0403, 1.0403);
        transform: translateY(-2.1782px) scale(1.0403, 1.0403);
    }

    25.0000% {
        -webkit-transform: translateY(-1.9574px) scale(1.0362, 1.0362);
        transform: translateY(-1.9574px) scale(1.0362, 1.0362);
    }

    27.2727% {
        -webkit-transform: translateY(-1.6364px) scale(1.0303, 1.0303);
        transform: translateY(-1.6364px) scale(1.0303, 1.0303);
    }

    29.5455% {
        -webkit-transform: translateY(-1.2861px) scale(1.0238, 1.0238);
        transform: translateY(-1.2861px) scale(1.0238, 1.0238);
    }

    31.8182% {
        -webkit-transform: translateY(-0.9522px) scale(1.0176, 1.0176);
        transform: translateY(-0.9522px) scale(1.0176, 1.0176);
    }

    34.0909% {
        -webkit-transform: translateY(-0.6601px) scale(1.0122, 1.0122);
        transform: translateY(-0.6601px) scale(1.0122, 1.0122);
    }

    36.3636% {
        -webkit-transform: translateY(-0.4214px) scale(1.0078, 1.0078);
        transform: translateY(-0.4214px) scale(1.0078, 1.0078);
    }

    38.6364% {
        -webkit-transform: translateY(-0.2376px) scale(1.0044, 1.0044);
        transform: translateY(-0.2376px) scale(1.0044, 1.0044);
    }

    40.9091% {
        -webkit-transform: translateY(-0.1046px) scale(1.0019, 1.0019);
        transform: translateY(-0.1046px) scale(1.0019, 1.0019);
    }

    43.1818% {
        opacity: 1;
        -webkit-transform: translateY(-0.0147px) scale(1.0003, 1.0003);
        transform: translateY(-0.0147px) scale(1.0003, 1.0003);
    }

    45.4545% {
        opacity: 0.9992;
        -webkit-transform: translateY(0.0406px) scale(0.9992, 0.9992);
        transform: translateY(0.0406px) scale(0.9992, 0.9992);
    }

    47.7273% {
        opacity: 0.9987;
        -webkit-transform: translateY(0.0699px) scale(0.9987, 0.9987);
        transform: translateY(0.0699px) scale(0.9987, 0.9987);
    }

    50% {
        opacity: 0.9985;
        -webkit-transform: translateY(0.0807px) scale(0.9985, 0.9985);
        transform: translateY(0.0807px) scale(0.9985, 0.9985);
    }

    52.2727% {
        opacity: 0.9985;
        -webkit-transform: translateY(0.0794px) scale(0.9985, 0.9985);
        transform: translateY(0.0794px) scale(0.9985, 0.9985);
    }

    54.5455% {
        opacity: 0.9987;
        -webkit-transform: translateY(0.0709px) scale(0.9987, 0.9987);
        transform: translateY(0.0709px) scale(0.9987, 0.9987);
    }

    56.8182% {
        opacity: 0.9989;
        -webkit-transform: translateY(0.059px) scale(0.9989, 0.9989);
        transform: translateY(0.059px) scale(0.9989, 0.9989);
    }

    59.0909% {
        opacity: 0.9991;
        -webkit-transform: translateY(0.0462px) scale(0.9991, 0.9991);
        transform: translateY(0.0462px) scale(0.9991, 0.9991);
    }

    61.3636% {
        opacity: 0.9994;
        -webkit-transform: translateY(0.0341px) scale(0.9994, 0.9994);
        transform: translateY(0.0341px) scale(0.9994, 0.9994);
    }

    63.6364% {
        opacity: 0.9996;
        -webkit-transform: translateY(0.0235px) scale(0.9996, 0.9996);
        transform: translateY(0.0235px) scale(0.9996, 0.9996);
    }

    65.9091% {
        opacity: 0.9997;
        -webkit-transform: translateY(0.0149px) scale(0.9997, 0.9997);
        transform: translateY(0.0149px) scale(0.9997, 0.9997);
    }

    68.1818% {
        opacity: 0.9998;
        -webkit-transform: translateY(0.0083px) scale(0.9998, 0.9998);
        transform: translateY(0.0083px) scale(0.9998, 0.9998);
    }

    70.4545% {
        opacity: 0.9999;
        -webkit-transform: translateY(0.0036px) scale(0.9999, 0.9999);
        transform: translateY(0.0036px) scale(0.9999, 0.9999);
    }

    72.7273% {
        opacity: 1;
        -webkit-transform: translateY(0.0004px) scale(1, 1);
        transform: translateY(0.0004px) scale(1, 1);
    }

    75.0000% {
        -webkit-transform: translateY(-0.0016px) scale(1, 1);
        transform: translateY(-0.0016px) scale(1, 1);
    }

    77.2727% {
        -webkit-transform: translateY(-0.0026px) scale(1, 1);
        transform: translateY(-0.0026px) scale(1, 1);
    }

    79.5455% {
        -webkit-transform: translateY(-0.003px) scale(1.0001, 1.0001);
        transform: translateY(-0.003px) scale(1.0001, 1.0001);
    }

    81.8182% {
        -webkit-transform: translateY(-0.0029px) scale(1.0001, 1.0001);
        transform: translateY(-0.0029px) scale(1.0001, 1.0001);
    }

    84.0909% {
        -webkit-transform: translateY(-0.0026px) scale(1, 1);
        transform: translateY(-0.0026px) scale(1, 1);
    }

    86.3636% {
        -webkit-transform: translateY(-0.0021px) scale(1, 1);
        transform: translateY(-0.0021px) scale(1, 1);
    }

    88.6364% {
        -webkit-transform: translateY(-0.0017px) scale(1, 1);
        transform: translateY(-0.0017px) scale(1, 1);
    }

    90.9091% {
        -webkit-transform: translateY(-0.0012px) scale(1, 1);
        transform: translateY(-0.0012px) scale(1, 1);
    }

    93.1818% {
        -webkit-transform: translateY(-0.0008px) scale(1, 1);
        transform: translateY(-0.0008px) scale(1, 1);
    }

    95.4545% {
        -webkit-transform: translateY(-0.0005px) scale(1, 1);
        transform: translateY(-0.0005px) scale(1, 1);
    }

    97.7273% {
        -webkit-transform: translateY(-0.0003px) scale(1, 1);
        transform: translateY(-0.0003px) scale(1, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(-0.0001px) scale(1, 1);
        transform: translateY(-0.0001px) scale(1, 1);
    }
}

@-webkit-keyframes head-2-anim {
    0% {
        opacity: 0.0825;
        -webkit-transform: translateY(49.5448px) scale(0.0825, 0.0825);
        transform: translateY(49.5448px) scale(0.0825, 0.0825);
    }

    1.6949% {
        opacity: 0.1684;
        -webkit-transform: translateY(44.9066px) scale(0.1684, 0.1684);
        transform: translateY(44.9066px) scale(0.1684, 0.1684);
    }

    3.3898% {
        opacity: 0.2765;
        -webkit-transform: translateY(39.0668px) scale(0.2765, 0.2765);
        transform: translateY(39.0668px) scale(0.2765, 0.2765);
    }

    5.0847% {
        opacity: 0.3977;
        -webkit-transform: translateY(32.5232px) scale(0.3977, 0.3977);
        transform: translateY(32.5232px) scale(0.3977, 0.3977);
    }

    6.7797% {
        opacity: 0.5224;
        -webkit-transform: translateY(25.7913px) scale(0.5224, 0.5224);
        transform: translateY(25.7913px) scale(0.5224, 0.5224);
    }

    8.4746% {
        opacity: 0.6421;
        -webkit-transform: translateY(19.3257px) scale(0.6421, 0.6421);
        transform: translateY(19.3257px) scale(0.6421, 0.6421);
    }

    10.1695% {
        opacity: 0.7504;
        -webkit-transform: translateY(13.476px) scale(0.7504, 0.7504);
        transform: translateY(13.476px) scale(0.7504, 0.7504);
    }

    11.8644% {
        opacity: 0.8432;
        -webkit-transform: translateY(8.4697px) scale(0.8432, 0.8432);
        transform: translateY(8.4697px) scale(0.8432, 0.8432);
    }

    13.5593% {
        opacity: 0.9182;
        -webkit-transform: translateY(4.4173px) scale(0.9182, 0.9182);
        transform: translateY(4.4173px) scale(0.9182, 0.9182);
    }

    15.2542% {
        opacity: 0.9754;
        -webkit-transform: translateY(1.3294px) scale(0.9754, 0.9754);
        transform: translateY(1.3294px) scale(0.9754, 0.9754);
    }

    16.9492% {
        opacity: 1;
        -webkit-transform: translateY(-0.859px) scale(1.0159, 1.0159);
        transform: translateY(-0.859px) scale(1.0159, 1.0159);
    }

    18.6441% {
        -webkit-transform: translateY(-2.2629px) scale(1.0419, 1.0419);
        transform: translateY(-2.2629px) scale(1.0419, 1.0419);
    }

    20.3390% {
        -webkit-transform: translateY(-3.0237px) scale(1.056, 1.056);
        transform: translateY(-3.0237px) scale(1.056, 1.056);
    }

    22.0339% {
        -webkit-transform: translateY(-3.29px) scale(1.0609, 1.0609);
        transform: translateY(-3.29px) scale(1.0609, 1.0609);
    }

    23.7288% {
        -webkit-transform: translateY(-3.203px) scale(1.0593, 1.0593);
        transform: translateY(-3.203px) scale(1.0593, 1.0593);
    }

    25.4237% {
        -webkit-transform: translateY(-2.887px) scale(1.0535, 1.0535);
        transform: translateY(-2.887px) scale(1.0535, 1.0535);
    }

    27.1186% {
        -webkit-transform: translateY(-2.4446px) scale(1.0453, 1.0453);
        transform: translateY(-2.4446px) scale(1.0453, 1.0453);
    }

    28.8136% {
        -webkit-transform: translateY(-1.9549px) scale(1.0362, 1.0362);
        transform: translateY(-1.9549px) scale(1.0362, 1.0362);
    }

    30.5085% {
        -webkit-transform: translateY(-1.4744px) scale(1.0273, 1.0273);
        transform: translateY(-1.4744px) scale(1.0273, 1.0273);
    }

    32.2034% {
        -webkit-transform: translateY(-1.0398px) scale(1.0193, 1.0193);
        transform: translateY(-1.0398px) scale(1.0193, 1.0193);
    }

    33.8983% {
        -webkit-transform: translateY(-0.6716px) scale(1.0124, 1.0124);
        transform: translateY(-0.6716px) scale(1.0124, 1.0124);
    }

    35.5932% {
        -webkit-transform: translateY(-0.3774px) scale(1.007, 1.007);
        transform: translateY(-0.3774px) scale(1.007, 1.007);
    }

    37.2881% {
        -webkit-transform: translateY(-0.1562px) scale(1.0029, 1.0029);
        transform: translateY(-0.1562px) scale(1.0029, 1.0029);
    }

    38.9831% {
        opacity: 1;
        -webkit-transform: translateY(-0.001px) scale(1, 1);
        transform: translateY(-0.001px) scale(1, 1);
    }

    40.6780% {
        opacity: 0.9982;
        -webkit-transform: translateY(0.0985px) scale(0.9982, 0.9982);
        transform: translateY(0.0985px) scale(0.9982, 0.9982);
    }

    42.3729% {
        opacity: 0.9972;
        -webkit-transform: translateY(0.1536px) scale(0.9972, 0.9972);
        transform: translateY(0.1536px) scale(0.9972, 0.9972);
    }

    44.0678% {
        opacity: 0.9968;
        -webkit-transform: translateY(0.1754px) scale(0.9968, 0.9968);
        transform: translateY(0.1754px) scale(0.9968, 0.9968);
    }

    45.7627% {
        opacity: 0.9968;
        -webkit-transform: translateY(0.1741px) scale(0.9968, 0.9968);
        transform: translateY(0.1741px) scale(0.9968, 0.9968);
    }

    47.4576% {
        opacity: 0.9971;
        -webkit-transform: translateY(0.1582px) scale(0.9971, 0.9971);
        transform: translateY(0.1582px) scale(0.9971, 0.9971);
    }

    49.1525% {
        opacity: 0.9975;
        -webkit-transform: translateY(0.1342px) scale(0.9975, 0.9975);
        transform: translateY(0.1342px) scale(0.9975, 0.9975);
    }

    50.8475% {
        opacity: 0.998;
        -webkit-transform: translateY(0.1073px) scale(0.998, 0.998);
        transform: translateY(0.1073px) scale(0.998, 0.998);
    }

    52.5424% {
        opacity: 0.9985;
        -webkit-transform: translateY(0.0809px) scale(0.9985, 0.9985);
        transform: translateY(0.0809px) scale(0.9985, 0.9985);
    }

    54.2373% {
        opacity: 0.9989;
        -webkit-transform: translateY(0.0571px) scale(0.9989, 0.9989);
        transform: translateY(0.0571px) scale(0.9989, 0.9989);
    }

    55.9322% {
        opacity: 0.9993;
        -webkit-transform: translateY(0.037px) scale(0.9993, 0.9993);
        transform: translateY(0.037px) scale(0.9993, 0.9993);
    }

    57.6271% {
        opacity: 0.9996;
        -webkit-transform: translateY(0.0211px) scale(0.9996, 0.9996);
        transform: translateY(0.0211px) scale(0.9996, 0.9996);
    }

    59.3220% {
        opacity: 0.9998;
        -webkit-transform: translateY(0.0092px) scale(0.9998, 0.9998);
        transform: translateY(0.0092px) scale(0.9998, 0.9998);
    }

    61.0169% {
        opacity: 1;
        -webkit-transform: translateY(0.0009px) scale(1, 1);
        transform: translateY(0.0009px) scale(1, 1);
    }

    62.7119% {
        -webkit-transform: translateY(-0.0044px) scale(1.0001, 1.0001);
        transform: translateY(-0.0044px) scale(1.0001, 1.0001);
    }

    64.4068% {
        -webkit-transform: translateY(-0.0073px) scale(1.0001, 1.0001);
        transform: translateY(-0.0073px) scale(1.0001, 1.0001);
    }

    66.1017% {
        -webkit-transform: translateY(-0.0085px) scale(1.0002, 1.0002);
        transform: translateY(-0.0085px) scale(1.0002, 1.0002);
    }

    67.7966% {
        -webkit-transform: translateY(-0.0084px) scale(1.0002, 1.0002);
        transform: translateY(-0.0084px) scale(1.0002, 1.0002);
    }

    69.4915% {
        -webkit-transform: translateY(-0.0077px) scale(1.0001, 1.0001);
        transform: translateY(-0.0077px) scale(1.0001, 1.0001);
    }

    71.1864% {
        -webkit-transform: translateY(-0.0065px) scale(1.0001, 1.0001);
        transform: translateY(-0.0065px) scale(1.0001, 1.0001);
    }

    72.8814% {
        -webkit-transform: translateY(-0.0052px) scale(1.0001, 1.0001);
        transform: translateY(-0.0052px) scale(1.0001, 1.0001);
    }

    74.5763% {
        -webkit-transform: translateY(-0.0039px) scale(1.0001, 1.0001);
        transform: translateY(-0.0039px) scale(1.0001, 1.0001);
    }

    76.2712% {
        -webkit-transform: translateY(-0.0027px) scale(1.0001, 1.0001);
        transform: translateY(-0.0027px) scale(1.0001, 1.0001);
    }

    77.9661% {
        -webkit-transform: translateY(-0.0018px) scale(1, 1);
        transform: translateY(-0.0018px) scale(1, 1);
    }

    79.6610% {
        -webkit-transform: translateY(-0.001px) scale(1, 1);
        transform: translateY(-0.001px) scale(1, 1);
    }

    81.3559% {
        -webkit-transform: translateY(-0.0004px) scale(1, 1);
        transform: translateY(-0.0004px) scale(1, 1);
    }

    83.0508% {
        -webkit-transform: translateY(-0.0001px) scale(1, 1);
        transform: translateY(-0.0001px) scale(1, 1);
    }

    84.7458% {
        -webkit-transform: translateY(0.0002px) scale(1, 1);
        transform: translateY(0.0002px) scale(1, 1);
    }

    86.4407% {
        -webkit-transform: translateY(0.0003px) scale(1, 1);
        transform: translateY(0.0003px) scale(1, 1);
    }

    88.1356% {
        -webkit-transform: translateY(0.0004px) scale(1, 1);
        transform: translateY(0.0004px) scale(1, 1);
    }

    89.8305% {
        -webkit-transform: translateY(0.0004px) scale(1, 1);
        transform: translateY(0.0004px) scale(1, 1);
    }

    91.5254% {
        -webkit-transform: translateY(0.0003px) scale(1, 1);
        transform: translateY(0.0003px) scale(1, 1);
    }

    93.2203% {
        -webkit-transform: translateY(0.0003px) scale(1, 1);
        transform: translateY(0.0003px) scale(1, 1);
    }

    94.9153% {
        -webkit-transform: translateY(0.0002px) scale(1, 1);
        transform: translateY(0.0002px) scale(1, 1);
    }

    96.6102% {
        -webkit-transform: translateY(0.0002px) scale(1, 1);
        transform: translateY(0.0002px) scale(1, 1);
    }

    98.3051% {
        -webkit-transform: translateY(0.0001px) scale(1, 1);
        transform: translateY(0.0001px) scale(1, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0.0001px) scale(1, 1);
        transform: translateY(0.0001px) scale(1, 1);
    }
}

@-webkit-keyframes head-3-anim {
    0% {
        opacity: 0.0178;
        -webkit-transform: translateY(53.0397px) scale(0.0178, 0.0178);
        transform: translateY(53.0397px) scale(0.0178, 0.0178);
    }

    1.5385% {
        opacity: 0.046;
        -webkit-transform: translateY(51.5168px) scale(0.046, 0.046);
        transform: translateY(51.5168px) scale(0.046, 0.046);
    }

    3.0769% {
        opacity: 0.092;
        -webkit-transform: translateY(49.0301px) scale(0.092, 0.092);
        transform: translateY(49.0301px) scale(0.092, 0.092);
    }

    4.6154% {
        opacity: 0.1569;
        -webkit-transform: translateY(45.5294px) scale(0.1569, 0.1569);
        transform: translateY(45.5294px) scale(0.1569, 0.1569);
    }

    6.1538% {
        opacity: 0.2389;
        -webkit-transform: translateY(41.0973px) scale(0.2389, 0.2389);
        transform: translateY(41.0973px) scale(0.2389, 0.2389);
    }

    7.6923% {
        opacity: 0.3347;
        -webkit-transform: translateY(35.9277px) scale(0.3347, 0.3347);
        transform: translateY(35.9277px) scale(0.3347, 0.3347);
    }

    9.2308% {
        opacity: 0.4391;
        -webkit-transform: translateY(30.2897px) scale(0.4391, 0.4391);
        transform: translateY(30.2897px) scale(0.4391, 0.4391);
    }

    10.7692% {
        opacity: 0.5466;
        -webkit-transform: translateY(24.4858px) scale(0.5466, 0.5466);
        transform: translateY(24.4858px) scale(0.5466, 0.5466);
    }

    12.3077% {
        opacity: 0.6516;
        -webkit-transform: translateY(18.8122px) scale(0.6516, 0.6516);
        transform: translateY(18.8122px) scale(0.6516, 0.6516);
    }

    13.8462% {
        opacity: 0.7495;
        -webkit-transform: translateY(13.5277px) scale(0.7495, 0.7495);
        transform: translateY(13.5277px) scale(0.7495, 0.7495);
    }

    15.3846% {
        opacity: 0.8364;
        -webkit-transform: translateY(8.8324px) scale(0.8364, 0.8364);
        transform: translateY(8.8324px) scale(0.8364, 0.8364);
    }

    16.9231% {
        opacity: 0.91;
        -webkit-transform: translateY(4.8579px) scale(0.91, 0.91);
        transform: translateY(4.8579px) scale(0.91, 0.91);
    }

    18.4615% {
        opacity: 0.9691;
        -webkit-transform: translateY(1.6664px) scale(0.9691, 0.9691);
        transform: translateY(1.6664px) scale(0.9691, 0.9691);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-0.7419px) scale(1.0137, 1.0137);
        transform: translateY(-0.7419px) scale(1.0137, 1.0137);
    }

    21.5385% {
        -webkit-transform: translateY(-2.4176px) scale(1.0448, 1.0448);
        transform: translateY(-2.4176px) scale(1.0448, 1.0448);
    }

    23.0769% {
        -webkit-transform: translateY(-3.4473px) scale(1.0638, 1.0638);
        transform: translateY(-3.4473px) scale(1.0638, 1.0638);
    }

    24.6154% {
        -webkit-transform: translateY(-3.9398px) scale(1.073, 1.073);
        transform: translateY(-3.9398px) scale(1.073, 1.073);
    }

    26.1538% {
        -webkit-transform: translateY(-4.0124px) scale(1.0743, 1.0743);
        transform: translateY(-4.0124px) scale(1.0743, 1.0743);
    }

    27.6923% {
        -webkit-transform: translateY(-3.7806px) scale(1.07, 1.07);
        transform: translateY(-3.7806px) scale(1.07, 1.07);
    }

    29.2308% {
        -webkit-transform: translateY(-3.3496px) scale(1.062, 1.062);
        transform: translateY(-3.3496px) scale(1.062, 1.062);
    }

    30.7692% {
        -webkit-transform: translateY(-2.8095px) scale(1.052, 1.052);
        transform: translateY(-2.8095px) scale(1.052, 1.052);
    }

    32.3077% {
        -webkit-transform: translateY(-2.2324px) scale(1.0413, 1.0413);
        transform: translateY(-2.2324px) scale(1.0413, 1.0413);
    }

    33.8462% {
        -webkit-transform: translateY(-1.6721px) scale(1.031, 1.031);
        transform: translateY(-1.6721px) scale(1.031, 1.031);
    }

    35.3846% {
        -webkit-transform: translateY(-1.1651px) scale(1.0216, 1.0216);
        transform: translateY(-1.1651px) scale(1.0216, 1.0216);
    }

    36.9231% {
        -webkit-transform: translateY(-0.733px) scale(1.0136, 1.0136);
        transform: translateY(-0.733px) scale(1.0136, 1.0136);
    }

    38.4615% {
        -webkit-transform: translateY(-0.3849px) scale(1.0071, 1.0071);
        transform: translateY(-0.3849px) scale(1.0071, 1.0071);
    }

    40% {
        opacity: 1;
        -webkit-transform: translateY(-0.1208px) scale(1.0022, 1.0022);
        transform: translateY(-0.1208px) scale(1.0022, 1.0022);
    }

    41.5385% {
        opacity: 0.9988;
        -webkit-transform: translateY(0.0659px) scale(0.9988, 0.9988);
        transform: translateY(0.0659px) scale(0.9988, 0.9988);
    }

    43.0769% {
        opacity: 0.9966;
        -webkit-transform: translateY(0.1857px) scale(0.9966, 0.9966);
        transform: translateY(0.1857px) scale(0.9966, 0.9966);
    }

    44.6154% {
        opacity: 0.9954;
        -webkit-transform: translateY(0.2511px) scale(0.9954, 0.9954);
        transform: translateY(0.2511px) scale(0.9954, 0.9954);
    }

    46.1538% {
        opacity: 0.9949;
        -webkit-transform: translateY(0.2747px) scale(0.9949, 0.9949);
        transform: translateY(0.2747px) scale(0.9949, 0.9949);
    }

    47.6923% {
        opacity: 0.995;
        -webkit-transform: translateY(0.2685px) scale(0.995, 0.995);
        transform: translateY(0.2685px) scale(0.995, 0.995);
    }

    49.2308% {
        opacity: 0.9955;
        -webkit-transform: translateY(0.2428px) scale(0.9955, 0.9955);
        transform: translateY(0.2428px) scale(0.9955, 0.9955);
    }

    50.7692% {
        opacity: 0.9962;
        -webkit-transform: translateY(0.2063px) scale(0.9962, 0.9962);
        transform: translateY(0.2063px) scale(0.9962, 0.9962);
    }

    52.3077% {
        opacity: 0.9969;
        -webkit-transform: translateY(0.1656px) scale(0.9969, 0.9969);
        transform: translateY(0.1656px) scale(0.9969, 0.9969);
    }

    53.8462% {
        opacity: 0.9977;
        -webkit-transform: translateY(0.1253px) scale(0.9977, 0.9977);
        transform: translateY(0.1253px) scale(0.9977, 0.9977);
    }

    55.3846% {
        opacity: 0.9984;
        -webkit-transform: translateY(0.0887px) scale(0.9984, 0.9984);
        transform: translateY(0.0887px) scale(0.9984, 0.9984);
    }

    56.9231% {
        opacity: 0.9989;
        -webkit-transform: translateY(0.0574px) scale(0.9989, 0.9989);
        transform: translateY(0.0574px) scale(0.9989, 0.9989);
    }

    58.4615% {
        opacity: 0.9994;
        -webkit-transform: translateY(0.0322px) scale(0.9994, 0.9994);
        transform: translateY(0.0322px) scale(0.9994, 0.9994);
    }

    60% {
        opacity: 0.9998;
        -webkit-transform: translateY(0.0131px) scale(0.9998, 0.9998);
        transform: translateY(0.0131px) scale(0.9998, 0.9998);
    }

    61.5385% {
        opacity: 1;
        -webkit-transform: translateY(-0.0004px) scale(1, 1);
        transform: translateY(-0.0004px) scale(1, 1);
    }

    63.0769% {
        -webkit-transform: translateY(-0.0092px) scale(1.0002, 1.0002);
        transform: translateY(-0.0092px) scale(1.0002, 1.0002);
    }

    64.6154% {
        -webkit-transform: translateY(-0.0141px) scale(1.0003, 1.0003);
        transform: translateY(-0.0141px) scale(1.0003, 1.0003);
    }

    66.1538% {
        -webkit-transform: translateY(-0.0161px) scale(1.0003, 1.0003);
        transform: translateY(-0.0161px) scale(1.0003, 1.0003);
    }

    67.6923% {
        -webkit-transform: translateY(-0.0161px) scale(1.0003, 1.0003);
        transform: translateY(-0.0161px) scale(1.0003, 1.0003);
    }

    69.2308% {
        -webkit-transform: translateY(-0.0147px) scale(1.0003, 1.0003);
        transform: translateY(-0.0147px) scale(1.0003, 1.0003);
    }

    70.7692% {
        -webkit-transform: translateY(-0.0125px) scale(1.0002, 1.0002);
        transform: translateY(-0.0125px) scale(1.0002, 1.0002);
    }

    72.3077% {
        -webkit-transform: translateY(-0.0101px) scale(1.0002, 1.0002);
        transform: translateY(-0.0101px) scale(1.0002, 1.0002);
    }

    73.8462% {
        -webkit-transform: translateY(-0.0077px) scale(1.0001, 1.0001);
        transform: translateY(-0.0077px) scale(1.0001, 1.0001);
    }

    75.3846% {
        -webkit-transform: translateY(-0.0054px) scale(1.0001, 1.0001);
        transform: translateY(-0.0054px) scale(1.0001, 1.0001);
    }

    76.9231% {
        -webkit-transform: translateY(-0.0036px) scale(1.0001, 1.0001);
        transform: translateY(-0.0036px) scale(1.0001, 1.0001);
    }

    78.4615% {
        -webkit-transform: translateY(-0.002px) scale(1, 1);
        transform: translateY(-0.002px) scale(1, 1);
    }

    80% {
        -webkit-transform: translateY(-0.0009px) scale(1, 1);
        transform: translateY(-0.0009px) scale(1, 1);
    }

    81.5385% {
        -webkit-transform: translateY(-0.0001px) scale(1, 1);
        transform: translateY(-0.0001px) scale(1, 1);
    }

    83.0769% {
        -webkit-transform: translateY(0.0004px) scale(1, 1);
        transform: translateY(0.0004px) scale(1, 1);
    }

    84.6154% {
        -webkit-transform: translateY(0.0007px) scale(1, 1);
        transform: translateY(0.0007px) scale(1, 1);
    }

    86.1538% {
        -webkit-transform: translateY(0.0009px) scale(1, 1);
        transform: translateY(0.0009px) scale(1, 1);
    }

    87.6923% {
        -webkit-transform: translateY(0.0009px) scale(1, 1);
        transform: translateY(0.0009px) scale(1, 1);
    }

    89.2308% {
        -webkit-transform: translateY(0.0008px) scale(1, 1);
        transform: translateY(0.0008px) scale(1, 1);
    }

    90.7692% {
        -webkit-transform: translateY(0.0007px) scale(1, 1);
        transform: translateY(0.0007px) scale(1, 1);
    }

    92.3077% {
        -webkit-transform: translateY(0.0005px) scale(1, 1);
        transform: translateY(0.0005px) scale(1, 1);
    }

    93.8462% {
        -webkit-transform: translateY(0.0004px) scale(1, 1);
        transform: translateY(0.0004px) scale(1, 1);
    }

    95.3846% {
        -webkit-transform: translateY(0.0003px) scale(1, 1);
        transform: translateY(0.0003px) scale(1, 1);
    }

    96.9231% {
        -webkit-transform: translateY(0.0002px) scale(1, 1);
        transform: translateY(0.0002px) scale(1, 1);
    }

    98.4615% {
        -webkit-transform: translateY(0.0001px) scale(1, 1);
        transform: translateY(0.0001px) scale(1, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0.0001px) scale(1, 1);
        transform: translateY(0.0001px) scale(1, 1);
    }
}

@-webkit-keyframes head-4-anim {
    0% {
        opacity: 0.0036;
        -webkit-transform: translateY(53.8066px) scale(0.0036, 0.0036);
        transform: translateY(53.8066px) scale(0.0036, 0.0036);
    }

    1.7857% {
        opacity: 0.0112;
        -webkit-transform: translateY(53.3939px) scale(0.0112, 0.0112);
        transform: translateY(53.3939px) scale(0.0112, 0.0112);
    }

    3.5714% {
        opacity: 0.0265;
        -webkit-transform: translateY(52.5668px) scale(0.0265, 0.0265);
        transform: translateY(52.5668px) scale(0.0265, 0.0265);
    }

    5.3571% {
        opacity: 0.0524;
        -webkit-transform: translateY(51.1686px) scale(0.0524, 0.0524);
        transform: translateY(51.1686px) scale(0.0524, 0.0524);
    }

    7.1429% {
        opacity: 0.0912;
        -webkit-transform: translateY(49.076px) scale(0.0912, 0.0912);
        transform: translateY(49.076px) scale(0.0912, 0.0912);
    }

    8.9286% {
        opacity: 0.144;
        -webkit-transform: translateY(46.2232px) scale(0.144, 0.144);
        transform: translateY(46.2232px) scale(0.144, 0.144);
    }

    10.7143% {
        opacity: 0.2108;
        -webkit-transform: translateY(42.6163px) scale(0.2108, 0.2108);
        transform: translateY(42.6163px) scale(0.2108, 0.2108);
    }

    12.5000% {
        opacity: 0.2901;
        -webkit-transform: translateY(38.3347px) scale(0.2901, 0.2901);
        transform: translateY(38.3347px) scale(0.2901, 0.2901);
    }

    14.2857% {
        opacity: 0.3792;
        -webkit-transform: translateY(33.5229px) scale(0.3792, 0.3792);
        transform: translateY(33.5229px) scale(0.3792, 0.3792);
    }

    16.0714% {
        opacity: 0.4746;
        -webkit-transform: translateY(28.3723px) scale(0.4746, 0.4746);
        transform: translateY(28.3723px) scale(0.4746, 0.4746);
    }

    17.8571% {
        opacity: 0.5722;
        -webkit-transform: translateY(23.1004px) scale(0.5722, 0.5722);
        transform: translateY(23.1004px) scale(0.5722, 0.5722);
    }

    19.6429% {
        opacity: 0.668;
        -webkit-transform: translateY(17.9267px) scale(0.668, 0.668);
        transform: translateY(17.9267px) scale(0.668, 0.668);
    }

    21.4286% {
        opacity: 0.7583;
        -webkit-transform: translateY(13.0531px) scale(0.7583, 0.7583);
        transform: translateY(13.0531px) scale(0.7583, 0.7583);
    }

    23.2143% {
        opacity: 0.8399;
        -webkit-transform: translateY(8.6473px) scale(0.8399, 0.8399);
        transform: translateY(8.6473px) scale(0.8399, 0.8399);
    }

    25.0000% {
        opacity: 0.9105;
        -webkit-transform: translateY(4.8318px) scale(0.9105, 0.9105);
        transform: translateY(4.8318px) scale(0.9105, 0.9105);
    }

    26.7857% {
        opacity: 0.9689;
        -webkit-transform: translateY(1.6802px) scale(0.9689, 0.9689);
        transform: translateY(1.6802px) scale(0.9689, 0.9689);
    }

    28.5714% {
        opacity: 1;
        -webkit-transform: translateY(-0.7827px) scale(1.0145, 1.0145);
        transform: translateY(-0.7827px) scale(1.0145, 1.0145);
    }

    30.3571% {
        -webkit-transform: translateY(-2.5753px) scale(1.0477, 1.0477);
        transform: translateY(-2.5753px) scale(1.0477, 1.0477);
    }

    32.1429% {
        -webkit-transform: translateY(-3.7516px) scale(1.0695, 1.0695);
        transform: translateY(-3.7516px) scale(1.0695, 1.0695);
    }

    33.9286% {
        -webkit-transform: translateY(-4.3905px) scale(1.0813, 1.0813);
        transform: translateY(-4.3905px) scale(1.0813, 1.0813);
    }

    35.7143% {
        -webkit-transform: translateY(-4.5866px) scale(1.0849, 1.0849);
        transform: translateY(-4.5866px) scale(1.0849, 1.0849);
    }

    37.5000% {
        -webkit-transform: translateY(-4.4404px) scale(1.0822, 1.0822);
        transform: translateY(-4.4404px) scale(1.0822, 1.0822);
    }

    39.2857% {
        -webkit-transform: translateY(-4.05px) scale(1.075, 1.075);
        transform: translateY(-4.05px) scale(1.075, 1.075);
    }

    41.0714% {
        -webkit-transform: translateY(-3.5055px) scale(1.0649, 1.0649);
        transform: translateY(-3.5055px) scale(1.0649, 1.0649);
    }

    42.8571% {
        -webkit-transform: translateY(-2.8841px) scale(1.0534, 1.0534);
        transform: translateY(-2.8841px) scale(1.0534, 1.0534);
    }

    44.6429% {
        -webkit-transform: translateY(-2.2483px) scale(1.0416, 1.0416);
        transform: translateY(-2.2483px) scale(1.0416, 1.0416);
    }

    46.4286% {
        -webkit-transform: translateY(-1.6452px) scale(1.0305, 1.0305);
        transform: translateY(-1.6452px) scale(1.0305, 1.0305);
    }

    48.2143% {
        -webkit-transform: translateY(-1.1067px) scale(1.0205, 1.0205);
        transform: translateY(-1.1067px) scale(1.0205, 1.0205);
    }

    50% {
        -webkit-transform: translateY(-0.6515px) scale(1.0121, 1.0121);
        transform: translateY(-0.6515px) scale(1.0121, 1.0121);
    }

    51.7857% {
        -webkit-transform: translateY(-0.2875px) scale(1.0053, 1.0053);
        transform: translateY(-0.2875px) scale(1.0053, 1.0053);
    }

    53.5714% {
        opacity: 1;
        -webkit-transform: translateY(-0.0135px) scale(1.0002, 1.0002);
        transform: translateY(-0.0135px) scale(1.0002, 1.0002);
    }

    55.3571% {
        opacity: 0.9967;
        -webkit-transform: translateY(0.1776px) scale(0.9967, 0.9967);
        transform: translateY(0.1776px) scale(0.9967, 0.9967);
    }

    57.1429% {
        opacity: 0.9945;
        -webkit-transform: translateY(0.2968px) scale(0.9945, 0.9945);
        transform: translateY(0.2968px) scale(0.9945, 0.9945);
    }

    58.9286% {
        opacity: 0.9934;
        -webkit-transform: translateY(0.3572px) scale(0.9934, 0.9934);
        transform: translateY(0.3572px) scale(0.9934, 0.9934);
    }

    60.7143% {
        opacity: 0.9931;
        -webkit-transform: translateY(0.3724px) scale(0.9931, 0.9931);
        transform: translateY(0.3724px) scale(0.9931, 0.9931);
    }

    62.5000% {
        opacity: 0.9934;
        -webkit-transform: translateY(0.3551px) scale(0.9934, 0.9934);
        transform: translateY(0.3551px) scale(0.9934, 0.9934);
    }

    64.2857% {
        opacity: 0.9941;
        -webkit-transform: translateY(0.3167px) scale(0.9941, 0.9941);
        transform: translateY(0.3167px) scale(0.9941, 0.9941);
    }

    66.0714% {
        opacity: 0.9951;
        -webkit-transform: translateY(0.2666px) scale(0.9951, 0.9951);
        transform: translateY(0.2666px) scale(0.9951, 0.9951);
    }

    67.8571% {
        opacity: 0.9961;
        -webkit-transform: translateY(0.2124px) scale(0.9961, 0.9961);
        transform: translateY(0.2124px) scale(0.9961, 0.9961);
    }

    69.6429% {
        opacity: 0.997;
        -webkit-transform: translateY(0.1595px) scale(0.997, 0.997);
        transform: translateY(0.1595px) scale(0.997, 0.997);
    }

    71.4286% {
        opacity: 0.9979;
        -webkit-transform: translateY(0.1115px) scale(0.9979, 0.9979);
        transform: translateY(0.1115px) scale(0.9979, 0.9979);
    }

    73.2143% {
        opacity: 0.9987;
        -webkit-transform: translateY(0.0705px) scale(0.9987, 0.9987);
        transform: translateY(0.0705px) scale(0.9987, 0.9987);
    }

    75.0000% {
        opacity: 0.9993;
        -webkit-transform: translateY(0.0375px) scale(0.9993, 0.9993);
        transform: translateY(0.0375px) scale(0.9993, 0.9993);
    }

    76.7857% {
        opacity: 0.9998;
        -webkit-transform: translateY(0.0124px) scale(0.9998, 0.9998);
        transform: translateY(0.0124px) scale(0.9998, 0.9998);
    }

    78.5714% {
        opacity: 1;
        -webkit-transform: translateY(-0.0054px) scale(1.0001, 1.0001);
        transform: translateY(-0.0054px) scale(1.0001, 1.0001);
    }

    80.3571% {
        -webkit-transform: translateY(-0.0169px) scale(1.0003, 1.0003);
        transform: translateY(-0.0169px) scale(1.0003, 1.0003);
    }

    82.1429% {
        -webkit-transform: translateY(-0.0232px) scale(1.0004, 1.0004);
        transform: translateY(-0.0232px) scale(1.0004, 1.0004);
    }

    83.9286% {
        -webkit-transform: translateY(-0.0256px) scale(1.0005, 1.0005);
        transform: translateY(-0.0256px) scale(1.0005, 1.0005);
    }

    85.7143% {
        -webkit-transform: translateY(-0.0251px) scale(1.0005, 1.0005);
        transform: translateY(-0.0251px) scale(1.0005, 1.0005);
    }

    87.5000% {
        -webkit-transform: translateY(-0.0228px) scale(1.0004, 1.0004);
        transform: translateY(-0.0228px) scale(1.0004, 1.0004);
    }

    89.2857% {
        -webkit-transform: translateY(-0.0194px) scale(1.0004, 1.0004);
        transform: translateY(-0.0194px) scale(1.0004, 1.0004);
    }

    91.0714% {
        -webkit-transform: translateY(-0.0156px) scale(1.0003, 1.0003);
        transform: translateY(-0.0156px) scale(1.0003, 1.0003);
    }

    92.8571% {
        -webkit-transform: translateY(-0.0119px) scale(1.0002, 1.0002);
        transform: translateY(-0.0119px) scale(1.0002, 1.0002);
    }

    94.6429% {
        -webkit-transform: translateY(-0.0084px) scale(1.0002, 1.0002);
        transform: translateY(-0.0084px) scale(1.0002, 1.0002);
    }

    96.4286% {
        -webkit-transform: translateY(-0.0055px) scale(1.0001, 1.0001);
        transform: translateY(-0.0055px) scale(1.0001, 1.0001);
    }

    98.2143% {
        -webkit-transform: translateY(-0.0031px) scale(1.0001, 1.0001);
        transform: translateY(-0.0031px) scale(1.0001, 1.0001);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(-0.0013px) scale(1, 1);
        transform: translateY(-0.0013px) scale(1, 1);
    }
}

@-webkit-keyframes head-5-anim {
    0% {
        opacity: 0.0007;
        -webkit-transform: translateY(53.9627px) scale(0.0007, 0.0007);
        transform: translateY(53.9627px) scale(0.0007, 0.0007);
    }

    1.3699% {
        opacity: 0.0025;
        -webkit-transform: translateY(53.8625px) scale(0.0025, 0.0025);
        transform: translateY(53.8625px) scale(0.0025, 0.0025);
    }

    2.7397% {
        opacity: 0.007;
        -webkit-transform: translateY(53.6246px) scale(0.007, 0.007);
        transform: translateY(53.6246px) scale(0.007, 0.007);
    }

    4.1096% {
        opacity: 0.0156;
        -webkit-transform: translateY(53.1558px) scale(0.0156, 0.0156);
        transform: translateY(53.1558px) scale(0.0156, 0.0156);
    }

    5.4795% {
        opacity: 0.0306;
        -webkit-transform: translateY(52.3476px) scale(0.0306, 0.0306);
        transform: translateY(52.3476px) scale(0.0306, 0.0306);
    }

    6.8493% {
        opacity: 0.0539;
        -webkit-transform: translateY(51.0902px) scale(0.0539, 0.0539);
        transform: translateY(51.0902px) scale(0.0539, 0.0539);
    }

    8.2192% {
        opacity: 0.0872;
        -webkit-transform: translateY(49.2888px) scale(0.0872, 0.0872);
        transform: translateY(49.2888px) scale(0.0872, 0.0872);
    }

    9.5890% {
        opacity: 0.1319;
        -webkit-transform: translateY(46.8789px) scale(0.1319, 0.1319);
        transform: translateY(46.8789px) scale(0.1319, 0.1319);
    }

    10.9589% {
        opacity: 0.1882;
        -webkit-transform: translateY(43.8388px) scale(0.1882, 0.1882);
        transform: translateY(43.8388px) scale(0.1882, 0.1882);
    }

    12.3288% {
        opacity: 0.2556;
        -webkit-transform: translateY(40.1957px) scale(0.2556, 0.2556);
        transform: translateY(40.1957px) scale(0.2556, 0.2556);
    }

    13.6986% {
        opacity: 0.3328;
        -webkit-transform: translateY(36.0263px) scale(0.3328, 0.3328);
        transform: translateY(36.0263px) scale(0.3328, 0.3328);
    }

    15.0685% {
        opacity: 0.4176;
        -webkit-transform: translateY(31.4508px) scale(0.4176, 0.4176);
        transform: translateY(31.4508px) scale(0.4176, 0.4176);
    }

    16.4384% {
        opacity: 0.507;
        -webkit-transform: translateY(26.6223px) scale(0.507, 0.507);
        transform: translateY(26.6223px) scale(0.507, 0.507);
    }

    17.8082% {
        opacity: 0.5979;
        -webkit-transform: translateY(21.7127px) scale(0.5979, 0.5979);
        transform: translateY(21.7127px) scale(0.5979, 0.5979);
    }

    19.1781% {
        opacity: 0.6871;
        -webkit-transform: translateY(16.8978px) scale(0.6871, 0.6871);
        transform: translateY(16.8978px) scale(0.6871, 0.6871);
    }

    20.5479% {
        opacity: 0.7714;
        -webkit-transform: translateY(12.3424px) scale(0.7714, 0.7714);
        transform: translateY(12.3424px) scale(0.7714, 0.7714);
    }

    21.9178% {
        opacity: 0.8484;
        -webkit-transform: translateY(8.1883px) scale(0.8484, 0.8484);
        transform: translateY(8.1883px) scale(0.8484, 0.8484);
    }

    23.2877% {
        opacity: 0.9158;
        -webkit-transform: translateY(4.5454px) scale(0.9158, 0.9158);
        transform: translateY(4.5454px) scale(0.9158, 0.9158);
    }

    24.6575% {
        opacity: 0.9725;
        -webkit-transform: translateY(1.4862px) scale(0.9725, 0.9725);
        transform: translateY(1.4862px) scale(0.9725, 0.9725);
    }

    26.0274% {
        opacity: 1;
        -webkit-transform: translateY(-0.9554px) scale(1.0177, 1.0177);
        transform: translateY(-0.9554px) scale(1.0177, 1.0177);
    }

    27.3973% {
        -webkit-transform: translateY(-2.7819px) scale(1.0515, 1.0515);
        transform: translateY(-2.7819px) scale(1.0515, 1.0515);
    }

    28.7671% {
        -webkit-transform: translateY(-4.0276px) scale(1.0746, 1.0746);
        transform: translateY(-4.0276px) scale(1.0746, 1.0746);
    }

    30.1370% {
        -webkit-transform: translateY(-4.7517px) scale(1.088, 1.088);
        transform: translateY(-4.7517px) scale(1.088, 1.088);
    }

    31.5068% {
        -webkit-transform: translateY(-5.0309px) scale(1.0932, 1.0932);
        transform: translateY(-5.0309px) scale(1.0932, 1.0932);
    }

    32.8767% {
        -webkit-transform: translateY(-4.9516px) scale(1.0917, 1.0917);
        transform: translateY(-4.9516px) scale(1.0917, 1.0917);
    }

    34.2466% {
        -webkit-transform: translateY(-4.6028px) scale(1.0852, 1.0852);
        transform: translateY(-4.6028px) scale(1.0852, 1.0852);
    }

    35.6164% {
        -webkit-transform: translateY(-4.07px) scale(1.0754, 1.0754);
        transform: translateY(-4.07px) scale(1.0754, 1.0754);
    }

    36.9863% {
        -webkit-transform: translateY(-3.4305px) scale(1.0635, 1.0635);
        transform: translateY(-3.4305px) scale(1.0635, 1.0635);
    }

    38.3562% {
        -webkit-transform: translateY(-2.75px) scale(1.0509, 1.0509);
        transform: translateY(-2.75px) scale(1.0509, 1.0509);
    }

    39.7260% {
        -webkit-transform: translateY(-2.0814px) scale(1.0385, 1.0385);
        transform: translateY(-2.0814px) scale(1.0385, 1.0385);
    }

    41.0959% {
        -webkit-transform: translateY(-1.4636px) scale(1.0271, 1.0271);
        transform: translateY(-1.4636px) scale(1.0271, 1.0271);
    }

    42.4658% {
        -webkit-transform: translateY(-0.9228px) scale(1.0171, 1.0171);
        transform: translateY(-0.9228px) scale(1.0171, 1.0171);
    }

    43.8356% {
        -webkit-transform: translateY(-0.4734px) scale(1.0088, 1.0088);
        transform: translateY(-0.4734px) scale(1.0088, 1.0088);
    }

    45.2055% {
        opacity: 1;
        -webkit-transform: translateY(-0.1199px) scale(1.0022, 1.0022);
        transform: translateY(-0.1199px) scale(1.0022, 1.0022);
    }

    46.5753% {
        opacity: 0.9974;
        -webkit-transform: translateY(0.1404px) scale(0.9974, 0.9974);
        transform: translateY(0.1404px) scale(0.9974, 0.9974);
    }

    47.9452% {
        opacity: 0.9941;
        -webkit-transform: translateY(0.3161px) scale(0.9941, 0.9941);
        transform: translateY(0.3161px) scale(0.9941, 0.9941);
    }

    49.3151% {
        opacity: 0.9922;
        -webkit-transform: translateY(0.419px) scale(0.9922, 0.9922);
        transform: translateY(0.419px) scale(0.9922, 0.9922);
    }

    50.6849% {
        opacity: 0.9914;
        -webkit-transform: translateY(0.4628px) scale(0.9914, 0.9914);
        transform: translateY(0.4628px) scale(0.9914, 0.9914);
    }

    52.0548% {
        opacity: 0.9915;
        -webkit-transform: translateY(0.4615px) scale(0.9915, 0.9915);
        transform: translateY(0.4615px) scale(0.9915, 0.9915);
    }

    53.4247% {
        opacity: 0.9921;
        -webkit-transform: translateY(0.4282px) scale(0.9921, 0.9921);
        transform: translateY(0.4282px) scale(0.9921, 0.9921);
    }

    54.7945% {
        opacity: 0.9931;
        -webkit-transform: translateY(0.3747px) scale(0.9931, 0.9931);
        transform: translateY(0.3747px) scale(0.9931, 0.9931);
    }

    56.1644% {
        opacity: 0.9942;
        -webkit-transform: translateY(0.3106px) scale(0.9942, 0.9942);
        transform: translateY(0.3106px) scale(0.9942, 0.9942);
    }

    57.5342% {
        opacity: 0.9955;
        -webkit-transform: translateY(0.2438px) scale(0.9955, 0.9955);
        transform: translateY(0.2438px) scale(0.9955, 0.9955);
    }

    58.9041% {
        opacity: 0.9967;
        -webkit-transform: translateY(0.1798px) scale(0.9967, 0.9967);
        transform: translateY(0.1798px) scale(0.9967, 0.9967);
    }

    60.2740% {
        opacity: 0.9977;
        -webkit-transform: translateY(0.1224px) scale(0.9977, 0.9977);
        transform: translateY(0.1224px) scale(0.9977, 0.9977);
    }

    61.6438% {
        opacity: 0.9986;
        -webkit-transform: translateY(0.0739px) scale(0.9986, 0.9986);
        transform: translateY(0.0739px) scale(0.9986, 0.9986);
    }

    63.0137% {
        opacity: 0.9994;
        -webkit-transform: translateY(0.035px) scale(0.9994, 0.9994);
        transform: translateY(0.035px) scale(0.9994, 0.9994);
    }

    64.3836% {
        opacity: 0.9999;
        -webkit-transform: translateY(0.0057px) scale(0.9999, 0.9999);
        transform: translateY(0.0057px) scale(0.9999, 0.9999);
    }

    65.7534% {
        opacity: 1;
        -webkit-transform: translateY(-0.0148px) scale(1.0003, 1.0003);
        transform: translateY(-0.0148px) scale(1.0003, 1.0003);
    }

    67.1233% {
        -webkit-transform: translateY(-0.0277px) scale(1.0005, 1.0005);
        transform: translateY(-0.0277px) scale(1.0005, 1.0005);
    }

    68.4932% {
        -webkit-transform: translateY(-0.0345px) scale(1.0006, 1.0006);
        transform: translateY(-0.0345px) scale(1.0006, 1.0006);
    }

    69.8630% {
        -webkit-transform: translateY(-0.0364px) scale(1.0007, 1.0007);
        transform: translateY(-0.0364px) scale(1.0007, 1.0007);
    }

    71.2329% {
        -webkit-transform: translateY(-0.035px) scale(1.0006, 1.0006);
        transform: translateY(-0.035px) scale(1.0006, 1.0006);
    }

    72.6027% {
        -webkit-transform: translateY(-0.0314px) scale(1.0006, 1.0006);
        transform: translateY(-0.0314px) scale(1.0006, 1.0006);
    }

    73.9726% {
        -webkit-transform: translateY(-0.0265px) scale(1.0005, 1.0005);
        transform: translateY(-0.0265px) scale(1.0005, 1.0005);
    }

    75.3425% {
        -webkit-transform: translateY(-0.0212px) scale(1.0004, 1.0004);
        transform: translateY(-0.0212px) scale(1.0004, 1.0004);
    }

    76.7123% {
        -webkit-transform: translateY(-0.016px) scale(1.0003, 1.0003);
        transform: translateY(-0.016px) scale(1.0003, 1.0003);
    }

    78.0822% {
        -webkit-transform: translateY(-0.0112px) scale(1.0002, 1.0002);
        transform: translateY(-0.0112px) scale(1.0002, 1.0002);
    }

    79.4521% {
        -webkit-transform: translateY(-0.0071px) scale(1.0001, 1.0001);
        transform: translateY(-0.0071px) scale(1.0001, 1.0001);
    }

    80.8219% {
        -webkit-transform: translateY(-0.0038px) scale(1.0001, 1.0001);
        transform: translateY(-0.0038px) scale(1.0001, 1.0001);
    }

    82.1918% {
        -webkit-transform: translateY(-0.0013px) scale(1, 1);
        transform: translateY(-0.0013px) scale(1, 1);
    }

    83.5616% {
        -webkit-transform: translateY(0.0005px) scale(1, 1);
        transform: translateY(0.0005px) scale(1, 1);
    }

    84.9315% {
        -webkit-transform: translateY(0.0016px) scale(1, 1);
        transform: translateY(0.0016px) scale(1, 1);
    }

    86.3014% {
        -webkit-transform: translateY(0.0023px) scale(1, 1);
        transform: translateY(0.0023px) scale(1, 1);
    }

    87.6712% {
        -webkit-transform: translateY(0.0025px) scale(1, 1);
        transform: translateY(0.0025px) scale(1, 1);
    }

    89.0411% {
        -webkit-transform: translateY(0.0025px) scale(1, 1);
        transform: translateY(0.0025px) scale(1, 1);
    }

    90.4110% {
        -webkit-transform: translateY(0.0023px) scale(1, 1);
        transform: translateY(0.0023px) scale(1, 1);
    }

    91.7808% {
        -webkit-transform: translateY(0.0019px) scale(1, 1);
        transform: translateY(0.0019px) scale(1, 1);
    }

    93.1507% {
        -webkit-transform: translateY(0.0016px) scale(1, 1);
        transform: translateY(0.0016px) scale(1, 1);
    }

    94.5205% {
        -webkit-transform: translateY(0.0012px) scale(1, 1);
        transform: translateY(0.0012px) scale(1, 1);
    }

    95.8904% {
        -webkit-transform: translateY(0.0008px) scale(1, 1);
        transform: translateY(0.0008px) scale(1, 1);
    }

    97.2603% {
        -webkit-transform: translateY(0.0005px) scale(1, 1);
        transform: translateY(0.0005px) scale(1, 1);
    }

    98.6301% {
        -webkit-transform: translateY(0.0003px) scale(1, 1);
        transform: translateY(0.0003px) scale(1, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0.0001px) scale(1, 1);
        transform: translateY(0.0001px) scale(1, 1);
    }
}

@-webkit-keyframes head-6-anim {
    0% {
        opacity: 0.0001;
        -webkit-transform: translateY(53.993px) scale(0.0001, 0.0001);
        transform: translateY(53.993px) scale(0.0001, 0.0001);
    }

    1.2987% {
        opacity: 0.0005;
        -webkit-transform: translateY(53.9704px) scale(0.0005, 0.0005);
        transform: translateY(53.9704px) scale(0.0005, 0.0005);
    }

    2.5974% {
        opacity: 0.0017;
        -webkit-transform: translateY(53.9083px) scale(0.0017, 0.0017);
        transform: translateY(53.9083px) scale(0.0017, 0.0017);
    }

    3.8961% {
        opacity: 0.0043;
        -webkit-transform: translateY(53.7685px) scale(0.0043, 0.0043);
        transform: translateY(53.7685px) scale(0.0043, 0.0043);
    }

    5.1948% {
        opacity: 0.0093;
        -webkit-transform: translateY(53.496px) scale(0.0093, 0.0093);
        transform: translateY(53.496px) scale(0.0093, 0.0093);
    }

    6.4935% {
        opacity: 0.0181;
        -webkit-transform: translateY(53.0204px) scale(0.0181, 0.0181);
        transform: translateY(53.0204px) scale(0.0181, 0.0181);
    }

    7.7922% {
        opacity: 0.0322;
        -webkit-transform: translateY(52.2602px) scale(0.0322, 0.0322);
        transform: translateY(52.2602px) scale(0.0322, 0.0322);
    }

    9.0909% {
        opacity: 0.0531;
        -webkit-transform: translateY(51.1316px) scale(0.0531, 0.0531);
        transform: translateY(51.1316px) scale(0.0531, 0.0531);
    }

    10.3896% {
        opacity: 0.0823;
        -webkit-transform: translateY(49.5575px) scale(0.0823, 0.0823);
        transform: translateY(49.5575px) scale(0.0823, 0.0823);
    }

    11.6883% {
        opacity: 0.1208;
        -webkit-transform: translateY(47.4782px) scale(0.1208, 0.1208);
        transform: translateY(47.4782px) scale(0.1208, 0.1208);
    }

    12.9870% {
        opacity: 0.1692;
        -webkit-transform: translateY(44.861px) scale(0.1692, 0.1692);
        transform: translateY(44.861px) scale(0.1692, 0.1692);
    }

    14.2857% {
        opacity: 0.2277;
        -webkit-transform: translateY(41.7064px) scale(0.2277, 0.2277);
        transform: translateY(41.7064px) scale(0.2277, 0.2277);
    }

    15.5844% {
        opacity: 0.2953;
        -webkit-transform: translateY(38.0522px) scale(0.2953, 0.2953);
        transform: translateY(38.0522px) scale(0.2953, 0.2953);
    }

    16.8831% {
        opacity: 0.3709;
        -webkit-transform: translateY(33.9721px) scale(0.3709, 0.3709);
        transform: translateY(33.9721px) scale(0.3709, 0.3709);
    }

    18.1818% {
        opacity: 0.4524;
        -webkit-transform: translateY(29.572px) scale(0.4524, 0.4524);
        transform: translateY(29.572px) scale(0.4524, 0.4524);
    }

    19.4805% {
        opacity: 0.5374;
        -webkit-transform: translateY(24.9815px) scale(0.5374, 0.5374);
        transform: translateY(24.9815px) scale(0.5374, 0.5374);
    }

    20.7792% {
        opacity: 0.6232;
        -webkit-transform: translateY(20.3447px) scale(0.6232, 0.6232);
        transform: translateY(20.3447px) scale(0.6232, 0.6232);
    }

    22.0779% {
        opacity: 0.7072;
        -webkit-transform: translateY(15.8086px) scale(0.7072, 0.7072);
        transform: translateY(15.8086px) scale(0.7072, 0.7072);
    }

    23.3766% {
        opacity: 0.7868;
        -webkit-transform: translateY(11.5126px) scale(0.7868, 0.7868);
        transform: translateY(11.5126px) scale(0.7868, 0.7868);
    }

    24.6753% {
        opacity: 0.8597;
        -webkit-transform: translateY(7.5788px) scale(0.8597, 0.8597);
        transform: translateY(7.5788px) scale(0.8597, 0.8597);
    }

    25.9740% {
        opacity: 0.924;
        -webkit-transform: translateY(4.1046px) scale(0.924, 0.924);
        transform: translateY(4.1046px) scale(0.924, 0.924);
    }

    27.2727% {
        opacity: 0.9786;
        -webkit-transform: translateY(1.158px) scale(0.9786, 0.9786);
        transform: translateY(1.158px) scale(0.9786, 0.9786);
    }

    28.5714% {
        opacity: 1;
        -webkit-transform: translateY(-1.2247px) scale(1.0227, 1.0227);
        transform: translateY(-1.2247px) scale(1.0227, 1.0227);
    }

    29.8701% {
        -webkit-transform: translateY(-3.0381px) scale(1.0563, 1.0563);
        transform: translateY(-3.0381px) scale(1.0563, 1.0563);
    }

    31.1688% {
        -webkit-transform: translateY(-4.3048px) scale(1.0797, 1.0797);
        transform: translateY(-4.3048px) scale(1.0797, 1.0797);
    }

    32.4675% {
        -webkit-transform: translateY(-5.0707px) scale(1.0939, 1.0939);
        transform: translateY(-5.0707px) scale(1.0939, 1.0939);
    }

    33.7662% {
        -webkit-transform: translateY(-5.3993px) scale(1.1, 1.1);
        transform: translateY(-5.3993px) scale(1.1, 1.1);
    }

    35.0649% {
        -webkit-transform: translateY(-5.3657px) scale(1.0994, 1.0994);
        transform: translateY(-5.3657px) scale(1.0994, 1.0994);
    }

    36.3636% {
        -webkit-transform: translateY(-5.0499px) scale(1.0935, 1.0935);
        transform: translateY(-5.0499px) scale(1.0935, 1.0935);
    }

    37.6623% {
        -webkit-transform: translateY(-4.5316px) scale(1.0839, 1.0839);
        transform: translateY(-4.5316px) scale(1.0839, 1.0839);
    }

    38.9610% {
        -webkit-transform: translateY(-3.8857px) scale(1.072, 1.072);
        transform: translateY(-3.8857px) scale(1.072, 1.072);
    }

    40.2597% {
        -webkit-transform: translateY(-3.1781px) scale(1.0589, 1.0589);
        transform: translateY(-3.1781px) scale(1.0589, 1.0589);
    }

    41.5584% {
        -webkit-transform: translateY(-2.4645px) scale(1.0456, 1.0456);
        transform: translateY(-2.4645px) scale(1.0456, 1.0456);
    }

    42.8571% {
        -webkit-transform: translateY(-1.7879px) scale(1.0331, 1.0331);
        transform: translateY(-1.7879px) scale(1.0331, 1.0331);
    }

    44.1558% {
        -webkit-transform: translateY(-1.1798px) scale(1.0218, 1.0218);
        transform: translateY(-1.1798px) scale(1.0218, 1.0218);
    }

    45.4545% {
        -webkit-transform: translateY(-0.6597px) scale(1.0122, 1.0122);
        transform: translateY(-0.6597px) scale(1.0122, 1.0122);
    }

    46.7532% {
        opacity: 1;
        -webkit-transform: translateY(-0.2373px) scale(1.0044, 1.0044);
        transform: translateY(-0.2373px) scale(1.0044, 1.0044);
    }

    48.0519% {
        opacity: 0.9984;
        -webkit-transform: translateY(0.0862px) scale(0.9984, 0.9984);
        transform: translateY(0.0862px) scale(0.9984, 0.9984);
    }

    49.3506% {
        opacity: 0.9941;
        -webkit-transform: translateY(0.3163px) scale(0.9941, 0.9941);
        transform: translateY(0.3163px) scale(0.9941, 0.9941);
    }

    50.6494% {
        opacity: 0.9914;
        -webkit-transform: translateY(0.4629px) scale(0.9914, 0.9914);
        transform: translateY(0.4629px) scale(0.9914, 0.9914);
    }

    51.9481% {
        opacity: 0.99;
        -webkit-transform: translateY(0.5389px) scale(0.99, 0.99);
        transform: translateY(0.5389px) scale(0.99, 0.99);
    }

    53.2468% {
        opacity: 0.9897;
        -webkit-transform: translateY(0.5583px) scale(0.9897, 0.9897);
        transform: translateY(0.5583px) scale(0.9897, 0.9897);
    }

    54.5455% {
        opacity: 0.9901;
        -webkit-transform: translateY(0.5354px) scale(0.9901, 0.9901);
        transform: translateY(0.5354px) scale(0.9901, 0.9901);
    }

    55.8442% {
        opacity: 0.9911;
        -webkit-transform: translateY(0.4833px) scale(0.9911, 0.9911);
        transform: translateY(0.4833px) scale(0.9911, 0.9911);
    }

    57.1429% {
        opacity: 0.9923;
        -webkit-transform: translateY(0.4136px) scale(0.9923, 0.9923);
        transform: translateY(0.4136px) scale(0.9923, 0.9923);
    }

    58.4416% {
        opacity: 0.9938;
        -webkit-transform: translateY(0.3359px) scale(0.9938, 0.9938);
        transform: translateY(0.3359px) scale(0.9938, 0.9938);
    }

    59.7403% {
        opacity: 0.9952;
        -webkit-transform: translateY(0.2579px) scale(0.9952, 0.9952);
        transform: translateY(0.2579px) scale(0.9952, 0.9952);
    }

    61.0390% {
        opacity: 0.9966;
        -webkit-transform: translateY(0.1849px) scale(0.9966, 0.9966);
        transform: translateY(0.1849px) scale(0.9966, 0.9966);
    }

    62.3377% {
        opacity: 0.9978;
        -webkit-transform: translateY(0.1206px) scale(0.9978, 0.9978);
        transform: translateY(0.1206px) scale(0.9978, 0.9978);
    }

    63.6364% {
        opacity: 0.9988;
        -webkit-transform: translateY(0.0669px) scale(0.9988, 0.9988);
        transform: translateY(0.0669px) scale(0.9988, 0.9988);
    }

    64.9351% {
        opacity: 0.9995;
        -webkit-transform: translateY(0.0245px) scale(0.9995, 0.9995);
        transform: translateY(0.0245px) scale(0.9995, 0.9995);
    }

    66.2338% {
        opacity: 1;
        -webkit-transform: translateY(-0.0069px) scale(1.0001, 1.0001);
        transform: translateY(-0.0069px) scale(1.0001, 1.0001);
    }

    67.5325% {
        -webkit-transform: translateY(-0.0284px) scale(1.0005, 1.0005);
        transform: translateY(-0.0284px) scale(1.0005, 1.0005);
    }

    68.8312% {
        -webkit-transform: translateY(-0.0413px) scale(1.0008, 1.0008);
        transform: translateY(-0.0413px) scale(1.0008, 1.0008);
    }

    70.1299% {
        -webkit-transform: translateY(-0.0473px) scale(1.0009, 1.0009);
        transform: translateY(-0.0473px) scale(1.0009, 1.0009);
    }

    71.4286% {
        -webkit-transform: translateY(-0.0481px) scale(1.0009, 1.0009);
        transform: translateY(-0.0481px) scale(1.0009, 1.0009);
    }

    72.7273% {
        -webkit-transform: translateY(-0.0451px) scale(1.0008, 1.0008);
        transform: translateY(-0.0451px) scale(1.0008, 1.0008);
    }

    74.0260% {
        -webkit-transform: translateY(-0.0397px) scale(1.0007, 1.0007);
        transform: translateY(-0.0397px) scale(1.0007, 1.0007);
    }

    75.3247% {
        -webkit-transform: translateY(-0.0331px) scale(1.0006, 1.0006);
        transform: translateY(-0.0331px) scale(1.0006, 1.0006);
    }

    76.6234% {
        -webkit-transform: translateY(-0.0261px) scale(1.0005, 1.0005);
        transform: translateY(-0.0261px) scale(1.0005, 1.0005);
    }

    77.9221% {
        -webkit-transform: translateY(-0.0194px) scale(1.0004, 1.0004);
        transform: translateY(-0.0194px) scale(1.0004, 1.0004);
    }

    79.2208% {
        -webkit-transform: translateY(-0.0133px) scale(1.0002, 1.0002);
        transform: translateY(-0.0133px) scale(1.0002, 1.0002);
    }

    80.5195% {
        -webkit-transform: translateY(-0.0081px) scale(1.0002, 1.0002);
        transform: translateY(-0.0081px) scale(1.0002, 1.0002);
    }

    81.8182% {
        -webkit-transform: translateY(-0.004px) scale(1.0001, 1.0001);
        transform: translateY(-0.004px) scale(1.0001, 1.0001);
    }

    83.1169% {
        -webkit-transform: translateY(-0.0009px) scale(1, 1);
        transform: translateY(-0.0009px) scale(1, 1);
    }

    84.4156% {
        -webkit-transform: translateY(0.0013px) scale(1, 1);
        transform: translateY(0.0013px) scale(1, 1);
    }

    85.7143% {
        opacity: 1;
        -webkit-transform: translateY(0.0027px) scale(1, 1);
        transform: translateY(0.0027px) scale(1, 1);
    }

    87.0130% {
        opacity: 0.9999;
        -webkit-transform: translateY(0.0034px) scale(0.9999, 0.9999);
        transform: translateY(0.0034px) scale(0.9999, 0.9999);
    }

    88.3117% {
        -webkit-transform: translateY(0.0037px) scale(0.9999, 0.9999);
        transform: translateY(0.0037px) scale(0.9999, 0.9999);
    }

    89.6104% {
        -webkit-transform: translateY(0.0036px) scale(0.9999, 0.9999);
        transform: translateY(0.0036px) scale(0.9999, 0.9999);
    }

    90.9091% {
        -webkit-transform: translateY(0.0032px) scale(0.9999, 0.9999);
        transform: translateY(0.0032px) scale(0.9999, 0.9999);
    }

    92.2078% {
        opacity: 0.9999;
        -webkit-transform: translateY(0.0027px) scale(0.9999, 0.9999);
        transform: translateY(0.0027px) scale(0.9999, 0.9999);
    }

    93.5065% {
        opacity: 1;
        -webkit-transform: translateY(0.0022px) scale(1, 1);
        transform: translateY(0.0022px) scale(1, 1);
    }

    94.8052% {
        -webkit-transform: translateY(0.0016px) scale(1, 1);
        transform: translateY(0.0016px) scale(1, 1);
    }

    96.1039% {
        -webkit-transform: translateY(0.0012px) scale(1, 1);
        transform: translateY(0.0012px) scale(1, 1);
    }

    97.4026% {
        -webkit-transform: translateY(0.0007px) scale(1, 1);
        transform: translateY(0.0007px) scale(1, 1);
    }

    98.7013% {
        -webkit-transform: translateY(0.0004px) scale(1, 1);
        transform: translateY(0.0004px) scale(1, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0.0001px) scale(1, 1);
        transform: translateY(0.0001px) scale(1, 1);
    }
}

@-webkit-keyframes head-7-anim {
    0% {
        opacity: 0;
        -webkit-transform: translateY(53.9987px) scale(0, 0);
        transform: translateY(53.9987px) scale(0, 0);
    }

    1.0870% {
        opacity: 0.0001;
        -webkit-transform: translateY(53.9939px) scale(0.0001, 0.0001);
        transform: translateY(53.9939px) scale(0.0001, 0.0001);
    }

    2.1739% {
        opacity: 0.0004;
        -webkit-transform: translateY(53.9787px) scale(0.0004, 0.0004);
        transform: translateY(53.9787px) scale(0.0004, 0.0004);
    }

    3.2609% {
        opacity: 0.0011;
        -webkit-transform: translateY(53.9404px) scale(0.0011, 0.0011);
        transform: translateY(53.9404px) scale(0.0011, 0.0011);
    }

    4.3478% {
        opacity: 0.0026;
        -webkit-transform: translateY(53.8572px) scale(0.0026, 0.0026);
        transform: translateY(53.8572px) scale(0.0026, 0.0026);
    }

    5.4348% {
        opacity: 0.0056;
        -webkit-transform: translateY(53.6962px) scale(0.0056, 0.0056);
        transform: translateY(53.6962px) scale(0.0056, 0.0056);
    }

    6.5217% {
        opacity: 0.0109;
        -webkit-transform: translateY(53.4127px) scale(0.0109, 0.0109);
        transform: translateY(53.4127px) scale(0.0109, 0.0109);
    }

    7.6087% {
        opacity: 0.0194;
        -webkit-transform: translateY(52.9506px) scale(0.0194, 0.0194);
        transform: translateY(52.9506px) scale(0.0194, 0.0194);
    }

    8.6957% {
        opacity: 0.0325;
        -webkit-transform: translateY(52.2458px) scale(0.0325, 0.0325);
        transform: translateY(52.2458px) scale(0.0325, 0.0325);
    }

    9.7826% {
        opacity: 0.0513;
        -webkit-transform: translateY(51.2306px) scale(0.0513, 0.0513);
        transform: translateY(51.2306px) scale(0.0513, 0.0513);
    }

    10.8696% {
        opacity: 0.077;
        -webkit-transform: translateY(49.8406px) scale(0.077, 0.077);
        transform: translateY(49.8406px) scale(0.077, 0.077);
    }

    11.9565% {
        opacity: 0.1107;
        -webkit-transform: translateY(48.0213px) scale(0.1107, 0.1107);
        transform: translateY(48.0213px) scale(0.1107, 0.1107);
    }

    13.0435% {
        opacity: 0.153;
        -webkit-transform: translateY(45.7358px) scale(0.153, 0.153);
        transform: translateY(45.7358px) scale(0.153, 0.153);
    }

    14.1304% {
        opacity: 0.2042;
        -webkit-transform: translateY(42.9705px) scale(0.2042, 0.2042);
        transform: translateY(42.9705px) scale(0.2042, 0.2042);
    }

    15.2174% {
        opacity: 0.2641;
        -webkit-transform: translateY(39.7396px) scale(0.2641, 0.2641);
        transform: translateY(39.7396px) scale(0.2641, 0.2641);
    }

    16.3043% {
        opacity: 0.3317;
        -webkit-transform: translateY(36.0862px) scale(0.3317, 0.3317);
        transform: translateY(36.0862px) scale(0.3317, 0.3317);
    }

    17.3913% {
        opacity: 0.4059;
        -webkit-transform: translateY(32.0817px) scale(0.4059, 0.4059);
        transform: translateY(32.0817px) scale(0.4059, 0.4059);
    }

    18.4783% {
        opacity: 0.4848;
        -webkit-transform: translateY(27.8219px) scale(0.4848, 0.4848);
        transform: translateY(27.8219px) scale(0.4848, 0.4848);
    }

    19.5652% {
        opacity: 0.5663;
        -webkit-transform: translateY(23.421px) scale(0.5663, 0.5663);
        transform: translateY(23.421px) scale(0.5663, 0.5663);
    }

    20.6522% {
        opacity: 0.6481;
        -webkit-transform: translateY(19.0036px) scale(0.6481, 0.6481);
        transform: translateY(19.0036px) scale(0.6481, 0.6481);
    }

    21.7391% {
        opacity: 0.7278;
        -webkit-transform: translateY(14.6966px) scale(0.7278, 0.7278);
        transform: translateY(14.6966px) scale(0.7278, 0.7278);
    }

    22.8261% {
        opacity: 0.8033;
        -webkit-transform: translateY(10.6207px) scale(0.8033, 0.8033);
        transform: translateY(10.6207px) scale(0.8033, 0.8033);
    }

    23.9130% {
        opacity: 0.8725;
        -webkit-transform: translateY(6.8826px) scale(0.8725, 0.8725);
        transform: translateY(6.8826px) scale(0.8725, 0.8725);
    }

    25.0000% {
        opacity: 0.9339;
        -webkit-transform: translateY(3.5691px) scale(0.9339, 0.9339);
        transform: translateY(3.5691px) scale(0.9339, 0.9339);
    }

    26.0870% {
        opacity: 0.9863;
        -webkit-transform: translateY(0.7423px) scale(0.9863, 0.9863);
        transform: translateY(0.7423px) scale(0.9863, 0.9863);
    }

    27.1739% {
        opacity: 1;
        -webkit-transform: translateY(-1.5619px) scale(1.0289, 1.0289);
        transform: translateY(-1.5619px) scale(1.0289, 1.0289);
    }

    28.2609% {
        -webkit-transform: translateY(-3.3344px) scale(1.0617, 1.0617);
        transform: translateY(-3.3344px) scale(1.0617, 1.0617);
    }

    29.3478% {
        -webkit-transform: translateY(-4.5908px) scale(1.085, 1.085);
        transform: translateY(-4.5908px) scale(1.085, 1.085);
    }

    30.4348% {
        -webkit-transform: translateY(-5.3682px) scale(1.0994, 1.0994);
        transform: translateY(-5.3682px) scale(1.0994, 1.0994);
    }

    31.5217% {
        -webkit-transform: translateY(-5.7205px) scale(1.1059, 1.1059);
        transform: translateY(-5.7205px) scale(1.1059, 1.1059);
    }

    32.6087% {
        -webkit-transform: translateY(-5.7136px) scale(1.1058, 1.1058);
        transform: translateY(-5.7136px) scale(1.1058, 1.1058);
    }

    33.6957% {
        -webkit-transform: translateY(-5.4198px) scale(1.1004, 1.1004);
        transform: translateY(-5.4198px) scale(1.1004, 1.1004);
    }

    34.7826% {
        -webkit-transform: translateY(-4.9131px) scale(1.091, 1.091);
        transform: translateY(-4.9131px) scale(1.091, 1.091);
    }

    35.8696% {
        -webkit-transform: translateY(-4.2648px) scale(1.079, 1.079);
        transform: translateY(-4.2648px) scale(1.079, 1.079);
    }

    36.9565% {
        -webkit-transform: translateY(-3.5398px) scale(1.0656, 1.0656);
        transform: translateY(-3.5398px) scale(1.0656, 1.0656);
    }

    38.0435% {
        -webkit-transform: translateY(-2.7942px) scale(1.0517, 1.0517);
        transform: translateY(-2.7942px) scale(1.0517, 1.0517);
    }

    39.1304% {
        -webkit-transform: translateY(-2.0737px) scale(1.0384, 1.0384);
        transform: translateY(-2.0737px) scale(1.0384, 1.0384);
    }

    40.2174% {
        -webkit-transform: translateY(-1.4128px) scale(1.0262, 1.0262);
        transform: translateY(-1.4128px) scale(1.0262, 1.0262);
    }

    41.3043% {
        -webkit-transform: translateY(-0.8351px) scale(1.0155, 1.0155);
        transform: translateY(-0.8351px) scale(1.0155, 1.0155);
    }

    42.3913% {
        opacity: 1;
        -webkit-transform: translateY(-0.3543px) scale(1.0066, 1.0066);
        transform: translateY(-0.3543px) scale(1.0066, 1.0066);
    }

    43.4783% {
        opacity: 0.9995;
        -webkit-transform: translateY(0.025px) scale(0.9995, 0.9995);
        transform: translateY(0.025px) scale(0.9995, 0.9995);
    }

    44.5652% {
        opacity: 0.9944;
        -webkit-transform: translateY(0.305px) scale(0.9944, 0.9944);
        transform: translateY(0.305px) scale(0.9944, 0.9944);
    }

    45.6522% {
        opacity: 0.9909;
        -webkit-transform: translateY(0.4937px) scale(0.9909, 0.9909);
        transform: translateY(0.4937px) scale(0.9909, 0.9909);
    }

    46.7391% {
        opacity: 0.9888;
        -webkit-transform: translateY(0.6025px) scale(0.9888, 0.9888);
        transform: translateY(0.6025px) scale(0.9888, 0.9888);
    }

    47.8261% {
        opacity: 0.9881;
        -webkit-transform: translateY(0.645px) scale(0.9881, 0.9881);
        transform: translateY(0.645px) scale(0.9881, 0.9881);
    }

    48.9130% {
        opacity: 0.9882;
        -webkit-transform: translateY(0.6358px) scale(0.9882, 0.9882);
        transform: translateY(0.6358px) scale(0.9882, 0.9882);
    }

    50% {
        opacity: 0.9891;
        -webkit-transform: translateY(0.5888px) scale(0.9891, 0.9891);
        transform: translateY(0.5888px) scale(0.9891, 0.9891);
    }

    51.0870% {
        opacity: 0.9904;
        -webkit-transform: translateY(0.5171px) scale(0.9904, 0.9904);
        transform: translateY(0.5171px) scale(0.9904, 0.9904);
    }

    52.1739% {
        opacity: 0.992;
        -webkit-transform: translateY(0.4317px) scale(0.992, 0.992);
        transform: translateY(0.4317px) scale(0.992, 0.992);
    }

    53.2609% {
        opacity: 0.9937;
        -webkit-transform: translateY(0.3419px) scale(0.9937, 0.9937);
        transform: translateY(0.3419px) scale(0.9937, 0.9937);
    }

    54.3478% {
        opacity: 0.9953;
        -webkit-transform: translateY(0.2548px) scale(0.9953, 0.9953);
        transform: translateY(0.2548px) scale(0.9953, 0.9953);
    }

    55.4348% {
        opacity: 0.9968;
        -webkit-transform: translateY(0.1753px) scale(0.9968, 0.9968);
        transform: translateY(0.1753px) scale(0.9968, 0.9968);
    }

    56.5217% {
        opacity: 0.998;
        -webkit-transform: translateY(0.1066px) scale(0.998, 0.998);
        transform: translateY(0.1066px) scale(0.998, 0.998);
    }

    57.6087% {
        opacity: 0.9991;
        -webkit-transform: translateY(0.0504px) scale(0.9991, 0.9991);
        transform: translateY(0.0504px) scale(0.9991, 0.9991);
    }

    58.6957% {
        opacity: 0.9999;
        -webkit-transform: translateY(0.0068px) scale(0.9999, 0.9999);
        transform: translateY(0.0068px) scale(0.9999, 0.9999);
    }

    59.7826% {
        opacity: 1;
        -webkit-transform: translateY(-0.0246px) scale(1.0005, 1.0005);
        transform: translateY(-0.0246px) scale(1.0005, 1.0005);
    }

    60.8696% {
        -webkit-transform: translateY(-0.0452px) scale(1.0008, 1.0008);
        transform: translateY(-0.0452px) scale(1.0008, 1.0008);
    }

    61.9565% {
        -webkit-transform: translateY(-0.0567px) scale(1.0011, 1.0011);
        transform: translateY(-0.0567px) scale(1.0011, 1.0011);
    }

    63.0435% {
        -webkit-transform: translateY(-0.0609px) scale(1.0011, 1.0011);
        transform: translateY(-0.0609px) scale(1.0011, 1.0011);
    }

    64.1304% {
        -webkit-transform: translateY(-0.0596px) scale(1.0011, 1.0011);
        transform: translateY(-0.0596px) scale(1.0011, 1.0011);
    }

    65.2174% {
        -webkit-transform: translateY(-0.0545px) scale(1.001, 1.001);
        transform: translateY(-0.0545px) scale(1.001, 1.001);
    }

    66.3043% {
        -webkit-transform: translateY(-0.0471px) scale(1.0009, 1.0009);
        transform: translateY(-0.0471px) scale(1.0009, 1.0009);
    }

    67.3913% {
        -webkit-transform: translateY(-0.0386px) scale(1.0007, 1.0007);
        transform: translateY(-0.0386px) scale(1.0007, 1.0007);
    }

    68.4783% {
        -webkit-transform: translateY(-0.0299px) scale(1.0006, 1.0006);
        transform: translateY(-0.0299px) scale(1.0006, 1.0006);
    }

    69.5652% {
        -webkit-transform: translateY(-0.0217px) scale(1.0004, 1.0004);
        transform: translateY(-0.0217px) scale(1.0004, 1.0004);
    }

    70.6522% {
        -webkit-transform: translateY(-0.0144px) scale(1.0003, 1.0003);
        transform: translateY(-0.0144px) scale(1.0003, 1.0003);
    }

    71.7391% {
        -webkit-transform: translateY(-0.0083px) scale(1.0002, 1.0002);
        transform: translateY(-0.0083px) scale(1.0002, 1.0002);
    }

    72.8261% {
        -webkit-transform: translateY(-0.0034px) scale(1.0001, 1.0001);
        transform: translateY(-0.0034px) scale(1.0001, 1.0001);
    }

    73.9130% {
        -webkit-transform: translateY(0.0002px) scale(1, 1);
        transform: translateY(0.0002px) scale(1, 1);
    }

    75.0000% {
        opacity: 1;
        -webkit-transform: translateY(0.0026px) scale(1, 1);
        transform: translateY(0.0026px) scale(1, 1);
    }

    76.0870% {
        opacity: 0.9999;
        -webkit-transform: translateY(0.0042px) scale(0.9999, 0.9999);
        transform: translateY(0.0042px) scale(0.9999, 0.9999);
    }

    77.1739% {
        -webkit-transform: translateY(0.0049px) scale(0.9999, 0.9999);
        transform: translateY(0.0049px) scale(0.9999, 0.9999);
    }

    78.2609% {
        -webkit-transform: translateY(0.005px) scale(0.9999, 0.9999);
        transform: translateY(0.005px) scale(0.9999, 0.9999);
    }

    79.3478% {
        -webkit-transform: translateY(0.0048px) scale(0.9999, 0.9999);
        transform: translateY(0.0048px) scale(0.9999, 0.9999);
    }

    80.4348% {
        -webkit-transform: translateY(0.0042px) scale(0.9999, 0.9999);
        transform: translateY(0.0042px) scale(0.9999, 0.9999);
    }

    81.5217% {
        -webkit-transform: translateY(0.0035px) scale(0.9999, 0.9999);
        transform: translateY(0.0035px) scale(0.9999, 0.9999);
    }

    82.6087% {
        opacity: 0.9999;
        -webkit-transform: translateY(0.0028px) scale(0.9999, 0.9999);
        transform: translateY(0.0028px) scale(0.9999, 0.9999);
    }

    83.6957% {
        opacity: 1;
        -webkit-transform: translateY(0.0021px) scale(1, 1);
        transform: translateY(0.0021px) scale(1, 1);
    }

    84.7826% {
        -webkit-transform: translateY(0.0014px) scale(1, 1);
        transform: translateY(0.0014px) scale(1, 1);
    }

    85.8696% {
        -webkit-transform: translateY(0.0009px) scale(1, 1);
        transform: translateY(0.0009px) scale(1, 1);
    }

    86.9565% {
        -webkit-transform: translateY(0.0005px) scale(1, 1);
        transform: translateY(0.0005px) scale(1, 1);
    }

    88.0435% {
        -webkit-transform: translateY(0.0001px) scale(1, 1);
        transform: translateY(0.0001px) scale(1, 1);
    }

    89.1304% {
        -webkit-transform: translateY(-0.0001px) scale(1, 1);
        transform: translateY(-0.0001px) scale(1, 1);
    }

    90.2174% {
        -webkit-transform: translateY(-0.0003px) scale(1, 1);
        transform: translateY(-0.0003px) scale(1, 1);
    }

    91.3043% {
        -webkit-transform: translateY(-0.0003px) scale(1, 1);
        transform: translateY(-0.0003px) scale(1, 1);
    }

    92.3913% {
        -webkit-transform: translateY(-0.0004px) scale(1, 1);
        transform: translateY(-0.0004px) scale(1, 1);
    }

    93.4783% {
        -webkit-transform: translateY(-0.0004px) scale(1, 1);
        transform: translateY(-0.0004px) scale(1, 1);
    }

    94.5652% {
        -webkit-transform: translateY(-0.0003px) scale(1, 1);
        transform: translateY(-0.0003px) scale(1, 1);
    }

    95.6522% {
        -webkit-transform: translateY(-0.0003px) scale(1, 1);
        transform: translateY(-0.0003px) scale(1, 1);
    }

    96.7391% {
        -webkit-transform: translateY(-0.0002px) scale(1, 1);
        transform: translateY(-0.0002px) scale(1, 1);
    }

    97.8261% {
        -webkit-transform: translateY(-0.0002px) scale(1, 1);
        transform: translateY(-0.0002px) scale(1, 1);
    }

    98.9130% {
        -webkit-transform: translateY(-0.0001px) scale(1, 1);
        transform: translateY(-0.0001px) scale(1, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(-0.0001px) scale(1, 1);
        transform: translateY(-0.0001px) scale(1, 1);
    }
}

@-webkit-keyframes head-8-anim {
    0% {
        opacity: 0;
        -webkit-transform: translateY(53.9998px) scale(0, 0);
        transform: translateY(53.9998px) scale(0, 0);
    }

    1.1905% {
        opacity: 0;
        -webkit-transform: translateY(53.9988px) scale(0, 0);
        transform: translateY(53.9988px) scale(0, 0);
    }

    2.3810% {
        opacity: 0.0001;
        -webkit-transform: translateY(53.9953px) scale(0.0001, 0.0001);
        transform: translateY(53.9953px) scale(0.0001, 0.0001);
    }

    3.5714% {
        opacity: 0.0003;
        -webkit-transform: translateY(53.9854px) scale(0.0003, 0.0003);
        transform: translateY(53.9854px) scale(0.0003, 0.0003);
    }

    4.7619% {
        opacity: 0.0007;
        -webkit-transform: translateY(53.9618px) scale(0.0007, 0.0007);
        transform: translateY(53.9618px) scale(0.0007, 0.0007);
    }

    5.9524% {
        opacity: 0.0016;
        -webkit-transform: translateY(53.9118px) scale(0.0016, 0.0016);
        transform: translateY(53.9118px) scale(0.0016, 0.0016);
    }

    7.1429% {
        opacity: 0.0034;
        -webkit-transform: translateY(53.8156px) scale(0.0034, 0.0034);
        transform: translateY(53.8156px) scale(0.0034, 0.0034);
    }

    8.3333% {
        opacity: 0.0066;
        -webkit-transform: translateY(53.6449px) scale(0.0066, 0.0066);
        transform: translateY(53.6449px) scale(0.0066, 0.0066);
    }

    9.5238% {
        opacity: 0.0118;
        -webkit-transform: translateY(53.3627px) scale(0.0118, 0.0118);
        transform: translateY(53.3627px) scale(0.0118, 0.0118);
    }

    10.7143% {
        opacity: 0.0199;
        -webkit-transform: translateY(52.923px) scale(0.0199, 0.0199);
        transform: translateY(52.923px) scale(0.0199, 0.0199);
    }

    11.9048% {
        opacity: 0.032;
        -webkit-transform: translateY(52.2733px) scale(0.032, 0.032);
        transform: translateY(52.2733px) scale(0.032, 0.032);
    }

    13.0952% {
        opacity: 0.0489;
        -webkit-transform: translateY(51.3576px) scale(0.0489, 0.0489);
        transform: translateY(51.3576px) scale(0.0489, 0.0489);
    }

    14.2857% {
        opacity: 0.0718;
        -webkit-transform: translateY(50.1204px) scale(0.0718, 0.0718);
        transform: translateY(50.1204px) scale(0.0718, 0.0718);
    }

    15.4762% {
        opacity: 0.1016;
        -webkit-transform: translateY(48.5126px) scale(0.1016, 0.1016);
        transform: translateY(48.5126px) scale(0.1016, 0.1016);
    }

    16.6667% {
        opacity: 0.139;
        -webkit-transform: translateY(46.4962px) scale(0.139, 0.139);
        transform: translateY(46.4962px) scale(0.139, 0.139);
    }

    17.8571% {
        opacity: 0.1843;
        -webkit-transform: translateY(44.0501px) scale(0.1843, 0.1843);
        transform: translateY(44.0501px) scale(0.1843, 0.1843);
    }

    19.0476% {
        opacity: 0.2375;
        -webkit-transform: translateY(41.1737px) scale(0.2375, 0.2375);
        transform: translateY(41.1737px) scale(0.2375, 0.2375);
    }

    20.2381% {
        opacity: 0.2983;
        -webkit-transform: translateY(37.8896px) scale(0.2983, 0.2983);
        transform: translateY(37.8896px) scale(0.2983, 0.2983);
    }

    21.4286% {
        opacity: 0.3658;
        -webkit-transform: translateY(34.2443px) scale(0.3658, 0.3658);
        transform: translateY(34.2443px) scale(0.3658, 0.3658);
    }

    22.6190% {
        opacity: 0.4388;
        -webkit-transform: translateY(30.307px) scale(0.4388, 0.4388);
        transform: translateY(30.307px) scale(0.4388, 0.4388);
    }

    23.8095% {
        opacity: 0.5154;
        -webkit-transform: translateY(26.166px) scale(0.5154, 0.5154);
        transform: translateY(26.166px) scale(0.5154, 0.5154);
    }

    25.0000% {
        opacity: 0.594;
        -webkit-transform: translateY(21.924px) scale(0.594, 0.594);
        transform: translateY(21.924px) scale(0.594, 0.594);
    }

    26.1905% {
        opacity: 0.6724;
        -webkit-transform: translateY(17.6916px) scale(0.6724, 0.6724);
        transform: translateY(17.6916px) scale(0.6724, 0.6724);
    }

    27.3810% {
        opacity: 0.7485;
        -webkit-transform: translateY(13.5807px) scale(0.7485, 0.7485);
        transform: translateY(13.5807px) scale(0.7485, 0.7485);
    }

    28.5714% {
        opacity: 0.8204;
        -webkit-transform: translateY(9.6975px) scale(0.8204, 0.8204);
        transform: translateY(9.6975px) scale(0.8204, 0.8204);
    }

    29.7619% {
        opacity: 0.8864;
        -webkit-transform: translateY(6.1365px) scale(0.8864, 0.8864);
        transform: translateY(6.1365px) scale(0.8864, 0.8864);
    }

    30.9524% {
        opacity: 0.9449;
        -webkit-transform: translateY(2.9751px) scale(0.9449, 0.9449);
        transform: translateY(2.9751px) scale(0.9449, 0.9449);
    }

    32.1429% {
        opacity: 0.995;
        -webkit-transform: translateY(0.2699px) scale(0.995, 0.995);
        transform: translateY(0.2699px) scale(0.995, 0.995);
    }

    33.3333% {
        opacity: 1;
        -webkit-transform: translateY(-1.9453px) scale(1.036, 1.036);
        transform: translateY(-1.9453px) scale(1.036, 1.036);
    }

    34.5238% {
        opacity: 1;
        -webkit-transform: translateY(-3.6599px) scale(1.0678, 1.0678);
        transform: translateY(-3.6599px) scale(1.0678, 1.0678);
    }

    35.7143% {
        opacity: 1;
        -webkit-transform: translateY(-4.8855px) scale(1.0905, 1.0905);
        transform: translateY(-4.8855px) scale(1.0905, 1.0905);
    }

    36.9048% {
        opacity: 1;
        -webkit-transform: translateY(-5.653px) scale(1.1047, 1.1047);
        transform: translateY(-5.653px) scale(1.1047, 1.1047);
    }

    38.0952% {
        opacity: 1;
        -webkit-transform: translateY(-6.0095px) scale(1.1113, 1.1113);
        transform: translateY(-6.0095px) scale(1.1113, 1.1113);
    }

    39.2857% {
        opacity: 1;
        -webkit-transform: translateY(-6.0136px) scale(1.1114, 1.1114);
        transform: translateY(-6.0136px) scale(1.1114, 1.1114);
    }

    40.4762% {
        opacity: 1;
        -webkit-transform: translateY(-5.7312px) scale(1.1061, 1.1061);
        transform: translateY(-5.7312px) scale(1.1061, 1.1061);
    }

    41.6667% {
        opacity: 1;
        -webkit-transform: translateY(-5.2311px) scale(1.0969, 1.0969);
        transform: translateY(-5.2311px) scale(1.0969, 1.0969);
    }

    42.8571% {
        opacity: 1;
        -webkit-transform: translateY(-4.5808px) scale(1.0848, 1.0848);
        transform: translateY(-4.5808px) scale(1.0848, 1.0848);
    }

    44.0476% {
        opacity: 1;
        -webkit-transform: translateY(-3.8433px) scale(1.0712, 1.0712);
        transform: translateY(-3.8433px) scale(1.0712, 1.0712);
    }

    45.2381% {
        opacity: 1;
        -webkit-transform: translateY(-3.0742px) scale(1.0569, 1.0569);
        transform: translateY(-3.0742px) scale(1.0569, 1.0569);
    }

    46.4286% {
        opacity: 1;
        -webkit-transform: translateY(-2.3201px) scale(1.043, 1.043);
        transform: translateY(-2.3201px) scale(1.043, 1.043);
    }

    47.6190% {
        opacity: 1;
        -webkit-transform: translateY(-1.6176px) scale(1.03, 1.03);
        transform: translateY(-1.6176px) scale(1.03, 1.03);
    }

    48.8095% {
        opacity: 1;
        -webkit-transform: translateY(-0.9932px) scale(1.0184, 1.0184);
        transform: translateY(-0.9932px) scale(1.0184, 1.0184);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(-0.4634px) scale(1.0086, 1.0086);
        transform: translateY(-0.4634px) scale(1.0086, 1.0086);
    }

    51.1905% {
        opacity: 1;
        -webkit-transform: translateY(-0.0361px) scale(1.0007, 1.0007);
        transform: translateY(-0.0361px) scale(1.0007, 1.0007);
    }

    52.3810% {
        opacity: 0.9947;
        -webkit-transform: translateY(0.2886px) scale(0.9947, 0.9947);
        transform: translateY(0.2886px) scale(0.9947, 0.9947);
    }

    53.5714% {
        opacity: 0.9904;
        -webkit-transform: translateY(0.5161px) scale(0.9904, 0.9904);
        transform: translateY(0.5161px) scale(0.9904, 0.9904);
    }

    54.7619% {
        opacity: 0.9878;
        -webkit-transform: translateY(0.6565px) scale(0.9878, 0.9878);
        transform: translateY(0.6565px) scale(0.9878, 0.9878);
    }

    55.9524% {
        opacity: 0.9866;
        -webkit-transform: translateY(0.7226px) scale(0.9866, 0.9866);
        transform: translateY(0.7226px) scale(0.9866, 0.9866);
    }

    57.1429% {
        opacity: 0.9865;
        -webkit-transform: translateY(0.7288px) scale(0.9865, 0.9865);
        transform: translateY(0.7288px) scale(0.9865, 0.9865);
    }

    58.3333% {
        opacity: 0.9872;
        -webkit-transform: translateY(0.6895px) scale(0.9872, 0.9872);
        transform: translateY(0.6895px) scale(0.9872, 0.9872);
    }

    59.5238% {
        opacity: 0.9885;
        -webkit-transform: translateY(0.6184px) scale(0.9885, 0.9885);
        transform: translateY(0.6184px) scale(0.9885, 0.9885);
    }

    60.7143% {
        opacity: 0.9902;
        -webkit-transform: translateY(0.528px) scale(0.9902, 0.9902);
        transform: translateY(0.528px) scale(0.9902, 0.9902);
    }

    61.9048% {
        opacity: 0.9921;
        -webkit-transform: translateY(0.4288px) scale(0.9921, 0.9921);
        transform: translateY(0.4288px) scale(0.9921, 0.9921);
    }

    63.0952% {
        opacity: 0.9939;
        -webkit-transform: translateY(0.3292px) scale(0.9939, 0.9939);
        transform: translateY(0.3292px) scale(0.9939, 0.9939);
    }

    64.2857% {
        opacity: 0.9956;
        -webkit-transform: translateY(0.2357px) scale(0.9956, 0.9956);
        transform: translateY(0.2357px) scale(0.9956, 0.9956);
    }

    65.4762% {
        opacity: 0.9972;
        -webkit-transform: translateY(0.1525px) scale(0.9972, 0.9972);
        transform: translateY(0.1525px) scale(0.9972, 0.9972);
    }

    66.6667% {
        opacity: 0.9985;
        -webkit-transform: translateY(0.0822px) scale(0.9985, 0.9985);
        transform: translateY(0.0822px) scale(0.9985, 0.9985);
    }

    67.8571% {
        opacity: 0.9995;
        -webkit-transform: translateY(0.026px) scale(0.9995, 0.9995);
        transform: translateY(0.026px) scale(0.9995, 0.9995);
    }

    69.0476% {
        opacity: 1;
        -webkit-transform: translateY(-0.0164px) scale(1.0003, 1.0003);
        transform: translateY(-0.0164px) scale(1.0003, 1.0003);
    }

    70.2381% {
        opacity: 1;
        -webkit-transform: translateY(-0.0459px) scale(1.0008, 1.0008);
        transform: translateY(-0.0459px) scale(1.0008, 1.0008);
    }

    71.4286% {
        opacity: 1;
        -webkit-transform: translateY(-0.0641px) scale(1.0012, 1.0012);
        transform: translateY(-0.0641px) scale(1.0012, 1.0012);
    }

    72.6190% {
        opacity: 1;
        -webkit-transform: translateY(-0.0729px) scale(1.0013, 1.0013);
        transform: translateY(-0.0729px) scale(1.0013, 1.0013);
    }

    73.8095% {
        opacity: 1;
        -webkit-transform: translateY(-0.0743px) scale(1.0014, 1.0014);
        transform: translateY(-0.0743px) scale(1.0014, 1.0014);
    }

    75.0000% {
        opacity: 1;
        -webkit-transform: translateY(-0.0703px) scale(1.0013, 1.0013);
        transform: translateY(-0.0703px) scale(1.0013, 1.0013);
    }

    76.1905% {
        opacity: 1;
        -webkit-transform: translateY(-0.0627px) scale(1.0012, 1.0012);
        transform: translateY(-0.0627px) scale(1.0012, 1.0012);
    }

    77.3810% {
        opacity: 1;
        -webkit-transform: translateY(-0.053px) scale(1.001, 1.001);
        transform: translateY(-0.053px) scale(1.001, 1.001);
    }

    78.5714% {
        opacity: 1;
        -webkit-transform: translateY(-0.0425px) scale(1.0008, 1.0008);
        transform: translateY(-0.0425px) scale(1.0008, 1.0008);
    }

    79.7619% {
        opacity: 1;
        -webkit-transform: translateY(-0.0321px) scale(1.0006, 1.0006);
        transform: translateY(-0.0321px) scale(1.0006, 1.0006);
    }

    80.9524% {
        opacity: 1;
        -webkit-transform: translateY(-0.0226px) scale(1.0004, 1.0004);
        transform: translateY(-0.0226px) scale(1.0004, 1.0004);
    }

    82.1429% {
        opacity: 1;
        -webkit-transform: translateY(-0.0143px) scale(1.0003, 1.0003);
        transform: translateY(-0.0143px) scale(1.0003, 1.0003);
    }

    83.3333% {
        opacity: 1;
        -webkit-transform: translateY(-0.0074px) scale(1.0001, 1.0001);
        transform: translateY(-0.0074px) scale(1.0001, 1.0001);
    }

    84.5238% {
        opacity: 1;
        -webkit-transform: translateY(-0.002px) scale(1, 1);
        transform: translateY(-0.002px) scale(1, 1);
    }

    85.7143% {
        opacity: 1;
        -webkit-transform: translateY(0.0019px) scale(1, 1);
        transform: translateY(0.0019px) scale(1, 1);
    }

    86.9048% {
        opacity: 0.9999;
        -webkit-transform: translateY(0.0045px) scale(0.9999, 0.9999);
        transform: translateY(0.0045px) scale(0.9999, 0.9999);
    }

    88.0952% {
        opacity: 0.9999;
        -webkit-transform: translateY(0.006px) scale(0.9999, 0.9999);
        transform: translateY(0.006px) scale(0.9999, 0.9999);
    }

    89.2857% {
        opacity: 0.9999;
        -webkit-transform: translateY(0.0066px) scale(0.9999, 0.9999);
        transform: translateY(0.0066px) scale(0.9999, 0.9999);
    }

    90.4762% {
        opacity: 0.9999;
        -webkit-transform: translateY(0.0065px) scale(0.9999, 0.9999);
        transform: translateY(0.0065px) scale(0.9999, 0.9999);
    }

    91.6667% {
        opacity: 0.9999;
        -webkit-transform: translateY(0.006px) scale(0.9999, 0.9999);
        transform: translateY(0.006px) scale(0.9999, 0.9999);
    }

    92.8571% {
        opacity: 0.9999;
        -webkit-transform: translateY(0.0053px) scale(0.9999, 0.9999);
        transform: translateY(0.0053px) scale(0.9999, 0.9999);
    }

    94.0476% {
        opacity: 0.9999;
        -webkit-transform: translateY(0.0043px) scale(0.9999, 0.9999);
        transform: translateY(0.0043px) scale(0.9999, 0.9999);
    }

    95.2381% {
        opacity: 0.9999;
        -webkit-transform: translateY(0.0034px) scale(0.9999, 0.9999);
        transform: translateY(0.0034px) scale(0.9999, 0.9999);
    }

    96.4286% {
        opacity: 1;
        -webkit-transform: translateY(0.0025px) scale(1, 1);
        transform: translateY(0.0025px) scale(1, 1);
    }

    97.6190% {
        opacity: 1;
        -webkit-transform: translateY(0.0017px) scale(1, 1);
        transform: translateY(0.0017px) scale(1, 1);
    }

    98.8095% {
        opacity: 1;
        -webkit-transform: translateY(0.001px) scale(1, 1);
        transform: translateY(0.001px) scale(1, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0.0004px) scale(1, 1);
        transform: translateY(0.0004px) scale(1, 1);
    }
}

/*# sourceMappingURL=main.css.map */
.error {
    font-size: 14px !important;
    color: red !important;
    margin-top: 5px !important;
    display: block !important;
}
.mp3_inner_columns{
    justify-content: space-between;
}