body {
    padding: 0;
    margin: 0; 
    font-family: "Albert Sans", sans-serif;
    font-weight: 400;
}
.wcont {
    width: 1400px;
    margin: 0 auto;
}
.btn {
    padding:9px 12px;
    border-radius: 12px;
}
.btn-outline-secondary:hover {
    background-color: #130E23;
}
.btn-success {
    background: #AFA9FF;
    border: none;
    color: #130E23!important;
}
.btn-success:hover {
    background: #9791f5;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    background-color: #cfccff;
    border-color: transparent;
}

.btn-outline-success {
    border-color: #AFA9FF;
    color: #130E23!important;
}
.btn-outline-success:hover {
    background-color: #9791f5;
    border-color: #9791f5;
}

.tabbs {
    justify-self: center;
}
.tabbs .btn {
    color: #000000;
    padding: 8px 30px;
    border-radius: 30px;

    margin: 0 10px;
}

 

.form-control {
    border: solid 1px #AFA9FF;
    box-shadow: none;
}
.dropdown-item {
    color: #130E23!important;
}
.dropdown {
    position: relative;
    z-index: 3;
}
.form-control:focus {
    box-shadow: none;
}
.form-control::placeholder {
    color: #130E23;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #9791f5;
}


.nav-pills .nav-link {
    color: #130E23;
    border-radius: 30px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #9791f5;
}

.play_button {
    background-color: #afa9ff91;
    border-radius: 40px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.play_button em {
    width: 0; 
    height: 0; 
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #fff;
    display: block;
    margin-left: 3px;
}
.play_button.sm {
    width: 40px;
    height: 40px;
}
.pause_button {
    background-color: #afa9ff91;
    border-radius: 40px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.page_video canvas{
    border-radius: 10px;
}
#pause_video:hover .pause_button {
    opacity: 1;
}
.pause_button em {
    width: 0; 
    height: 20px;  
    border-left: 4px solid #fff;
    display: block;
    margin-right: 6px;
}
.pause_button em::after {
    content: '';
    width: 0; 
    height: 20px;  
    border-left: 4px solid #fff;
    display: block;
    margin-left: 3px;
}
.pause_button.sm {
    width: 40px;
    height: 40px;
}

/* HEADER */
header {
    margin: 20px 0;
}
header .icon-menu {
    display: none;
}
header .wcont {
    background-color: transparent;
    height: 100px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
}
.logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #130E23; 
    font-size: 20px;
}
.logo .logo-text {
    margin-left: 10px;
}
.header-nav {
    display: flex;
    flex: 1;
    justify-content: space-between;
    margin-left: 40px; 
    white-space: nowrap;
}
.header-nav form {
    flex: 1;
    margin-right: 40px;
}
.header-nav a {
    text-decoration: none;
    color: #130E23;
    font-size: 20px;
    margin-right: 32px;
}
.header-nav a:hover {
    color: #7467FF;
}
.header-nav .nav-right {
    display: flex;
}
.header-nav .nav-right .btn {
    padding: 0;
    margin-right: 32px; 
    box-shadow: none!important;
    border: none !important;
    font-size: 20px;
}
.user-menu {
    display: flex;
    align-items: center;
}
.user-menu .cart {
    position: relative;
    display: block;
}
.user-menu .cart .cart-cont {
    background-color: #7467FF;
    color: #fff;
    font-size: 14px;
    border-radius: 30px;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 6px;
    top: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 16px;
}
.user-menu .btn-sign {
    margin-left: 24px;
    min-width: 216px;
}

.second_page .header-nav {
    margin-left: 20px;
    margin-right: 20px;
    align-items: center;
}
.form-search {
    display: flex;
    background-color: #FFFFFF;
    border: solid 1px #CACACA;
    border-radius: 6px;
}
.form-search .search-text-input {
    padding: 0 10px;
    border: none;
    border-left: solid 1px #CACACA;
    border-radius: 0;
}
.form-search .search-text-input::placeholder {
    color: #6C6B72;
}
.form-search .search-text-input:focus {
    outline: none; 
    box-shadow: none;
}
.form-search .btn {
    padding: 4px 8px 5px;
    background-color: transparent;
    border-color: #fff;
}
/* SECTIONS */
header {
    position: relative;
    z-index: 3;
}
main * {
    z-index: 2;
    position: relative;
}
.bg_header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1;
    background-size: cover;
    background-position:  left;
}
.section-header {}
.section-header .wcont {
    background-color: #F9F6FF;
    border-radius: 10px;
    overflow: hidden;
    height: calc(100vh - 100px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-header_search {
    display: flex;
    flex-direction: column;
    max-width: 920px;
    text-align: center;
    margin-top: -250px;
}
.section-header_search::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: radial-gradient(ellipse at center, #00000091 5%, transparent 73%);
}
.section-header_search h2 {
    font-size: 44px;
    color: #FFFFFF;
    font-weight: 500;
}
.section-header_search h2 i {
    color: #AFA9FF;
}
.section-header_search .form-search {
    display: flex;
    flex: 1;
    position: relative;
    background-color: #fff;
    border-radius: 12px;
    border: solid 1px #fff;
    margin: 0 auto;
    margin-top: 40px;
    max-width: 670px;
}
.section-header_search .form-search .dropdown-toggle {
    background-color: #FFF;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 8px 24px;
    outline: none;
    border: none;
    border-right: solid 1px #ccc;
    font-size: 18px;
}
.section-header_search .form-search .search-text-input {
    border:0;
}
.section-header_search .form-search .search-text-input::placeholder {
    color: #B1B0B0;
}
.section-header_search .form-search .search-text-input:focus {
    box-shadow:none;
}
.section-header_search .form-search .btn-search { 
    background-color: transparent;
    width: 67px;
    border-color: #fff!important;
}
.section-header_search .form-search .btn-search svg {
    fill: #130E23;
}
.section-header_search .sub-title {
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 30px;
}
.section-header .wcont {
    background: transparent;
}
.main_page .header-nav a,
.main_page .header-nav button:not(.form-search .dropdown-toggle),
.main_page .logo {
    color: #fff;
}
.main_page svg {
fill: #fff;
}
.main_page .user-menu .btn-sign {
    background-color: #fff;
    color: #000;
    border-color: #fff;
}
/* 
.section-bg_main .wcont {
    background: url(/images/bg-section-main.jpg) no-repeat center center;
    background-size: cover;
}
.section-bg_photos .wcont {
    background: url(/images/bg-section-photos.jpg) no-repeat center center;
    background-size: cover;
}
.section-bg_illustrations .wcont {
    background: url(/images/bg-section-illustrations.jpg) no-repeat center center;
    background-size: cover;
}
.section-bg_audio .wcont {
    background: url(/images/bg-section-audio.jpg) no-repeat center center;
    background-size: cover;
} */


/* OTHER SECTION */
.section {
    margin-top: 100px;
}
.section h3 {
    color: #130E23;
    font-size: 34px;
    margin-bottom: 20px;
}
.section h3 i {
    color: #7467FF;
} 
.section h3 .show-more {
    float: right;
    color: #130E23;
    font-size: 20px;
    text-decoration: none;
}
.section h3 .show-more:hover {
    color: #AFA9FF;
}


.trends-list .btn-outline-secondary {
    border-radius: 40px;
    color: #130E23;
    padding: 6px 20px;
    margin-bottom: 15px;
    margin-right: 15px;
}
.trends-list .btn-outline-secondary.active,
.trends-list .btn-outline-secondary:hover {
    color: #fff;
    background-color: #000;
}
.trends-list .btn-outline-secondary svg {
    margin-top: -6px;
    margin-right: 8px;
} 
.trends-list .btn-outline-secondary.active svg,
.trends-list .btn-outline-secondary:hover svg {
    fill: #FFF;
    width: 18px;
    height: 18px; 
    margin-right: 9px;
}

.block-wyn {
    display: flex;
    flex-direction: row;
}
.block-wyn-item {
    margin-right: 20px;
    text-decoration: none;
    color: #130E23;
}
a.block-wyn-item:hover {
    color: #AFA9FF;
}
.block-wyn-item:last-child {
    margin-right: 0;
}
.block-wyn-img {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.block-wyn-img img {
    width: 100%;
}
.block-wyn-title {
    position: absolute;
    bottom: 20px;
    left: 20px;
    border-radius: 30px;
    background-color: #FFFFFF;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.block-wyn-title svg {
    margin-right: 10px;
}
.block-wyn-subtitle {
    font-size: 16px;
    color: #130E23;
    margin-top: 10px;
}

.block-categs {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.block-categs-item { 
    color: #130E23;
}
.block-categs-item:last-child {
    margin-right: 0;
}
.block-categs-img {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.block-categs-img img {
    width: 100%;
}
.block-categs-title {
    position: absolute;
    bottom: 20px;
    left: 20px;
    border-radius: 30px;
    background-color: #FFFFFF;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.block-categs-title svg {
    margin-right: 10px;
}
.block-categs-subtitle {
    font-size: 16px;
    color: #130E23;
    margin-top: 10px;
}

.block-photowine {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}
.block-photowine-item { 
    position: relative;
    background-color: #fff;
    border-radius: 11px;
}
.block-photowine-item:last-child {
    margin-right: 0;
}
.block-photowine-img .play_button {
    margin: 0 auto;
}
.block-photowine-img {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    height: 453px;
    width: 453px;
}
.block-photowine-img img {
    height: 100%;
    left: 0;
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    object-position: 50% 0;
}
.block-photowine-title {
    position: absolute;
    bottom: 20px;
    left: 20px;
    border-radius: 30px;
    background-color: #FFFFFF;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.block-photowine-title svg {
    margin-right: 10px;
}
.block-photowine-subtitle {
    font-size: 16px;
    color: #130E23;
    margin-top: 10px;
}
.block-photowine .controls {
    position: absolute;
    bottom: 10px;
    right:10px;
    display: none;
    z-index: 2;
}
.block-photowine-item:hover .controls {
    display: flex;
    align-items: center;
}
.block-photowine-item:hover img {
    opacity: 0.8;
    transition: all 0.2s ease-in-out;
}
.block-photowine .btn {
    padding: 6px;
    margin-left: 5px;
}
.paginator_items {
    margin-top: 40px;
    text-align: center;
}
.block-photowine .block-photowine-addcart {
    padding: 6px 23px;
}
.section-photowine-items h3 {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.section-photowine-items {
    margin-top: 20px;
}
.section-photowine-items .dropdown-toggle {
    border-radius: 50px;
}
.section-photowine-items .select-color {
    position: relative;
}
.section-photowine-items .select-color input {
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
}

.section-audiowine-items {
    margin-top: 30px;
}
.section-audiowine-items h3 {
    font-size: 23px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.block-audiowine-item {
    background-color: #F9F6FF;
    display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
     border-radius: 6px;
     padding-right: 20px;
     margin-bottom: 20px;
}
.block-audiowine-item .block-player {
    display: flex;
    flex-direction: row;
}
.block-audiowine-item .voice_player .player_progress_waveform {
    margin-right:10px;
}
.block-audiowine-item .block-player h4 {
    margin-top: 15px;
    margin-left: -77px;
}
.block-player .sound-type {
    margin-left: 100px!important;
}
.block-player .sound-type a {
    margin-right: 20px;
    color: #130E23;
    text-decoration: none;
}
.block-player .sound-type a:hover {
    color: #AFA9FF;
    text-decoration: underline;
}
.block-player .sound-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px;
    margin-bottom: 10px;
    display: block;
    color: #130E23;
    text-decoration: none;
}
.block-player .sound-name:hover {
    color: #AFA9FF;
}
.block-audiowine-item .timer {
    margin-top: 58px !important;
}
.block-audiowine-item .btn-control svg {
    fill: #130E23;
}
.btn .is_like {
    display: none;
} 
.btn .is_bookmark {
    display: none;
} 
.btn:hover svg {
    fill:#AFA9FF; 
}
.btn.active .is_like {
    display: block;
    fill:#AFA9FF; 
}
.btn.active .no_like {
    display: none;
}
.btn.active .is_bookmark {
    display: block;
    fill:#AFA9FF; 
}
.btn.active .no_bookmark {
    display: none;
}
.block-audiowine-item  .btn {
    border: none;
}
.waveform_load {
    background:#d9d9d9;
    background: linear-gradient(90deg, #F9F6FF, #d9d9d9, #F9F6FF); 
    border-radius: 8px; 
    overflow: hidden;
    position: relative;
    background-size: 200% 200%;
    -webkit-animation: Animation 5s ease infinite;
    -moz-animation: Animation 5s ease infinite;
    animation: Animation 5s ease infinite;
}
@-webkit-keyframes Animation {
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
@-moz-keyframes Animation {
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
@keyframes Animation { 
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}

.modal-body .accordion-button:not(.collapsed) {
    background: none;
    color: #130E23;
    box-shadow: none;
}
.modal-body .accordion-item {
    background-color: #F9F6FF;
    border-bottom: none;
    margin-bottom: 10px;
    border-radius: 6px;
}

.block-fvc {
    /* display: flex; */
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}
.block-fvc .colls {
    flex: 1;
    margin-right: 20px;
}
.block-fvc h4,
.block-fvc h4 a {
    text-decoration: none;
    color: #130E23;
    font-size: 24px;
    margin-bottom: 12px;
}
.block-fvc h4 a:hover {
    color: #AFA9FF;
}
.block-fvc-item {
    background-color: #F9F6FF;
    margin-bottom: 12px;
    display: flex;
    text-decoration: none;
    padding: 12px;
    border-radius: 6px;
}
.block-fvc-item .text-description {
    display: flex;
    flex-direction: column;
    margin-left: 24px;
    justify-content: center;
}
.block-fvc-item .text-description h5 {
    font-size: 20px;
    color: #130E23;
    margin-bottom: 6px;
}
.block-fvc-item .text-description .text-style {
    display: flex;
    flex-direction: row;
    color: #8D8D8D;
    font-size: 14px;
}
.block-fvc-item .text-description .text-style button {
    padding: 0;
    margin: 0;
    border: none;
    color: #8D8D8D;
    font-size: 14px;
    text-decoration: none;
    margin-right: 10px;
    background-color: transparent;
}
.block-fvc-item .text-description .text-style button:hover {
    color: #AFA9FF;
    text-decoration: underline;
}
.section-whatis .wcont {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.section-whatis:nth-child(even) {
    
    background-color: #F8F7FF;
    padding: 100px 0;
}
.section-whatis:nth-child(even) .block-content {
    padding-left: 50px;
}
.section-whatis:nth-child(even) .wcont{
    flex-direction: row-reverse;
}
.section-whatis .block-img {
    width: 670px;
    overflow: hidden;
    border-radius: 10px;
    margin-right: 20px;

    margin-left: 20px;
}
.section-whatis .block-img img {
    width: 100%;
}
.section-whatis .block-content {
    flex: 1;
} 
.section-whatis .block-content h3 {
    font-size: 64px;
} 
.section-whatis .block-content {
    font-size: 16px;
} 
.section-whatis .block-content .btn {
    width: 216px;
    background-color: #AFA9FF;
    color: #000;
    border: none;
}
.block-otsiv-item {
    background-color: #F8F7FF;
    border-radius: 18px;
    padding: 40px;
}
.block-otsiv-title {
    font-size: 24px;
    margin-bottom: 20px;
}
.block-otsiv-description {
    font-size: 18px;
}
.section-otsiv .owl-carousel .owl-nav {
    position: absolute;
    top: 40%;
    width: 100%;
}
.section-otsiv .owl-carousel .owl-nav button.owl-prev,
.section-otsiv .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    background-color: #130E23 !important;
    padding: 0 14px !important;
    font-size: 40px;
    color: #fff;
    display: inline-block;
    line-height: 39px;
    width: 40px;
    height: 40px;
    line-height: normal;
    border-radius: 5px;
}
.section-otsiv .owl-carousel .owl-nav button.owl-prev span,
.section-otsiv .owl-carousel .owl-nav button.owl-next span {
    margin-top: -6px;
    display: flex;
}
.section-otsiv .owl-prev {
    left: 0;
}
.section-otsiv .owl-next {
    right: 0;
}
.block-pcollect-items {
    display: flex;
    flex-direction: row;
}
.block-pcollect-item {
    flex: 1;
    margin-right: 20px;
    font-size: 24px;
    color: #130E23;
    text-decoration: none;
}
.block-pcollect-item:hover {
    color: #AFA9FF;
}
.block-pcollect-items:last-child {
    margin-right: 0;
}
.block-pcollect-img {
    display: block;
    overflow: hidden;
    border-radius: 10px;
}
.block-pcollect-img img {
    width: 100%;
}
.block-pcollect-title {
    margin-top: 10px;
}
.section-comunity .wcont {
    background-color: #130E23;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 232px;
    border-radius: 10px;
    padding: 0 90px;
}
.section-comunity h3 {
    font-size: 34px;
    color: #FFFFFF; 
    margin-right: auto;
    max-width: 335px;
    text-transform: capitalize;
    margin-bottom: 0; 
}
.block-comunity-item {
    background-color: #fff;
    color: #130E23;
    font-size: 20px;
    max-width: 255px;
    padding: 15px 28px;
    border-radius: 10px;
    margin-left: 20px;
}

.section-comunity-audio .wcont {
    background-color: #AFA9FF;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 232px;
    border-radius: 10px;
    padding: 0 90px;
}
.section-comunity-audio h3 {
    font-size: 34px;
    color: #FFFFFF; 
    margin-right: auto;
    max-width: 345px;
    text-transform: capitalize;
    margin-bottom: 0; 
}
.section-comunity-audio h3 .sub-text {
    display: block;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 20px;
    text-transform: none;
}
.block-comunity-audio-item {
    background-color: #fff;
    color: #130E23;
    font-size: 20px;
    max-width: 255px;
    padding: 15px 28px;
    border-radius: 10px;
    margin-left: 20px;
}

.section-photos h3 { 
    font-size: 34px;
    color: #000000; 
    margin-right: auto; 
    text-transform: capitalize;
    margin-bottom: 0; 
}
.block-photos-items {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}
.block-photos-item {
    position: relative;
    background-color: #fff;
    border-radius: 11px;
}
.block-photos-img {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    height: 453px;
    width: 453px;
}
.block-photos-img img {
    height: 100%;
    left: 0;
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    object-position: 50% 0;
}
.block-photos-item .controls {
    position: absolute;
    bottom: 20px;
    right: 20px; 
    left: 20px;
    z-index: 2;
    display: flex;
    flex-direction: row;
    opacity: 0;
    justify-content: space-between;
}
.block-photos-item .controls_liker_book {
    right: 20px;
    top: 20px;
    bottom: auto;
    position: absolute;
    display: flex;
    align-items: center;
    opacity: 0;
}
.block-photos-item:hover .controls,
.block-photos-item:hover .controls_liker_book {
    opacity: 1;
}
.block-photos-item .controls_liker_book .btn {
    background-color: #00000046;
    border-color: transparent;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.block-photos-item .btn {
    padding: 6px;
    margin-left: 5px;
}
.block-photos-item .block-photos-addcart {
    padding: 6px 23px;
}
.block-photos-userava {
    display: flex;
    align-items: center;
    border: none;
    background-color: transparent;
    color: #000;
    text-shadow: 0 0 5px #fff;
    padding-left: 50px;

}
.block-photos-userava .uname {
    background-color: #fff;
    border-radius: 30px;
    margin-left: 10px;
    padding: 3px 10px;
}
.block-photos-userava img {
    display: block;
    width: 40px!important;
    height: 40px!important;
    border-radius: 40px;
}
.block-photowine-addcart {
    font-size: 18px;
}
.cart_item_img {
    position: relative;
}
.cart_item_img .play_button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px; 
    z-index: 11;
}
/*  */


.block-photowine-items {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}
.block-photowine-item {
    position: relative;
    background-color: #fff;
    border-radius: 11px;
}
.block-photowine-img {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    height: 453px;
    width: 453px;
}
.block-photowine-img img {
    height: 100%;
    left: 0;
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    object-position: 50% 0;
}
.block-photowine-item .controls {
    position: absolute;
    bottom: 20px;
    right: 20px; 
    left: 20px;
    z-index: 2;
    display: flex;
    flex-direction: row;
    opacity: 0;
    justify-content: space-between;
}
.block-photowine-item svg {
    fill: #fff;
}
.block-photowine-item .controls_liker_book {
    right: 20px;
    top: 20px;
    bottom: auto;
    position: absolute;
    display: flex;
    align-items: center;
    opacity: 0;
}
.block-photowine-item:hover .controls,
.block-photowine-item:hover .controls_liker_book {
    opacity: 1;
}
.block-photowine-item .controls_liker_book .btn {
    background-color: #00000046;
    border-color: transparent;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.block-photowine-item .btn {
    padding: 6px;
    margin-left: 5px;
}
.block-photowine-item .block-photowine-addcart {
    padding: 6px 23px;
}
.block-photowine-userava {
    display: flex;
    align-items: center;
    border: none;
    background-color: transparent;
    color: #000;
    text-shadow: 0 0 5px #fff;
    padding-left: 50px;

}
.block-photowine-userava .uname {
    background-color: #fff;
    border-radius: 30px;
    margin-left: 10px;
    padding: 3px 10px;
}
.block-photowine-userava img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
}


/*  */

.block-ctypes-items {
    display: flex;
    flex-direction: row;
    overflow: hidden;
}
.block-ctypes-items .owl-dots,
.block-ctypes-items .owl-nav {
    display: none;
}
.block-ctypes-items .owl-stage {
    display: flex;
    flex-direction: row;
}
.block-ctypes-item {
    flex: 1;
    margin-right: 20px;
    text-decoration: none;
}
.block-ctypes-item:hover {
    color: #AFA9FF;
}
.block-ctypes-title {
    font-size: 20px;
    color: #130E23;
    margin-top: 12px;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 5px;
}
.block-ctypes-img {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    width: 330px;
}
.block-ctypes-img img {
    width: 100%;
}
.block-ctypes-timedate {
    color: #8D8D8D;
    font-size: 14px;
    margin-bottom: 6px;
}
.block-ctypes-img .type-name {
    position: absolute;
    background-color: #FFFFFF;
    font-size: 16px;
    color: #130E23;
    border-radius: 40px;
    bottom: 12px;
    left: 12px;
    min-width: 90px;
    padding: 6px 30px;
}
.section-faq .wcont {
    display: flex;
    flex-direction: row;
    padding: 100px 0;
}
.section-faq .block-img {
    width: 555px;
    border-radius: 10px;
    margin-left: 20px;
    display: flex;
    align-items: start;
}
.section-faq  {
    background-color: #F8F7FF;
}
.section-faq h3 {
    font-size: 64px;
}
.section-faq .block-img img {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.section-faq .block-content {
    flex: 1;
}
.section-faq .block-content .accordion-item {
    background: #fff;
    border: none;
    margin-bottom: 18px;
    border-radius: 10px;
}
.section-faq .block-content .accordion-button {
    background: transparent;
    box-shadow: none!important;
    border: none!important;
    color: #130E23;
}
.section-faq .block-content .accordion-button::after {
    background-color: #130E23;
    background-image:url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13%200.823486L7.2181%206.94549C7.09972%207.07084%206.90028%207.07084%206.7819%206.94549L1%200.823486%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    background-position: center center;
    width: 30px;
    height: 30px;
    border-radius: 6px;
}
.section-faq .block-content .accordion-button:not(.collapsed)::after {
    background-color: #130E23;
    background-position: center center;
    background-image:url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%207.17651L6.7819%201.05451C6.90028%200.929155%207.09972%200.929155%207.2181%201.05451L13%207.17651%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    width: 30px;
    height: 30px;
    border-radius: 6px;
}
.footer {
    margin-top: 120px;
    margin-bottom: 20px;
    background-color: #130E23;
}
.footer .icons_pay {
    margin-bottom: 10px;
}
.footer .wcont {
    border-radius: 10px;
    padding: 40px 20px;
    display: flex;
    color: #FFFFFF; 
    flex-direction: column;
}
.footer .block-logo a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
}
.footer .block-logo svg {
    fill: #FFFFFF;
}
.footer .copy {
    text-align: center;
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.footer .block-copy {
    margin-left: auto;
    font-size: 18px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: self-end;
    margin-left: auto;
    padding-left: 40px;
    white-space: nowrap;
}
.footer .block-nav {
    display: flex;
    justify-content: center;
    flex: 1;
}
.footer .block-nav nav {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin-right: 129px;
}
.footer .block-nav nav:last-child {
    margin-right: 0;
}
.footer .block-nav nav h4 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 400;
}
.footer .block-nav nav a {
    font-size: 18px;
    color: #FFFFFF;
    text-decoration: none;
    margin-top: 12px;
}
.footer .block-nav nav a:hover {
    text-decoration: underline;
}
.block-page_photo {
    display: flex;
    flex-direction: row;
}
.block-page_photo .left-column {
    max-width: 800px;
    border-radius: 10px;
    position: relative;
    flex: 1;
    overflow: hidden;
}
.block-page_photo .left-column .page_photo {  
    overflow: hidden;
    height: 100%;
}
.block-page_photo .left-column img {
    
    /* height: 100%; */
    left: 0;
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    object-position: 50% 0;
}
.block-page_photo .left-column::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background:url(/images/wtrm.png?v2) repeat top center;
    background-size: contain;
    z-index: 99;
}
#play_video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200;
}
#pause_video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
}
.block-page_audio .right-column .page_photo {
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 10px;
}
.block-page_audio .right-column .page_photo img {
    width: 100%;
}
.block-page_photo .right-column {
    margin-left: 20px;
    width: 440px;
}
.block-page_photo .right-column h3 {
    font-size: 24px;
    margin-bottom:63px;
}
.block-page_photo .right-column table td {
    padding: 4px 0;
    padding-right: 10px;
    font-size: 16px;
}
.block-page_photo .right-column table td b {
    font-size: 20px;
}
.block-page_photo .right-column .button-buy {
    min-width: 300px;
}
.block-fvc-item .text-description h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 271px;
} 
.block-similar {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: [col1-start] auto [col2-start] 300px [col3-start] auto [col3-end];
    grid-template-rows: [row1-start] 400px [row2-start] auto [row2-end];
}
.block-similar .block-similar-item {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    
   /*   */
}
.cart_info_total {
    font-size: 14px;
}
.block-similar .block-similar-item img {
    height: 100%; 
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover;  
    width: 100%;
    z-index: 1;
    object-position: 50% 0;
}
.block-similar .block-similar-item:first-child {
    grid-column: col1-start / col3-start;
    grid-row: row1-start;
}
.block-similar .block-similar-item:nth-child(2n) { 
    grid-column: col3-start;
    grid-row: row1-start / row2-end;
}
.block-similar .block-similar-item:nth-child(3n) { 
    grid-column: col1-start;
    grid-row: row2-start;
}
.block-similar .block-similar-item:nth-child(4n) { 
    grid-column: col2-start;
    grid-row: row2-start;
}
.block-similar .block-similar-item:nth-child(6n) {
    grid-column:inherit;
    grid-row:inherit;
}
.small_text {
    font-size: 12px;
}
 .table-pricing2 {
    display: none;
 }
.block-page_audio {
    display: flex;
    flex-direction: row;
}
.block-page_audio .left-column {
    max-width: 800px;
}
.block-page_audio .right-column {
    margin-left: 20px;
}
.block-page_audio  h3 {
    font-size: 24px;
    margin-bottom: 24px;
}

.block-page_audio .right-column table td {
    padding: 4px 0;
    padding-right: 10px;
    font-size: 16px;
}
.block-page_audio .right-column table td b {
    font-size: 20px;
}
.block-page_audio .right-column .button-buy {
    min-width: 300px;
}

.voice_player {
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    align-items: center;
    color: #6C6B72;
}
.voice_player .player_btn {
    background-color:#AFA9FF;
    border-radius:50px;
    position: relative;
    display: block;
    border: none; 
    width: 44px;
    height: 44px;
}
.voice_player .player_btn::after {
    content: '';
    background: url('data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2213%22%20viewBox%3D%220%200%209%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.0205848%201.59826L0.00419191%2011.4745C0.00253385%2012.4734%201.16923%2013.0185%201.93433%2012.3762L7.80535%207.44786C8.36343%206.97938%208.36486%206.1211%207.80833%205.65077L1.9537%200.702921C1.19074%200.0581276%200.0222429%200.599324%200.0205848%201.59826Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position:55% 50%;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 0;
}
.voice_player .player_btn.pause::after {
    content: '';
    background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%220%22%20width%3D%224%22%20height%3D%2214%22%20rx%3D%221.5%22%20fill%3D%22%23ffffff%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%224%22%20height%3D%2214%22%20rx%3D%221.5%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position:55% 50%;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 0;
}
.voice_player .player_progress_waveform {
    width:600px;
    height:34px;
    margin-top:8px;
    margin-left: 20px;
}
.voice_player .player_progress_bar {
    background:url('/images/voice_progress.svg') no-repeat;
    background-position: 0 0;
    width: 600px;
    height:34px;
    position: relative; 
    background-size: contain;
    margin-top: 8px;
    background-size: auto;
    cursor: pointer;
}
.voice_player .player_progress_bar_active {  
    width:0%;
    height:34px; 
    overflow: hidden;
} 
.voice_player .player_progress_bar_active img {
    width: 639px;
}
.voice_player .player_time_start,
.voice_player .player_time_finish {
    color:#6C6B72;
    font-size:14px;
    line-height:20px;
    display: flex;
    align-items: center; 
}
.block-player {
    background-color: #F9F6FF;
    border-radius: 6px;
    padding: 12px 20px;
}
.block-player h4 {
    margin-left: 60px;
    font-size: 20px;
}
.block-player .sound-type {
    margin-left: 60px;
    font-size: 14px;
    color: #8D8D8D;
}
.block-page_audio .text_description {
    font-size: 16px;
    margin-top: 20px;
    color: #000;
}

.section-login {
    margin-top: 20px;
}
.section-login .wcont { 
    border-radius: 10px;
    overflow: hidden;
    height: 660px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.stbtnow {
    width: 220px;
    margin: 0 auto;
    margin-top: 30px;
}
.stbtnow .btn {
    width: 100%;
    color: #130E23;
}
.section-login .center_column {
    margin-left: 40px;
}
.section-login .center_column h3 {
    font-size: 64px;
}
.login-form {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}
.login-form .block-auth {
    width: 454px;
}
.login-form .nav_login {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    justify-content: center;
    padding: 20px 0;
}
.login-form .nav_login a { 
    display: block; 
    color: #130E23;
    font-size: 20px;
    text-decoration: none;
    padding: 10px 40px;
    text-align: center;
    background-color: transparent;
    border-radius: 30px;
    margin: 0 5px;
}
.login-form .nav_login a:hover:not(.active) {
    background-color: #9891f575;
}
.login-form .nav_login .active {
    color: #130E23; 
    background-color: #9791f5;
}
.login-form .block-auth-form {}
.login-form .form-control {
    margin-bottom: 12px;
}

.block-pricing {
    background: #130E23;
    padding: 40px 20px;
    border-radius: 10px;
    width: 440px;
    margin: 0 auto;
}
.block-pricing h3 {
    font-size: 46px;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
}
.block-pricing .sub-title {
    font-size: 20px;
    color: #fff;
    text-align: center;
}
.block-pricing .buy_btn {
    color: #130E23;
    font-size: 18px;
}
.block-pricing .select-price-sum {
    background-color: #130E23;
    border-radius: 50px;
    display: flex;
    padding: 10px;
    margin-top: 20px;
}
.block-pricing .select-price-sum .btn-secondary {
    background-color: transparent;
    border: none;
    color: #fff;
    border-radius: 50px;
    flex: 1;
    font-size: 18px;
    padding: 5px 9px;
}
.section-pricing .center_column .subslogan {
    font-size: 24px;
    color: #130E23;
    margin-top: 40px;
}
.section-pricing .center_column {
    padding-right: 30px;
}
.section-pricing .center_column h3 { 
    font-size: 64px;
}
.section-pricing .center_column h3 i {
    color: #AFA9FF;
}
.block-pricing .select-price-sum .btn-check:checked+.btn, 
.block-pricing .select-price-sum .btn.active, 
.block-pricing .select-price-sum .btn.show, 
.block-pricing .select-price-sum .btn:first-child:active, 
.block-pricing .select-price-sum :not(.btn-check)+.btn:active {
    background-color: #fff;
    color: #130E23;
}
.block-pricing .input-price-sum {
    font-size: 14px;
    color: #fff;
    margin-top: 12px;
}
.input-price-sum input {
    border: none;
    border-radius: 12px;
}
.block-pricing .list-price-usl {
    margin: 0;
    padding: 0;
    margin-top: 40px;
    margin-left: 20px;
}
.block-pricing .list-price-usl li {
    color: #fff;
    padding-left: 0;
    margin: 0;
    margin-bottom: 10px;
    font-size: 18px;
}
.block-pricing .totalsum-btn {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    align-items: center; 
}
.block-pricing .totalsum-btn .btn {
    flex: 1;
}
.block-pricing .total-sum {
    font-size: 28px;
    color: #AFA9FF;
    font-weight: 600;
    margin-right: 24px; 
}
.table-pricing,
.table-pricing2 {
    background-color: #F9F6FF;
    border-radius: 10px;
    padding: 40px;
}
.table-pricing table,
.table-pricing2 table {
    width: 100%;
}
.table-pricing td,
.table-pricing2 td {
    border-bottom: solid 1px #CACACA;
    padding: 14px;
    text-align: center;
    font-size: 20px;
}
.table-pricing tr:last-child td {
    border-bottom: none;
}
.table-pricing2 {
    padding: 20px;
}
.table-pricing2 table {
    margin-bottom: 40px;
}
.table-pricing2 table:last-child {
    margin-bottom: 0;
}
.table-pricing2 th {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    border-bottom:solid 1px #CACACA;
    padding: 6px;
}
.table-pricing2 td {
    font-size: 14px;
    font-weight: 400;
    padding: 6px;
}

.section-contacts {
    margin-top: 20px;
}
.section-contacts .wcont {  
    border-radius: 10px;
    overflow: hidden;
    height: 660px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-contacts .center_column {
    margin-left: 40px;
}
.section-contacts .center_column h3 {
    font-size: 64px;
}
.section-contacts .left_column {}
.contacts-form {
    background: #fff;
    padding: 40px 20px 70px;
    border-radius: 10px;
}
.contacts-form .block-contacts {
    width: 454px;
}

.use_cookies {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
}
.use_cookies .content_coo {
    background: #ffffff;
    border: 1px solid;
    padding: 16.5px 24px;
    box-shadow: 0 -1px 10px 0 #acabab4d;
    border-color: #F4F4F4;
}
.use_cookies .title_coo_bar {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}
.use_cookies .text_coobar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.use_cookies .right_text_coo {
    white-space: nowrap;
}
.hide_element {
    display: none;
}
.section_breadcrumbs { 
    display: block!important;
}
.section_breadcrumbs,
.section_breadcrumbs h1,
.breadcrumbs,
.breadcrumbs h1,
.breadcrumbs  a,
.section_breadcrumbs a {
    font-size: 12px;
    text-transform: uppercase;
    color: #130E23;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
}

.checkout_form h3 {
    font-size: 20px;
    color: #130E23;
}
#sel_currency {
    width: 100px;
}
.checkout_deposit_page .center_column {
    background-color: #F9F6FF;
    max-width: 770px;
    margin: 0 auto;
    padding: 40px;
    border-radius: 10px;
}
.checkout_title_detail {
    font-size: 14px;
}
.checkout_sel_country  label {
    font-size: 11px;
}
.checkout_page .center_column {
    background-color: #F9F6FF;  
    flex: 1;
    padding: 40px;
    border-radius: 10px;
    margin-right: 50px;
}
.checkout_page .columns {
    display: flex;
}
.form-select {
    border: solid 1px #AFA9FF;
    box-shadow: none;
}
.form-check-input[type=checkbox] {
    border-radius: 2px;
    width: 18px;
    height: 18px;
    border: solid 1px #585A69;
}
.form-check-input[type=checkbox]:focus {
    box-shadow: 0 0 0px 3px #72a24a1f;
}
.form-check-input[type=checkbox]:checked {
    background-color: #AFA9FF;
} 
.form-check-input-sm[type=checkbox] {
    width: 14px;
    height: 14px;
}
.mobile_setting {
    display: none;
}
.profile_nav {
    display: flex;
}
.profile_nav .nav-item {
    flex: 1;
}
.profile_nav .btn {
    border: none;
    border-radius: 0;
    color: #707070;
    border-bottom: solid 1px transparent;
    margin-bottom: -1px;
    width: 100%;
}
.profile_nav .btn.active {
    color: #130E23;
    border-bottom: solid 1px #AFA9FF;
}
.block_profile,
.profile_form_info {
    background-color: #F9F6FF;
    border-radius: 10px;
    padding: 30px 40px;
    margin-bottom: 40px;
}
.block_profile .text_block {
    flex: 1;
}
.block_profile .btn_logout {
    width: 180px;
}
.profile_form_info .fp_item {
    border-bottom: solid 1px #CACACA;
    padding: 10px 0 15px;
    display: flex;
}
.profile_form_info .fp_item label {
    /* flex: 1; */
    width: 30%;
    display: flex;
    align-items: center;
}
.profile_form_info .fp_item .fp_text {
    flex: 1;
    width: 30%;
    display: flex;
    align-items: center;
}
.profile_form_info .fp_item .fp_input {
    flex: 1;
    width: 0;
    opacity: 0;
    justify-content: center;
}

.profile_form_info .fp_item .button_edit {
    flex: 1;
    font-size: 18px;
    font-weight: 600;
    color: #AFA9FF;
    width: 30%;
    padding: 0;
    text-decoration: none;
}
.profile_form_info .fp_item .button_edit:hover {
    text-decoration: underline;
}

.profile_form_info {
    overflow: hidden;
}
.profile_form_info .button_submit_form {
    width: 180px;
    float: right;
}
.form_password .form-control,
.form_password label {
    margin-bottom: 10px;
}
.mobile_setting .accordion-button {
    background-color: transparent;
    padding: 10px 20px;
}
.mobile_setting .accordion-button:not(.collapsed) {
    border-bottom: none;
    background-color: #AFA9FF;
    border-radius: 10px!important;
    color: #fff;
    overflow: hidden;
    box-shadow: none;
}
.mobile_setting .accordion-body {
    margin-top: 10px;
}
.mobile_setting .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}
.mobile_setting .accordion-item {
    border-radius: 10px;
    margin-bottom: 20px;
}
.mobile_setting .accordion-body {
    background-color: #F9F6FF;
    border-radius: 10px;
}
.mobile_setting .fp_item {
    margin-bottom: 10px;
}
.mobile_setting .block_profile {
    padding: 20px;
}
.mobile_setting .block_profile h3 {
    font-size: 20px;
}
.mobile_setting .block_profile .d-flex {
    flex-direction: column;
}
.mobile_setting .block_profile .text_block {
    font-size: 13px;
}


.modal .accordion-body {
    display: flex;
    flex-direction: column;
}
.modal .accordion-button {
    background-color: transparent;
    padding: 10px 20px;
}
.modal .accordion-button:not(.collapsed) {
    border-bottom: none;
    background-color: #AFA9FF;
    border-radius: 10px!important;
    color: #fff;
    overflow: hidden;
    box-shadow: none;
}
.modal .accordion-body {
    margin-top: 10px;
}
.modal .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}
.modal .accordion-item {
    border-radius: 10px;
    margin-bottom: 20px;
    background: transparent;
}
.modal .accordion-body {
    background-color: #F9F6FF;
    border-radius: 10px;
} 
.modal .accordion-body a {
    color: #130E23;
    line-height: 28px;
    text-decoration: none; 
    padding: 5px;
    display: block; 
    margin-bottom: 5px;
}
.modal_nav_link {
    margin-bottom: 10px;
}
.block_navmenu {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}
.block_navmenu h4 {
    margin-top: 30px;
    font-size: 16px;
    font-weight: 600;
}
.block_navmenu a {
    color: #130E23;
    margin-bottom: 5px;
    text-decoration: none;
}
.modal-open {
    padding-right: 0!important;
}

 .deposit_items {}
 .deposit_item {
    border-top: solid 1px #CACACA;
    padding: 20px 0;
}
.mobile_setting .purchase_items {}
.mobile_setting .purchase_item {
    border-bottom: solid 1px #CACACA;
    padding: 20px 0;
}
.mobile_setting .purchase_item_download_min {
    display: flex;
    margin-top: 10px;
    flex-direction: row;
}
.mobile_setting .purchase_item_download_min .btn {
    flex: 1;
    margin-right: 10px;
    font-size: 13px;
}
.mobile_setting .purchase_item_download_min .btn:last-child {
    margin-right: 0;
}
.mobile_setting .purchase_item_img {
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.mobile_setting .purchase_item_img img {
    width: 100%;
}
.center_column .deposit_item {
    display: flex;
}
.center_column .deposit_item_title {
    flex: 1;
}
.center_column .deposit_item_price {
    font-size: 25px;
    color: #AFA9FF;
}
.center_column .deposits_controls {
    display: flex;
    padding: 20px 0;
    align-items: center;
}
.center_column .deposits_controls .btn  {
    margin-left: auto;
}
.center_column .purchase_item {
    padding: 20px 0;
    border-bottom: solid 1px #CACACA;
    display: flex;
}
.center_column .purchase_item .purchase_item_img {
    margin-right: 20px;
    overflow: hidden;
    border-radius: 10px;
    width:174px;
}
.center_column .purchase_item .purchase_item_img img {
    width: 100%;
}
.center_column .purchase_item .purchase_item_details {
    flex: 1;
    display: flex;
    justify-content: space-between;
}
.center_column .purchase_item .purchase_item_details .btn {
    margin-right: 5px;
    margin-bottom: 10px; 
}
.center_column .purchase_item .purchase_item_details h3 {
    font-size: 20px;
}
.center_column .purchase_item .purchase_item_details .purchase_item_download_min {
    display: flex; 
    flex-direction: column;
}

.cart_page {}
.cart_page .column_title {
    font-size: 34px;
}
.cart_page .columns {
    display: flex;
}
.cart_page .right_column {
    width: 453px;
}
.cart_page .center_column {
    flex: 1;
}
.cart_price_total {
    background-color: #F9F6FF;
    border-radius: 10px;
}
.cart_page .cart_item {
    background-color: #F9F6FF;
    border-radius: 10px;
    margin-bottom: 24px;
    position: relative;
    padding: 12px;
    display: flex;
}
.cart_page .cart_items {
    margin-right: 50px;
}
.cart_page .btn_close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    z-index: 99;
}
.cart_page .btn_close:hover {
    color: #AFA9FF;
}
.cart_page .btn_close svg {
    fill: #4F4F4F;
} 
.cart_page .btn_close:hover svg {
    fill: #7467FF;
}
.cart_page .cart_item_img {
    width: 205px;
    margin-right: 20px;
    border-radius: 10px;
    overflow: hidden;
}
.cart_page .cart_item_audio {
    width: 205px;
    height: 143px;
    margin-right: 20px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #AFA9FF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cart_page .cart_item_img img {
    width: 100%;
}
.cart_page .cart_item_details {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.cart_page .cart_item_details h3 {
    font-size: 24px;
    max-width: 80%;
    font-weight: normal;
}
.cart_page .cart_item_details h3 a {
    color: #130E23;
    text-decoration: none;
}
.cart_page .cart_item_details h3 a:hover {
    color: #7467FF;
}
.cart_page .cart_item_details span { 
    font-size: 20px;
}
.cart_price_total {
    padding: 20px;
}
.cart_page .by_deposit_purchase {
    display: flex;
}
.cart_page .by_deposit_purchase div {
    flex: 1;
}
.cart_page .by_deposit_purchase .btn {
    width: 100%;
}
.cart_page .by_deposit_purchase div:first-child {
    margin-right: 10px;
}
.cart_tital_items,
.cart_tital_sum {
    display: flex;
    justify-content: space-between;
}
.cart_tital_sum {
    font-size: 24px;
    margin-top: 20px;
}
.cart_price_total {}

.section-blogs {
    margin-top: 40px;
}
.block-blog-caterories .cat-items .btn {
    border-radius: 40px;
    margin-right: 10px;
}
.block-blog-caterories .cat-items .btn.active {
    background-color: #AFA9FF;
    color: #FFFFFF;
}
.block-blogs {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 40px;
}
.blog-item {
    color: #130E23;
    text-decoration: none;
    display: block;
    margin-bottom: 30px;
}
.blog-item .blog-item-name {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
    line-height: 28px;
    margin-bottom: 5px; 
    cursor: pointer;
}
.blog-item:hover .blog-item-name {
    color: #AFA9FF;
}
.blog-item .blog-item-date {
    font-size: 16px;
    color: #8D8D8D; 
    margin-bottom: 10px;
}
.blog-item .blog-item-strip_cont {
    font-size: 14px;
    color: #000;
}
.blog-item-img {
    display: flex;
    align-self: center;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.blog-item-img img {
    width: 100%;
}
.blog-item-img .blog-item-category {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: #FFF;
    color: #130E23;
    border-radius: 40px;
    font-size: 16px;
    padding: 10px 20px;
}

.section-blog_post {}
.section-blog_post .colmns {
    display: flex;
}
.section-blog_post .center_column {
    flex: 1;
    font-size: 16px;
}
.section-blog_post .center_column .post_image {
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    max-height: 600px;
    overflow: hidden;
}
.section-blog_post .center_column img {
    border-radius: 10px;
    width: 100%;
}
.section-blog_post .center_column h1 {
    font-size: 34px;
}
.section-blog_post .right_column {
    width: 457px;
}
.section-blog_post .next_prev {
    margin-top: 30px;
    text-align: center;
}
.section-blog_post .next_prev .btn {
    width: 216px;
    margin: 0 15px;
}
.btn.btn-success:disabled,
.btn.btn-outline-success:disabled {
    color: #fff!important;
}
.section-blog_post .right_column {
    padding-top: 50px;
    padding-left: 30px;
}
.section-blog_post .right_column h3 {
    font-size: 28px;
}
.section-blog_post .right_column .blog_list_item .blog_list_img {
    border-radius: 10px;
    overflow: hidden;
}
.section-blog_post .right_column .blog_list_item .blog_list_img img {
    width: 100%;
}
.section-blog_post .right_column .blog_list_item .blog_list_title {
    font-size: 20px;
    margin-top: 10px;
}
.section-blog_post .right_column .blog_list_item {
    margin-bottom: 30px;
    display: block;
    text-decoration: none;
    color: #130E23;
}
.section-blog_post .right_column .blog_list_item:hover {
    color: #AFA9FF;
}

.mob_filter_audio {
    display: none;
}

.category_audio {
    flex-direction: row;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.btn-radius {
    border-radius: 40px;
}

.favorites_items {
    display: flex;
    flex-direction: column; 
}
.favorites_item {
    display: flex;
    flex-direction: row; 
    align-items: center;
    padding: 18px;
    margin-bottom: 10px; 
    background-color: #F9F6FF; 
    border-radius: 12px;
}
.favorites_item_img {
    
    width: 205px;
    height: 143px;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 12px;
}
.favorites_item_img img {
    width: 100%;
}
.favorites_item_details {
    font-size: 18px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.favorites_item_details h3 {
    font-size: 16px;
}     

.favorites_item_details h3 a {
    text-decoration: none;
    color: #130E23;
}
.favorites_item_details h3 a:hover {
    color: #AFA9FF;
}
.favorites_item_nameprice span {
    white-space: nowrap;
}
.favorites_item_controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
    align-items: end;
}
.favorites_item_nameprice {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.favorites_item_controls .btn {
    font-size: 18px;
    padding: 8px 30px;
}
.favorites_item_btn_dislike {
    padding: 0;
    margin: 0;
    font-size: 12px;
    text-decoration: none;
    background: none;
    border: none;
    outline: none;
    line-height: 14px;
    display: flex;
    flex-direction: row; 
    text-align: left; 
    margin-bottom: 10px;
}
.favorites_item_btn_dislike span {
    margin-left: 5px;
    max-width: 116px;
}
.favorites_item_btn_dislike:hover {
    color: #AFA9FF;
}
.favorites_controll_all {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 24px 28px;
}
.favorites_select_all {
    font-size: 22px;
    font-weight: 400;
}
.favorites_select_all input {
    margin-right: 18px;
}
.favorites_remove_all:hover svg path {
    fill: #AFA9FF;
}
.favorites_send_to_cart {
    padding: 11px 100px;
    font-size: 18px;
    margin-top: 20px;
}
.favorites_item_btn_dislike span {
    margin-left: 5px;
    max-width: 116px;
} 
.favorites_item_audio {
    background-color: #AFA9FF;
    width: 205px;
    height: 143px;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.purchase_item_audio {
    background-color: #AFA9FF;
    width: 205px;
    height: 143px;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 12px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.price_in {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.block-photos-addcart {
    font-size: 18px;
}
.block-photocollect-items {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 20px;
}
.section-photocollect h3 {
    color: #000000;
    font-size: 34px;
}
.block-photocollect-item h5 {
    font-size: 24px;
}
.block-photocollect-item h5 a {
    color: #000000;
    text-decoration: none;
}
.block-photocollect-item h5 a:hover {
    color: #7467FF;
}
.block-photocollect-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 10px;
} 
.block-photocollect-grid a {
    border-radius: 20px;
    overflow: hidden;
    width: 137px;
    height: 137px;
    position: relative;
}
.block-photocollect-grid a:hover {
    opacity: 0.9;
}
.block-photocollect-grid a:nth-child(1n) {
    grid-area: 1 / 1 / 2 / 4;  
    max-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 453px;
    height: 300px;
}
.block-photocollect-grid a:nth-child(2n) {
    grid-area: 2 / 1 / 3 / 2;  
    width: 137px;
    height: 137px;
}
.block-photocollect-grid a:nth-child(3n) {
    grid-area: 2 / 2 / 3 / 3;
    width: 137px;
    height: 137px;
}
.block-photocollect-grid a:nth-child(4n) {
    grid-area: 2 / 3 / 3 / 4;
    width: 137px;
    height: 137px;
}
.block-photocollect-grid a img {
    height: 100%;
    left: 0;
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    object-position: 50% 0;
}
.nav_section {
    display: flex;
    justify-content: center;
}
.section-photocollect {
    margin-top: 20px;
}

.blocklist-landerboard {
    margin-top:40px;
}
.blocklist-landerboard-items {
    padding: 0;
    margin: 0;
}
.blocklist-landerboard-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.blocklist-landerboard-num {
    font-size: 34px;
    color: #130E23;
    margin-right: 20px;
    margin-top: 22px;
}
.blocklist-landerboard-user { 
    display: flex;
    align-items: start;
}
.blocklist-landerboard-user a {
    display: flex;
    color: #130E23;
    text-decoration: none;
    font-size: 24px;
    align-items: center;
}
.blocklist-landerboard-user a:hover {
    color: #7467FF;
}
.blocklist-landerboard-user a img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    margin-right: 20px;
}
.blocklist-landerboard-user a .item_user_name {
    display: flex;
    flex-direction: column;
}
.blocklist-landerboard-user a .item_user_name .views {
    font-size: 18px;
    color: #4F4F4F;
}
.blocklist-landerboard-list {
    display: flex;
}
.blocklist-landerboard-list a {
    position: relative;
    width: 210px;
    height: 210px;
    display: block;
    overflow: hidden;
    border-radius: 12px;
    margin-right: 20px;
    color: #fff;
}
.blocklist-landerboard-list a:last-child {
    margin-right: 0;
}
.blocklist-landerboard-list img { 
    height: 100%;
    left: 0;
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    object-position: 50% 0;
}
.blocklist-landerboard-list a .all_media {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #00000046;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
.blocklist-landerboard-list a .all_media svg {
    margin-left: 4px;
    margin-top: 4px;
}
.section-collection {}
.block-header-collection {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section-collection .user_avatar {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 150px;
    margin-bottom: 20px;
}
.section-collection .user_avatar img {
    width: 100%;
}
.section-collection h3 {
    font-size: 34px;
    color: #130E23;
    margin-bottom: 0;
}
.section-collection .user_description {
    font-size: 24px;
    color: #4F4F4F;
}
.section-photos-collection {
    margin-top: 50px;
}
.nav_photos-collection {
    margin-top: 50px;
}
.nav_photos-collection button {
    margin: 0 20px;
}
.section-photos-collection .block-photos-items {
    margin-top: 40px;
}
.section-photos-collection .controls_liker_book svg {
    fill: #fff;
}
.section-photos-collection .controls_liker_book .btn:hover svg {
    fill: #9791f5;
}
.section-photos-collection .controls {
    justify-content: end;
}
.section-pricing .wcont {
    display: flex;
}
.section-pricing .center_column {
    flex: 1;
}
.section-pricing .right-column {

}

.section-creat_flow h3 {
    font-size: 64px;
    text-align: center;
    margin-bottom: 30px;
}
.section-creat_flow h3 i {
    color: #9791f5;
}
.block-creat_flow {
    display: flex;
}
.block-creat_flow-item {
    text-decoration: none;
    color: #130E23;
    font-size: 18px;
    text-align: center;
    margin: 0 10px;
}
.block-creat_flow-title {
    font-size: 34px;
    color: #7467FF;
    line-height: 38px;
    margin-bottom: 20px;
    max-width: 315px;
    margin: 0 auto;
}
.block-similar-item .play_button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
}
.block-creat_flow-description {
    max-width: 400px;
}