html{
    margin-right: 0 !important;
}
input, optgroup, select, textarea{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: unset !important;
    box-shadow: unset !important;
    outline: none !important;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Black.eot');
    src: url('../fonts/NotoSans-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NotoSans-Black.woff2') format('woff2'),
    url('../fonts/NotoSans-Black.woff') format('woff'),
    url('../fonts/NotoSans-Black.ttf') format('truetype'),
    url('../fonts/NotoSans-Black.svg#NotoSans-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

section.account-login-page{
    min-height: calc(1080px - 152px);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}
section.NK-my-account-page .my-account-container{
    min-height: calc(1080px - 152px);
    padding-bottom: 134px;
}
section.account-login-page .grid-container{
    width: 1400px;
    height: 100%;
}
section.account-login-page .ajax-form-wrapper .ajax-form-title{
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 40px;
}
section.account-login-page .ajax-form-wrapper{
    padding: 0;
    margin-left: initial;
    background-color: transparent;
    box-shadow: unset;
    width: 570px;
}
section.account-login-page .ajax-form-wrapper.is-error{
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--ajax-login-white-color);
    padding: 50px 70px;
}
.NK-form .NK-form-input > label{
    position: absolute;
    top: 50%;
    margin: 0;
    left: 30px;
    transform: translateY(-50%);
    transition: all 0.4s;
    pointer-events: none;
    color: #CDCDCD;
}
.NK-form .is-focus .NK-form-input > label{
    top: 0;
    transform: translateY(-50%);
    padding: 6px;
    background-color: #FFF;
    color: #333333;
}
.NK-form .NK-input{
    padding-left: 36px;
    padding-right: 36px;
    height: 60px;
}
.NK-form .NK-form-group.form-submit{
    display: flex;
    gap: 24px;

}
.NK-form .NK-form-group.form-submit > a{
    width: 100%;
}
.NK-button.secondary-style{
    color: var(--ajax-login-main-color);
    border-color: var(--ajax-login-main-color);
    background-color: transparent;
}
.NK-button.secondary-style:hover{
    background-color: var(--ajax-login-main-color);
    color: #FFF;
}
#NK-signup-form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#NK-signup-form .NK-form-group{
    width: calc(50% - 8px);
}
#NK-signup-form .NK-form-group.signup-gender{
    width: 100%;
    height: 50px;
}
.NK-form .NK-form-group.form-submit{
    width: 100% !important;
}
#NK-signup-form .NK-form-group[class*='birthday'] .NK-form-input:after{
    position: absolute;
    top: 50%;
    right: 24px;
    z-index: 3;
    pointer-events: none;
    content: '';
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2Ljc1IDIuNUgxLjc1QzEuMzM1NzkgMi41IDEgMi44MzU3OSAxIDMuMjVWMTguMjVDMSAxOC42NjQyIDEuMzM1NzkgMTkgMS43NSAxOUgxNi43NUMxNy4xNjQyIDE5IDE3LjUgMTguNjY0MiAxNy41IDE4LjI1VjMuMjVDMTcuNSAyLjgzNTc5IDE3LjE2NDIgMi41IDE2Ljc1IDIuNVoiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMy43NSAxVjQiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik00Ljc1IDFWNCIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEgN0gxNy41IiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    transform: translateY(-50%);
}
#NK-update-profile-form.NK-form .form-fields-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#NK-reset-form.NK-form .NK-form-group{
    margin-bottom: 32px;
}
#NK-update-profile-form.NK-form .NK-form-group{
    width: calc(50% - 8px);
    margin-bottom: 45px;
}
#NK-update-profile-form.NK-form .NK-form-group.update_profile-gender{
    width: 100%;
}
#NK-reset-form.NK-form .submit-form-btn,
#NK-update-profile-form.NK-form .submit-form-btn{
    width: max-content;
    margin-left: auto;
    min-width: 200px;
}
section.NK-my-account-page .my-account-container{
    background-color: #FFF;
}
section.NK-my-account-page .my-account-container .NK-my-account{
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-information{
    background-color: transparent;
    padding: 0;
    margin-bottom: 40px;
    flex-direction: column;
}
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-avatar img{
    width: 150px;
    height: 150px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-avatar{
    position: relative;
    overflow: hidden;
    margin-bottom: 22px;
}
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-information h1.my-account-name{
    font-weight: 800;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 8px;
}
.NK-my-account .NK-my-account-nav-wrap{
    width: 26%;
    padding-right: 54px;
    border-right: 1px solid #E5E5E5;
}
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-information .additional-information .info{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #333;
}
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-information .additional-information .info+.info{
    margin-top: 10px;
}
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-nav .NK-my-account-nav-link{
    margin: 0 !important;
}
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-nav .NK-my-account-nav-link > a:after{
    display: none !important;
}
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-nav .NK-my-account-nav-link > a{
    background-color: transparent !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #333 !important;
    padding: 15px 0;
    border-top: 1px solid #D5E2ED;
    border-radius: 0;
}
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-nav .NK-my-account-nav-link > a:hover path,
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-nav .NK-my-account-nav-link.is-active > a path{
    stroke: #008FD5;
}
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-nav .NK-my-account-nav-link > a:hover,
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-nav .NK-my-account-nav-link.is-active > a{
    font-weight: 700;
}
.NK-my-account-inner{
    padding: 0;
    background-color: transparent;
}
.my-account-heading{
    margin-bottom: 26px;
    padding-bottom: 0;
    border: none;
}
.my-account-heading h1{
    font-weight: 800;
    font-size: 40px;
    line-height: 50px;
}
.NK-my-account .NK-my-account-content{
    width: 74%;
    padding-left: 68px;
}
#NK-update-profile-form .avatar-wrap{
    display: none;
}
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-avatar{
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-avatar > svg{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    opacity: 0;
    transition: all 0.4s;
}
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-avatar:before{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #00000087;
    opacity: 0;
    content: '';
    position: absolute;
    transition: all 0.4s;
}
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-avatar:hover:before{
    opacity: 1;
}
.NK-my-account .NK-my-account-nav-wrap .NK-my-account-avatar:hover > svg {
    opacity: 1;
}
.NK-my-account .NK-my-account-content #NK-reset-form,
#NK-update-profile-form{
    width: 100%;
    padding-right: 170px;
}
#library-list-wrap{
    margin-top: 20px;
}
#library-list-wrap .load-more-library{
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
#library-list-wrap .load-more-library:hover svg{
    animation: moveDownLoop 0.4s cubic-bezier(1, 0.5, 1 , 1.75) forwards;
}
#library-list.grid-style{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 47px 67px;
}
.img-wrap{
    overflow: hidden;
    position: relative;
}
.img-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all 0.4s;
}
.library-item .img-wrap{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    aspect-ratio: 4/3;
}
.library-item .name-wrap h3{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-top: 10px;
    color: #333;
    margin-bottom: 0;
}
#library-list.grid-style .tt-gallery-item > .library-actions,
#library-list.grid-style .library-item > .library-actions,
#library-list.grid-style .date,
#library-list.grid-style .capacity{
    display: none;
}
.library-item .folder-wrap{
    background-image: url('../images/folder-image.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 20px 7px 7px;
}
.library-item .img-wrap:before{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background-color: #00000066;
    opacity: 0;
    transition: all 0.4s;
    pointer-events: none;
}
.tt-gallery-item .library-actions,
.library-item .library-actions{
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 9;
    display: flex;
    padding: 4px;
    opacity: 0;
    cursor: pointer;
    transition: all 0.4s;
}
.tt-gallery-item .library-actions > svg,
.library-item .library-actions > svg{
    height: 6px;
    width: auto;
}
.tt-gallery-item:hover .library-actions,
.library-item:hover .library-actions{
    opacity: 1;
}
.library-item:hover .img-wrap:before{
    opacity: 1;
}
.tt-gallery-item .library-actions > ul,
.library-item .library-actions > ul{
    position: absolute;
    left: 50%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #FFF;
    padding: 6px 10px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    transform: translateX(-50%);
    width: max-content;
    list-style: none;
    margin: 0;
    top: 100%;
    opacity: 0;
    transition: all 0.4s;
    pointer-events: none;
    visibility: hidden;
}
.tt-gallery-item .library-actions.active > ul,
.library-item .library-actions.active > ul{
    pointer-events: unset;
    visibility: visible;
    opacity: 1;
}
.tt-gallery-item .library-actions > ul > li,
.library-item .library-actions > ul > li{
    margin: 0;
}
.tt-gallery-item .library-actions > ul > li > a,
.library-item .library-actions > ul > li > a{
    display: flex;
    align-items: center;
    padding: 6px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 3px 0;
    gap: 8px;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    position: relative;
    transition: all 0.4s;
}
.tt-gallery-item .library-actions > ul > li+li,
.library-item .library-actions > ul > li+li{
    border-top: 1px solid #D7D7D7;
}
.tt-gallery-item .library-actions > ul > li:hover > a,
.library-item .library-actions > ul > li:hover > a{
    background: #E9F7FF;
}
.tt-gallery-item .library-actions > ul > li svg,
.library-item .library-actions > ul > li svg{
    width: 18px;
    height: auto;
}
#library-list.list-style .library-item{
    display: flex;
    align-items: center;
    gap: 20px;
}
#library-list.list-style .library-item .folder-wrap{
    width: 110px;
    min-width: 110px;
    padding: 14px 4px 4px;
    margin: 0;
    transition: all 0.4s;
}
#library-list.list-style .library-item .folder-wrap .library-actions{
    display: none !important;
}
#library-list.list-style .library-item > .library-actions{
    position: relative;
    top: unset;
    right: unset;
    opacity: 1;
    width: 9%;
    justify-content: center;
}
#library-list.list-style .library-item .name-wrap{
    flex-grow: 1;
    text-align: left;
}
#library-list.list-style .library-item .name-wrap h3{
    text-align: left;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
}
#library-list.list-style .library-item .capacity{
    width: 11%;
}
#library-list.list-style .library-item .date{
    width: 14%;
}
#library-list.list-style .library-item{
    padding: 15px 0;
    border-top: 1px solid #E4E4E4;
}
#library-list.list-style .library-item .library-checkbox{
    right: calc(100% + 20px);
    left: unset;
    top: calc(50% - 10px);
    border-color: #333;
}
#library-list.list-style .library-item.is-selected .library-checkbox{
    border-color: #FFF;
}
.multiple-select-active .library-item,
.multiple-select-active .tt-gallery-item{
    cursor: pointer;
}
.multiple-select-active #library-list.list-style .library-item .folder-wrap{
    margin-left: 40px;
}
.library-item .capacity,
.library-item .date{
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
}
.library-checkbox{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #FFF;
    background-color: #FFF;
    transition: all 0.4s;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 9;
    padding: 2px;
    opacity: 0;
    transform: scale(0);
}
.multiple-select-active .library-checkbox{
    opacity: 1;
    transform: scale(1);
}
.is-selected .library-checkbox{
    background-color: var(--ajax-login-main-color);
}
.library-item .library-checkbox{
    width: 20px;
    height: 20px;
}
.library-nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.selected-actions{
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 30px;
}
.selected-actions .download-all,
.selected-actions .nav-checkbox{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: #333;
    transform: scale(0);
    transition: all 0.4s;
}
.multiple-select-active .selected-actions .download-all,
.multiple-select-active .selected-actions .nav-checkbox{
    transform: scale(1);
}
.selected-actions .nav-checkbox .square{
    width: 18px;
    height: 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #333;
}
.selected-actions .nav-checkbox .square.selected{
    background-color: var(--ajax-login-main-color);
    display: flex;
    align-items: center;
    justify-content: center;
}
.library-nav .left-library-nav .search--box{
    width: 286px;
    border: 1px solid #ABABAB;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding-left: 16px;
    padding-right: 24px;
}
.library-nav .left-library-nav .search--box input{
    padding: 0 !important;
    border: none !important;
    box-shadow: unset !important;
    outline: unset !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}
.library-nav .left-library-nav .search--box input::placeholder{
    color: #ACBAC8;
}
.library-nav .left-library-nav .search--box input{
    color: #333;
}
.library-nav .left-library-nav .search--box > svg:first-of-type{
    margin-right: 16px;
}
.library-nav .right-library-nav{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.library-nav .library-display{
    display: flex;
    padding: 4px 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #E2F5FF;
    gap: 10px;
}
.library-nav .library-display .item{
    display: flex;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.4s;
}
.library-nav .library-display .item svg{
    width: 27px;
    height: 28px;
}
.library-nav .library-display .item svg path{
    transition: all 0.4s;
}
.library-nav .library-display .item.active{
    opacity: 1;
}
.library-nav .library-display .item.active path{
    stroke: var(--ajax-login-main-color);
}
.library-nav .library-sort{
    padding-right: 14px;
    margin-right: 14px;
    cursor: pointer;
}
.library-nav .library-sort .sort-inner{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    gap: 5px;
}
.library-nav .library-sort[data-current="desc"] .sort-inner svg:nth-of-type(2){
    display: none;
}
.library-nav .library-sort[data-current="asc"] .sort-inner svg:nth-of-type(1){
    display: none;
}
.swal2-container #swal2-title{
    font-size: 25px !important;
}
div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){
    line-height: 1.4 !important;
    font-size: 18px !important;
}
body.swal2-shown{
    padding: 0 !important;
}
.fixed-notify{
    position: fixed;
    bottom: 0;
    right: 100px;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px;
    overflow: hidden;
    width: 300px;
    transform: translateY(100%);
    transition: all 0.4s;
}
.fixed-notify.active{
    transform: translateY(0);
}
.fixed-notify .notify-heading{
    padding: 12px 16px;
    background-color: #e9e9e9;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #000;
}
.fixed-notify .notify-content{
    background-color: #FFF;
}
.fixed-notify .notify-content .notify-item > svg{
    width: 24px;
    min-width: 24px;
    height: 24px;
}
.fixed-notify .notify-content .notify-item{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}
.fixed-notify .notify-content .notify-item .loading-icon{
    margin-left: auto;
    width: 20px;
    min-width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 50;
    border: 2px solid #e9e9e9;
    border-bottom-color: var(--sub-cl);
    display: inline-block;
    box-sizing: border-box;
    animation: loadingRotation 0.6s linear infinite;
}
.fixed-notify .notify-content .notify-item.done .loading-icon{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjkzNzUgMC4wNjI1VjIzLjkzNzVIMC4wNjI1VjAuMDYyNUgyMy45Mzc1WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjEyNSIvPgo8cGF0aCBkPSJNMjAuMjUgNi43NUw5Ljc1IDE3LjI0OTVMNC41IDEyIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    animation: unset;
    border-color: green;
    background-color: green;
}
.fixed-notify .notify-content .notify-item.failed .loading-icon{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjkzNzUgMC4wNjI1VjIzLjkzNzVIMC4wNjI1VjAuMDYyNUgyMy45Mzc1WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjEyNSIvPgo8cGF0aCBkPSJNMTguNzUgNS4yNUw1LjI1IDE4Ljc1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xOC43NSAxOC43NUw1LjI1IDUuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    animation: unset;
    border-color: red;
    background-color: red;
}
@keyframes loadingRotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.my-account-heading.has-border{
    margin-bottom: 16px;
    border-bottom: 1px solid #E4E4E4;
    padding: 0 0 16px;
}
.library-details .selected-actions{
    margin-top: 0;
    margin-bottom: 20px;
}
.library-details h2.name{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #838383;
    margin-bottom: 20px;
}
.library-details h2.name strong{
    font-weight: 700;
    color: #333;
}
.library-details h3.gallery-empty{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    margin-bottom: 40px;
}
#library-gallery{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px 12px;
    margin-left: -6px;
    margin-right: -6px;
}
#library-gallery .tt-gallery-item{
    padding: 6px;
    border-radius: 12px;
    border: 1px solid transparent;
    background-color: transparent;
    transition: all 0.4s;
}
#library-gallery .tt-gallery-item.is-selected{
    border-color: #0086CD;
    background-color: #EDF9FF;
}
#library-gallery .tt-gallery-item .img-wrap{
    border-radius: 10px;
    aspect-ratio: 3/2;
}
#library-gallery .tt-gallery-item .img-wrap:before{
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #000;
    opacity: 0;
    transition: all 0.4s;
    pointer-events: none;
}
#library-gallery .tt-gallery-item:hover .img-wrap:before{
    opacity: 0.7;
}
#library-gallery .tt-gallery-item .name-wrap h3{
    margin: 10px 0 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
#library-gallery .tt-gallery-item .library-actions{
    right: 12px;
    top: 12px;
}
#popup-gallery{
    background-color: transparent;
    padding: 32px 70px;
    display: none;
}
#popup-gallery .popup-gallery-inner{
    width: 1140px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
#popup-gallery .popup-gallery-swiper{
    margin-bottom: 28px;
}
#popup-gallery .popup-gallery-swiper-thumb{
    margin: 0 -12px;
}
#popup-gallery .popup-gallery-swiper-thumb .swiper-slide{
    padding: 0 12px
}
#popup-gallery .popup-gallery-swiper-thumb .swiper-slide .img-wrap{
    aspect-ratio: 1;
}
#popup-gallery .swiper-arrow{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
#popup-gallery .swiper-arrow.prev{
    left: -58px;
}
#popup-gallery .swiper-arrow.next{
    right: -58px;
}
.fancybox-slide--html #popup-gallery .fancybox-close-small{
    padding: 0;
    color: #FFF;
    opacity: 1;
    width: 30px;
    height: 30px;
}
.multiple-select-active .tt-gallery-item a[data-fancybox]{
    pointer-events: none !important;
}
body.page-template-quiz header#header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
}
body.page-template-quiz footer#footer{
    /*position: fixed;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*z-index: 9999;*/
    /*width: 100%;*/
}
section.quiz-page{
    min-height: 100vh;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 320px 0 200px;
}
@keyframes bubbleAni {
    0%{
        transform: translateY(-20px);
    }
    25%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(20px);
    }
    75%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(-20px);
    }
}
section.quiz-page .pattern{
    pointer-events: none !important;
    animation: bubbleAni 2.5s infinite linear;
    transition: all 0.4s;
}
section.quiz-page .pattern:nth-of-type(1){
    width: 190px;
    height: 185px;
    top: 160px;
    left: 210px;
    animation-delay: 0.3s;
}
section.quiz-page .pattern:nth-of-type(2){
    width: 143px;
    height: 139px;
    left: 230px;
    top: 520px;
    animation-delay: 0.2s;
}
section.quiz-page .pattern:nth-of-type(3){
    width: 225px;
    height: 220px;
    right: 145px;
    bottom: 306px;
    animation-delay: 0.4s;
}
section.quiz-page .pattern:nth-of-type(4){
    width: 130px;
    height: 128px;
    top: 130px;
    right: 340px;
    animation-delay: 0.5s;
}
section.quiz-page-2 .pattern:nth-of-type(1){
    left: 76px;
    top: 340px;
}
section.quiz-page-2 .pattern:nth-of-type(2){
    left: 188px;
    top: 968px;
}
section.quiz-page-2 .pattern:nth-of-type(3){
    right: 54px;
    top: 848px;
}
section.quiz-page-2 .pattern:nth-of-type(4){
    top: 140px;
    right: 156px;
}
.form-minigame-wrap{
    width: 750px;
}
.image-title{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-60%);
    z-index: 9;
}
.form-minigame-wrap .invalid .NK-form-error-mess{
    top: 58%;
}
.form-minigame-wrap .NK-form-error-mess{
    height: calc(100% - 20px);
    left: 7px;
    right: 7px;
}
.form-minigame-wrap .form-minigame{
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(20px);
    border-radius: 10px;
    padding: 66px 66px 55px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    overflow: hidden;
}
.form-minigame-wrap.loading .form-minigame:before{
    height: 70px;
    width: 70px;
    left: calc(50% - 35px);
    top: calc(50% - 35px);
    aspect-ratio: 1;
    position: absolute;
    content: '';
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 50;
    border: 3px solid #F5F5F5;
    border-bottom-color: var(--main-cl);
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 0.6s linear infinite;
}
.form-minigame-wrap .form-minigame > div{
    transition: all 0.4s;
}
.form-minigame-wrap.loading .form-minigame > div{
    filter: blur(5px);
}
.form-minigame-wrap .form-minigame .form-group{
    position: relative;
    margin-bottom: 20px;
}
.form-minigame-wrap .form-minigame .form-group fieldset{
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #D9D9D9;
    padding: 0 27px;
    margin-bottom: 0;
}
.form-minigame-wrap .form-minigame .form-group legend,
.form-minigame-wrap .form-minigame .form-group label,
.form-minigame-wrap .form-minigame .form-group input{
    margin: 0;
    background-color: transparent;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    outline: unset !important;
    box-shadow: unset !important;
    border: none !important;
    color: #333;
    text-transform: initial;
    padding: 0;
}
.form-minigame-wrap .form-minigame .form-group legend{
    width: auto;
    font-size: 0;
    transition: all 0.4s;
}
.form-minigame-wrap .form-minigame .form-group.is-focus legend{
    padding: 0 7px;
    font-size: 17px;
}
.form-minigame-wrap .form-minigame .form-group label{
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0.5;
    left: 36px;
    transition: all 0.4s;
}
.form-minigame-wrap .form-minigame .form-group.is-focus label{
    opacity: 0;
}
.form-minigame-wrap .form-minigame .form-group input{
    border: none !important;
    margin-top: -12px;
    height: 60px;
    padding: 0 7px !important;
}
span.required{
    color: red;
}
.form-minigame-wrap .form-minigame .form-group.form-radio{
    display: flex;
    align-items: center;
}
.form-minigame-wrap .form-minigame .form-group.form-radio > span{
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #333;
    margin-right: auto;
}
.form-minigame-wrap .form-minigame .form-group.form-radio input{
    display: none !important;
}
.form-minigame-wrap .form-minigame .form-group.form-radio .radio-wrap{
    gap: 5px;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    cursor: pointer;
    margin-bottom: 0;
    position: relative;
    transform: unset;
    left: unset;
    top: unset;
    opacity: 1;
    pointer-events: unset;
}
.form-minigame-wrap .form-minigame .form-group.form-radio .radio-wrap > .radio-custom{
    width: 18px;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #FFF;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
}
.form-minigame-wrap .form-minigame .form-group.form-radio .radio-wrap > .radio-custom > svg{
    opacity: 0;
    transition: all 0.4s;
}
.form-minigame-wrap .form-minigame .form-group.form-radio .radio-wrap > input:checked~.radio-custom{
    background-color: #FFF;
    border-color: #D9D9D9;
}
.form-minigame-wrap .form-minigame .form-group.form-radio .radio-wrap > input:checked~.radio-custom > svg{
    opacity: 1;
}
.form-minigame-wrap .form-minigame .form-group.form-radio .radio-wrap+.radio-wrap{
    margin-left: 30px;
}
.form-minigame-wrap .form-minigame .form-note{
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 30px;
}
.form-minigame-wrap .form-minigame .form-note a{
    color: var(--main-cl);
    text-decoration: underline;
}
.form-minigame-wrap .form-minigame .form-submit .nk-button-primary{
    margin-right: auto;
    margin-left: auto;
}
div:has(.nk-button-primary[disabled]){
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.nk-button-primary[disabled]{
    pointer-events: none;
}
.nk-button-primary{
    background-color: var(--main-cl);
    border-color: var(--main-cl);
    color: #FFF;
    cursor: pointer;
}
.nk-button-primary:hover > span:nth-of-type(1){
    color: #FFF !important;
}
.nk-button-primary:hover > span:nth-of-type(2){
    background-color: #FFF;
}
.nk-button-primary:hover > span:nth-of-type(2) path{
    stroke: var(--main-cl);
}
.nk-button-secondary{
    border-color: var(--main-cl);
    color: var(--main-cl);
    cursor: pointer;
}
.quiz-list-wrap{
    width: 1180px;
    position: relative;
}
.quiz-list-wrap .quiz-list{
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(20px);
    border-radius: 10px;
    padding: 75px 150px 80px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    overflow: hidden;
}
.quiz-list-wrap .quiz-time{
    font-family: 'Noto Sans', 'sans-serif';
    background: linear-gradient(180deg, #FF652D 0%, #FFAA49 100%);
    height: 70px;
    font-weight: 900;
    font-size: 50px;
    line-height: 70px;
    letter-spacing: 2px;
    color: #FFF;
    position: relative;
    z-index: 3;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    min-width: 200px;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 5px 0 0 #F54C05;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-text-stroke: 2px #EE3500;
    margin-bottom: 30px;
}
.quiz-list-wrap .quiz-numbers{
    margin: 0 -18px 40px;
    padding-top: 10px;
}
.quiz-list-wrap .quiz-numbers .swiper-slide{
    padding: 0 18px;
    cursor: pointer;
}
.quiz-list-wrap .quiz-numbers:before{
    top: 50%;
    left: 24px;
    right: 24px;
    height: 1px;
    position: absolute;
    content: '';
    background-color: var(--main-cl);
}
.quiz-list-wrap .quiz-numbers .count{
    height: auto;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--main-cl);
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    transition: all 0.4s;
    color: var(--main-cl);
    background-color: #FFF;
    cursor: pointer;
}
.quiz-list-wrap .quiz-numbers .swiper-slide.is-selected .count,
.quiz-list-wrap .quiz-numbers .swiper-slide-thumb-active .count{
    background-color: var(--main-cl);
    color: #FFF;
    position: relative;
}
.quiz-list-wrap .quiz-numbers .swiper-slide .count:before{
    top: 0;
    right: 0;
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyMiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNS42NDI4Nkw4LjgyNjA5IDE0TDIxIDEiIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: center;
    width: 20px;
    height: 20px;
    transform: translate(20%, -20%);
    padding: 4px;
    background-color: #74B200;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.4s;
    pointer-events: none;
    visibility: hidden;
}
.quiz-list-wrap .quiz-numbers .swiper-slide.is-selected .count:before{
    opacity: 1;
    visibility: visible;
}
.quiz-list-wrap .quiz-questions .swiper-slide:not(.swiper-slide-active){
    opacity: 0 !important;
    pointer-events: none !important;
}
.quiz-list-wrap .quiz-questions .question{
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    color: #666;
    margin-bottom: 30px;
}
.quiz-list-wrap .quiz-questions .answer-item{
    display: flex;
    align-items: center;
    padding: 16px 20px;
    border: 1px solid #D4D4D4;
    border-radius: 50px;
    transition: all 0.4s;
    color: #666666;
    cursor: pointer;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
}
.quiz-list-wrap .quiz-questions .answer-item+.answer-item{
    margin-top: 16px;
}
.quiz-list-wrap .quiz-questions .answer-item .answer-check{
    width: 28px;
    min-width: 28px;
    height: 28px;
    margin-right: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #919191;
    transition: all 0.4s;
}
.quiz-list-wrap .quiz-questions .answer-item .answer-check svg{
    width: 16px;
    height: auto;
    opacity: 0;
    transition: all 0.4s;
}
.quiz-list-wrap .quiz-questions .answer-item.is-selected{
    border-color: var(--main-cl);
    background-color: var(--main-cl);
    color: #FFF
}
.quiz-list-wrap .quiz-questions .answer-item.is-selected .answer-check{
    background-color: #FFF;
    border-color: #FFF;
}
.quiz-list-wrap .quiz-questions .answer-item.is-selected .answer-check svg{
    opacity: 1;
}
.quiz-list-wrap .quiz-buttons{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    gap: 20px;
}
section.quiz-page-2{
    padding: 290px 0;
}
#popup-result{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.4s
}
.quiz-completed #popup-result{
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
}
#popup-result .popup-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
}
#popup-result .popup-inner{
    position: relative;
    z-index: 3;
    width: 1080px;
}
#popup-result .popup-content{
    padding: 170px 100px 240px;
    position: relative;
    z-index: 3;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
#popup-result .popup-content .name{
    font-weight: 400;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 28px;
}
#popup-result .popup-content .points{
    text-align: center;
    width: 370px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #FFF;
    backdrop-filter: blur(20px);
    font-size: 50px;
    line-height: 100px;
    margin-left: auto;
    margin-right: auto;
    color: var(--main-cl);
    margin-bottom: 40px;
}
#popup-result .popup-content .btn_component{
    margin-left: auto;
    margin-right: auto;
}
#popup-result .popup-content .points b{
    font-weight: 900;
}
#popup-result .pattern{
    z-index: 9;
}
#popup-result .pattern:nth-of-type(1){
    width: 190px;
    height: 185px;
    top: 77px;
    left: 0;
    transform: translateX(-50%);
}
#popup-result .pattern:nth-of-type(2){
    width: 143px;
    height: 139px;
    left: 126px;
    bottom: -55px;
}
#popup-result .pattern:nth-of-type(3){
    width: 225px;
    height: 220px;
    right: 0;
    bottom: 46px;
    transform: translateX(50%);
}
#popup-result .pattern:nth-of-type(4){
    display: none !important;
}
.ranking-page{
    padding: 185px 0 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.ranking-page .title-1{
    margin-bottom: 50px;
}
.ranking-page .box-top-3{
    display: flex;
    align-items: center;
    gap: 64px;
    margin: 0 100px;
    margin-bottom: 70px;
}
.ranking-page .box-top-3 .img-wrap{
    width: 200px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
}
.ranking-page .box-top-3 .item{
    flex-grow: 1;
}
.ranking-page .box-top-3 .points{
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    color: #E11B22;
    margin-bottom: 16px;
}
.ranking-page .box-top-3 .name{
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    color: #333;
    text-align: center;
}
.ranking-page .box-top-3 .item:nth-of-type(2) .img-wrap{
    width: 270px;
}
.ranking-page .title-2{
    margin-bottom: 32px;
}
.ranking-page .ranking-gift .box-gifts{
    display: flex;
    gap: 20px;
}
.ranking-page .ranking-gift .item{
    width: 100%;
}
.ranking-page .ranking-gift .item .img-wrap{
    height: 320px;
    transition: all 0.4s;
}
.ranking-page .ranking-gift .item .img-wrap img{
    object-fit: contain;
}
.ranking-page .ranking-gift .item .title-group{
    border-radius: 100px;
    padding: 16px 32px;
    background-color: #9FE1FD99;
    backdrop-filter: blur(20px);
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 19px;
    line-height: 24px;
    color: #333;
    margin-top: -60px;
}
.ranking-page .ranking-gift .item .title-group img{
    width: 64px;
    min-width: 64px;
    height: 64px;
    margin-right: 32px;
}
.ranking-page .ranking-gift .item:not(:nth-of-type(2)){
    margin-top: 132px;
}
.ranking-page .gift-note{
    margin-top: 40px;
    text-align: center;
    font-weight: 400;
    font-size: 19px;
    line-height: 25px;
}
.ranking-page .ranking-table-wrap{
    padding: 80px 96px;
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.5);
    background-color: #FFFFFF80;
    margin: 0 100px 132px;
}
.ranking-page .ranking-table-wrap ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.ranking-page .ranking-table-wrap ul li{
    display: none;
    margin: 0;
}
.ranking-page .ranking-table-wrap ul li .inner-row{
    display: flex;
    gap: 60px;
    align-items: center;
    border-bottom: 1px solid #D8D8D8;
    margin: 0;
    min-height: 62px;
    padding: 12px 0;
    width: 100%;
}
.ranking-page .ranking-table-wrap ul li:nth-of-type(2) span:nth-of-type(1),
.ranking-page .ranking-table-wrap ul li:nth-of-type(3) span:nth-of-type(1),
.ranking-page .ranking-table-wrap ul li:nth-of-type(4) span:nth-of-type(1){
    font-size: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ranking-page .ranking-table-wrap ul li:nth-of-type(2) span:nth-of-type(1):before,
.ranking-page .ranking-table-wrap ul li:nth-of-type(3) span:nth-of-type(1):before,
.ranking-page .ranking-table-wrap ul li:nth-of-type(4) span:nth-of-type(1):before{
    position: relative;
    content: '';
    display: block;
    width: 38px;
    min-width: 38px;
    height: 38px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}
.ranking-page .ranking-table-wrap ul li:nth-of-type(2) span:nth-of-type(1):before{
    background-image: var(--image-rank-1);
}
.ranking-page .ranking-table-wrap ul li:nth-of-type(3) span:nth-of-type(1):before{
    background-image: var(--image-rank-2);
}
.ranking-page .ranking-table-wrap ul li:nth-of-type(4) span:nth-of-type(1):before{
    background-image: var(--image-rank-3);
}
.ranking-page .ranking-table-wrap ul li span{
    text-align: center;
    font-size: 19px;
    line-height: 1.4;
    color: #333;
}
.ranking-page .ranking-table-wrap ul li.ranking-table-title{
    min-height: 62px;
    text-transform: uppercase;
}
.ranking-page .ranking-table-wrap ul li.ranking-table-title span{
    font-weight: 700;
    color: var(--main-cl);
}
.ranking-page .ranking-table-wrap ul li span:nth-of-type(1){
    width: 12%;
}
.ranking-page .ranking-table-wrap ul li span:nth-of-type(2){
    flex-grow: 1;
}
.ranking-page .ranking-table-wrap ul li span:nth-of-type(3){
    width: 10%;
}
.ranking-page .ranking-table-wrap ul li span:nth-of-type(4){
    width: 18%;
}
.ranking-page .ranking-table-wrap ul li span strong{
    display: none;
}
.ranking-page .ranking-table-wrap ul li span i{
    font-style: normal;
}
.ranking-page .load-more-results{
    margin: 30px auto 0;
}
#popup-rules{
    display: none;
    padding: 50px 70px 70px 140px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 1200px;
    max-width: calc(1920px - 40px);
}
#popup-rules .rules-content{
    padding-right: 70px;
    max-height: 350px;
    overflow: auto;
}
#popup-rules .rules-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
#popup-rules .rules-content::-webkit-scrollbar {
    width: 4px;
    background-color: #cedbff;
}
#popup-rules .rules-content::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}
#popup-content > button.is-close-btn{
    width: 32px;
    height: 32px;
    min-height: unset;
}
#popup-content > button.is-close-btn svg{
    transition: all 0.4s;
}
#popup-content > button.is-close-btn:hover svg{
    transform: rotate(360deg);
}
.product-item .img-wrap{
    aspect-ratio: 1;
    margin-bottom: 35px;
}
.post-item .img-wrap:before{
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    /*content: '';*/
    background-color: #000;
    pointer-events: none;
    opacity: 0;
    transition: all 0.4s;
}
.post-item .img-wrap:after{
    z-index: 4;
    width: 30%;
    height: auto;
    aspect-ratio: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(0);
    position: absolute;
    /*content: '';*/
    background-repeat: no-repeat;
    background-size: contain;
    background-image: var(--site-logo);
    transition: all 0.4s;
    opacity: 0;
    pointer-events: none;
}
.product-item .cont-wrap h3{
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 4px;
    text-transform: uppercase;
    text-align: center;
    color: #666;
}
.product-item .cont-wrap .item-attribute{
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #666;
    text-align: center;
}
.woocommerce-breadcrumb{
    display: none !important;
}
.wrap_main_product_detail .price-wrapper{
    padding: 23px 0;
    border-bottom: 1px solid #E9E9E9;
    display: none !important;
}
.wrap_main_product_detail .price-wrapper > p{
    margin-bottom: 0;
}
.wrap-link{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.row_contact_3 .form_recruitment .text_ab,
.row_contact_3 .form_recruitment input{
    background-color: #FFF;
}
.info_product ul li:first-child{
    width: 160px;
    padding-right: 12px;
}
form.cart{
    margin-bottom: 0;
}
form.cart .variations{
    margin-bottom: 0;
}
form.cart .variations tbody > tr > *{
    border-bottom: 1px solid #E9E9E9;
}
form.cart .variations .label{
    padding-right: 12px;
    width: 160px;
}
form.cart .variations .label label{
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #B2B2B2;
}
form.cart .variations .value{
    padding: 24px 0;
    width: calc(100% - 160px);
}
form.cart .variations .ux-swatches{
    margin: 0;
}
form.cart .variations .ux-swatches .ux-swatch{
    padding: 6px 12px;
    border-radius: 50px;
    color: #666;
    border: 1px solid #66666633;
    box-shadow: unset !important;
    min-height: unset;
    min-width: unset;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    transition: all 0.4s;
}
form.cart .variations .ux-swatches .ux-swatch.selected{
    background-color: #DFF5FF;
    border-color: #DFF5FF;
    color: var(--main-cl);
}
.reset_variations,
.single_variation_wrap{
    display: none !important;
}
.product_detail_2 .slide_product{
    margin-right: -1px;
}
.product_detail_2 .slide_product .swiper-wrapper{
    margin: 0;
}
.product_detail_2 .slide_product .swiper-slide{
    padding: 0 8px;
}
.product_detail_2 .slide_product .swiper-slide:before{
    background: linear-gradient(180deg, rgba(189, 215, 230, 0) 0%, rgba(189, 215, 230, 0.8) 20.19%, rgba(189, 215, 230, 0.8) 82.69%, rgba(189, 215, 230, 0) 100%);
    position: absolute;
    content: '';
    right: -2px;
    top: 0;
    height: 100%;
    width: 1px;
}
.top_left_content_home_5.loading{
    position: relative;
    min-height: 300px;
}
.top_left_content_home_5.loading:before{
    height: 70px;
    width: 70px;
    left: calc(50% - 35px);
    top: calc(50% - 35px);
    aspect-ratio: 1;
    position: absolute;
    content: '';
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 50;
    border: 3px solid #F5F5F5;
    border-bottom-color: var(--main-cl);
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 0.6s linear infinite;
}
.left_content_home_5{
    flex-grow: 1;
}
.top_left_content_home_5 .tab-content{
    animation: fade-up 1s;
}
.right_content_home_5 .img_right .brand-poster{
    display: none;
}
.right_content_home_5 .img_right .brand-poster.active{
    display: block;
}
@keyframes fade-up {
    0%{
        transform: translateY(50px);
        opacity: 0;
    }
    100%{
        transform: translateY(0);
        opacity: 1;
    }
}
.post-item .img-wrap{
    border-radius: 20px;
    margin-bottom: 20px;
}
.post-item .cont-wrap h3{
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 8px;
    transition: all 0.4s;
}
.post-item .cont-wrap ul{
    margin: 0;
    display: flex;
    list-style: none;
    gap: 10px
}
.post-item .cont-wrap ul > li{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
.post-item .cont-wrap ul > li:first-of-type{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.wrap_news_post h2{
    margin-bottom: 0;
}
.wrap_news_post+.wrap_news_post{
    margin-top: 82px;
}
.wrap_news_post .news-swiper .swiper_pagination{
    display: none;
}
.wrap_news_post .news-swiper{
    margin: 36px -42px 0;
}
.wrap_news_post .news-swiper .swiper-slide{
    padding: 0 42px;
}
.wrap_menu .menu li a{
    text-align: center;
}
.tax_news_1{
    padding-bottom: 140px;
}
#posts-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 60px 84px;
}
#posts-list .load_more_post{
    margin-top: 40px;
}
.post_2{
    padding-bottom: 150px;
}
.fixed-terms-menu{
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    position: fixed;
    background-color: #FFF;
    transition: all 0.4s;
}
.fixed-terms-menu ul{
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    gap: 20px;
}
.fixed-terms-menu.show{
    box-shadow: 0 0 20px 0 #f5f5f5;
}
.fixed-terms-menu ul > li{
    margin: 0;
}
.fixed-terms-menu ul > li > a{
    font-weight: 700;
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    color: #333;
    padding: 8px 20px;
    display: block;
}
.woocommerce-site-status-badge-live{
    display: none !important;
}
.flex-box{
    display: flex;
}
.flex-wrap{
    flex-wrap: wrap;
}
.flex-row{
    flex-direction: row !important;
}
.flex-col{
    flex-direction: column;
}
.al-center{
    align-items: center;
}
.al-start{
    align-items: flex-start;
}
.al-end{
    align-items: flex-end;
}
.al-baseline{
    align-items: baseline;
}
.jus-start{
    justify-content: flex-start;
}
.jus-end{
    justify-content: flex-end;
}
.jus-center{
    justify-content: center;
}
.jus-between{
    justify-content: space-between;
}
.grid-box{
    display: grid;
}
.grid-2{
    grid-template-columns: repeat(2, 1fr);
}
.grid-3{
    grid-template-columns: repeat(3, 1fr);
}
.grid-4{
    grid-template-columns: repeat(4, 1fr);
}
.search-page{
    min-height: 70vh;
}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}

.about-2{
    padding-top: 40px;
}
.about-2 .decor_contact_2{
    transform: rotate(135deg);
    width: 420px;
    right: -20px;
    aspect-ratio: 588/290;
    height: auto;
    top: 180px;
}
.about-2 .col-5{
    padding-top: 36px;
    padding-right: 10px;
}
.about-2 .col-5 .img-wrap{
    margin-bottom: 16px;
}
.about-2 .col-5 .name{
    font-weight: 700;
    font-size: 21px;
    line-height: 35px;
    color: #8C8C8C;
}
.about-2 .col-5 .position{
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #8C8C8C;
}
.about-3 {
    padding-top: 184px;
}
.about-3 .col-6:nth-of-type(2){
    padding-left: 55px;
}
.about-3 .col-6 .img-wrap{
    border-radius: 10px;
}
.text-6{
    color: #666;
}
.reset-last > *:last-child{
    margin-bottom: 0 !important;
}
.about-4{
    padding-top: 196px;
    padding-bottom: 172px;
    z-index: 9;
}
.about-4:after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    background: linear-gradient(180deg, rgba(235, 250, 255, 0) 0%, #EBFAFF 100%);
    height: 400px;
    width: 100%;
    z-index: -1;
}
.about-4 .heading_title_new{
    margin-bottom: -45px;
}
.about-4 .items-wrap{
    gap: 96px;
    position: relative;
}
.about-4 .items-wrap:before{
    pointer-events: none;
    position: absolute;
    top: 15px;
    width: 100%;
    height: 268px;
    background-image: url('../images/timeline-arrow.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    left: 0;
}
.about-4 .items-wrap .item{
    width: calc(20% - 96px * 4 / 5);
}
.about-4 .items-wrap .item .year{
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    color: var(--main-cl);
    padding-bottom: 30px;
    margin-bottom: 50px;
    position: relative;
}
.about-4 .items-wrap .item .year:before{
    width: 18px;
    height: 18px;
    border: 3px solid #FFE4E5;
    background-color: #E11B22;
    position: absolute;
    content: '';
    border-radius: 50%;
    bottom: 0;
    left: 0;
}
.about-4 .items-wrap .item .cont{
    margin-bottom: 32px;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
}
.about-4 .items-wrap .item .img-wrap{
    border-radius: 10px;
}
.about-4 .items-wrap .item:nth-of-type(1){
    margin-top: 192px;
}
.about-4 .items-wrap .item:nth-of-type(2){
    margin-top: 146px;
}
.about-4 .items-wrap .item:nth-of-type(3){
    margin-top: 98px;
}
.about-4 .items-wrap .item:nth-of-type(4){
    margin-top: 50px;
}
.about-5{
    padding-top: 114px;
}
.about-5 .heading_title_new{
    margin-bottom: 50px;
}
.about-5 .box-swiper{
    padding: 0 48px;
    position: relative;
}
.about-4 .box-swiper .swiper-arrow,
.about-5 .box-swiper .swiper-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 40px;
    height: 40px;
}
.about-5 .box-swiper .swiper-arrow.prev{
    left: 0;
}
.about-4 .box-swiper .swiper-arrow.prev{
    left: -80px;
}
.about-4 .box-swiper .swiper-arrow.next{
    right: -80px;
}
.about-5 .box-swiper .swiper-arrow.next{
    right: 0;
}
.about-4 .box-swiper .swiper-arrow svg ,
.about-5 .box-swiper .swiper-arrow svg {
    transition: all 0.4s;
    width: 100%;
    height: 100%;
}
.about-4 .box-swiper .swiper-arrow:hover svg,
.about-5 .box-swiper .swiper-arrow:hover svg{
    transform: scale(1.2);
}
.about-4 .box-swiper .swiper-arrow:hover svg path,
.about-5 .box-swiper .swiper-arrow:hover svg path{
    stroke: var(--main-cl)
}
.about-5 .col-6:nth-of-type(2) .img-wrap{
    margin-left: 112px;
    width: 100%;
}
.about-brands .items-wrap{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 28px;
}
.about-6{
    padding-top: 136px;
}
.about-6 .left-column{
    padding-right: 60px;
}
.about-6 .left-column .img-wrap{
    box-shadow: 0px 4px 20px 0px #0086CD1A;
}
.about-6 .right-column .btn_component{
    margin-top: 32px;
}
.about-6 .right-column .img-wrap{
    margin-top: 92px;
}
.about-5 .swiper-pagination {
    display: none;
}
.about-4 .about-timeline .swiper-slide{
    transition: all 0.4s;
}
.about-4 .about-timeline .swiper-slide:not(.swiper-slide-active){
    opacity: 0 !important;
}
.about-4 .about-timeline-mobile{
    display: none !important;
}
.product_2 .heading_title_new{
    margin-bottom: 10px;
    margin-top: -20px;
}
.product_2 .col-terms+.col-terms{
    margin-top: 60px;
}
.product_2 .slide_product .product-item{
    margin-left: 2px;
    padding: 0 12px;
    border-image-slice: 1;
    border-left: 1px solid;
    border-image-source: linear-gradient(180deg, rgba(189, 215, 230, 0) 0%, rgba(189, 215, 230, 0.8) 20.19%, rgba(189, 215, 230, 0.8) 82.69%, rgba(189, 215, 230, 0) 100%);
}
.product_2 .slide_product .swiper-slide-active .product-item{
    border-image-slice: 0;
}
section.default-page{
    padding: 63px 0 125px;
}
#library-list .library-item .capacity-mobile,
#library-list .library-item .date-mobile{
    display: none !important;
}
.grid-box.searched-products{
    grid-gap: 40px
}
.header-nav-main .menu-item .sub-menu{
    padding: 8px 12px;
    border-radius: 0 0 20px 20px;
    width: max-content;
    max-width: 300px;
    background-color: #FAFDFF;
}
.header-nav-main .menu-item .sub-menu > li > a > img.menu-image{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.header-nav-main .menu-item .sub-menu > li > a > img.menu-image,
.header-nav-main .menu-item .sub-menu > li > a > span.menu-image-title{
    padding: 0;
}
.header-nav-main .menu-item .sub-menu > li > a:before{
    display: none !important;
}
.header-nav-main .menu-item .sub-menu > li > a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    border: none;
}
.header-nav-main .menu-item .sub-menu > li+li{
    /*margin-top: 10px;*/
}
.transparent-header .header-nav-main .menu-item .sub-menu{
    background: #FAFDFFB2;
    backdrop-filter: blur(30px);
}
.header-nav-main .menu-item .sub-menu > li:hover > a > img.menu-image,
.header-nav-main .menu-item .sub-menu > li.current-menu-item > a > img.menu-image{
    background: linear-gradient(180deg, rgba(26, 136, 201, 0.08) 0%, rgba(26, 136, 201, 0.034) 47.5%, rgba(26, 136, 201, 0) 100%);
}
.product_detail_1 .box-swiper{
    display: flex;
    padding: 0 64px;
    --gap: 16px;
}
.product_detail_1 .box-swiper .swiper{
    width: calc(77% + var(--gap));
    margin: 0 0 0 calc(0px - var(--gap));
    flex-grow: 1;
}
.product_detail_1 .box-swiper .swiper:not(:has(+.product-video)){
    margin: 0 calc(0px - var(--gap));
}
.product_detail_1 .box-swiper .product-video{
    padding-left: var(--gap);
    width: 23%;
}
.wrap_img_p_d .swiper-slide{
    padding: 0 var(--gap);
}
.product_detail_1 .box-swiper .product-video > a{
    background-color: #F0F0F0;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.product_detail_1 .box-swiper .product-video > a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product_detail_1 .box-swiper .product-video > a:before{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    content: '';
    z-index: 2;
    transition: all 0.4s;
}
.product_detail_1 .box-swiper .product-video:hover > a:before{
    background-color: rgba(0, 0, 0, 0.6);
}
.product_detail_1 .box-swiper .product-video > a:after{
    left: 50%;
    top: 50%;
    position: absolute;
    content: '';
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwOTgxXzg0MDkpIj4KPHBhdGggZD0iTTIzLjUyMTYgNi4xODQ5MkMyMy4zODU5IDUuNjc0MzQgMjMuMTE4NSA1LjIwODM0IDIyLjc0NjIgNC44MzM1OEMyMi4zNzM4IDQuNDU4ODEgMjEuOTA5NSA0LjE4ODQyIDIxLjM5OTggNC4wNDk0N0MxOS41MjM0IDMuNTQ0OTIgMTIuMDIzNCAzLjU0NDkyIDEyLjAyMzQgMy41NDQ5MkMxMi4wMjM0IDMuNTQ0OTIgNC41MjM0NCAzLjU0NDkyIDIuNjQ3MDcgNC4wNDk0N0MyLjEzNzM3IDQuMTg4NDIgMS42NzMxIDQuNDU4ODEgMS4zMDA3MyA0LjgzMzU4QzAuOTI4MzU0IDUuMjA4MzQgMC42NjA5NDMgNS42NzQzNCAwLjUyNTI1NiA2LjE4NDkyQzAuMDIzNDM3NiA4LjA2OTQ3IDAuMDIzNDM3NSAxMS45OTk1IDAuMDIzNDM3NSAxMS45OTk1QzAuMDIzNDM3NSAxMS45OTk1IDAuMDIzNDM3NiAxNS45Mjk1IDAuNTI1MjU2IDE3LjgxNEMwLjY2MDk0MyAxOC4zMjQ2IDAuOTI4MzU0IDE4Ljc5MDYgMS4zMDA3MyAxOS4xNjU0QzEuNjczMSAxOS41NDAxIDIuMTM3MzcgMTkuODEwNSAyLjY0NzA3IDE5Ljk0OTVDNC41MjM0NCAyMC40NTQgMTIuMDIzNCAyMC40NTQgMTIuMDIzNCAyMC40NTRDMTIuMDIzNCAyMC40NTQgMTkuNTIzNCAyMC40NTQgMjEuMzk5OCAxOS45NDk1QzIxLjkwOTUgMTkuODEwNSAyMi4zNzM4IDE5LjU0MDEgMjIuNzQ2MiAxOS4xNjU0QzIzLjExODUgMTguNzkwNiAyMy4zODU5IDE4LjMyNDYgMjMuNTIxNiAxNy44MTRDMjQuMDIzNCAxNS45Mjk1IDI0LjAyMzQgMTEuOTk5NSAyNC4wMjM0IDExLjk5OTVDMjQuMDIzNCAxMS45OTk1IDI0LjAyMzQgOC4wNjk0NyAyMy41MjE2IDYuMTg0OTJaIiBmaWxsPSIjRkYwMzAyIi8+CjxwYXRoIGQ9Ik05LjU2OTM0IDE1LjU2ODlWOC40MzE2NEwxNS44NDIxIDEyLjAwMDNMOS41NjkzNCAxNS41Njg5WiIgZmlsbD0iI0ZFRkVGRSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzEwOTgxXzg0MDkiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
    z-index: 4;
}
.product_detail_1 .box-swiper .arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    left: 0;
}
.product_detail_1 .box-swiper .arrow.next{
    right: 0;
    left: unset;
}
.product_detail_2 .slide_product .swiper-wrapper > .swiper-slide:only-child:before{
    display: none !important;
}
.wrap_img_p_d{
    position: sticky;
    top: 90px;
}
.bottom_footer .copyright,
.bottom_footer ul > li > a{
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #FFF;
}
.bottom_footer ul,
.bottom_footer ul > li{
    margin: 0;
    list-style: none;
}
.bottom_footer ul > li > a{
    padding-left: 24px;
    margin-left: 24px;
    position: relative;
}
.bottom_footer ul > li > a:before{
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    position: absolute;
    content: '';
    background-color: #FFF;
    opacity: 0.3;
}
#popup-content .fancybox-close-small{
    color: #FFF;
}
#popup-content{
    background-color: transparent;
    padding: 0;
}
.view-more-mobile{
    display: none !important;
}
.branch-popup{
    display: none;
    width: 670px;
    border-radius: 10px;
    overflow: hidden;
    padding: 12px;
}
.branch-popup .name{
    font-weight: 700;
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 12px;
    color: var(--main-cl);
}
.branch-popup .list-info-wrap{
    overflow: auto;
    max-height: 380px;
}
.branch-popup .list-info{
    list-style: none;
    margin: 0;
    border-radius: 15px;
}
.branch-popup .list-info > li{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 4px 0;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
}
.branch-popup .list-info > li > strong{
    width: 20%;
    display: block;
}
.branch-popup .list-info > li > span{
    width: 80%;
    display: block;
}
.branch-popup .list-info > li+li{
}
.fancybox-is-open .fancybox-bg{
    opacity: 0.6;
}
.products-padding{
}
.language-switcher,
.language-switcher > ul{
    display: flex;
    gap: 12px;
    list-style: none;
}
.language-switcher{
    gap: 0;
}
.language-switcher > ul > li{
    list-style: none;
    margin: 0;
}
.language-switcher a{
    display: flex;
    width: 50px;
    height: auto;
    padding: 10px !important;
    position: relative;
}
.language-switcher a img{
    box-shadow: 0 0 4px 0 #d5d5d5;
    border-radius: 5px;
}
.language-switcher > ul{
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: all 0.4s;
    background-color: #FFF !important;
    display: block;
    box-shadow: 1px 1px 10px rgba(0,0,0,.15);
    border-radius: 5px;
    z-index: 9;
}
.language-switcher > ul > li+li > a:before{
    top: 0;
    left: 10px;
    right: 10px;
    height: 1px;
    position: absolute;
    content: '';
    background-color: #999;
    opacity: 0.6;
}
.language-switcher:hover > ul{
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
}
.wpcf7 form.sent .wpcf7-response-output {
    background: #46b450 !important;
    border-color: #46b450 !important;
    color: #FFF !important;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output{
    background: red !important;
    border-color: red !important;
    color: #FFF !important;
}
.wpcf7 form.wpcf7-form .wpcf7-response-output{
    margin-top: 40px !important;
    text-align: center !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 17px;
}
.mobile-nav .language-switcher > a{
    margin: 0 !important;
}
.mobile-nav .language-switcher{
    padding: 10px 0;
    margin-right: 12px;
}
.mobile-nav .language-switcher > ul{
    /*width: 100%;*/
    background-color: #d5d5d5;
    left: 50%;
    transform: translateX(-50%);
}
.mobile-nav .language-switcher > ul > li > a{
    padding: 4px !important;
    margin: 0 !important;
    display: flex;
    width: auto;
}
.mobile-nav .language-switcher img{
    border-radius: 3px !important;
}
.mobile-nav .language-switcher > ul > li > a > img{
    min-width: 24px;
    box-shadow: 0 0 4px 0 #c6c6c6 !important;
}
.mobile-nav .language-switcher > ul > li+li > a:before{
    right: 5px;
    left: 5px;
}
#logo{
    display: flex;
    height: 100%;
}
#logo > a{
    display: flex;
    height: 100%;
}
.transparent-header .header-main .header-inner .header-nav-main > .html.custom{
    display: none !important;
}
@media only screen and (min-width: 1300px) and (max-width: 1600px){
    .container-width, .full-width .ubermenu-nav, .container, .row{
        max-width: 1280px !important;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1299px){
    .container-width, .full-width .ubermenu-nav, .container, .row{
        max-width: 1200px !important;
    }
}
@media only screen and (max-width: 1600px){
    .about-6,
    .about-4,
    .about-3{
        padding-top: 100px;
    }
    .about-4{
        padding-bottom: 80px;
    }
    .about-5{
        padding-top: 60px;
    }
    .about_7{
        padding-top: 120px;
    }
}
@media only screen and (min-width: 1200px){
    .quiz-list-wrap .quiz-questions .answer-item:hover .answer-check{
        background-color: #FFF;
        border-color: #FFF;
    }
    .quiz-list-wrap .quiz-questions .answer-item:hover .answer-check svg{
        opacity: 1;
    }
    .ranking-page .ranking-gift .item:hover .img-wrap{
        transform: scale(1.05) translateY(-2rem);
    }
    .post-item:hover .cont-wrap h3{
        color: var(--main-cl);
    }
    .post-item:hover .img-wrap img{
        transform: scale(1.1);
    }
    .news_home_left:hover .img_news img,
    .news_home_right .item:hover img{
        transform: scale(1.1);
    }
    .product-item:hover .img-wrap img{
        transform: scale(1.1);
    }
    .post-item:hover .img-wrap:after {
        transform: translateX(-50%) translateY(-50%);
        opacity: 1;
    }
    .post-item:hover .img-wrap:before{
        opacity: 0.4;
    }
}
@media only screen and (max-width: 1600px){
    .wrap_news_post .news-swiper .swiper-slide{
        padding: 0 24px;
    }
    .wrap_news_post .news-swiper{
        margin-left: -24px;
        margin-right: -24px;
    }
}
@media only screen and (max-width: 1199px){
    section.quiz-page-2 .pattern{
        z-index: 9;
    }
    .ranking-page .ranking-table-wrap,
    .ranking-page .box-top-3{
        margin-left: 0;
        margin-right: 0;
    }
    .ranking-page .title-1 img{
        height: 12rem;
        width: auto;
        object-fit: contain;
        object-position: center;
    }
    .ranking-page .title-2 img{
        height: 10rem;
        width: auto;
        object-fit: contain;
        object-position: center;
    }
    .ranking-page .box-top-3 .img-wrap{
        width: 12rem;
    }
    .ranking-page .box-top-3 .item:nth-of-type(2) .img-wrap{
        width: 15.5rem;
    }
    section.account-login-page{
        background-position: right;
        padding: 80px 0 120px;
        min-height: unset;
    }
    section.account-login-page .grid-container{
        width: 100%;
    }
    .NK-button, .NK-form button.submit-form-btn{
        height: 45px;
    }
    .news_home_right .item .content,
    .news_home_left .content{
        bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .news_home_right .item .content ul,
    .news_home_left .content ul{
        opacity: 1 !important;
    }
    .NK-my-account .NK-my-account-content #NK-reset-form, #NK-update-profile-form{
        padding-right: 0;
    }
    #library-list.grid-style{
        grid-gap: 2rem
    }
    section.NK-my-account-page .my-account-container .NK-my-account{
        width: 100%;
    }
    .about-3 .flex-box{
        align-items: center;
    }
    .decor_home_2,
    .decor_contact,
    .decor_contact_2,
    .decor_about_2{
        display: none !important;
    }
    .wrap_main_product_detail .product-short-desc,
    .accordion_landing_14 .sub_desc_content p{
        font-size: 1.05rem;
        line-height: 1.4;
    }
    section.quiz-page .pattern,
    #popup-result .pattern{
        display: none !important;
    }
    .ranking-page .ranking-table-wrap{
        padding: 40px;
    }
    .ranking-page .ranking-table-wrap ul li span{
        font-size: 16px;
    }
    .NK-my-account .NK-my-account-nav-wrap{
        padding-right: 10px ;
    }
    .transparent-header .catalogue_header span.text{
        display: none !important;
    }
    .logo-left .logo#logo{
        margin-right: 0;
    }
    .transparent-header .header-main .header-inner{
        padding-left: 0;
        padding-right: 0;
    }
    .transparent-header .header-main .header-inner .header-nav-main > .language-switcher > a{
        margin-right: 0 !important;
    }
    .transparent-header .header-main .header-inner .header-nav-main > .language-switcher{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0 !important;
    }
    .transparent-header .header-main .header-inner .header-nav-main{
        justify-content: flex-end;
    }
}
@media only screen and (max-width: 991px){
    .products-padding{
        padding: 0;
    }
    #popup-result .popup-content{
        padding: 4.5rem 4rem 7rem;
    }
    #popup-result .popup-inner{
        width: 40rem;
    }
    section.quiz-page .pattern{
        scale: 0.7;
        z-index: 9;
    }
    section.quiz-page .pattern:nth-of-type(1){
        left: 0.5rem;
        top: 7rem;
    }
    section.quiz-page .pattern:nth-of-type(2){
        left: 4.5rem;
        top: 41rem;
    }
    section.quiz-page .pattern:nth-of-type(3){
        right: 2.25rem;
        bottom: 4.3rem;
    }
    section.quiz-page .pattern:nth-of-type(4){
        top: 9.5rem;
        right: 4rem;
    }
    section.quiz-page-2{
        padding: 12.5rem 0 823rem
    }
    section.quiz-page-2 .pattern:nth-of-type(2){
        top: unset;
        bottom: 4rem;
    }
    section.quiz-page-2 .pattern:nth-of-type(3){
        top: unset;
    }
    .quiz-list-wrap .quiz-list {
        padding: 4rem 2.5rem;
    }
    .ranking-page .ranking-table-wrap{
        padding: 2rem;

    }
    .ranking-page .ranking-gift .box-gifts{
        flex-wrap: wrap;
        gap: 3rem 1rem;
        justify-content: center;
    }
    .ranking-page .ranking-gift .box-gifts .item{
        width: calc(50% - 0.5rem);
        margin-top: 0 !important;
    }
    .ranking-page .ranking-gift .box-gifts .item:nth-of-type(2){
        width: 52%;
        order: -1
    }
    .ranking-page .title-2 img {
        height: 8rem;
    }
    .ranking-page .title-1 img{
        height: 10rem;
    }
    .ranking-page{
        padding-top: 5rem;
    }
    #popup-rules{
        padding: 2.5rem;
    }
    #popup-rules .rules-content {
        padding-right: 1rem;
    }
    section.account-login-page{
        background-image: unset !important;
    }
    section.account-login-page .ajax-form-wrapper{
        margin-right: auto;
        margin-left: auto;
        width: 36rem;
        padding: 3rem;
        box-shadow: 0 0 20px 0 #f5f5f5;
        max-width: 100%;
    }
    .NK-my-account .NK-my-account-nav-wrap,
    .NK-my-account .NK-my-account-content{
        width: 100%;
        padding: 0;
    }
    .NK-my-account .NK-my-account-nav-wrap{
        border-right: none;
    }
    .NK-my-account .NK-my-account-nav-wrap .NK-my-account-nav{
        grid-template-columns: repeat(4, 1fr);
    }
    .NK-my-account .NK-my-account-nav-wrap .NK-my-account-nav-inner .NK-my-account-nav > li > a{
        font-size: 0.9rem;
        border-bottom: 1px solid #D5E2ED;
    }
    section.NK-my-account-page .my-account-container{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .NK-my-account .NK-my-account-content{
        margin-top: 3rem;
    }

    header#header .nav-icon > a{
        display: flex;
    }
    header#header .nav-icon .hamburger{
        display: flex;
        flex-direction: column;
        gap: 6px;
        width: 24px;
        height: 100%;
        justify-content: center;
    }
    header#header .nav-icon .hamburger span{
        background-color: #FFF;
        height: 1.5px;
        display: block;
        width: 100%;
        border-radius: 0.125rem;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    header#header .nav-icon .hamburger span:nth-of-type(2){
        width: 70%;
    }
    header#header .nav-icon .active .hamburger span:nth-of-type(1){
        transform-origin: center;
        transform: rotate(405deg) translateX(5px) translateY(6px);
    }
    header#header .nav-icon .active .hamburger span:nth-of-type(2){
        opacity: 0;
    }
    header#header .nav-icon .active .hamburger span:nth-of-type(3){
        transform-origin: center;
        transform: rotate(-405deg) translateX(4px) translateY(-6px);
        width: 100%;
    }
    #main-menu{
        position: fixed;
        left: 0;
        z-index: 99999999999;
        display: block !important;
        background-color: rgba(0, 0, 0, 0.7);
        width: 100vw;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        transition: all 0.4s;
    }
    #main-menu .sidebar-menu{
        height: 100%;
        overflow: auto;
        width: 70%;
        background-color: #FFF;
        transition: all 0.4s;
        transform: translateX(-100%);
    }
    #main-menu .sidebar-menu li{
        margin: 0;
    }
    #main-menu .sidebar-menu li.active{
        background-color: #f2faff;
    }
    #main-menu .sidebar-menu li li{
        padding-left: 1rem;
    }
    #main-menu .sidebar-menu li > a{
        padding: 0.625rem 1.25rem;
        font-size: 0.9375rem;
        text-transform: initial;
        color: #333;
        font-weight: 600;
    }
    #main-menu .sidebar-menu li > a > img{
        width: 2rem;
        height: 2rem;
        padding-right: 0;
    }
    #main-menu .sidebar-menu li > button{
        margin-right: 0;
        opacity: 1;
    }
    #main-menu .sidebar-menu li.current-menu-item{
        background-color: #ecf8ff;
    }
    #main-menu .sidebar-menu li.current-menu-item > button,
    #main-menu .sidebar-menu li.current-menu-item > a{
        /*color: #FFF;*/
    }
    #main-menu.active .sidebar-menu{
        transform: translateX(0);
    }
    #main-menu.active{
        opacity: 1;
        pointer-events: unset;
        visibility: visible;
    }
    .wrap_news_post .news-swiper{
        margin: 2rem -1rem 0;
    }
    .wrap_news_post .news-swiper .swiper-slide{
        padding: 0 1rem;
    }
    .wrap_news_post .news-swiper .swiper_pagination{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 1.5rem;
    }
    #posts-grid{
        grid-gap: 2rem;
    }
    .recruit_detail_1{
        padding: 3rem 0 5rem;
    }
    .recruit_detail_1 .form_recruitment{
        padding: 2rem 3rem;
    }
    .about-4 .items-wrap{
        gap: 2rem
    }
    .about-4 .items-wrap .item{
        width: calc(20% - 2rem * 4 / 5);
    }
    .about-4 .items-wrap:before{
        /*height: 13.2rem;*/
    }
    .about-3{
        padding-top: 5rem
    }
    .about-4{
        padding: 4rem 0;
    }
    .about-5{
        padding-top: 4rem;
    }
    .about-5 .col-6:nth-of-type(2) .img-wrap{
        margin-left: 0;
    }
    .heading_title_new{
        font-size: 1.75rem;
    }
    .about-6 .right-column .img-wrap{
        margin-top: 2rem;
    }
    .transparent-header .stuck .icon-search{
        color: #FFF !important
    }
    .NK-button, .NK-form button.submit-form-btn{
        font-size: 1rem;
    }
    .tt-gallery-item .library-actions, .library-item .library-actions{
        opacity: 1;
    }
    .grid-box.searched-products{
        grid-template-columns: repeat(3, 1fr);
    }
    .news_2{
        padding-bottom: 5rem;
    }
    .product_detail_1 .box-swiper{
        padding: 0 1.5rem;
    }
    .wrap_img_p_d{
        padding-right: 0;
    }
    .container-width, .full-width .ubermenu-nav, .container, .row{
        max-width: 49rem !important;
    }
    div .heading_title{
        font-size: 2rem;
        line-height: 1.4;
    }
    .tab-buttons{
        gap: 1.5rem
    }
    .language-switcher a{
        display: flex;
        width: 24px;
        margin-right: 10px;
        padding: 0 !important;
    }
    .language-switcher a img{
        object-fit: contain;
        box-shadow: unset !important;
    }
    li.header-search{
        display: flex;
    }
    #main-menu ul.nav-vertical > li > ul.sub-menu{
        padding-bottom: 0;
    }
    .about-4 .box-swiper .swiper-arrow.prev{
        left: -2rem;
    }
    .about-4 .box-swiper .swiper-arrow.next{
        right: -2rem;
    }
    .wrap_news_post+.wrap_news_post{
        margin-top: 64px;
    }
    .wrap_slide_news .nav_prev{
        left: -40px;
    }
    .wrap_slide_news .nav_next{
        right: -40px;
    }
    .transparent-header .stuck .header-nav-main .menu-item.current-menu-item > a,
    .transparent-header .stuck .header-nav-main .menu-item:hover > a,
    .transparent-header .header-nav-main .menu-item.current-menu-item > a{
        color: #FFF;
    }
    .container-width, .full-width .ubermenu-nav, .container, .row{
        max-width:  720px !important
    }
    .tablet-col-12{
        width: 100% !important;
    }
}
@media only screen and (max-width: 767px){
    .transparent-header #masthead:before{
        background-color: var(--main-cl) !important;
    }
    #popup-result .popup-content{
        padding: 3.5rem 2rem 4rem;
    }
    #popup-result .popup-inner{
        width: calc(100vw - 2rem);
    }
    #popup-result .popup-content .points{
        width: 14rem;
        font-size: 1.75rem;
        line-height: 4rem;
        margin-bottom: 1.5rem;
    }
    section.quiz-page{
        min-height: unset;
        padding: 10rem 1rem 2rem;
    }
    .form-minigame-wrap .form-minigame{
        padding: 3rem 1rem 2rem;
    }
    .form-minigame-wrap .form-minigame .form-group fieldset{
        border-color: #a9a9a9;
    }
    .form-minigame-wrap .form-minigame .form-group.form-radio{
        flex-wrap: wrap;
    }
    .form-minigame-wrap .form-minigame .form-group.form-radio > span{
        font-size: 0.7rem;
        width: 100%;
        display: block;
        margin-bottom: 0.2rem;
    }
    .form-minigame-wrap .form-minigame .form-group.form-radio .radio-wrap{
        font-size: 0.7rem;
    }
    .form-minigame-wrap .form-minigame .form-group input{
        height: 2.5rem;
    }
    .form-minigame-wrap .form-minigame .form-group{
        margin-bottom: 0.5rem;
    }
    .form-minigame-wrap .NK-form-error-mess .content-error{
        font-size: 0.6rem;
    }
    section.quiz-page-2 {
        padding: 7.5rem 0 3rem;
    }
    .quiz-list-wrap{
        width: calc(100vw - 2rem);
    }
    .quiz-list-wrap .quiz-list{
        padding: 2rem 1rem;
    }
    .quiz-list-wrap .quiz-time{
        font-size: 1.75rem;
        height: 2.5rem;
        line-height: 2.5rem;
        min-font-size: 8.5rem;
        margin-bottom: 1rem;
    }
    .quiz-list-wrap .quiz-numbers{
        margin: 0 -0.8rem;
        margin-bottom: 1rem;
    }
    .quiz-list-wrap .quiz-numbers .swiper-slide{
        padding: 0 0.8rem;
    }
    .quiz-list-wrap .quiz-questions .question{
        font-size: 1rem;
        line-height: 1.4;
        margin-bottom: 1rem;
    }
    .quiz-list-wrap .quiz-questions .answer-item{
        padding: 0.4rem 0.6rem;
        font-size: 0.8rem;
        line-height: 1.4;
    }
    .quiz-list-wrap .quiz-questions .answer-item .answer-check{
        width: 1.2rem;
        min-width: 1.2rem;
        height: 1.2rem;
        margin-right: 0.5rem;
    }
    .ranking-page .title-1 {
        margin-bottom: 1.5rem;
    }
    .ranking-page .title-1 img{
        height: 6rem;
    }
    .ranking-page .box-top-3{
        flex-wrap: wrap;
        gap: 1.5rem 1rem;
        justify-content: center;
        margin-bottom: 3rem;
    }
    .ranking-page .box-top-3 .item{
        width: calc(50% - 0.5rem);
    }
    .ranking-page .box-top-3 .item.item-rank-1{
        width: 70%;
        flex-grow: unset;
        order: -1;
    }
    .ranking-page .box-top-3 .img-wrap{
        width: calc(100% - 3rem) !important;
    }
    .ranking-page{
        padding-top: 3rem;
        padding-bottom: 4rem;
    }
    .ranking-page .box-top-3 .name,
    .ranking-page .box-top-3 .points{
        font-size: 1.025rem;
        line-height: 1.4;
    }
    .ranking-page .box-top-3 .points{
        margin-bottom: 0.2rem;
    }
    .ranking-page .box-top-3 .item.item-rank-1 .name,
    .ranking-page .box-top-3 .item.item-rank-1 .points{
        font-size: 1.5rem;
    }
    .ranking-page .ranking-table-wrap{
        margin-bottom: 3rem;
    }
    .ranking-page .title-2 img{
        height: 5rem;
    }
    .ranking-page .ranking-gift .box-gifts .item{
        width: 100% !important;
    }
    .ranking-page .ranking-gift .box-gifts{
        gap: 1.5rem 1rem;
    }
    .ranking-page .ranking-gift .item .title-group{
        margin-top: -2rem;
    }
    .ranking-page .gift-note{
        color: #FFF;
    }
    .ranking-page .ranking-table-wrap{
        padding: 1rem;
    }
    .ranking-page .ranking-table-wrap ul li .inner-row{
        gap: 0.75rem
    }
    .ranking-page .ranking-table-wrap ul li span{
        font-size: 0.75rem;
    }
    .ranking-page .ranking-table-wrap ul li span:nth-of-type(4){
        width: 22%;
    }
    #popup-rules .heading_title{
        font-size: 1.5rem;
        line-height: 1.4;
    }
    #popup-rules{
        padding: 2.5rem 1rem 1rem;
    }
    section.account-login-page{
        padding: 40px 0;
    }
    section.account-login-page .ajax-form-wrapper{
        box-shadow: unset;
        padding: 1rem;
    }
    #NK-signup-form .NK-form-group{
        width: 100%;
    }
    .NK-form .NK-input,
    .NK-form input[type='text'], .NK-form input[type='password'], .NK-form input[type='email'], .NK-form input[type='tel'], .NK-form input[type='date']{
        height: 55px;
    }
    .NK-form .NK-form-group.radio-wrap{
        flex-wrap: nowrap;
    }
    .NK-form .NK-form-group.radio-wrap > label{
        width: auto;
        margin-bottom: 0;
        margin-right: 0.6rem;
    }
    section.account-login-page .ajax-form-wrapper .ajax-form-title{
        font-size: 1.25rem;
        line-height: 1.4;
        margin-bottom: 1rem;
    }
    #library-list.grid-style{
        grid-gap: 1rem;
        grid-template-columns: 1fr 1fr;
    }
    section.NK-my-account-page .my-account-container{
        padding-bottom: 3rem;
    }
    .NK-my-account .NK-my-account-nav-wrap .NK-my-account-avatar{
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }
    .NK-my-account .NK-my-account-nav-wrap .NK-my-account-information .name-wrap{
        margin-left: 1rem;
        text-align: left;
    }
    .NK-my-account .NK-my-account-nav-wrap .NK-my-account-information h1.my-account-name{
        margin-left: 0;
        text-align: left;
    }
    .NK-my-account .NK-my-account-nav-wrap .NK-my-account-avatar img{
        width: 6.5rem;
        height: 6.5rem;
    }
    .NK-my-account .NK-my-account-nav-wrap .NK-my-account-nav-inner .NK-my-account-nav > li > a{
        border: none !important;
    }
    .NK-my-account .NK-my-account-nav-wrap .NK-my-account-information{
        margin-bottom: 1rem;
    }
    .NK-my-account .NK-my-account-nav-wrap .NK-my-account-nav{
        grid-template-columns: 1fr 1fr;
    }
    .NK-my-account .NK-my-account-nav-wrap .NK-my-account-nav-inner .NK-my-account-nav > li > a{
        box-shadow: 0 0 20px 0 #e5e5e5;
        border-radius: 5px;
    }
    .library-nav{
        flex-wrap: wrap;
        gap: 1.5rem
    }
    .library-nav .left-library-nav,
    .library-nav .left-library-nav .search--box{
        width: 100%;
    }
    .library-nav .left-library-nav .search--box input{
        height: 42px;
    }
    .library-nav .right-library-nav{
        justify-content: space-between;
        width: 100%;
    }
    #library-gallery{
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem 0.5rem
    }
    .tt-gallery-item .library-actions > ul, .library-item .library-actions > ul{
        right: 0;
        left: unset;
        transform: translateX(0);
    }
    #NK-update-profile-form.NK-form .NK-form-group{
        width: 100% !important;
    }
    #NK-update-profile-form .form-fields-wrap{
        margin-top: 0;
    }
    .wrap_news_post .news-swiper{
        margin: 1.5rem -0.5rem 0;
    }
    .wrap_news_post .news-swiper .swiper-slide{
        padding: 0 0.5rem;
    }
    .post-item .img-wrap{
        border-radius: 0.5rem;
    }
    .wrap_news_post+.wrap_news_post{
        margin-top: 3rem;
    }
    .tax_news_1,
    .news_2{
        padding: 3rem 0;
    }
    #posts-grid{
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.5rem 1rem;
    }
    .post-item .cont-wrap ul{
        gap: 0.25rem
    }
    .post-item .cont-wrap ul > li{
        font-size: 0.6rem;
    }
    .post_2{
        padding-bottom: 3rem;
    }
    .col, .columns, .gallery-item{
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .heading_post{
        line-height: 1.3;
    }
    .recruit_info ul li:first-child{
        width: 8rem;
        padding-right: 1rem;
    }
    .recruit_info ul li:last-of-type{
        width: calc(100% - 8rem);
    }
    .recruit_info ul li:last-of-type br{
        display: none;
    }
    .recruit_detail_1 .form_recruitment{
        padding: 1rem;
    }
    .recruit_detail_1 .form_recruitment h2{
        margin-bottom: 1rem;
        text-align: center;
    }
    .recruit_detail_1 .form_recruitment .small-6{
        flex-basis: 100%;
        max-width: 100%;
    }
    .recruit_detail_1{
        padding-bottom: 3rem;
    }
    .about-2{
        padding-top: 3rem;
    }
    .about-2 .heading_title_new{
        margin-bottom: 1rem;
    }
    .about-5 .flex-box,
    .about-3 .flex-box{
        flex-direction: column;
    }
    .about-6 .flex-box,
    .about-2 .flex-box{
        flex-direction: column-reverse;
    }
    .about-6 .flex-box > div,
    .about-5 .flex-box > div,
    .about-3 .flex-box > div,
    .about-2 .flex-box > div{
        width: 100%;
    }
    .about-2 .col-5 {
        padding-right: 0;
    }
    .about-3 .col-6:nth-of-type(2){
        padding-left: 0;
        padding-top: 1.5rem;
    }
    .about-4{
        padding: 3rem 0;
    }
    .about-6,
    .about-3,
    .about-5{
        padding-top: 3rem;
    }
    .about-4 .heading_title_new{
        margin-bottom: 1.5rem;
        text-align: center;
    }
    .about-5 .box-swiper{
        padding: 0;
    }
    .about-5 .swiper-arrow {
        display: none !important;
    }
    .about-4 .about-timeline{
        display: none !important;
    }
    .about-5 .swiper-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-top: 1.2rem;
    }
    .about-brands .items-wrap{
        gap: 0.5rem;
    }
    .heading_title_new{
        font-size: 1.5rem;
    }
    .about-6 .left-column{
        padding-top: 1.5rem;
        padding-right: 0;
    }
    .about-4 .about-timeline-mobile{
        display: block !important;
        margin: 0 -0.5rem;
        padding-right: 3rem;
        position: relative;
    }
    .about-4 .about-timeline-mobile:before{
        left: 0.6rem;
        top: 0.45rem;
        width: 110%;
        height: 1px;
        position: absolute;
        content: '';
        background-color: var(--main-cl);
        opacity: 0.4;
    }
    .about-4 .about-timeline-mobile .swiper-slide{
        transition: all 0.4s;
    }
    .about-4 .about-timeline-mobile .swiper-slide-active+.swiper-slide+.swiper-slide{
        opacity: 0.3;
    }
    .about-4 .items-wrap:before{
        display: none !important;
    }
    .about-4 .items-wrap .item{
        margin-top: 0 !important;
        padding: 0 0.5rem;
    }
    .about-4 .items-wrap .item .year{
        padding-top: 1.5rem;
        padding-bottom: 0;
        margin-bottom: 1rem;
    }
    .about-4 .items-wrap .item .year:before{
        top: 0;
        bottom: unset;
    }
    .about-4 .items-wrap .item .cont{
        min-height: 2.75rem;
        margin-bottom: 0.75rem;
    }
    section.default-page{
        padding: 2rem 0;
    }
    #library-list.list-style .library-item .capacity{
        display: none !important;
    }
    #library-list.list-style .library-item .date{
        display: none;
    }
    #library-list.list-style .library-item .capacity-mobile,
    #library-list.list-style .library-item .date-mobile{
        display: flex !important;
        align-items: center;
        font-weight: 400;
        font-size: 0.8rem;
        line-height: 1.25rem;
        margin-top: 0.25rem;
    }
    #library-list.list-style .library-item .capacity-mobile .divider{
        opacity: 1;
        margin: 0 0.25rem;
    }
    .home_8{
        padding-bottom: 2rem;
    }
    .home_8 .img_bg{
        display: none;
    }
    #popup-gallery{
        padding: 1.5rem 0.85rem;
    }
    #popup-gallery .swiper-arrow{
        display: none !important;
    }
    .grid-box.searched-products{
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1.5rem 1rem
    }
    .product_detail_1 .box-swiper{
        --gap: 0.4rem;
        padding: 0;
    }
    .product_detail_1 .box-swiper .arrow{
        display: none;
    }
    #NK-reset-form.NK-form .submit-form-btn, #NK-update-profile-form.NK-form .submit-form-btn {
        margin-right: auto;
    }
    header#header .header-wrapper{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        animation: unset !important
    }
    #wrapper{
        margin-top: 61px;
    }
    .product_detail_3 h2.heading_product_detail_2{
        text-align: center;
    }
    .bottom_footer .flex-box{
        flex-direction: column;
        gap: 0.25rem
    }
    .bottom_footer ul > li > a{
        padding-left: 0;
        margin-left: 0;
    }
    .bottom_footer ul > li > a:before{
        display: none !important;
    }
    header#header .nav > li.catalogue_header .text{
        display: none;
    }
    .view-more-mobile {
        display: flex !important;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid var(--main-cl);
        width: max-content;
        color: var(--main-cl);
        margin-top: 1.5rem;
        font-size: 14px;
        font-weight: 700;
        padding-bottom: 0.2rem;
    }
    .view-more-mobile svg{
        width: 20px;
        height: auto;
    }
    .branch-popup{
        padding: 1.2rem;
    }
    .branch-popup .list-info-wrap{
        max-height: 30rem;
    }
    .product_2 .col-terms .menu_product{
        justify-content: center;
    }
    .product_2 .col-terms+.col-terms{
        margin-top: 2rem;
    }
    .wrap_tab_content_product .heading img{
        height: 4.5rem;
        width: 8rem;
    }
    .product_2{
        padding-bottom: 4rem;
    }
    .wrap_slide_product .product-item .img-wrap{
        aspect-ratio: unset;
        height: 180px;
        width: auto;
    }
    .wrap_slide_product .nav_prev{
        top: 90px;
        transform: translateY(-50%);
    }
    .wrap_slide_product .nav_next{
        top: 90px;
        transform: translateY(-50%);
    }
    .top_left_content_home_5 .brand-buttons{
        padding-bottom: 0 !important;
        overflow: unset !important;
    }
    .home_5 .tab-buttons > div.swiper_pagination{
        position: absolute;
        bottom: -20px;
    }
    .home_5 .tab-buttons > div.slider_brand_product_home{
        padding-bottom: 0 !important;
    }
    .about-4 .box-swiper .swiper-arrow{
        display: none !important;
    }
    .wrap_slide_news .nav_prev,
    .wrap_slide_news .nav_next{
        display: none !important;
    }
    .ranking-page .ranking-gift .item .title-group{
        font-size: 16px;
    }
    .ranking-page .ranking-gift .item .title-group img {
        width: 54px;
        min-width: 54px;
        height: 54px;
    }
    .ranking-page .gift-note{
        font-size: 16px;
        line-height: 1.4;
    }
    .my-account-heading h1{
        font-size: 24px;
    }
    .game_mode{
        width: 120px;
    }
    .wrap_game_mode p{
        font-size: 14px;
    }
}
li#wp-admin-bar-edit_uxbuilder{
    display: none !important;
}