html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:hover { border: 0; } body, input, button, textarea {font-family: 'Poppins', sans-serif;} input { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
body {background-color: #03091e; -webkit-overflow-scrolling: touch; color: rgba(255, 255, 255, 0.7); transition: all 300ms ease-in-out 0s; font-family: 'Archivo',Sans-serif; font-style: normal; font-weight: 300;} body a { color: #fe3564; }
body h1 {font-size:60px; color:#fff; line-height: 1.2; font-weight: 600;}
body h1 img {vertical-align:bottom; margin-left: 6px; height: 58px;}
/* archivo-300 - latin */
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 300;
src: url('../fonts/archivo-v18-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/archivo-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/archivo-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/archivo-v18-latin-300.woff') format('woff'), /* Modern Browsers */
url('../fonts/archivo-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/archivo-v18-latin-300.svg#Archivo') format('svg'); /* Legacy iOS */
}
/* archivo-regular - latin */
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 400;
src: url('../fonts/archivo-v18-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/archivo-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/archivo-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/archivo-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/archivo-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/archivo-v18-latin-regular.svg#Archivo') format('svg'); /* Legacy iOS */
}
/* archivo-600 - latin */
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 600;
src: url('../fonts/archivo-v18-latin-600.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/archivo-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/archivo-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/archivo-v18-latin-600.woff') format('woff'), /* Modern Browsers */
url('../fonts/archivo-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/archivo-v18-latin-600.svg#Archivo') format('svg'); /* Legacy iOS */
}
/* archivo-700 - latin */
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 700;
src: url('../fonts/archivo-v18-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/archivo-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/archivo-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/archivo-v18-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/archivo-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/archivo-v18-latin-700.svg#Archivo') format('svg'); /* Legacy iOS */
}
/* archivo-900 - latin */
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 900;
src: url('../fonts/archivo-v18-latin-900.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/archivo-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/archivo-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/archivo-v18-latin-900.woff') format('woff'), /* Modern Browsers */
url('../fonts/archivo-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/archivo-v18-latin-900.svg#Archivo') format('svg'); /* Legacy iOS */
}
.overflow__site {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; overflow: hidden; position: relative; z-index: 0; min-height:100vh;}
.content-page {-webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; min-height: 1px;}
.gradient-top-right { top: 0;right: 0;background-image: url(../images/gradient-top-right.png);}
@media (min-width: 768px) {.gradient-top-right {width: 1440px;height: 1057px;}}
.gradient-center-left {bottom: 0;left: 0;background-image: url(../images/gradient-center-left.png);}
@media (min-width: 768px) {.gradient-center-left {width: 1369px;height: 2614px;}}
.gradient-bottom-right {bottom: 0;right: 0;background-image: url(../images/gradient-bottom-right.svg);}
@media (min-width: 768px) {.gradient-bottom-right { width: 1020px; height: 1749px;}}
.gradient-top, .gradient-top-2, .gradient-top-right, .gradient-bottom, .gradient-bottom-left, .gradient-bottom-right, .gradient-bottom-2, .gradient-center-right, .gradient-center-right-2, .gradient-center-left{position: absolute; z-index: -1; background-repeat: no-repeat; background-position: 0 0; background-size: contain;}
.article__conteiner {max-width:1200px; margin-left:auto; margin-right:auto; padding-top:120px;}
.main__contacts {padding-top:30px; padding-bottom:50px;}
.contact__item {display:inline-block; margin-right:25px;}
.contant__box {position:relative; padding-left:35px;}
.contact__dot {display:inline-block; width:45px; height:45px; border-radius:35px; position:relative; z-index:2; position:absolute; left:13px; top:-5px;}
.contact__dot.blue {background: rgb(40,159,220);
background: -moz-linear-gradient(306deg, rgba(40,159,220,1) 0%, rgba(94,193,244,1) 100%);
background: -webkit-linear-gradient(306deg, rgba(40,159,220,1) 0%, rgba(94,193,244,1) 100%);
background: linear-gradient(306deg, rgba(40,159,220,1) 0%, rgba(94,193,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#289fdc",endColorstr="#5ec1f4",GradientType=1);}
.contact__dot.green {background: rgb(67,176,42);
background: -moz-linear-gradient(306deg, rgba(67,176,42,1) 0%, rgba(91,210,64,1) 100%);
background: -webkit-linear-gradient(306deg, rgba(67,176,42,1) 0%, rgba(91,210,64,1) 100%);
background: linear-gradient(306deg, rgba(67,176,42,1) 0%, rgba(91,210,64,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#43b02a",endColorstr="#5bd240",GradientType=1);}
.contact__article {position:relative; z-index:3;}
.contact__icon-box {display:inline-block;background: rgba(255, 255, 255, 0.2);
border-radius:5px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3); width:35px; height:35px;}
.contact__icon-box {position:relative;}
.contact__icon-box svg {fill:#fff; position:absolute; left:50%; top:50%; height:22px; margin-left:-11px; margin-top:-11px;}
.contact__item-link {display:inline-block; vertical-align:top; padding:5px 0 0 8px;}
.contact__item-link a {text-decoration:none; color:#fff; font-weight:600; font-size:15px;}
.contact__item-link small {font-weight:300; font-size:13px; display:block; margin-top:3px;}
.contact__item:last-child {margin-right:0;}
.contact__item:first-child .contact__icon-box svg {height:18px; margin-left:-13px; margin-top:-8px;}
@media screen and (max-width:1240px) {
.article__conteiner {padding-left:20px; padding-right:20px;}
}
.head__holder-box {background:#24181c;margin-bottom:15px; text-align:center; transition: all 300ms ease-in-out 0s; position:relative; z-index:30;}
.head__content-box:after {content:''; display:block; clear:both;}
.head__content-box {padding:15px 0;}
.head__logotype {display:inline-block; float:left;}
.head__logotype img{transition: all 300ms ease-in-out 0s; height:40px; vertical-align:bottom; display:inline-block;}
.head__logotype img.logo-light {display:none;}
.head__logotype img.dark_logo {}
.site__navigation {display:inline-block; }
.navigation-link {display:inline-block; margin:0 10px;}
.navigation-link a {display:block; color:#fff; text-decoration:none; text-transform:uppercase; line-height:40px; font-size:15px;}
.navigation-link.select a,
.navigation-link a:hover {color:#f82c5d;}
.navigation-link a i{margin-right:5px;}
.search-box {display:inline-block; float:right;}
.search-box form {display:block; position:relative;}
.search-box form button {height:40px; position:absolute; right:-2px; top:0px;
-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color:#fff; font-weight:500; border:0; background:#f82c5d; cursor:pointer; padding:0 14px;}
.search-box form button:focus {outline:none;}
.search-box form button i {font-weight:normal; margin-right:5px;}
.search-input-block {line-height:38px; border:1px solid rgba(255,255,255,.2); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;
width: -webkit-calc(100% - 130px); width: -moz-calc(100% - 130px); width: calc(100% - 130px); background:#24181c; padding:0 110px 0 20px; color:#fff;}
.search-input-block::-webkit-input-placeholder {color: #fff;}
.search-input-block::-moz-placeholder {color: #fff;}
.search-input-block:-ms-input-placeholder {color: #fff;}
.search-input-block:-moz-placeholder {color: #fff;}
.search-input-block:focus {outline:none;}
.site-color-scheme-button {display:inline-block; float:right; border:1px solid rgba(255,255,255,.2); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; height:38px; width:70px; position:relative; margin-left:20px; cursor:pointer;}
.action-circle-button {display:inline-block; position:absolute; left:8px; top:6px; width:25px; height:25px; background:#f82c5d; webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; transition: all 300ms ease-in-out 0s;}
.demo-icon.icon-moon {display:inline-block; width:38px; height:38px; position:absolute; right:0; top:0; color:#fff; line-height:38px; transition: all 300ms ease-in-out 0s;}
.demo-icon.icon-sun {display:inline-block; opacity:0; width:38px; height:38px; position:absolute; left:0; top:0; color:#fff; line-height:38px; transition: all 300ms ease-in-out 0s;}
.site-color-scheme-button.check .demo-icon.icon-moon{opacity:0;}
.site-color-scheme-button.check .demo-icon.icon-sun{opacity:1;}
.article-content-box {}
.article-view-video-box {}
.article-view-video-box:after {content:''; display:block; clear:both;}
.view-video-box {display: inline-block; float: left; width: -webkit-calc(100% - 310px); width: -moz-calc(100% - 310px); width: calc(100% - 310px);}
.video-player-box {position: relative; padding-bottom: 56.25%; zoom: 1; width: 100%; overflow: hidden;}
.video-player-box iframe {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; float: none; overflow: hidden;}
.video-information-box {padding:12px; background:#24181c;}
.video-main-info-overflow:after {content:''; display:block; clear:both;}
.video-main-left-column-info {display:inline-block; float:left; width: -webkit-calc(100% - 320px); width: -moz-calc(100% - 320px); width: calc(100% - 320px);}
.video-title-text {display:block; color:#fff; font-weight:500; font-size:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.video-short-data-nums {margin-top:6px;}
.video-short-data-nums span {display:inline-block; font-size:12px; margin-right:10px;}
.video-short-data-nums span:last-child {margin-right:0;}
.video-short-data-nums span i { display:inline-block;margin-right:4px; }
.video-rate-vote-info {display:inline-block; float:right; width:300px;}
.video-rate-vote-info:after {content:''; display:block; clear:both;}
.video-rate-vote-line {position:relative; overflow:hidden; background:#332228; height:4px; width:100%;}
.video-rate-vote-line hr{margin:0; padding:0; border:0; display:inline-block; position:absolute; left:0; top:0; bottom:0; background:#fe3564;}
.video-rate-buttons {margin-top:5px;}
.video-rate-button-info-item{display:inline-block; float:left; width:33.3%; text-align:center; line-height:30px; font-size:12px;}
.video-rate-button-info-item span {display:block; cursor:pointer; border:1px solid rgba(255,255,255,.1);}
.video-rate-button-info-item span.check {color:#fff;}
.video-rate-button-info-item:last-child {color:#fff;}
.video-rate-button-info-item:last-child i {color:#fe3564;}
.video-rate-button-info-item i { margin-right:5px;}
.video-link-information {padding:15px 0 10px 0;}
.video-source-link-box:after {content:''; display:block; clear:both;}
.video-source-link-box {}
.video-source-title-link {display:inline-block; float:left; font-size:12px; line-height:28px;}
.video-source-liks-items {width: -webkit-calc(100% - 140px); width: -moz-calc(100% - 140px); width: calc(100% - 140px); display:inline-block; float:right;}
.video-source-liks-items a {display:inline-block; text-decoration:none; color:#fff; border:1px solid rgba(255,255,255,.1); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin:0 6px 6px 0; font-size:12px; line-height:26px; padding:0 10px; transition: all 300ms ease-in-out 0s;}
.video-source-liks-items a:hover {background:#fe3564; border:1px solid #fe3564;}
.video-similar-contentbox {display: inline-block; float: right; width: 300px;}
.title-area-box {margin:12px 0;}
.title-area-box h3,
.title-area-box h2 {display:block; font-size:17px; color:#fff; font-weight:500;}
.title-area-box h3 i,
.title-area-box h2 i {color:#fe3564; margin-right:5px; }
.related-list-tags {margin:15px 0 20px 0;}
.related-list-tags li {display:inline-block;}
.related-list-tags li a {display:block; text-decoration:none; font-size:11px; color:#a2828d; margin:0 5px 5px 0;}
.related-list-tags li a.size-5:hover,
.related-list-tags li a:hover {color:#fe3564;}
.related-list-tags li a i {}
.related-list-tags li a.size-1 {font-size: 11px;}.related-list-tags li a.size-2 {font-size: 12px;}.related-list-tags li a.size-3 {font-size: 14px;}.related-list-tags li a.size-4 {font-size: 16px;}.related-list-tags li a.size-5 {font-size:18px; color:#fff;}
.video-thumbs:after {content:''; display:block; clear:both;}
.video-thumbs {}
.video-thumb-item {display:inline-block; float:left; width:25%;}
.thumb-wrapper {margin:4px;}
.thumb-screen {display:block; position:relative; padding-top: 75%; overflow:hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.thumb-labels-data { transition: all 300ms ease-in-out 0s; padding:5px; background:#24181c;}
.thumb-labels-data:after {content:''; display:block; clear:both;}
.thumb-labels-data span {font-size:12px; color:#fff; display:inline-block; float:right; margin-left:8px;}
.thumb-labels-data span:first-child {float:left; margin-left:0;}
.thumb-labels-data span:last-child i {color:#fe3564;}
.thumb-labels-data span i {margin-right:5px;}
.thumb-screen img {display:inline-block; position: absolute; left: 0; top: 0; width: 100%; object-fit: cover; vertical-align:top; }
.thumb-video-quality {display:inline-block; position:absolute; z-index:11; position:absolute; right:10px; top:10px; text-transform:uppercase; color:#fff; font-size:11px; font-weight:500; background:#fe3564; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; line-height:20px; padding:0 8px;}
.video-descriptions.category-infobox:after {content:''; display:block; clear:both;}
.video-descriptions.category-infobox .video-thumb-title {display:inline-block; float:left; max-width: -webkit-calc(100% - 70px); max-width: -moz-calc(100% - 70px); max-width: calc(100% - 70px);}
.cat-amount-video {display:inline-block; float:right; line-height:15px; font-size:12px; margin:3px 0; line-height:19px;}
.thumb-wrapper:hover .cat-amount-video {color:#fff;}
.cat-amount-video i {margin-right:5px; display:inline-block; color:#fe3564;}
.video-thumb-title {color:#fff; text-decoration:none; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; font-size:15px;margin:3px 0; line-height:19px;}
.thumb-wrapper:hover .video-thumb-title,
.video-thumb-title:hover {color:#fe3564;}
.video-data-bottom-info:after {content:''; display:block; clear:both;}
.video-data-bottom-info {}
.video-data-right-info {}
.video-data-tags {overflow:hidden; padding:2px 0; height:17px;}
.video-data-tags a {text-decoration:none; font-size:12px; background:red; color:#a2828d; background:#24181c; padding:0 6px; margin:0 5px 5px 0; display:inline-block; line-height:17px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.video-data-tags a:hover {background:#fe3564; color:#fff;}
.popular-tags-wrapper .title-area-box {margin: 0px 0 0 -20px; display:inline-block; background:#332228; padding-right:20px; -webkit-border-radius: 0px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius: 0px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
border-radius: 0px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px; }
.popular-tags-wrapper .title-area-box h3 {line-height:35px;}
.popular-tags-wrapper{background:#24181c; padding:20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.popular-tag-inner {}
.popular-tag-search-area {position:relative;margin:20px 0;}
.popular-tag-search-area i {position:absolute; line-height:40px; left:15px; bottom:0; color:#24181c;}
.popular-tag-search-area input {background:#fff; line-height:40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border:0; display:block;
width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px); padding:0 20px 0 60px;}
.popular-tag-search-area input:focus {outline:none;}
.popular-tag-items:after {content:''; display:block; clear:both;}
.popular-tag-items {}
.popular-tag-items li {display:inline-block; float:left; width:20%;}
.popular-tag-items li a {display:block; padding:6px 0px 6px 0; margin-right:10px; text-decoration:none; color:#fff; }
.cat-title {color:#a2828d; font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; margin-right: 10px; padding-bottom: 3px; line-height:17px;}
.cat-title:hover {color:#fe3564;}
.cat-count {-webkit-border-radius: 13px; border-radius: 13px; background-color: #332228; color: #fff; font-size: 10px; font-weight: 300; padding: 0px 10px; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; line-height:20px; display:inline-block;}
.popular-tag-items li a:hover .cat-count {background:#fe3564; color:#fff;}
.similar-site-links:after {content:''; display:block; clear:both;}
.similar-site-links {}
.similar-link-body {display: inline-block; float: left; width: 20%;}
.similar-link-body a {display:block; text-decoration:none; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#a2828d; line-height:35px; font-size:14px;}
.similar-link-body a:hover {color:#fe3564;}
.similar-link-body a i {margin-right:6px;}
footer {background:#24181c; text-align:center; margin-top:30px;}
footer .head__logotype {float:none; margin-bottom:10px;}
footer .head__logotype img {opacity:.5;}
footer .head__logotype:hover img { opacity:1;}
.footer-inner {padding:20px 0;}
.footer-inner p {text-align:center; line-height:1.4; margin:8px 0; font-size:12px; }
.footer-inner p a {display:inline-block; color:#fff; text-decoration:none; font-size:13px; margin:0 12px;}
.footer-inner p a:hover {color:#fe3564;}
.adalt-link {display:block; text-align:center; margin:10px 0 0 0;}
.adalt-link a {display:inline-block;}
.menu-button-view,
.search-button-view {display:none; float:right; line-height:40px; text-align:center; min-width:40px; border:1px solid rgba(255,255,255,.2); margin-left:15px;}
.menu-button-view i,
.search-button-view i {}
.title-area-box.double-block:after {content:''; display:block; clear:both;}
.title-area-box.double-block h2 {display:inline-block; float:left; line-height:33px;}
.sorting-block {display:inline-block; float:right;}
.sort-by {display:inline-block; position:relative; line-height:31px; border:1px solid #4a353c; padding:0 12px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size:13px; z-index:15; cursor:pointer;}
.sort-by:before {content:'Sort by';}
.sort-select {color:#fff; position:relative; padding-right:18px;}
.sort-select i{display:inline-block; line-height:10px; width:10px; text-align:center; position:absolute; right:0; top:2px; font-size:11px; -moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);}
.sort-drop-links {position:absolute; left:0; right:0; background:#332228; z-index:11; transition: all 300ms ease-in-out 0s; max-height:0px; overflow:hidden; padding:0 12px;-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}
.sort-by:hover .sort-drop-links {max-height:300px;}
.sort-drop-links li {}
.sort-drop-links li a{text-decoration:none; color:#fff;}
.sort-drop-links li:hover a {color:#fff; color:#f82c5d;}
.sort-video-quality {display:inline-block;}
.sort-video-quality a{display:inline-block; line-height:31px; border:1px solid #4a353c; padding:0 15px; color:#fff; text-decoration:none; font-size:13px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin:0 4px;}
.sort-video-quality a:last-child {margin-right:0;}
.sort-video-quality a.select,
.sort-video-quality a:hover{color:#fff; border:1px solid #f82c5d; background:#f82c5d;}
.page-navigation-overflow {text-align:center;margin:15px 0;}
.page-navigation-overflow span,
.page-navigation-overflow a {display:inline-block; line-height:35px; min-width:50px; text-decoration:none; color:#fff; font-size:13px; background:#24181c; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.page-navigation-overflow a.select,
.page-navigation-overflow a:hover {background:#fe3564; color:#fff;}
body.light {background:#fdf9fa; color:#867478;}
body.light .title-area-box h3, body.light .title-area-box h2 {color:#0d0c22;}
body.light .video-thumb-title {color:#0d0c22;}
body.light .video-data-tags a {background:#fff;}
body.light .video-rate-vote-line {background:#fff7f9;}
body.light .video-data-tags a:hover {color:#fff; background:#fe3564;}
body.light .video-rate-button-info-item:last-child{color:#867478;}
body.light .video-rate-button-info-item span {border:1px solid rgb(243 243 244);}
body.light .video-source-liks-items a{border:1px solid rgb(243 243 244); color:#0d0c22;}
body.light .video-source-liks-items a:hover {color:#fff; border:1px solid #f82c5d; background:#f82c5d;}
body.light .head__holder-box {background:#fff;}
body.light .search-input-block {background:#f3f3f4; border:1px solid #f3f3f4; color:#0d0c22;}
body.light .search-input-block::-webkit-input-placeholder {color: #0d0c22;}
body.light .search-input-block::-moz-placeholder {color: #0d0c22;}
body.light .search-input-block:-ms-input-placeholder {color: #0d0c22;}
body.light .search-input-block:-moz-placeholder {color: #0d0c22;}
body.light .navigation-link a {color: #0d0c22;}
body.light .navigation-link.select a,
body.light .navigation-link a:hover {color:#f82c5d;}
body.light .head__logotype .dark_logo {display:none;}
body.light .head__logotype img.logo-light {display:inline-block;}
body.light .site-color-scheme-button {border:1px solid rgb(243 243 244);}
body.light .demo-icon.icon-sun {color:#0d0c22;}
body.light .video-information-box {background:#fff;}
body.light .video-title-text {color:#0d0c22;}
body.light .video-rate-button-info-item span.check,
body.light .related-list-tags li a.size-5 {color:#0d0c22;}
body.light .popular-tags-wrapper {background:#fff;}
body.light .popular-tag-search-area input {background:#f3f3f4; color:#0d0c22;}
body.light .popular-tag-search-area input::-webkit-input-placeholder {color: #0d0c22;}
body.light .popular-tag-search-area input::-moz-placeholder {color: #0d0c22;}
body.light .popular-tag-search-area input:-ms-input-placeholder {color: #0d0c22;}
body.light .popular-tag-search-area input:-moz-placeholder {color: #0d0c22;}
body.light .popular-tags-wrapper .title-area-box {background:#fdf9fa;}
body.light .cat-count {background:#0d0c22;}
body.light footer {background:#fff;}
body.light .footer-inner p a {color:#0d0c22;}
body.light .head__holder-box.visible-navigation .site__navigation,
body.light .head__holder-box.visible-search .search-box {background:#fff;}
body.light .menu-button-view, body.light .search-button-view {border:1px solid rgb(243 243 244);}
body.light .sort-by { border: 1px solid #f3f3f4;}
body.light .sort-select {color:#0d0c22;}
body.light .sort-drop-links {background:#fff;}
body.light .sort-drop-links li a{color:#0d0c22;}
body.light .sort-drop-links li a:hover {color:#fe3564;}
body.light .sort-video-quality a.select,
body.light .sort-video-quality a:hover {border:1px solid #f82c5d; background:#f82c5d; color:#fff;}
body.light .sort-video-quality a {border:1px solid #f3f3f4; color:#0d0c22;}
.site-color-scheme-button.check .action-circle-button {left:40px;}
@media screen and (min-width:1200px) {
.footer-inner, .head__content-box, .article-content-box {max-width: 1200px;margin-left: auto; margin-right: auto;}
}
@media screen and (max-width:1170px) {
.footer-inner, .head__content-box, .article-content-box {padding-left:15px; padding-right:15px;}
}
@media screen and (max-width:980px) {
.view-video-box {float:none; display:block; width:100%;}
.video-similar-contentbox {display:block; width:100%; float:none; overflow:hidden; height:250px; margin:12px 0; text-align:center;}
}
@media screen and (max-width:960px) {
.search-box,
.site__navigation {overflow:hidden; max-height:0px; position:absolute; left:0; right:0; top:74px;transition: all 300ms ease-in-out 0s;}
.head__holder-box.visible-search .search-box {max-height:75px}
.head__holder-box {margin-bottom:0;transition: all 300ms ease-in-out 0s}
.head__holder-box.visible-search {margin-bottom:85px;}
.head__holder-box.visible-navigation {margin-bottom:55px;}
.head__holder-box.visible-navigation .site__navigation {max-height:270px;}
.menu-button-view,
.search-button-view {display:inline-block;}
.site-color-scheme-button {height:42px; width:30px; float:left;}
.action-circle-button {width:16px; height:16px;}
.site-color-scheme-button.check .action-circle-button {right: auto; top: 20px; left: 8px;}
.demo-icon.icon-sun,
.demo-icon.icon-moon {width:30px; height:30px; top:auto; bottom:-3px; font-size:11px; line-height:30px;}
.demo-icon.icon-sun {top:-3px; bottom:auto; left:1px;}
.head__holder-box.visible-navigation .site__navigation{display:block; background:#24181c; z-index:11;}
.head__holder-box.visible-search .search-button-view .demo-icon.icon-search-1:before,
.head__holder-box.visible-navigation .demo-icon.icon-menu-1:before {content:'';}
.head__holder-box.visible-search .search-box {display:block; background:#24181c; z-index:11;}
.search-box form {padding:15px;}
.search-box form button {right:13px; top:15px;}
}
@media screen and (max-width:920px) {
.video-thumb-item {width:33.3%;}
}
@media screen and (max-width:780px) {
.similar-link-body,
.popular-tag-items li {width:25%;}
}
@media screen and (max-width:680px) {
.video-rate-vote-info {margin-top:15px;}
.video-rate-vote-info,
.video-main-left-column-info {float:none; display:block; width:100%;}
.similar-link-body,
.popular-tag-items li {width:33.3%;}
}
@media screen and (max-width:640px) {
.video-thumb-item {width:50%;}
}
@media screen and (max-width:620px) {
.title-area-box.double-block h2 {float:none; display:block;}
.sorting-block {float:none; display:block; margin-top:12px;}
}
@media screen and (max-width:560px) {
.video-source-title-link {display:block; float:none;}
.video-source-liks-items {float:none; display:block; width:100%;}
.similar-link-body,
.popular-tag-items li {width:50%;}
}
@media screen and (max-width:480px) {
.similar-link-body, .popular-tag-items li {width:auto;}
}
@media screen and (max-width:420px) {
.thumb-labels-data span:nth-child(2) {display:none;}
.page-navigation-overflow span, .page-navigation-overflow a {display:none;}
.page-navigation-overflow a.next,
.page-navigation-overflow a.prev,
.page-navigation-overflow a.select {display:inline-block;}
.thumb-wrapper {margin-bottom:8px;}
.navigation-link a {line-height:45px;}
}
@media screen and (max-width:380px) {
.site-color-scheme-button {margin-left:15px;}
.head__logotype {margin-top:8px;}
.head__logotype img {height:30px;}
}
@media screen and (max-width:360px) {
.head__holder-box.visible-navigation {margin-bottom:145px;}
.sort-video-quality {display:block; text-align:center;}
.sort-by {display:block; width:auto; text-align:center; margin-bottom:12px;}
.navigation-link {margin:0;display:block; width:100%;}
}