a, aside, b, body, div, footer, form, h1, h2, h3, header, html, i, iframe, img, label, li, p, span, strong, ul, ul , video {margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;} aside, footer, header {display: block;} input {font: 400 14px / 18px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; appearance: none;} body, html {min-height: 100%;} body {font: 400 14px / 18px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; background: rgb(248, 246, 246);} body {line-height: 1; min-width: 320px; overflow-x: hidden; margin: 0px;} ul {list-style: none;} a {text-decoration: none; cursor: pointer; font: 400 14px / 18px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;} @font-face { font-family: icomoon; src: url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } .search-page .box {padding: 0px;} .search-page .search-title {padding: 25px 0px 0px;} .search-holder {display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap;} .search-holder .box {box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px; border-radius: 10px; background-color: rgb(255, 255, 255); padding: 20px; margin: 0px 20px 25px 0px;} .search-holder .box .thumbs-holder {padding: 0px;} .search-holder .models-list .item {min-width: 235px;} .search-holder .channals-list .item {min-width: 397px;} .scrollup {position: fixed; bottom: 50px; right: 10px; display: none; background: rgb(230, 24, 78); border-radius: 50%; width: 45px; text-align: center; padding: 11px 0px; color: rgb(255, 255, 255); box-shadow: rgba(94, 94, 94, 0.5) 0px 0px 3px; transition: color 0.3s, background 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;} .scrollup i {font-size: 20px; display: inline-block; transform: rotate(-90deg);} .lazyloaded {opacity: 1; transition: opacity 500ms;} .fancybox-skin {background: transparent; color: rgb(0, 0, 0); box-shadow: none !important;} .fancybox-skin {padding: 0px !important;} .fancybox-skin {position: relative; background: rgba(20, 20, 20, 0.7); color: rgb(68, 68, 68); text-shadow: none; border-radius: 4px;} .box .item svg:not(:root) {overflow: visible;} .box .item .info-holder .text {line-height: 15px;} .premium-thumbs .item .img-holder .info-holder {background: rgba(94, 94, 94, 0.8); padding: 13px 20px; height: auto; border-radius: 10px; left: 10px; bottom: 10px; width: calc(100% - 20px);} .premium-thumbs .item .info-holder .item-info {margin-right: 3px;} .premium-thumbs .item .info-holder .item-info:last-child {margin-right: 0px;} .premium-thumbs .premium-icons {position: absolute; left: 10px; top: 10px;} .title span {color: rgb(255, 192, 42);} .fancybox-overlay {z-index: 212;} .fancybox-overlay {position: absolute; top: 0px; left: 0px; overflow: hidden; display: none; z-index: 8010; background: url("../images/fancybox/fancybox_overlay.png");} .fancybox-opened {z-index: 214;} .fancybox-opened {z-index: 8030;} .header {box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px; background-color: rgb(255, 255, 255); position: relative; z-index: 101; width: 100%;} .block-search .search-btn.delet {display: none;} .header-area {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: nowrap; width: 100%;} .search-mobi i {font-size: 28px; color: rgb(94, 94, 94);} .burder-menu span, .burder-menu span::after, .burder-menu span::before {height: 4px; background-color: rgb(230, 24, 78); position: absolute; margin-top: -1px; transition: 0.3s; backface-visibility: hidden; content: ""; left: 0px; right: 0px; border-radius: 2px;} .block-search {position: relative; width: 540px; z-index: 20;} .block-search .search-input {border-radius: 5px; background-color: rgb(248, 246, 246); padding: 6px 40px 6px 10px; width: 100%; border: 0px; color: rgb(52, 52, 52); font-size: 16px; line-height: 19px; font-weight: 300;} .block-search .search-btn {position: absolute; top: 0px; bottom: 0px; right: 0px; border-radius: 0px 5px 5px 0px; background-color: rgb(230, 24, 78); padding: 5px 15px; cursor: pointer; border: 0px; transition: background 0.3s;} .block-search .search-btn i {color: rgb(255, 255, 255); font-size: 21px; transition: color 0.3s;} .footer_user_menu {position: fixed; bottom: 0px; left: 0px; right: 0px; width: 100%; background: rgb(255, 255, 255); display: none; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px; z-index: 2147483647;} .fancybox-overlay.fancybox-overlay-fixed {height: 100% !important;} .footer_user_menu .menu_items {display: flex; align-items: center; justify-content: space-around; flex-wrap: nowrap; padding: 7px 0px; min-height: 62px;} .footer_user_menu .menu_items .item {display: flex; align-items: center; justify-content: center; flex-direction: column; color: rgb(94, 94, 94); font-size: 12px; line-height: 1.2; transition: color 0.3s;} .footer_user_menu .menu_items .item svg {width: 30px; height: 25px; fill: rgb(94, 94, 94); margin: 0px 0px 5px; transition: fill 0.3s;} .block_content, .block_models {position: fixed; bottom: 75px; left: 10px; right: 10pc; width: calc(100% - 20px); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px; background: rgb(255, 255, 255); border-radius: 10px; color: rgb(94, 94, 94); font-weight: 500; padding: 20px 0px 0px; opacity: 0; visibility: hidden; overflow: hidden; transition: 0.3s; max-width: 400px; margin: 0px auto;} .block_content svg, .block_models svg {fill: rgb(94, 94, 94);} .block_content .title-fixed, .block_models .title-fixed {display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; font-size: 18px; line-height: 1; margin: 0px 0px 10px; padding: 0px 25px;} .block_content .title-fixed svg, .block_models .title-fixed svg {width: 10px; height: 10px; font-weight: 500;} .block_content .items a, .block_models .items a {display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; font-size: 15px; line-height: 1; color: rgb(94, 94, 94); padding: 10px 25px;} .block_content .items a svg, .block_models .items a svg {width: 25px; height: 27px; margin: 0px 10px 0px 0px;} .burger_user_menu {display: none; width: 100%; text-align: center;} .nav-holder {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: nowrap; padding: 2px 0px;} .burder-menu {position: relative; width: 34px; display: none; cursor: pointer; z-index: 19; height: 21px;} .logo_burger {text-align: center; padding: 20px 0px 15px; width: 100%; position: relative;} .logo_burger .arrow {position: absolute; left: 0px; top: 17px; color: rgb(94, 94, 94); display: inline-block; font-size: 9px; transform: rotate(90deg); padding: 10px;} .logo_burger a {display: block;} .logo_burger a img {width: 137px; height: auto;} .burger_menu_top {box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px; padding: 0px 0px 20px;} .nav-holder .item.mobile {display: none;} .nav-holder .item {margin: 0px 25px 0px 0px;} .nav-holder .item .link-nav {display: inline-block; padding: 33px 0px; position: relative; color: rgb(94, 94, 94); font-size: 16px; line-height: 19px; font-weight: 700; transition: 0.3s; text-transform: uppercase;} .nav-holder .item .link-nav.active {color: rgb(230, 24, 78);} .nav-holder .item .link-nav i {display: inline-block; vertical-align: middle; margin: 0px 0px 4px 6px; font-size: 6px; transition: transform 0.3s, -webkit-transform 0.3s;} .footer .text a {color: rgb(230, 24, 78); font-size: 12px;} .footer .logo-footer img {width: 210px; height: auto;} .fancybox-wrap, .fancybox-skin {padding: 0px; margin: 0px; border: 0px; outline: none; vertical-align: top;} .fancybox-wrap {position: absolute; top: 0px; left: 0px; z-index: 8020;} .fancybox-opened .fancybox-skin {box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 25px;} .fancybox-overlay-fixed {position: fixed; bottom: 0px; right: 0px;} * {box-sizing: border-box;} .box .item .img-holder .img {width: 100%; position: absolute; inset: 0px;} .box .item .img-holder .img {width: 100%; position: absolute; inset: 0px; height: 100%;} .box .item .img-holder {position: relative; padding-bottom: 57%; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px; border-radius: 10px; background-color: rgb(208, 208, 208); overflow: hidden; transition: 0.3s;} .box.models-list .item .img-holder {padding-bottom: 141%;} [class^="icon-"] {speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: icomoon !important;} .wrapper {overflow: hidden;} .wrapper, .wrapper-holder {display: table; width: 100%; height: 100%; table-layout: fixed; position: relative;} .footer {box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px; background-color: rgb(255, 255, 255);} .footer {height: 1px; display: table-row;} .container {max-width: 1760px; width: 100%; padding: 0px 20px; margin: 0px auto;} .hidden {display: none;} .burder-menu span {top: 1px;} .search-mobi {display: none; cursor: pointer;} .nav-holder .drop-holder {background: rgba(255, 255, 255, 0.97); position: absolute; top: 100%; left: 0px; right: 0px; width: 100%; overflow: visible; transform: translate3d(0px, 10px, 0px); opacity: 0; z-index: 15; border-radius: 0px 0px 5px 5px; visibility: hidden; transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s; box-shadow: rgb(0, 0, 0) 0px 128px 250px 0px;} .nav-holder .drop-holder .two-colums {min-height: 500px; display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: nowrap;} .nav-holder .drop-holder .column {padding: 25px; position: relative;} .nav-holder .drop-holder .column:first-of-type {max-width: 210px; min-width: 210px; padding-left: 10px; background: rgb(255, 255, 255);} .nav-holder .drop-holder .column:last-of-type {width: calc(100% - 210px); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between;} .nav-holder .drop-holder .search-form {position: relative; padding: 0px 0px 25px;} .nav-holder .drop-holder .search-form .form {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: nowrap;} .nav-holder .drop-holder .search-form .input {display: block; width: 100%; border: 0px; background: transparent; opacity: 0.75; color: rgb(94, 94, 94); font-size: 14px; font-weight: 300; line-height: 30px;} .nav-holder .drop-holder .search-form i {color: rgb(94, 94, 94); opacity: 0.75; font-size: 13px; transition: color 0.3s, opacity 0.3s;} .nav-holder .drop-holder .category-groups .item {margin: 0px;} .nav-holder .drop-holder .category-groups .link {color: rgb(94, 94, 94); font-size: 16px; font-weight: 500; line-height: 30px; padding: 0px; transition: color 0.3s;} .nav-holder .drop-holder .category-groups .link i {font-size: 10px; color: rgb(94, 94, 94); display: inline-block; margin: 0px 0px 0px 3px; transition: color 0.3s, transform 0.3s, -webkit-transform 0.3s;} .nav-holder .drop-holder .category-groups .link.active {color: rgb(230, 24, 78);} .nav-holder .drop-holder .category-groups .link.active i {color: rgb(230, 24, 78); transform: translateX(20px);} .nav-holder .drop-holder .category-items {column-count: 5; display: none;} .nav-holder .drop-holder .category-items.open {display: block; padding: 0px 0px 25px;} .nav-holder .drop-holder .category-items .item {margin: 0px;} .nav-holder .drop-holder .category-items a {color: rgb(0, 0, 0); font-size: 15px; font-weight: 300; line-height: 24px; transition: color 0.3s; overflow: hidden; display: block; cursor: pointer;} .nav-holder .drop-holder .category-items a .title {float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 42px); display: inline-block;} .nav-holder .drop-holder .category-items a .quantity, .nav-holder .drop-holder .category-items a .title {transition: color 0.3s, text-decoration 0.3s, -webkit-text-decoration 0.3s;} .nav-holder .drop-holder .category-items a .quantity {color: rgb(123, 123, 123); float: right;} .nav-holder .drop-holder .category-items .item.not-found a {cursor: default;} .nav-holder .drop-holder .btn-holder {text-align: center;} .nav-holder .drop-holder .btn-holder .link {box-shadow: rgba(94, 94, 94, 0.5) 0px 0px 3px; border-radius: 5px; background-color: rgb(255, 255, 255); color: rgb(94, 94, 94); font-size: 16px; line-height: 19px; font-weight: 300; display: inline-block; padding: 9px 10px; transition: color 0.3s, background 0.3s;} .nav-holder .drop-holder .nano {width: 100%; position: absolute; top: 82px; bottom: 0px; height: calc(100% - 107px);} .nav-holder .drop-holder .nano .nano-content {padding: 0px;} .nav-holder .drop-holder .nano .nano-pane {width: 1px; background-color: rgb(196, 196, 196);} .nav-holder .drop-holder .nano .nano-pane .nano-slider {margin: 0px; width: 1px; background-color: rgb(230, 24, 78);} .nav-holder .item:last-of-type {margin: 0px;} .nav-holder .item .link-nav .mob {display: none; font-size: 23px; margin: 0px 15px 0px 0px; transform: rotate(0deg) !important;} .block-search form {position: relative; z-index: 2;} .box {padding: 25px 0px 0px;} .box .headline {position: relative; padding: 0px 0px 10px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: nowrap;} .box .headline .title-holder {color: rgb(94, 94, 94); font-size: 18px; line-height: 21px; font-weight: 500;} .box .headline .title-holder .color {color: rgb(230, 24, 78);} .box .thumbs-holder {padding: 0px 0px 25px;} .box .items-list {margin: -15px -15px 0px 0px; font-size: 0px; line-height: 0;} .box .item {display: inline-block; vertical-align: top; padding: 15px 15px 0px 0px; width: 33.33%;} .box .item .img-holder .country_img {position: absolute; top: 10px; left: 10px; width: 30px; height: auto;} .box .item .img-holder .country_img img {width: 100%;} .box .item a.link {position: relative;} .box .item .img-holder video {inset: 0px; height: 100%; width: 100%; position: absolute; z-index: 2;} .box .item .info-holder {padding: 13px 20px; position: absolute; bottom: 10px; left: 10px; right: 10px; background: rgba(0, 0, 0, 0.6); border-radius: 10px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: nowrap; color: rgb(255, 255, 255); font-size: 14px; line-height: 14px; font-weight: 300; transform: translateY(0px); transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;} .box .item .info-holder .item-info {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: nowrap;} .box .item .info-holder i {font-size: 15px; margin: 0px 5px 0px 0px;} .box .item .info-holder i.icon-eye {font-size: 11px;} .box .item .title-item {padding: 10px 10px 0px; color: rgb(94, 94, 94); font-size: 16px; line-height: 18px; font-weight: 300; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; transition: color 0.3s;} .box .item .link {display: block;} .box .channals-list {margin: -20px -15px 0px 0px;} .box .channals-list .items-list {margin: 0px;} .box .channals-list .item {width: 25%; padding: 20px 15px 0px 0px;} .box .channals-list .item .img-holder {padding-bottom: 74%;} .box .channals-list .item .title-item {font-size: 18px; font-weight: 500;} .box .channals-list .item .title-item .quantity {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 16px;color: #0f172a;} .box .channals-list .item .title-item .quantity i {font-size: 14px; margin: 0px 5px 0px 0px;} .box.models-list .item {width: 20%;} .box.models-list .item .info-holder {transition: background 0.3s; flex-wrap: wrap; padding: 11px 10px;} .box.models-list .item .title {color: rgb(255, 255, 255); font-size: 16px; line-height: 18px; padding: 0px 0px 13px; font-weight: 300; width: 100%;} .box.models-list .item .info-model {color: rgb(255, 255, 255); font-size: 13px; line-height: 15px; font-weight: 300; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 100%;} .box.models-list .item .link {display: block;} .box.albums-list .item {width: 50%;} .box.albums-list .img-holder {width: calc(100% - 257px); padding-bottom: 51%; box-shadow: none; border-radius: 0px;} .box.albums-list .album-info {padding: 15px 15px 0px; width: 257px;} .box.albums-list .album-info .models-title {color: rgb(94, 94, 94); font-size: 18px; line-height: 20px; padding: 0px 0px 10px; border-bottom: 1px solid rgb(184, 184, 184); font-weight: 500; transition: color 0.3s;} .box.albums-list .album-info .models-title .model {max-height: 60px; overflow: hidden; display: inline-block;} .box.albums-list .album-info .info {padding: 15px 0px 0px; border-bottom: 1px solid rgb(184, 184, 184); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap;} .box.albums-list .album-info .info .item-info {color: rgb(94, 94, 94); font-size: 14px; line-height: 16px; font-weight: 300; padding: 0px 0px 15px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap; width: 50%;} .box.albums-list .album-info .info .item-info i {display: inline-block; margin: 0px 10px 0px 0px; font-size: 20px;} .box.albums-list .album-info .info .item-info:nth-child(2) i {font-size: 12px;} .box.albums-list .album-info .categor-holder {padding: 15px 0px 0px;} .box.albums-list .album-info .categor-holder .row {padding: 0px 0px 10px;} .box.albums-list .album-info .categor-holder .row:last-of-type {padding: 0px;} .box.albums-list .album-info .categor-holder .row-title {color: rgb(94, 94, 94); font-size: 16px; line-height: 18px; padding: 0px 0px 10px; font-weight: 500;} .box.albums-list .album-info .categor-holder .row-item {color: rgb(94, 94, 94); font-size: 12px; line-height: 12px; font-weight: 500; text-transform: uppercase; border-radius: 5px; border: 1px solid rgb(160, 160, 160); display: inline-block; vertical-align: top; padding: 5px; margin: 0px 5px 5px 0px;} .box.albums-list .album-info .categor-holder .row-item:last-of-type {margin-right: 0px;} .box.albums-list .link {display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: nowrap; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px; border-radius: 10px; background: rgb(255, 255, 255); overflow: hidden; transition: 0.3s;} .pagination {padding: 0px 0px 25px;} .pagination .pagination-holder {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;} .pagination .pagination-holder .item-pagin {padding: 0px 5px 0px 0px;} .pagination .pagination-holder .item-pagin:last-of-type {padding: 0px;} .pagination .pagination-holder .item-pagin .link {color: rgb(94, 94, 94); font-size: 16px; line-height: 35px; min-width: 35px; height: 35px; text-align: center; display: inline-block; padding: 0px 10px; font-weight: 300; box-shadow: rgba(94, 94, 94, 0.5) 0px 0px 3px; border-radius: 3px; background-color: rgb(255, 255, 255); transition: color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;} .pagination .pagination-holder .item-pagin.active .link {background-color: rgb(230, 24, 78); color: rgb(255, 255, 255); box-shadow: rgba(94, 94, 94, 0.5) 0px 0px 3px;} .footer .footer-holder {padding: 25px 0px;} .footer .logo-footer {text-align: center; padding: 0px 0px 20px;} .footer .footer-nav {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap;} .footer .footer-nav .item {padding: 0px 13px;} .footer .footer-nav .item .link {color: rgb(94, 94, 94); font-size: 16px; line-height: 18px; font-weight: 500; text-transform: uppercase; transition: color 0.3s; padding: 0px 0px 20px; display: inline-block;} .footer .text {max-width: 1339px; color: rgb(94, 94, 94); font-size: 12px; line-height: 14px; font-weight: 300; text-align: center; margin: 0px auto;} .nav-holder .drop-holder .category-items.search:last-child {display: none;} .box .item .img-holder.gallery .img {width: auto; position: absolute; inset: 0px; margin: 0px auto;} .icon-arrow-down::before {content: "\e901";} .icon-play::before {content: "\e902";} .icon-clock::before {content: "\e903";} .icon-calendar::before {content: "\e907";} .icon-eye::before {content: "\e909";} .icon-camera::before {content: "\e90a";} .icon-search::before {content: "\e90b";} .icon-orientation::before {content: "\e90c";} .icon-play2::before {content: "\e90e";} .icon-like::before {content: "\e910";} .icon-images::before {content: "\e912";} .icon-arrow-right::before {content: "\e913";} .icon-atom::before {content: "\e914";} .icon-vido-camera::before {content: "\e916";} .icon-burger::before {content: "\e917";} .icon-arrows::before {content: "\e924";} .wrapper::before {position: absolute; top: 0px; left: 0px; width: 0px; height: 3px; content: ""; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(230, 24, 78); transition-behavior: normal; transition-duration: 1s; transition-timing-function: ease; transition-delay: 0s; transition-property: width; z-index: 999999;} .header::after {opacity: 0; transition-behavior: normal; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; transition-property: opacity;} .burder-menu span, .burder-menu span::after, .burder-menu span::before {height: 4px; background-color: rgb(230, 24, 78); position: absolute; margin-top: -1px; transition-behavior: normal; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; transition-property: all; backface-visibility: hidden; content: ""; left: 0px; right: 0px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;} .burder-menu span::after, .burder-menu span::before {top: 9px; width: 50%;} .burder-menu span::after {top: 17px; width: 75%;} .nav-holder .drop-holder::after {content: ""; display: block; width: 100%; height: 1000vh; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.6); position: absolute; top: 100%; bottom: 0px; left: 0px; right: 0px; z-index: 999;} .nav-holder .drop-holder .column:first-of-type {max-width: 210px; min-width: 210px; padding-left: 10px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255);} .nav-holder .drop-holder .category-items a::before {content: ""; display: table; clear: both;} .nav-holder .drop-holder .category-items a::after {content: "........................................................................................"; display: block; white-space-collapse: collapse; text-wrap: nowrap; overflow-x: hidden; overflow-y: hidden;} .nav-holder .drop-holder .category-items .item.not-found a:hover {pointer-events: none; cursor: default;} .nav-holder .drop-holder .category-items .item.not-found a:hover .title {color: rgb(0, 0, 0); text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; cursor: default;} .nav-holder .drop-holder .category-items .item.not-found a::before {display: none;} .nav-holder .drop-holder .category-items .item.not-found a::after {display: none;} .nav-holder .item:last-of-type {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;} .nav-holder .item .link-nav::after {content: ""; position: absolute; display: inline-block; height: 5px; width: 100%; bottom: 5px; left: 0px; right: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(230, 24, 78); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; transition-behavior: normal, normal; transition-duration: 0.3s, 0.3s; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transition-property: opacity, bottom; opacity: 0;} .nav-holder .item .link-nav.active::after {opacity: 1; bottom: 0px;} .box.albums-list .album-info .categor-holder .row:last-of-type {padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} .pagination .pagination-holder .item-pagin:last-of-type {padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} .box .sort-holder {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; flex-wrap: nowrap;} .box .sort-holder .sort {position: relative; margin: 0px 10px 0px 0px;} .box .sort-holder .sort:last-of-type {margin: 0px;} .box .sort-holder .sort .selected {position: relative; z-index: 16; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: nowrap; color: rgb(94, 94, 94); font-size: 15px; line-height: 18px; padding: 7px 11px; font-weight: 300; cursor: pointer; border-radius: 5px; background-color: rgb(255, 255, 255); box-shadow: rgba(94, 94, 94, 0.5) 0px 0px 3px; transition: 0.3s;} .box .sort-holder .sort .selected .text + i {color: rgb(94, 94, 94); font-size: 6px; margin: 0px 0px 0px 5px; display: inline-block; transition: transform 0.3s, -webkit-transform 0.3s;} .box .sort-holder .sort .selected.active {box-shadow: rgba(237, 7, 101, 0.5) 0px 0px 3px; background-color: rgb(230, 24, 78); color: rgb(255, 255, 255); pointer-events: none; cursor: default;} .box .sort-holder .sort .drop-holder {background: rgba(255, 255, 255, 0.9); position: absolute; top: 100%; left: 0px; right: 0px; width: 100%; overflow: hidden; transform: translate3d(0px, 10px, 0px); opacity: 0; z-index: 15; box-shadow: rgba(94, 94, 94, 0.5) 0px 0px 3px; border-radius: 0px 0px 5px 5px; visibility: hidden; transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;} .box .sort-holder .sort .drop-holder .item-sort {display: block;} .box .sort-holder .sort .drop-holder .item-sort .link-drop {color: rgb(94, 94, 94); font-size: 15px; line-height: 17px; font-weight: 300; display: inline-block; width: 100%; text-align: center; padding: 7px 0px; transition: color 0.3s, background 0.3s;} .box .sort-holder .sort:last-of-type {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;} .bread-crumb {width: 100%; text-align: center; color: rgb(94, 94, 94); font-size: 16px; line-height: 18px; font-weight: 300; padding: 0px 0px 25px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap;} .bread-crumb .item-bread {padding: 0px 2px;} .bread-crumb .link-bread {color: rgb(94, 94, 94); font-size: 16px; line-height: 18px; font-weight: 300; transition: color 0.3s;} .bread-crumb .link-bread.no-link {pointer-events: none; cursor: default;} .box.albums-list .album-info .info .item-info:nth-child(4) i {font-size: 22px;} .icon-star::before {content: "\e918";} .search-form .input:focus {box-shadow: rgba(237, 7, 101, 0.5) 0px 0px 10px;} .player-holder .tabs-content .info-block .bold {font-weight: 500;} .rating-info {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: nowrap;} .rating-info .info {display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; color: rgb(94, 94, 94); font-size: 14px; line-height: 16px; font-weight: 300; padding: 0px 20px;} .rating-info .info .item {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; white-space: nowrap; padding: 0px; width: auto;} .rating-info .info .item:first-of-type {padding: 0px 0px 12px;} .rating-info .info i {font-size: 16px; margin: 0px 5px 0px 0px;} .rating-info .rating-holder {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: nowrap; position: relative;} .rating-info .rating-fav {display: flex; -webkit-box-align: end; align-items: flex-end; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: nowrap; border-right: 1px solid rgba(94, 94, 94, 0.35); padding-right: 20px;} .rating-info .rating-fav .btn i {font-size: 45px; color: rgb(94, 94, 94); transition: color 0.3s;} .rating-info .rating-fav .btn .quantity {color: rgb(94, 94, 94); font-size: 16px; line-height: 18px; font-weight: 500; margin: 0px 0px 0px 10px; min-width: 9px; text-align: center;} .form-holder .text {color: rgb(94, 94, 94); font-size: 15px; line-height: 17px; font-weight: 500; margin: 0px 0px 10px; display: block;} .form-holder .row {margin: 0px 0px 10px; line-height: 0;} .form-holder .row:last-of-type {margin: 0px;} .form-holder .row .input {border-radius: 5px; border: 1px solid rgba(94, 94, 94, 0.5); width: 100%; padding: 10px;} .screenshots-holder {display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap; margin: 0px -15px -15px 0px;} .video-holder .categor-holder .row-item {display: inline-block; vertical-align: top; margin: 0px 3px 5px 0px; border-radius: 5px; border: 1px solid rgb(160, 160, 160); color: rgb(94, 94, 94); font-size: 12px; line-height: 12px; padding: 5px; font-weight: 500; transition: 0.3s;} .video-holder .categor-holder .row-item {display: inline-block; vertical-align: top; margin: 0px 5px 5px 0px; padding: 7px 10px; transition: background 0.3s, color 0.3s; border-radius: 10px; background-color: rgba(94, 94, 94, 0.15); color: rgb(94, 94, 94); font-size: 14px; line-height: 16px; font-weight: 300; border: none;} .title-video {color: rgb(94, 94, 94); font-size: 18px; padding: 25px 0px 0px; line-height: 20px; font-weight: 500;} .video-holder {display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: nowrap;} .video-holder .right {width: calc(100% - 525px); padding: 0px 20px 0px 0px;} .video-holder .left {min-width: 525px; width: 525px;} .video-holder .models-list {box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px; border-radius: 5px; background-color: rgb(255, 255, 255); padding: 20px; margin: 0px 0px 20px;} .video-holder .models-list .thumbs-holder {padding: 0px 0px 10px;} .video-holder .models-list .thumbs-holder.mobi {display: none;} .video-holder .models-list .thumbs-holder.mobi .categor-holder {box-shadow: none; border-radius: 0px; background-color: transparent; padding: 0px;} .video-holder .models-list .text {color: rgb(94, 94, 94); font-size: 16px; line-height: 18px; font-weight: 500; padding: 0px 0px 10px;} .video-holder .models-list .item {width: 50%;} .video-holder .models-list .item .info-holder {padding: 5px 7px;} .video-holder .models-list .item .title {font-size: 14px; line-height: 16px; padding: 0px 0px 5px;} .video-holder .categor-holder {box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px; border-radius: 5px; background-color: rgb(255, 255, 255); padding: 20px;} .video-holder .categor-holder .row {padding: 0px 0px 5px;} .video-holder .categor-holder .row:last-of-type {padding: 0px;} .video-holder .categor-holder .row-title {color: rgb(94, 94, 94); font-size: 16px; line-height: 18px; padding: 0px 0px 10px; font-weight: 500;} .player-holder {box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px; border-radius: 0px 0px 10px 10px; margin: 0px 0px 35px; background-color: rgb(255, 255, 255);} .player-wrap {position: relative;} .player-holder .video-info {padding: 17px;} .player-holder .buttons-holder {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: nowrap;} .player-holder .tabs-holder {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start;} .player-holder .tabs-holder .tab {margin: 0px 10px 0px 0px; position: relative;} .player-holder .tabs-holder .tab:hover > a.btn { color:#fff; background:#e6184e; box-shadow: 0 0 3px #e6184e; } .player-holder .tabs-holder .tab:last-of-type {margin: 0px;} .player-holder .tabs-holder .tab .btn {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; box-shadow: rgba(94, 94, 94, 0.5) 0px 0px 3px; border-radius: 5px; background-color: rgb(255, 255, 255); color: rgb(94, 94, 94); font-size: 15px; line-height: 15px; font-weight: 300; padding: 7px; transition: 0.3s;} .player-holder .tabs-holder .tab .btn i {font-size: 17px; margin: 0px 5px 0px 0px;} .player-holder .tabs-holder .tab .btn.active {color: rgb(255, 255, 255); box-shadow: rgb(230, 24, 78) 0px 0px 3px; background-color: rgb(230, 24, 78);} .player-holder .view-video {padding: 20px 0px 0px; font-size: 14px;} .player-holder .view-video .bold {font-weight: 500;} .player-holder .tabs-content {padding: 15px 0px 0px;} .player-holder .tabs-content .info-block {color: rgb(94, 94, 94); font-size: 15px; line-height: 18px; font-weight: 300; display: none;} .rating-info .info .item:first-of-type {padding-top: 0px; padding-right: 0px; padding-bottom: 12px; padding-left: 0px;} .form-holder .row:last-of-type {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;} .form-holder .row .input:focus {border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(230, 24, 78); border-right-color: rgb(230, 24, 78); border-bottom-color: rgb(230, 24, 78); border-left-color: rgb(230, 24, 78); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial;} .icon-dislike::before {content: "\e911";} .icon-share::before {content: "\e91a";} .icon-inform::before {content: "\e91b";} .icon-download::before {content: "\e91f";} .video-holder .categor-holder .row:last-of-type {padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} .player-holder .tabs-holder .tab:last-of-type {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;} .album-holder .album {margin: 0px 0px 20px; line-height: 0; border-radius: 8px; overflow: hidden;} .album-info .inform {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: nowrap; border-bottom: 1px solid rgba(94, 94, 94, 0.35); padding: 0px 0px 20px; margin: 0px 0px 20px;} .album-info .inform .item-info {color: rgb(94, 94, 94); font-size: 14px; line-height: 14px; font-weight: 300; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; flex-wrap: nowrap;} .album-info .inform .item-info i {color: rgb(0, 0, 0); font-size: 19px; margin: 0px 10px 0px 0px; display: inline-block;} .album-info .inform .item-info i.icon-eye {font-size: 12px;} .album-info .rating-info .rating-fav {border: 0px; width: 100%;} .album-info .rating-info .rating-holder {width: 100%; max-width: 330px; margin: 0px auto;} .video-holder .left .block-holder {box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px; border-radius: 10px; background-color: rgb(255, 255, 255); padding: 20px; margin: 0px 0px 20px;} .video-holder .left .block-holder:last-of-type {margin: 0px;} .video-holder .left .block-holder .text-title {color: rgb(94, 94, 94); font-size: 16px; line-height: 18px; padding: 0px 0px 10px; font-weight: 500; display: block;} .video-holder .left .block-holder:last-of-type {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;} .view-model .headline {padding: 0px 0px 20px;} .view-model .model-holder {box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px; border-radius: 10px; background-color: rgb(255, 255, 255); overflow: hidden;} .view-model .info-holder {padding: 20px;} .view-model .model-info {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap; margin: 0px -10px;} .box .headline .enable_albums {margin: 0px 10px 0px auto;} .box .sort-holder.enable_albums .sort:last-of-type {width: 100%; justify-content: flex-start;} .info-subs {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 0px 0px 20px;} .content_sources.box .container {flex-wrap: nowrap !important;} .box .sort-holder .sort .selected.active i {color: rgb(255, 255, 255);} .box .sort-content {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-wrap: nowrap;} .box .sort-content .selected i {font-size: 18px !important; transition: color 0.3s !important;} .box .sort-content .selected:first-of-type {border-radius: 5px 0px 0px 5px;} .box .sort-content .selected:last-of-type {border-radius: 0px 5px 5px 0px;} .box .sort-content .selected:first-of-type {border-top-left-radius: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 5px;} .box .sort-content .selected:last-of-type {border-top-left-radius: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px;} .box.categories-list .tabs-content {display: none;} .box.categories-list .tabs-content.active {display: block;} .box.categories-list .sort-conten .selected {color: rgb(94, 94, 94); font-size: 14px; line-height: 16px; padding: 10px 0px; margin: 0px 10px; transition: 0.3s; font-weight: 700; border-bottom: 2px solid rgb(94, 94, 94);} .box.categories-list .sort-conten .selected.active {color: rgb(230, 24, 78); border-color: rgb(230, 24, 78); pointer-events: none; cursor: default;} .box.categories-list .items-list {padding: 20px 0px 0px; margin: 0px -15px; column-count: 5; position: relative;} .box.categories-list .items-list .letter-holder {padding: 0px 15px; border-right: 1px solid rgba(0, 0, 0, 0.1);} .box.categories-list .items-list .item {width: 100%; padding: 0px; margin: 0px 0px 10px;} .box.categories-list .items-list .item.title {border-radius: 5px; background-color: rgb(230, 24, 78); color: rgb(255, 255, 255); font-size: 18px; line-height: 20px; padding: 6px 10px; font-weight: 500; margin: 0px 0px 10px 10px; width: auto; text-transform: uppercase;} .box.categories-list .items-list .item .link {display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: nowrap; transition: color 0.3s, background 0.3s; color: rgb(0, 0, 0); font-size: 16px; line-height: 18px; font-weight: 300; border-radius: 5px; padding: 7px 10px;} .box.categories-list .items-list .item .link .quantity {color: rgb(94, 94, 94); font-size: 16px; line-height: 18px; transition: color 0.3s;} .box.categories-list .items-list::after {content: ""; display: inline-block; width: 5px; right: 0px; top: 0px; position: absolute; bottom: 0px; height: 100%; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 246, 246);} .error_404-holder {position: relative; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: nowrap; padding: 65px 0px 0px;} .error_404-holder .model {position: relative; left: -160px; padding: 25px 0px 0px;} .error_404-holder .page-error {color: rgb(230, 24, 78); font-size: 48px; line-height: 50px; font-weight: 900; display: inline-block; white-space: nowrap; position: relative; left: -267px; padding: 35px 0px 0px;} .view-model .model-img {line-height: 0; position: relative; padding-bottom: 24.2%;} .view-model .model-img img {width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; } .box.show .items-list { width: 100%; } .box .items-list.empty { padding: 30px 0 0; text-align: center; } .box .items-list.empty .text { color: #5e5e5e; font-size: 24px; line-height: 28px; font-weight: 300; padding: 0 0 70px; } .box .items-list.empty .icon-holder img { width: 100%; max-width: 205px; } .box .items-list.empty .icon-holder { padding: 0 0 70px; } .fa { font-family: "Font Awesome 6 Brands"; } .panel-holder { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px; border-radius: 10px; background-color: rgb(255, 255, 255); overflow: hidden; } .panel-holder .info-holder { padding: 20px; } /* ===== Footer: Information (mobile-first) ===== */ .footer-legal{ margin-top: 24px; padding-top: 16px; margin-bottom: 20px; border-top: 1px solid rgba(255,255,255,.08); } .footer-legal__title{ margin: 0 0 12px; font-size: 12px; line-height: 1.2; letter-spacing: .14em; text-transform: uppercase; opacity: .8; } /* сетка ссылок: по умолчанию 1 колонка — удобно пальцем */ .footer-legal__list{ --gap: 10px; --radius: 12px; --padY: 10px; --padX: 12px; display: grid; grid-template-columns: 1fr; gap: var(--gap); list-style: none; margin: 0; padding: 0; } /* элемент списка — растягиваем ссылку на всю ширину */ .footer-legal__list li{ min-width: 0; } .footer-legal__list a{ display: flex; align-items: center; justify-content: space-between; /* место под стрелочку-индикатор */ gap: 8px; min-height: 44px; /* комфортный тап-таргет */ padding: var(--padY) var(--padX); border-radius: var(--radius); border: 1px solid transparent; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .06s ease; } /* маленькая стрелка-указатель направления (псевдоиконка) */ .footer-legal__list a::after{ content: "›"; font-size: 16px; line-height: 1; opacity: .7; } /* hover/active/focus */ .footer-legal__list a:hover{ transform: translateY(-1px); } .footer-legal__list a:active{ transform: translateY(0); } .footer-legal__list a:focus-visible{ outline: none; box-shadow: 0 0 0 3px rgba(59,130,246,.35); } /* ── Dark (по умолчанию или body.dark) ───────────────────────── */ body.dark .footer-legal, .footer-legal{ border-top-color: rgba(255,255,255,.08); } body.dark .footer-legal__title, .footer-legal__title{ color: #cfd6e4; } body.dark .footer-legal__list a, .footer-legal__list a{ background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .09); } body.dark .footer-legal__list a{color: #e5eaf3;} body.dark .footer-legal__list a:hover, .footer-legal__list a:hover{ color:#ffffff; background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.18); box-shadow: 0 4px 12px rgba(0,0,0,.35); } /* ── Light (body.light) ─────────────────────────────────────── */ body.light .footer-legal{ border-top-color:#e5e7eb; } body.light .footer-legal__title{ color:#334155; opacity:.75; } body.light .footer-legal__list a{ color:#334155; background:#f8fafc; border-color:#e2e8f0; } body.light .footer-legal__list a:hover{ color:#0f172a; background:#eef5ff; border-color:#cbd5e1; box-shadow: 0 4px 12px rgba(15,23,42,.08); } /* Контейнер: 4 элемента в строку с авто-переносом на узких экранах */ .rating-holder{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; } /* Кнопки like/dislike визуально одинаковые по высоте */ .rating-holder .btn{ display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:10px; text-decoration:none; color:#fff; box-shadow:0 6px 18px rgba(2,6,23,.06); transition:transform .15s ease, background .15s ease; } .rating-holder .btn:hover{ background:#111827; transform:translateY(-1px); } .rating-holder .btn i{ font-style:normal; } .rating-holder .btn:hover i, .rating-holder .btn:hover span.quantity { color: #fff; } /* Блок плагинов: превращаем ul в инлайн-кнопки, чтобы это были 3-й и 4-й элементы */ .rating-holder .btn-favourites{ display:flex; gap:12px; padding:0; margin:0; list-style:none; } .rating-holder .btn-favourites > li{ margin:0; } /* Нормализуем кнопки, которые выводят плагины (как правило или