a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, 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; }
button, input, select, textarea { vertical-align: middle; -o-box-sizing: border-box; box-sizing: border-box; outline: none !important; }
button, input[type="submit"] { padding: 0; margin: 0; border: none; cursor: pointer; }
button::-moz-focus-inner { padding: 0; border: none; }
input[type="text"], input[type="button"], input[type="submit"] { -webkit-appearance: none; }
:focus::placeholder, :focus::-moz-placeholder, :focus::-webkit-input-placeholder, :focus:-ms-input-placeholder { color: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:after, blockquote:before, q:after, q:before { content: ""; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: none; vertical-align: bottom; }
* { -webkit-overflow-scrolling: touch; }

/* CI CD TEST */

/*************************************************************************************************************************************************/

html, body { min-width: 320px; min-height: 100vh; overflow: auto; }
html, body, button, input, select, textarea { font: 13px/1.2 Arial, Helvetica, sans-serif; }
input[type="text"], input[type="password"], input[type="email"] { width: 100%; height: 40px; line-height: 40px; border: none; border-radius: 3px; padding: 0 13px; }
::placeholder, ::-moz-placeholder, ::-webkit-input-placeholder, :-ms-input-placeholder { color: #666; opacity: 1; }
a, .btn-sites span { -o-transition: 0.1s ease-in-out; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; text-decoration: none; }
a.hover, a:hover, .btn-sites span:hover { text-decoration: underline; }
a:active, .btn-sites span:active { text-decoration: none; outline: 0; }
a, a *, .btn-sites span { cursor: pointer; }
h1, h2, .menu span, .top-text, .pagination span, .bottom, .block-error .title, .footer p { cursor: default; }
p { font-size: 12px; margin: 0 0 18px; }
ol { font-size: 15px; margin: 0 15px 20px; padding: 0 15px; list-style-position: outside; list-style: decimal; }
.wrapper { height: 100vh; display: flex; flex-direction: column; box-sizing: border-box; }
.header { position: relative; z-index: 700; }
.header-holder { padding: 5px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; position: relative; }
.container { margin: 0 auto; }
.container:after, .header-holder:after { content: ""; display: block; clear: both; }
.mholder .container { width: 100%; padding: 2px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
.mholder .container:after { display: none; }
.block-menu { width: 40px; margin: 7px 10px 0 0; }
.btn-menu { display: block; width: 36px; height: 36px; border-radius: 3px; overflow: hidden; }
.hamburger { display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; margin: 0; outline: 0; }
.hamburger-box { width: 18px; height: 12px; display: inline-block; position: relative; }
.hamburger-inner { display: block; top: 50%; margin-top: 0; text-indent: -9999px; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 18px; height: 2px; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.menu-active .hamburger .hamburger-inner, .menu-active .hamburger .hamburger-inner:after, .menu-active .hamburger .hamburger-inner:before { height: 3px; }
.hamburger-inner:after, .hamburger-inner:before { content: ""; display: block; }
.hamburger-inner:before { top: -10px; }
.hamburger-inner:after { bottom: -10px; }
.hamburger .hamburger-inner { top: 1px; transition: background-color 0s 0.13s linear; }
.hamburger .hamburger-inner:before { top: 5px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger .hamburger-inner:after { top: 10px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.menu-active .hamburger .hamburger-inner { top: 0; background-color: transparent !important; transition-delay: 0.22s; }
.menu-active .hamburger .hamburger-inner:before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 6px, 0) rotate(45deg); }
.menu-active .hamburger .hamburger-inner:after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 6px, 0) rotate(-45deg); }
.menu { position: absolute; top: calc(100% + 2px); left: 0; width: 260px; overflow: hidden; z-index: 701; display: none; border-radius: 2px; }
.menu-active .menu { display: block; }
.menu li:first-child { border: none; }
.menu a, .menu span { display: block; font-size: 15px; padding: 8px 35px 9px; }
.menu a:hover { text-decoration: none; }
.menu .searches { background: url(/images/common/icon-menu-search.svg) no-repeat 10px 50%/18px 18px; }
.menu .network { background: url(/images/common/icon-menu-network.svg) no-repeat 10px 50%/18px 18px; }
.logo, .block-menu { flex-shrink: 0; flex-grow: 0; }
.logo { display: block; overflow: hidden; width: 250px; height: 50px; min-height: 50px; margin-right: 10px; }
.logo a:before { position: absolute; content: ""; background: url(/images/common/logo.png) no-repeat 100%/100%; top: 0; left: 0; width: 100%; height: 100%; }
.logo a { position: relative; display: block; width: 250px; height: 50px; overflow: hidden; text-align: center; line-height: 50px; font-size: 27px; font-weight: 400; }
.block-search { width: 100%; max-width: 100%; flex-grow: 0; flex-shrink: 0; margin: 7px 0 0; position: relative; }
.block-search .submit { position: absolute; top: 0; right: 0; height: 40px; width: 40px; text-indent: -9999px; overflow: hidden; background: url(/images/common/icon-search.svg) no-repeat 50% 50%/20px 20px; border-radius: 0 3px 3px 0; }
.btn-search { margin: 7px 0 0 auto; width: 40px; height: 40px; text-indent: -9999px; overflow: hidden; cursor: pointer; background: url(/images/common/icon-search-yellow.svg) no-repeat 50% 50%/20px 20px; display: none; outline: none; }
.search-active .btn-search { background: url(/images/common/icon-close.svg) no-repeat 50% 50%/20px 20px; }
.top-text { font-weight: normal; font-size: 14px; line-height: 20px; height: 40px; white-space: normal; overflow: hidden; text-overflow: ellipsis; margin: 6px 20px 0 0; flex-shrink: 1; flex-grow: 1; min-width: 1px; }
.main { flex: auto; padding: 0 0 21px; }
.title-holder { margin: 5px 0; padding: 0 5px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; flex-direction: column; }
.title-holder h1 { font-size: 18px; line-height: 37px; text-align: center; padding: 0 13px; }
.title-holder h2 { font-size: 18px; line-height: 37px; text-align: left; padding: 0 13px; font-weight: 700; margin: 0; }
.tabs { width: 90%; height: 37px; border-bottom: 1px solid #333; margin: 0 auto; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
.tabs a { font-weight: 700; font-size: 15px; margin: 0 16px; padding-left: 17px; display: inline-block; line-height: 37px; background: url(/images/common/icon-search-tabs.svg) no-repeat 0 50%/12px 12px; }
.tabs a:hover { background: url(/images/common/icon-search-tabs-hover.svg) no-repeat 0 50%/12px 12px; }
.pagination { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; margin: 49px 10px; height: 40px; overflow: hidden; }
.pagination a, .pagination span { width: 40px; height: 40px; font-size: 14px; font-weight: 700; line-height: 38px; margin: 0 5px 5px; box-sizing: border-box; text-align: center; border-radius: 2px; }
.pagination a:hover { text-decoration: none; }
.footer { flex-shrink: 0; position: relative; z-index: 200; text-align: center; padding: 24px 20px; }
.footer .title-name { font-size: 16px; display: block; margin: 0 0 12px; }
.footer .title { display: block; margin: 0 0 10px; }
.footer .title a { margin: auto 10px; }
.cover { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.8); z-index: 600; display: none; }
.menu-active .cover, .search-active .cover { display: block; }
.block-error { text-align: center; font-size: 17px; font-weight: 700; padding-top: 23px; }
.block-error p { margin: 0; font-size: 18px; font-weight: 400; }
.block-error p a { text-decoration: underline; }
.block-error .title { font-size: 71px; line-height: 60px; color: #999; display: block; margin-bottom: 20px; }

/*************************************************************************************************************************************************/

#lngselect { width: 105px; padding-left: 5px; z-index: 550; cursor: pointer; background: url(/images/common/select-arrow-w.png) no-repeat 100% 50%; text-align: left; position: relative; }
#lngselect strong { display: block; width: 68px; padding: 7px 0 7px 38px; font-size: 13px; line-height: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: capitalize; cursor: pointer; font-weight: normal; }
#lngselect strong.en, #lngselect ul li a.en { background: url(/images/common/flags/gb-x2.svg) 5px 50% no-repeat; }
#lngselect strong.cs, #lngselect ul li a.cs { background: url(/images/common/flags/cz-x2.svg) 5px 50% no-repeat; }
#lngselect strong.da, #lngselect ul li a.da { background: url(/images/common/flags/dk-x2.svg) 5px 50% no-repeat; }
#lngselect strong.de, #lngselect ul li a.de { background: url(/images/common/flags/de-x2.svg) 5px 50% no-repeat; }
#lngselect strong.el, #lngselect ul li a.el { background: url(/images/common/flags/gr-x2.svg) 5px 50% no-repeat; }
#lngselect strong.es, #lngselect ul li a.es { background: url(/images/common/flags/es-x2.svg) 5px 50% no-repeat; }
#lngselect strong.fr, #lngselect ul li a.fr { background: url(/images/common/flags/fr-x2.svg) 5px 50% no-repeat; }
#lngselect strong.ko, #lngselect ul li a.ko { background: url(/images/common/flags/kr-x2.svg) 5px 50% no-repeat; }
#lngselect strong.it, #lngselect ul li a.it { background: url(/images/common/flags/it-x2.svg) 5px 50% no-repeat; }
#lngselect strong.hu, #lngselect ul li a.hu { background: url(/images/common/flags/hu-x2.svg) 5px 50% no-repeat; }
#lngselect strong.nl, #lngselect ul li a.nl { background: url(/images/common/flags/nl-x2.svg) 5px 50% no-repeat; }
#lngselect strong.ja, #lngselect ul li a.ja { background: url(/images/common/flags/jp-x2.svg) 5px 50% no-repeat; }
#lngselect strong.no, #lngselect ul li a.no { background: url(/images/common/flags/no-x2.svg) 5px 50% no-repeat; }
#lngselect strong.pl, #lngselect ul li a.pl { background: url(/images/common/flags/pl-x2.svg) 5px 50% no-repeat; }
#lngselect strong.pt, #lngselect ul li a.pt { background: url(/images/common/flags/pt-x2.svg) 5px 50% no-repeat; }
#lngselect strong.ru, #lngselect ul li a.ru { background: url(/images/common/flags/ru-x2.svg) 5px 50% no-repeat; }
#lngselect strong.sk, #lngselect ul li a.sk { background: url(/images/common/flags/sk-x2.svg) 5px 50% no-repeat; }
#lngselect strong.sl, #lngselect ul li a.sl { background: url(/images/common/flags/si-x2.svg) 5px 50% no-repeat; }
#lngselect strong.fi, #lngselect ul li a.fi { background: url(/images/common/flags/fi-x2.svg) 5px 50% no-repeat; }
#lngselect strong.sv, #lngselect ul li a.sv { background: url(/images/common/flags/se-x2.svg) 5px 50% no-repeat; }
#lngselect strong.hi, #lngselect ul li a.hi { background: url(/images/common/flags/hi-x2.svg) 5px 50% no-repeat; }
#lngselect strong.zh, #lngselect ul li a.zh { background: url(/images/common/flags/zh-x2.svg) 5px 50% no-repeat; }
#lngselect strong, #lngselect ul li a { background-size: 24px 18px !important; }
#lngselect ul { display: none; position: absolute; top: 38px; right: 0; width: 584px; z-index: 552; height: 140px; overflow: auto; text-transform: capitalize; }
#lngselect.active ul { display: block; }
#lngselect.active:after { position: absolute; content: ""; display: block; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; right: 50px; top: 29px; z-index: 551; }
#lngselect ul li { float: left; }
#lngselect ul li a { display: block; float: left; width: 114px; padding: 7px 0 7px 35px; font-size: 13px; line-height: 13px; white-space: nowrap; text-overflow: ellipsis; text-transform: capitalize; border-radius: 0; text-decoration: none; }

.topmenu { display: -webkit-box; display: -ms-flexbox; display: flex; }
.topmenu li a { display: block; font-size: 12px; line-height: 30px; padding: 0 22px; }

.block-sort { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
.block-sort .sorting { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin: 0 4px; padding: 3px 0 0; }
.block-sort .sorting a { margin: 0 1px; line-height: 29px; width: auto; padding: 0 10px; text-align: center; font-size: 13px; font-weight: bold; border-radius: 2px; box-sizing: border-box; }

.az { box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px 0; border-radius: 5px; margin: 0 0 20px; }
.az:after { content: ""; width: 0; height: 0; display: block; clear: both; }
.az ul { width: 20%; float: left; padding: 0 22px; box-sizing: border-box; -moz-box-sizing: border-box; }
.az ul li { display: block; width: 100%; height: 23px; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; overflow: hidden; cursor: pointer; }
.az ul li.letter { font-size: 16px; line-height: 23px; width: 98%; background: none; font-weight: 700; text-transform: uppercase; cursor: default; }
.az ul li > a { display: block; line-height: 30px; font-size: 13px; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; text-transform: capitalize; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 300; padding-right: 30%; }
.az ul li > span { display: block; line-height: 30px; font-size: 13px; white-space: nowrap; float: right; text-align: right; position: relative; cursor: pointer; min-width: 30%; }

/*************************************************************************************************************************************************/

.block-videos, .block-categories { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; padding: 0 2px; }

.thumb a { display: block; }
.thumb .img { display: block; overflow: hidden; position: relative; padding-bottom: 55.5%; box-sizing: border-box; border-radius: 2px; margin: 0 0 2px; }
.thumb img { width: 100%; height: 100%; position: absolute; object-fit: cover; }
.thumb .duration { position: absolute; bottom: 1px; right: 1px; border-radius: 2px; padding: 2px 5px; }
.thumb strong { padding: 0 8px; margin: 0 0 1px; display: block; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
.thumb a:hover { text-decoration: none; }
.thumb .source { display: inline-block; padding: 0 8px; font-weight: 700; }
.thumb .source:hover { text-decoration: underline; }
.thumb .cats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 3px 0; height: 32px; overflow: hidden; }
.thumb .cats a { line-height: 32px; font-weight: 700; border-radius: 2px; padding: 0 6px; margin: 0 3px; }
.thumb .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0 8px; font-size: 11px; }
.thumb .info a { text-decoration: underline; margin-right: 5px; font-weight: 700; }
.block-categories .thumb strong { text-align: center; padding: 2px 8px; font-size: 16px; }

.thumb {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	overflow: hidden;
}

.thumb .inner {
	overflow: hidden;
}

.thumb .inner a span.img {
	margin: 0;
	padding: 0;
}

.thumb .inner a span.img .imginner {
	display: block;
	position: relative;
	padding: 0 0 56.25% 0;
}

.thumb .inner a span.img .imginner img {
	border: none;
	background: transparent;
	width: 100%;
	height: auto;
}

/*************************************************************************************************************************************************/

@media all {
	.thumb {
		-ms-flex-preferred-size: 47.5%;
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
	}
}

@media (min-width: 767px) {
	.thumb {
		-ms-flex-preferred-size: 31.5%;
		-webkit-flex-basis: 33.3333%;
		flex-basis: 33.3333%;
	}
}

@media (min-width: 1024px) {
	.thumb {
		-ms-flex-preferred-size: 23.8%;
		-webkit-flex-basis: 25%;
		flex-basis: 25%;
	}
}

@media (min-width: 1348px) {
	.container {
		max-width: 1308px;
	}
	.thumb img {
		width: 320px; height: 180px;
	}
	.thumb {
		-webkit-flex-basis: 324px;
		-ms-flex-preferred-size: 324px;
		flex-basis: 324px;
	}
}

@media (min-width: 1674px) {
	.container {
		max-width: 1634px;
	}
}

@media (min-width: 2000px) {
	.container {
		max-width: 1960px;
	}
}

/*************************************************************************************************************************************************/

@media (max-width: 630px) and (orientation: portrait) {
	/*.home-page .title-holder h1,*/ .title-holder .block-sort, .title-holder .tabs, .mholder, .block-search { display: none; }
	.home-page.search-active .title-holder h1, .search-active .mholder, .search-active .block-search, .btn-search { display: block; }
	.search-active .title-holder .block-sort { display: flex; }
	.logo { margin-right: 0; }
}

@media (min-width: 631px) {
	p { font-size: 15px; }
	.header-holder { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
	.block-search { margin: 6px 0 0 auto; width: auto; max-width: 600px; flex-grow: 1; }
	.logo { margin-right: 0; }
}

@media (min-width: 767px) {
	.title-holder { flex-direction: row; }
	.tabs { margin: 0 auto 13px; }
}

@media (min-width: 1328px) {
	.title-holder { display: block; }
	.title-holder h1 { float: left; }
	.tabs { width: auto; margin: 0; border: 0; float: right; justify-content: flex-start; }
	.block-sort { float: left; }
}

/*************************************************************************************************************************************************/

@media (max-width: 1000px) {
	#lngselect ul { width: 300px; height: auto; }
	.az ul { width: 100%; }
	.az ul li.letter { width: 100%; }
	.az ul li { width: auto; padding-right: 30px; float: left; margin-bottom: 5px; }
	.az ul li > a { width: auto; float: left; text-indent: 0; position: static; padding-right: 0; }
	.az ul li > span { width: auto; float: left; padding-left: 0px; display: none; }
}

@media (max-width: 1024px) {
	.top-text { display: none; }
	.block-search { flex-grow: 1; flex-shrink: 1; }
}

/* UPDATE 3.
** Thumbs HD Logo
************************************************************************************************************************************************/

.block-videos .thumb .inner a span.img .imghd:after {
	content: "";
	display: block;
	position: absolute;
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url(/images/common/hd.svg);
	top: 4px;
	right: 4px;
	width: 26px;
	height: 16px;
}

/* UPDATE 4.
** Top Lists (Colors!)
************************************************************************************************************************************************/

.mholder .container {
	padding: 0;
	position: relative;
}
.mholder .topmenu li {
	padding: 5px 0;
}
.sites-list {
	background: #303030;
	margin: 0;
	padding: 15px 20px;
	counter-reset: myCounter;
	list-style: none;
}
.mholder .sites-list {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 500;
	border-top: 1px solid #181818;
	display: none;
}
.btn-sites.active .sites-list {
	display: block;
}
.btn-sites span {
	display: block;
	font-size: 12px;
	line-height: 30px;
	padding: 0 22px;
	color: #ccc;
	font-weight: bold;
	border-right: 1px solid #424242;
	cursor: pointer;
}
.btn-sites.active span,
.btn-sites span:hover {
	text-decoration: underline;
	color: #fff;
}
.btn-sites.active span:hover,
.btn-sites.active span {
	color: #ddd59d;
}
.sites-list li {
	list-style: none;
	margin: 0 0 5px;
}
.mholder .topmenu .sites-list li {
	padding: 0;
	border: 0;
}
.sites-list.tl-header li:before {
	counter-increment: myCounter;
	content: counter(myCounter) ". ";
	color: #a2aeac;
}
.sites-list a {
	color: #ddd59d;
}
.mholder .sites-list a {
	border: none;
	padding: 0;
	font-weight: normal;
	display: inline;
	color: #ddd59d;
	font-size: 13px;
	line-height: 1.2;
}

/************************/

.sites-list.tl-middle img,
.porn-sites .sites-list img {
	width: 16px;
	height: 16px;
}
.sites-list.tl-middle a,
.porn-sites .sites-list a {
	margin-left: -16px;
	padding: 0 6px 0 22px;
}

/************************/

@media all {
	.sites-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
}
@media (min-width: 520px) {
	.sites-list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
}
@media (min-width: 767px) {
	.sites-list { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
}
@media (min-width: 1024px) {
	.sites-list { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; }
}
@media (min-width: 1378px) {
	.sites-list { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; }
}
@media (min-width: 1710px) {
	.sites-list { -webkit-column-count: 7; -moz-column-count: 7; column-count: 7; }
}

/* UPDATE 5.
** Language menu (Colors!)
************************************************************************************************************************************************/

.mholder .container {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
#lngselect {
	width: auto;
	border: 1px solid #424242;
	border-radius: 2px;
	background-color: #3e3e3e;
	margin: 5px;
}
#lngselect strong {
	width: auto;
	padding-right: 25px;
}
#lngselect ul {
	height: auto;
	overflow: hidden;
}
#lngselect ul li {
	width: 25%;
}

/************************/

@media (max-width: 1000px) {
	#lngselect ul li {
		width: 50%;
	}
}
@media (max-width: 520px) {
	.btn-sites span,
	.topmenu li a {
		line-height: 16px;
		padding: 7px 10px;
	}
}

/* UPDATE 5.1.
** Mobile Language menu
** (`<button class="btn-search">Search</button>` Can be removed from HTML template but may stay anyway)
************************************************************************************************************************************************/

.wrapper .btn-search {
	display: none;
}

/************************/

@media (max-width: 630px) {
	/*.home-page .title-holder h1,*/
	.home-page .title-holder .block-sort,
	.home-page .title-holder .tabs {
		display: none;
	}
	.wrapper .block-search,
	.wrapper .mholder {
		display: block;
	}
	.wrapper .title-holder .block-sort {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#lngselect {
		position: absolute;
		top: -96px;
		right: 5px;
		background-color: transparent;
		border: 0;
		z-index: 800;
	}
	#lngselect strong {
		padding-right: 15px;
	}
	#lngselect strong span {
		text-indent: -9999px;
		display: block;
	}
	#lngselect.active:after {
		right: 20px;
	}
	.topmenu {
		margin: 0 auto;
	}
}

/* UPDATE 6.
** Description bottom (Colors!)
************************************************************************************************************************************************/

.desc-bottom {
	background: #000;
	border: 1px solid #202020;
	margin: 40px 10px 0 10px;
	border-radius: 6px;
	padding: 15px;
}
.desc-bottom p {
	margin: 0;
}

/* UPDATE 7.
** Filters (Colors!)
************************************************************************************************************************************************/

.title-holder {
	overflow: visible;
}
.title-holder:after {
	content: "";
	display: block;
	clear: both;
}
.sorting .drop {
	position: relative;
	margin: 0 1px 2px;
}
.sorting .drop > strong {
	display: block;
	position: relative;
	background: #303030;
	border: 2px solid #303030;
	color: #ddd59d;
	line-height: 29px;
	font-size: 13px;
	font-weight: 700;
	border-radius: 2px;
	box-sizing: border-box;
	cursor: pointer;
	text-align: left;
	width: auto;
	padding: 0 25px 0 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.sorting .drop > strong:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 5px;
	border: solid #ddd59d;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	margin-top: -3px;
	-webkit-transform: rotate(45deg) translate(-50%, 0);
	transform: rotate(45deg) translate(-50%, 0);
}
.sorting .drop > strong:hover,
.sorting .drop.active > strong {
	color: #4aa6b2;
	border: 2px solid #4aa6b2;
}
.sorting .drop.active > strong:after,
.sorting .drop > strong:hover:after {
	border-color: #4aa6b2;
}
.drop-sort {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 400;
	display: none;
	border: 0px solid #303030;
	background: #303030;
	border-radius: 2px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
	padding: 10px;
}
.sorting .drop:first-child .drop-sort {
	right: auto;
	left: 0;
}
.active .drop-sort {
	display: block;
}
.filter-sort ul {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 300px;
}
.drop-sort li {
	margin: 10px 0 0;
}
.drop-sort li:first-child {
	margin: 0;
}
.sorting .drop-sort li a:hover,
.sorting .drop-sort li a {
	margin: 0;
	padding: 0 10px 0 25px;
	background: none;
	border: 0;
	line-height: 18px;
	display: block;
	text-align: left;
	position: relative;
	white-space: nowrap;
}
.sorting .drop-sort li a:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 7px;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	background: #a2aeac;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.sorting .drop-sort li a.active {
	color: #4aa6b2;
}
.sorting .drop-sort li a:hover:after,
.sorting .drop-sort li a.active:after {
	background: #4aa6b2;
}
.sorting .filter {
	background: #ccc;
	border-radius: 5px;
	color: #000;
	padding: 0 10px;
	margin: 0 0 10px;
	height: 30px;
	font-size: 14px;
	font-weight: normal;
	min-width: 120px;
}


/************************/

@media (max-width: 767px) {
	.filter-sort ul {
		max-height: calc(100vh - 300px);
	}
}

/************************/

@media (max-width: 359px) {
	.sorting .drop > strong {
		padding: 0 16px 0 5px !important;
	}
	.sorting .drop > strong::after {
		padding: 2px !important;
		margin-top: -2px !important;
		right: 3px !important;
	}
	.sorting .drop:first-child > strong {
		max-width: 65px;
	}
	.sorting .drop:last-child > strong {
		max-width: 75px;
	}
}
@media (min-width: 360px) {
	.sorting .drop:first-child > strong {
		max-width: 75px;
	}
	.sorting .drop:last-child > strong {
		max-width: 85px;
	}
}
@media (min-width: 375px) {
	.sorting .drop:first-child > strong {
		max-width: 80px;
	}
	.sorting .drop:last-child > strong {
		max-width: 95px;
	}
}
@media (min-width: 393px) {
	.sorting .drop:first-child > strong {
		max-width: 85px;
	}
	.sorting .drop:last-child > strong {
		max-width: 108px;
	}
}
@media (min-width: 412px) {
	.sorting .drop:first-child > strong {
		max-width: 95px;
	}
	.sorting .drop:last-child > strong {
		max-width: 117px;
	}
}
@media (min-width: 480px) {
	.sorting .drop:first-child > strong {
		max-width: unset;
	}
	.sorting .drop:last-child > strong {
		max-width: unset;
	}
}

/* UPDATE 7.1.
** No result found using the current filter settings (Colors!)
************************************************************************************************************************************************/

.no-result {
	flex: inherit;
	text-align: center;
	margin: 0 auto;
	padding: 5px 13px;
	font-size: 17px;
	color: #4aa6b2;
	border-top: 1px solid #333;
}

/************************/

@media (min-width: 1328px) {
	.no-result {
		flex: auto;
		text-align: left;
		margin: 10px auto;
	}
}

/* UPDATE 7.2.
** Trending searches
************************************************************************************************************************************************/

.trending-searches {
	text-align: center;
}
.trending-searches a {
	display: inline-block;
	font-weight: bold;
	margin: 0 15px;
	padding: 5px;
}

/************************/

@media (min-width: 1328px) {
	.trending-searches {
		text-align: left;
	}
}

/* UPDATE 7.3.
** Title H2 align fix
************************************************************************************************************************************************/

.title-holder h2 {
	text-align: center;
}

/************************/

@media (min-width: 1328px) {
	.title-holder h2 {
		text-align: left;
	}
}

/* UPDATE 8.
** Embed video (Colors!)
************************************************************************************************************************************************/

.block-video {
	min-height: 329px;
	background: #1d1d1d;
	border: 1px solid #333;
	border-left: none;
	border-right: none;
	border-top: none;
	margin: 5px 0 20px;
	padding: 0;
	position: relative;
}
.block-video .video-holder {
	margin: 0;
	padding: 0;
}
.block-video .video-holder::after {
	content: "";
	display: block;
	clear: both;
}

.block-video #player-holder {
	overflow: hidden;
	width: 100%;
	padding-bottom: 56.25%;
	height: auto;
	position: relative;
}
.block-video #player-holder iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}

/************************/

@media (min-width: 1025px) {
	.block-video {
		padding: 0 10px;
		border-top: 1px solid #333;
	}
	.block-video .video-holder {
		margin: 0 310px 0 0;
		padding: 10px 0;
	}
}
@media (min-width: 1201px) { /*(min-width: 1281px)*/
	.block-video {
		min-height: 570px;
	}
}
@media (min-width: 1378px) { /*(min-width: 1367px)*/
	.block-video {
		border: 1px solid #333;
		border-radius: 6px;
	}
}
@media (min-width: 1710px) { /*(min-width: 1681px)*/
	.block-video {
		min-height: 830px;
	}
}

/* Embed info
************************************************************************/

.block-video .embed-holder .thumb {
	margin: 0 !important;
	padding: 10px 0 0 0 !important;
}
.block-video .embed-holder .thumb .cats {
	margin: 0 !important;
	padding: 0 !important;
	height: 36px !important;
	display: block;
	text-align: center;
}
.block-video .embed-holder .thumb .cats a {
	display: inline-block;
	font-size: 15px;
	line-height: 36px;
	padding: 0 14px;
	margin: 0 4px;
}

/************************/

@media (min-width: 1025px) {
	.block-video .embed-holder .thumb .cats {
		text-align: left;
	}
}

/* Advertisement
************************************************************************/

.block-video .block-info {
	text-align: center;
	padding: 0 0 10px 0;
	margin: 10px 0 0 0;
	border-top: 1px solid #333;
}
.block-video .block-info strong {
	display: block;
	text-align: center;
	color: ;
	font-size: 13px;
	font-weight: bold;
	line-height: 27px;
	padding: 10px 0 9px;
}
.block-video .block-info .info-holder {
	display: inline-block;
	width: 300px;
	height: 250px;
	margin: 0 5px;
	font-size: 0;
	background: #181818 url(/images/logo.png) no-repeat 50%/50%;
	background-size: 250px auto;
}
.block-video .block-info .info-holder.holder-b,
.block-video .block-info .info-holder.holder-c {
	display: none;
}

/************************/

@media (min-width: 660px) {
	.block-video .block-info .info-holder.holder-b {
		display: inline-block;
	}
}
@media (min-width: 980px) {
	.block-video .block-info .info-holder.holder-c {
		display: inline-block;
	}
}
@media (min-width: 1025px) {
	.block-video .block-info {
		border: none;
		position: absolute;
		top: 0;
		right: 10px;
		padding: 0;
		margin: 0;
	}
	.block-video .block-info .info-holder {
		display: block;
		margin: 0 0 10px;
	}
	.block-video .block-info .info-holder.holder-b,
	.block-video .block-info .info-holder.holder-c {
		display: none;
	}
}
@media (min-width: 1201px) { /*(min-width: 1281px)*/
	.block-video .block-info .info-holder.holder-b {
		display: block;
	}
}
@media (min-width: 1710px) { /*(min-width: 1681px)*/
	.block-video .block-info .info-holder.holder-c {
		display: block;
	}
}

/* UPDATE 9.
** Suggestions (Colors!)
************************************************************************************************************************************************/

.suggestions {
	position: absolute;
	background: #fff;
	width: 100%;
	left: 0;
	right: 0;
	margin: 1px auto;
	min-height: 50px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	line-height: 30px;
	border-radius: 3px;
	box-sizing: border-box;
	overflow: hidden;
}

.suggestions li {
	width: 100%;
}

/* Override hover */
.suggestions li:hover,
.suggestions li[aria-selected] {
	cursor: pointer;
	background: #373f44;
	color: #fff;
}

/* Override text color */
.suggestions li span {
	padding: 5px 13px;
	color: #0fa5ba;
}

/* Override user query matching */
.suggestions li span mark {
	color: #487b81;
	background: none;
}

/* UPDATE 10.
** Report problem flag
************************************************************************************************************************************************/

.thumb .inner { /*fix for flag position*/
	position: relative;
}

.report {
	display: block;
	cursor: pointer;
	position: absolute;
	bottom: 67.8px;
	left: 1px;
}
.report::after {
	display: block;
	border-radius: 2px;
	padding: 0;
	width: 19px;
	height: 19px;
	background: rgba(0,0,0,.7) url(/images/common/flag.svg) no-repeat 50% 50%;
	content: "";
}

/* UPDATE 11.
** Pay video icon
************************************************************************************************************************************************/

.block-videos .thumb .inner a span.imgpay .imghd::after {
	background: none;
}

.block-videos .thumb .inner a span.imgpay::after {
	display: block;
	padding: 0px 10px;
	position: absolute;
	top: 2px;
	right: 2px;
	font-size: 18px;
	content: "\0024";
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	border-radius: 2px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background: rgba(96, 149, 33, 0.8);
}

@media (max-width: 630px) {
	.block-videos .thumb .inner a span.imgpay::after {
		padding: 0 6px;
	}
}

/* UPDATE 12.
** Video thumbs redesign
************************************************************************************************************************************************/

.thumb time {
	left: 1px;
	right: auto !important;
	visibility: hidden;
}
.thumb:hover time {
	visibility: visible;
}
.report {
	top: 1px;
	bottom: auto !important;
}

/* UPDATE 13.
** Rating buttons
************************************************************************************************************************************************/

.item-rating {
	display: none;
	width: 128px;
	height: 44px;
	background: rgba(255,255,255,0.7);
	box-shadow: 0 0 4px rgba(0,0,0,0.7);
	box-sizing: border-box;
	padding: 2px;
	position: absolute;
	bottom: 70px;
	left: 50%;
	transform: translate(-50%, 0);
	justify-content: center;
	border-radius: 44px;
}
.item-rating.active {
	display: flex;
}
.item-rating button {
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	cursor: pointer;
	padding: 0;
	margin: 0;
	width: 40px;
	height: 40px;
	position: relative;
	border-radius: 50%;
	transition: all .1s ease-in-out;
}
.item-rating .btn-dislike,
.item-rating .btn-like {
	position: absolute;
	top: 2px;
	left: 2px;
	opacity: .6;
	background: #4f720c;
}
.item-rating .btn-dislike {
	left: auto;
	right: 2px;
	background: #a01515;
}
.item-rating .btn-dislike:hover,
.item-rating .btn-like:hover {
	width: 48px;
	height: 48px;
	margin: -4px;
	opacity: 1;
}
.item-rating .btn-dislike:after,
.item-rating .btn-like:after {
	content: '';
	position: absolute;
	top: 20px;
	left: 20px;
	width: 18px;
	height: 16px;
	margin: -8px 0 0 -9px;
	transition: all .1s ease-in-out;
}
.item-rating .btn-dislike:hover:after,
.item-rating .btn-like:hover:after {
	margin: -4px 0 0 -5px;
}
.rating-result-like:after,
.item-rating .btn-like:after {
	background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCI+PHJlY3QgaWQ9ImJhY2tncm91bmRyZWN0IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4PSIwIiB5PSIwIiBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiLz4KPHRpdGxlLz4KCgo8ZyBjbGFzcz0iY3VycmVudExheWVyIiBzdHlsZT0iIj48dGl0bGU+TGF5ZXIgMTwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj4KPC9nPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02MTMgNDYuNTYxbC0zMzMuNzE4IDMzNC4xODR2NTk2LjY5aDU3Mi45NTNsMTcxLjc0Ni00MDAuMjc1di0yMDQuNzkyaC0zODYuNzc4bDUyLjEyOS0yNTAuNDA1ek0wLjAyMCA0MTguOTFoMTg2LjE3NXY1NTguNTI0aC0xODYuMTc1eiIgaWQ9InN2Z18xIiBjbGFzcz0ic2VsZWN0ZWQiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L3N2Zz4=") 50% 50%/18px 16px no-repeat;
}
.rating-result-dislike:after,
.item-rating .btn-dislike:after {
	background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCI+PHJlY3QgaWQ9ImJhY2tncm91bmRyZWN0IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4PSIwIiB5PSIwIiBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiLz4KPHRpdGxlLz4KCgo8ZyBjbGFzcz0iY3VycmVudExheWVyIiBzdHlsZT0iIj48dGl0bGU+TGF5ZXIgMTwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj4KPC9nPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02MTMgNDYuNTYxbC0zMzMuNzE4IDMzNC4xODR2NTk2LjY5aDU3Mi45NTNsMTcxLjc0Ni00MDAuMjc1di0yMDQuNzkyaC0zODYuNzc4bDUyLjEyOS0yNTAuNDA1ek0wLjAyMCA0MTguOTFoMTg2LjE3NXY1NTguNTI0aC0xODYuMTc1eiIgaWQ9InN2Z18xIiBjbGFzcz0iIiBmaWxsLW9wYWNpdHk9IjEiIHRyYW5zZm9ybT0icm90YXRlKC0xNzkuOTQzLCA1MTIsIDUxMS45OTgpIi8+PC9nPjwvc3ZnPg==") 50% 50%/18px 16px no-repeat;
}
.item-rating .btn-close {
	background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCI+PHJlY3QgaWQ9ImJhY2tncm91bmRyZWN0IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4PSIwIiB5PSIwIiBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiLz4KPHRpdGxlLz4KCgo8ZyBjbGFzcz0iY3VycmVudExheWVyIiBzdHlsZT0iIj48dGl0bGU+TGF5ZXIgMTwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj4KPC9nPjxwYXRoIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0xMDIzLjk1NCAxMDMuMTY4bC0xMDMuMTIyLTEwMy4xMjItNDA4LjgzMiA0MDguODMyLTQwOC44MzItNDA4LjgzMi0xMDMuMTIyIDEwMy4xMjIgNDA4LjgzMiA0MDguODMyLTQwOC44MzIgNDA4LjgzMiAxMDMuMTIyIDEwMy4xMjIgNDA4LjgzMi00MDguODMyIDQwOC44MzIgNDA4LjgzMiAxMDMuMTIyLTEwMy4xMjItNDA4LjgzMi00MDguODMyIDQwOC44MzItNDA4LjgzMnoiIGlkPSJzdmdfMSIgY2xhc3M9InNlbGVjdGVkIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9zdmc+") 50% 50%/16px 16px no-repeat;
}
.item-rating .btn-close:hover {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgc3R5bGU9IiI+PHJlY3QgaWQ9ImJhY2tncm91bmRyZWN0IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4PSIwIiB5PSIwIiBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiLz4KPHRpdGxlLz4KCgo8ZyBjbGFzcz0iY3VycmVudExheWVyIiBzdHlsZT0iIj48dGl0bGU+TGF5ZXIgMTwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj4KPC9nPjxwYXRoIGZpbGw9IiNhMDE1MTUiIGQ9Ik0xMDIzLjk1NCAxMDMuMTY4bC0xMDMuMTIyLTEwMy4xMjItNDA4LjgzMiA0MDguODMyLTQwOC44MzItNDA4LjgzMi0xMDMuMTIyIDEwMy4xMjIgNDA4LjgzMiA0MDguODMyLTQwOC44MzIgNDA4LjgzMiAxMDMuMTIyIDEwMy4xMjIgNDA4LjgzMi00MDguODMyIDQwOC44MzIgNDA4LjgzMiAxMDMuMTIyLTEwMy4xMjItNDA4LjgzMi00MDguODMyIDQwOC44MzItNDA4LjgzMnoiIGlkPSJzdmdfMSIgY2xhc3M9InNlbGVjdGVkIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9zdmc+");
}
.rating-result-like,
.rating-result-dislike {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	overflow: hidden;
	background: rgba(255,255,255,0.7);
	box-shadow: 0 0 4px rgba(0,0,0,0.7);
	box-sizing: border-box;
	position: absolute;
	bottom: 70px;
	left: 50%;
	transform: translate(-50%, 0);
	border-radius: 50%;
}
.rating-result-like:after {
	background-color: #4f720c;
}
.rating-result-dislike:after {
	background-color: #a01515;
}
.rating-result-like:after,
.rating-result-dislike:after {
	border-radius: 50%;
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	background-size: 24px 22px;
}
.rating-result-dislike.active,
.rating-result-like.active {
	display: block;
}

/* UPDATE 14.
** Index page. Adding video amount on thumbs
************************************************************************************************************************************************/

.thumb .qty {
	background: rgba(0,0,0,.7);
	color: #fff;
	border-radius: 2px;
	padding: 2px 5px;
	position: absolute;
	bottom: 41px;
	right: 1px;
}

/* UPDATE 15.
** Special pages. 2257. DMCA. Terms. Privacy
************************************************************************************************************************************************/

.wrapper.text-page {
	margin: 30px auto;
	max-width: 1280px;
	padding: 30px;
	height: auto;
	min-height: calc(100vh - 60px);
	justify-content: normal;
}
.text-page h1 {
	margin: 0 0 30px;
	padding: 0;
}
.text-page h2 {
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	margin: 0 0 15px;
	padding: 0 30px;
}
.bottom {
	display: block;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	margin: 30px 0 0;
	padding: 0 30px;
}
.art, .art ul, .art li, .art p {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	text-align: justify;
	margin: 0;
	padding: 0;
}
.art {
	padding: 0 30px;
}
.art ul, .art p {
	margin: 15px 0;
}
.art ul li {
	padding: 0 0 0 15px;
}
.art > ul > li {
	padding: 0;
}
.art > ul > li, .art > ul > li > ul > li {
	margin: 0 0 15px;
}
.art ul span, .art ul b, .art p span, .art p b {
	font-weight: bold;
}
.art a, .bottom a {
	text-decoration: underline;
}

/***********************************************************/

                   /* BOOBS.PRO */

/***********************************************************/

.logo a:before              {background:url(/images/logo.png) no-repeat 100%/100%;}
.block-search .submit       {background:url(/images/icon-search.svg) no-repeat 50% 50% / 20px 20px;}
.menu .network              {background:url(/images/icon-menu-network.svg) no-repeat 12px 50% / 16px 16px;}


body {
    color:#777;
    background: #000;
}

a{
    color:#ccc;
}
a.hover,
a:hover{
    color:#fff;
    text-decoration: underline;
}

h2{
    color:#777;
}
.logo a {
  font-size: 28px;
}
/************************************************************************************************ HEADER */

.header{
    background: #000;
}

.header-holder {
    padding: 7px 2px;
}

.mholder .container {
    padding: 0;
}


/********** BTN MENU **********/

.block-menu {
    width: 50px;
    height: 50px;
    margin: 0px;
} 
.btn-menu{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background:transparent;
    border:none;
}
.menu-active .btn-menu,
.btn-menu:active{
    background:transparent;
}
.btn-menu:hover{
    background:transparent;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after{
    background-color:#ccc;
}
.menu-active .hamburger .hamburger-inner,
.menu-active .hamburger .hamburger-inner::after,
.menu-active .hamburger .hamburger-inner::before{
    background:#ccc;
}
.hamburger:hover .hamburger-inner,
.hamburger:hover .hamburger-inner::after,
.hamburger:hover .hamburger-inner::before{
    background:#ff0000;
}
.hamburger .hamburger-inner::after {
  top: 16px;
}
.hamburger .hamburger-inner::before {
  top: 8px;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
  width: 24px;
  height: 1px;
  border-radius: 0;
}
.hamburger-box {
  width: 24px;
  height: 16px;
}
.hamburger .hamburger-inner {
  top: 0px;
  transition: none;
}
.menu-active .hamburger .hamburger-inner, .menu-active .hamburger .hamburger-inner::after, .menu-active .hamburger .hamburger-inner::before {
  height: 1px;
}

/********** DROP MENU **********/

.menu {
    top: calc(100% + -10px);
    left: 1px;
    border-radius: 0;
    background: #000;
    border: 1px solid rgba(255, 255, 255, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    padding-bottom: 2px;
}
.menu ul{
    border:none;
}

.menu li{
    border-top:none;
}
.menu li:first-child{
    border:none;
}

.menu span{
    color:#777;
    font-size: 18px;
    font-weight: normal;
    margin-top: 4px;
}

.menu a{
    color:#ccc;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0x;
    font-weight: bold;
    font-size: 12px;
    padding-top: 8px;
}
.menu a:hover{
    color:#fff;
    background: #000;
    text-decoration: underline;
}
/********** DESC **********/

.top-text{
    color:#777;
    font-weight: normal;
    font-size: 13px;
    max-width: 750px;
    padding: 0 0 0 25px;
}
/********** SEARCH **********/

input[type="password"],
input[type="email"],
input[type="text"]{
    background:#fff;
    border-radius: 2px;
    color:#111;
    font-size: 19px;
    font-weight: normal;
    outline: 0 !important;
}
input:focus::placeholder{
    opacity: 0;
}
.suggestions {
  margin: 1px auto;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  line-height: 34px;
}

.suggestions li {
  transition: 0.1s ease-in-out;
}

.suggestions li:hover,
.suggestions li[aria-selected] {
  background: rgba(0, 0, 0, .05);
}

.suggestions li span {
  color: #333;
}

.suggestions li span mark {
  color: #333;
  font-weight: bold;
  background: none;
}

/************************************************************************************************ UNDER HEADER */

.mholder{
    background: transparent;
    border:none;
    padding: 0;
    margin-bottom: 10px;
}
.mholder .topmenu li {
    padding: 0 2px 0 0;
}
.wrapper .mholder .container {
    padding: 0;
    border-radius: 0;
    background: #000;
    border: 1px solid rgba(255, 255, 255, .2);
}

/********** SORTED **********/

.topmenu {
    padding: 2px;
}
.topmenu li a{
    line-height: 30px;
    color:#ccc;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .2);
    font-weight: bold;
    font-size: 12px;
    border-radius: 0;
    padding: 0 12px;

}
.topmenu li a:hover{
    background: #000;
    border: 1px solid #ff0000;
    color:#fff;
    text-decoration: none;
}

.btn-sites span {
    border-radius: 0;
    background:transparent;
    color:#ccc;
    border:1px solid rgba(255, 255, 255, .2);
    text-decoration: none;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    margin-right: 4px;
    padding: 0 10px;
}
.btn-sites span:hover {
    background:#000;
    color: #fff;
    border-color: #ff0000;
    text-decoration: none;
}
.btn-sites.active span, .btn-sites.active span:hover{
    background:#000;
    color: #fff;
    border-color: #ff0000;
    text-decoration: none;
}
.topmenu .sites-list li:first-child a {
    border: none;
}
.mholder .sites-list {
    border-radius: 0;
    border:1px solid #333;
    background:#000;
    left: -1px;
    right: -1px;
}
.mholder .sites-list a {
    background: transparent;
    color: #ccc;
    font-weight: normal;
    font-size: 13px;
}
.mholder .sites-list a:hover {
    background: transparent;
    color: #fff;
    border: none;
    text-decoration: underline;
}
.sites-list.tl-header li::before {
    color: #777;
    font-size: 11px;
}
.sites-list li {
  margin: 0 0 10px;
}
/************************************************************************************************ MIDDLE BLOCK */

.title-holder {
    margin: 0;
}

h1{
    color:#777;
    font-weight: normal;
    font-size: 21px !important;
}

/********** FILTERS CONTENT **********/

.block-sort .sorting {
  margin: 0 4px 6px 4px;
  padding: 0 1px;
  border-radius: 0;
  background: #000;
  border: none;
}
.sorting .drop {
  margin: 2px 1px;
}
.sorting .drop > strong {
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 0;
  background:transparent;
  color: #ccc;
  line-height: 30px;
  padding: 0 27px 0 10px;
  font-size: 12px;
  font-weight: bold;
}

.sorting .drop > strong:hover, .sorting .drop.active > strong {
  color: #fff;
  background:#000;
  border:1px solid #ff0000;
}

.sorting .drop > strong::after {
  right: 5px;
  border: solid #ccc;
  border-width: 0 1px 1px 0;
}

.sorting .drop.active > strong::after, .sorting .drop > strong:hover::after {
  border-color: #fff;
}

/********** DROP FILTERS **********/

.drop-sort {
  border-radius: 0;
  background: #000;
  border: 1px solid rgba(255, 255, 255, .2);
  padding: 10px;
  margin-top: 4px;
}
.sorting .drop-sort li a::after {
  width: 4px;
  height: 4px;
}
.sorting .drop-sort li a::after {
  background: transparent;
}

.sorting .drop-sort li a:hover::after, .sorting .drop-sort li a.active::after {
  background: #ff0000;
}

.sorting .drop-sort li a.active {
  color: #ff0000;
  font-weight: bold;
}

::placeholder {
  color: #333;
  font-size: 12px;
}

.sorting .filter {
  background:#fff;
  border-radius: 2px;
  border: none;
  color: #111;
}

.block-sort .sorting a{
    color:#ccc;
    font-weight: bold;
    font-size: 12px;
}
.block-sort .sorting a:hover{
    text-decoration:underline;
    color:#fff;
}

/************************************************************************************************ THUMBS - GENERAL */
.thumb a {
  padding-bottom: 40px;
}

                                .block-categories,
                                .block-videos {
/* (1) Use for calculate */
/* CALCULATE FROM (2) */            padding: 3px;
background: #000;
border-radius: 0;
box-shadow:0 0 0 1px rgba(255, 255, 255, .2);
                                }

                                .thumb .inner {
/* (2) Use for calculate */         margin: 2px;
/* (3) Use for calculate */         padding: 0px;
/* (4) Use for calculate */         border:none;
                                    border-radius: 0;
                                    background: transparent;
                                    box-shadow:0 0 0 1px rgba(255, 255, 255, .2);
                                }
                                .thumb .inner:hover {
                                    box-shadow:0 0 0 1px rgba(255, 0, 0, .9);         
                                }
                                .thumb .inner a span.img {
/* (5) Use for calculate */         border: none;
                                    border-radius: 0;
                                    background: transparent;
                                }

/********** THUMBS - CATEGORY **********/

/* From Thumbs - General */     .block-categories {}
/* From Thumbs - General */     .block-categories .thumb {}
/* From Thumbs - General */     .block-categories .thumb .inner {}
/* From Thumbs - General */     .block-categories .thumb .inner a {}
/* From Thumbs - General */     .block-categories .thumb .inner a span.img {}
/* From Thumbs - General */     .block-categories .thumb .inner a span.img .imginner{}
/* From Thumbs - General */     .block-categories .thumb .inner a span.img .imginner img {}

.block-categories .thumb .inner a strong {
    position: absolute;
    color:#ccc;
    font-size: 17px;
    font-weight: normal;
    text-transform: none;
    bottom: 5px;
    padding-left: 15px;
}
.block-categories .thumb .inner a:hover strong{
    color:#fff;
}


/********** THUMBS - VIDEO **********/

/* From Thumbs - General */     .block-videos {}
/* From Thumbs - General */     .block-videos .thumb {}
/* From Thumbs - General */     .block-videos .thumb .inner {}
/* From Thumbs - General */     .block-videos .thumb .inner a {}
/* From Thumbs - General */     .block-videos .thumb .inner a span.img {}
/* From Thumbs - General */     .block-videos .thumb .inner a span.img .imginner {}

.block-videos .thumb .inner a span.img .imghd::after {}

/* From Thumbs - General */     .block-videos .thumb .inner a span.img .imginner img {}

.block-videos .thumb .inner a span.img .imginner .duration {
    background:rgba(0, 0, 0, .7);
    color:#fff;
    border-radius: 2px;
}

.block-videos .thumb .inner a strong {
    padding: 6px 8px 0 8px;
    color:#ccc;
    font-weight: bold;
    font-size: 12px;
}

.block-videos .thumb .inner a:hover strong{
    color:#fff;
}

.thumb .cats {
    margin: 0px;
    position: absolute;
    left: 4px;
    bottom: 4px;
}

.thumb .cats a {
  margin: 0 1px 0 0;
}

.block-videos .thumb .inner .cats a {
    height: 30px;
    border-radius: 0;
    background:transparent;
    padding: 0 12px 0 12px;
    color:#b2b2b2;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid rgba(255, 255, 255, .2);
}

.block-videos .thumb .inner .cats a:hover{
    color: #fff;
    border: 1px solid #ff0000;
}

/************************************************************************************************ CONTAINER */

/* CALCULATE FROM 6 */              .container {
                                        max-width: 1302px !important;
                                    }

/********** 4 thumbs - Fixed size **********/

/* CALCULATE FROM 1,7 + 40px */     @media all and (min-width: 1342px) {

/* (6) Use for calculate */
/* CALCULATE FROM 1,7 */                .container {max-width: 1302px !important;}

/* (7) Use for calculate */
/* CALCULATE FROM (2,3,4,5) */          .thumb {
                                            -ms-flex-preferred-size: 324px !important;
                                            -webkit-flex-basis: 324px !important;
                                            flex-basis: 324px !important;
                                        }
                                        .thumb img {
                                            width: 320px !important;
                                            height: 180px !important;
                                        }
                                    }

/********** 5 thumbs - Fixed size **********/

/* CALCULATE FROM 1,7 + 40px */     @media all and (min-width: 1666px) {
/* CALCULATE FROM 1,7 */                .container {max-width: 1626px !important;}
                                    }

/********** 6 thumbs - Fixed size **********/

/* CALCULATE FROM 1,7 + 40px */     @media all and (min-width: 1990px) {
/* CALCULATE FROM 1,7 */                .container {max-width: 1950px !important;}
                                    }

/************************************************************************************************ TEXTS BLOCKS */

.title-holder h2{
    color:#777;
    font-weight: normal;
    font-size: 21px !important;
    margin-top: 20px;
}

/********** TOP SITE LIST **********/
.sites-list {
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 0;
    background: transparent;
    margin: 0;
}
.sites-list li {
    margin: 0 0 10px;
}
.sites-list a {
    color:#ccc;
    font-weight: normal;
    font-size: 13px;
}
.sites-list a:hover {
    color: #fff;
    text-decoration: underline;
}
/********** A-Z LIST **********/

.az{
    border: 1px solid rgba(255,255,255,.2);
    background: transparent;
    border-radius: 0;
    margin: 0 0 10px 0;
}
.az ul li {
  height: 26px;
}
.az ul li.letter{
    color:#777;
    font-size: 21px;
    font-weight: normal;
}
.az ul li > a {
    color:#ccc;
    font-weight: bold;
    font-size: 12px;
    border-bottom:none;
}
.az ul li > a:hover{
    color:#fff;
    text-decoration: underline;
}
.az ul li > span{
    font-size: 12px;
    color:#777;
}
/********** PAGINATION **********/

.pagination {
    height: 50px;
}

.pagination a, .pagination span {
    width: 48px;
    height: 48px;
    border-radius: 0px;
    line-height: 50px;
}

.pagination span{
    background:transparent;
    border:none;
    color:#777;
    border-radius: 0px;
    font-size: 21px;
}

.pagination a{
    border-radius: 0;
    background: #000;
    border: 1px solid rgba(255, 255, 255, .2);
    color: #ccc;
    font-size: 19px;
    font-weight: normal;
}
.pagination a:hover{
    background: #000;
    border: 1px solid #ff0000;
    color:#fff;
}

/************************************************************************************************ FOOTER */

.main {
    padding: 0 0 60px;
}

.footer{
    background: transparent;
}

/********************/

.footer p{
    color:#777;
    font-size: 12px;
    font-weight: normal;
}

/********************/

.footer .title-name a{
    font-size: 21px;
    color:#ccc;
    font-weight: normal;
}
.footer .title-name a:hover{
    color: #fff;
    text-decoration: underline;
}

/********************/

.footer .title a{
    color:#ccc;
    font-weight: bold;
    font-size: 12px;
}
.footer .title a:hover{
    color: #fff;
    text-decoration: underline;
    }

/************************************************************************************************ 404, 2257 PAGES */

.wrapper.text-page{
    background: #000;
    border: 1px solid #333;
}
.bottom{
    color:#777;
}
.block-error .title{
    color:#777;
}

/********** NO RESULT **********/
.no-result {
  color: #ff0000;
  border-top: none;
}

/************************************************************************************************ MOBILE ADJUSTMENT */

@media (max-width: 630px){
    .header-holder {
        padding: 5px;
    }
    .title-holder {
    margin: 5px 0 0 0;
}
.block-categories,
.block-videos {
     padding: 0 2px;
}

.menu {
    top: calc(100% + -60px);
}
.btn-sites span, .topmenu li a {
    line-height: 16px;
    padding: 10px 14px;
  }
}
@media (max-width: 1000px){
.az ul li > a:hover{
    padding-left: 0;
}
}
@media (max-width: 1334px){

.thumb .inner {
     margin: 1px;
}
.mholder .sites-list {
  margin: 0;
}
.mholder {
  margin-bottom: 0px;
  padding: 0 2px 0 0;
}
}

@media (max-width: 359px) {
    .sorting .drop > strong {
        padding: 0 19px 0 7px !important;
    }
    .sorting .drop > strong::after {
        right: 5px !important;
    }
}
/********** FLAG **********/

.report {
  top: 1px;
  left: 1px;
}
.report::after {
  border-radius: 4px;
}
.thumb time {
  left: 1px;
  bottom: 1px;
}
.thumb .qty {
  background: rgba(40,28,20,.7);
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.7) ;
  border-radius: 2px;
  padding: 2px 5px;
  position: absolute;
  bottom: 41px;
  right: 1px;
}
.block-videos .thumb .inner a span.imgpay::after {
  top: 1px;
  right: 1px;
}
.block-videos .thumb .inner a span.img .imghd::after {
  top: 1px;
  right: 1px;
}

.tabs {
height:0px;
border-bottom:none;
}