@charset "UTF-8";

.player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


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,
strong,
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%;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1;
	font-family: Tahoma;
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

html {
	box-sizing: border-box
}

*,
:after,
:before {
	box-sizing: inherit
}

body {
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #330700
}

a {
	text-decoration: none
}

h3 {
	color: #fff;
	font-weight: 400;
}

.container {
	width: 1625px;
	margin: auto
}

.header {
	padding: 10px 0;
	background-color: #222
}

.header-content {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-right: 10px
}

.logo {
	white-space: nowrap;
	margin-right: 10px;
	padding-bottom: 4px;
	font-size: 0
}

.logo a {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.logo-l {
	color: #a6a6a6;
	font-size: 30px;
	font-weight: 400;
	display: inline-block;
	margin-right: 5px;
}

.logo-r {
	color: #fff;
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
	border-radius: 3px;
	background-color: #e5573d;
	display: inline-block;
	box-shadow: 0 4px 1px -2px #16212A;
	padding: 6px 12px
}

.search {
	position: relative;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-appearance: none;
	font-size: 0;
	padding: 0;
	margin: 0
}

.search-input {
	width: 100%;
	border-radius: 3px;
	border: 1px solid #330700;
	background-color: #fff;
	outline: 0;
	color: #fff;
	padding: 11px 15px;
	-webkit-appearance: none;
	margin: 0
}

.search-button {
	-webkit-appearance: none;
	outline: 0;
	color: #fff;
	font-size: 10px;
	font-weight: 400;
	line-height: 14px;
	text-transform: uppercase;
	box-shadow: 0 0 10px #131519;
	border-radius: 3px;
	background-color: #5574ec;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 34px;
	top: 3px;
	cursor: pointer;
	font-size: 0
}


.search-button:before {
	font-family: custom;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	box-shadow: 0 2px 5px #d1dbe1;
	border-radius: 3px;
	background-color: #e5573d;
	width: 31px;
	height: 31px;
	padding: 7px
}

.nav {
	padding: 0;
	list-style-type: none;
	font-size: 0;
	margin: 0 5px
}

.nav li {
	display: inline-block
}

.nav li.active a {
	color: #fff;
	background-color: #e5573d
}

.nav li a {
	color: #a6a6a6;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	border-radius: 3px;
	display: block;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 5px 5px
}

.nav li a:hover {
	color: #fff;
	background-color: #e5573d
}

.langs {
	position: relative
}

.langs:hover .lang-dropdown {
	display: block
}

.lang-dropdown {
	z-index: 5;
	position: absolute;
	top: 100%;
	right: -26px;
	display: none;
	width: 220px;
	border-radius: 3px;
	background-color: #222;
	font-size: 0
}

.lang-current {
	cursor: pointer
}

.lang-current .lang-title {
	color: #646c72;
	font-size: 13px;
	text-transform: uppercase;
	position: relative
}

.lang-current .lang-title:hover {
	color: #fff
}

.lang-current .lang-title:after {
	content: '‹';
	right: -8px;
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	top: 0;
	position: absolute;
	color: #fff;
	font-size: 13px
}

.lang {
	display: inline-block;
	vertical-align: top;
	width: 110px
}

.lang .lang-title {
	color: #646c72;
	font-size: 13px;
	text-transform: uppercase
}

.lang a {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 5px
}

.lang a:hover .lang-title {
	color: #fff
}

.lang-current {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 5px
}

.lang-icon {
	display: block;
	width: 20px;
	min-width: 20px;
	height: 12px;
	background-color: #ccc;
	background-image: url(../img/flags.svg);
	background-size: cover;
	margin-right: 2px
}

.lang-en {
	background-position: 0 16px
}

.lang-de {
	background-position: 0 36px
}

.lang-fr {
	background-position: 0 56px
}

.lang-it {
	background-position: 0 76px
}

.lang-ru {
	background-position: 0 96px
}

.lang-es {
	background-position: 0 116px
}

.lang-tr {
	background-position: 0 136px
}

.lang-pt {
	background-position: 0 156px
}

.lang-nl {
	background-position: 0 176px
}

.lang-pl {
	background-position: 0 196px
}

.lang-vi {
	background-position: 0 216px
}

.lang-ja {
	background-position: 0 236px
}

.lang-ko {
	background-position: 0 256px
}

.lang-th {
	background-position: 0 276px
}

.lang-bn {
	background-position: 0 296px
}

.lang-ar {
	background-position: 0 316px
}

.thumbs {
	font-size: 0
}

.thumb {
	width: 320px;
	position: relative;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 50px;
	vertical-align: top
}

.thumb:hover .thumb-desc {
	color: #fff
}

.thumb:hover .thumb-views {
	background-color: #e5573d;
	color: #fff
}

.thumb-img-wrap {
	position: relative;
	padding-bottom: 68.75%;
	width: 100%
}

.thumb-img-wrap img {
	width: 100%;
	position: absolute;
	height: 100%;
	left:0;
	top:0;
}

.thumb-added,
.thumb-dur {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	text-transform: uppercase;
	background-color: rgba(0, 0, 0, .8);
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 5px
}

.thumb-added {
	left: auto;
	bottom: auto;
	right: 0;
	top: 0
}

.thumb-views {
	color: #7e7e7e;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	padding: 5px;
	background-color: #222;
	text-transform: uppercase;
	position: absolute;
	top: calc(100% - 24px);
	right: 0;
	z-index: 2
}

.thumb-tags {
	padding: 0;
	width: calc(100% + 2px);
	list-style-type: none;
	font-size: 0;
	position: absolute;
	top: 100%;
	left: 0;
	max-height: 22px;
	overflow: hidden;
}

.thumb-tags li {
	display: inline-block
}
  
.thumb-tags li a {
	color: #e5573d;
	font-size: 10px;
	font-weight: 400;
	line-height: 19px;
	text-transform: uppercase;
	position: relative;
	padding: 4px;
	display: block
}

.thumb-tags li a:hover {
	color: #fff
}


.thumb-desc {
	color: #85889b;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	text-transform: uppercase;
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 5px;
	position: absolute;
	left: 0;
	top: calc(100% + 23px)
}

.thumbs-cats .thumb {
	margin-bottom: 30px
}

.thumbs-cats .thumb .thumb-desc {
	color: #e5573d;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	text-transform: uppercase;
	padding-right: 100px;
	top: 100%
}

.title {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	line-height: 14px;
	text-transform: uppercase;
	padding: 15px 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%
}

.pagination {
	padding: 13px 0;
	list-style-type: none;
	font-size: 0;
	text-align: right;
	border: 1px solid #2c304a;
	background-color: #222;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.pagination li {
	display: inline-block;
	vertical-align: top;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center
}

.pagination li,
.pagination li a,
.pagination li span {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
	text-transform: uppercase;
	display: block;
	position: relative
}

.pagination li a:hover,
.pagination li.active span {
	color: #e5573d
}

.pagination li a:hover:before,
.pagination li.active span:before {
	content: '';
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #e5573d
}

.pagination li span {
	cursor: not-allowed
}

.top-searches {
	padding: 0;
	list-style-type: none;
	font-size: 0;
	background-color: #222
}

.top-searches li {
	display: inline-block;
	vertical-align: top
}

.top-searches li a {
	display: block;
	padding: 0 10px;
	color: #8198c5;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px
}

.top-searches li a:hover {
	color: #fff
}

.player-list {
	display: inline-block
}

.footer {
	text-align: center;
	padding: 20px 0
}

.footer-text,
.text {
	color: #a1a1a1;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	margin-top: 10px;
	display: block
}

.footer-links {
	padding: 0;
	list-style-type: none;
	font-size: 0;
	margin-bottom: 15px
}

.footer-links li {
	display: inline-block;
	vertical-align: top
}

.footer-links li a {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	padding: 5px 15px;
	line-height: 1.47
}

.footer-links li a:hover {
	color: #e5573d
}

.promo {
	text-align: center;
	font-size: 0;
	max-height: 270px;
	overflow: hidden;
	margin-top: 20px
}

.promo-item {
	display: inline-block;
	vertical-align: top;
	margin: 0 2px 20px
}

.nav-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.az-categories {
	font-size: 0;
	-webkit-columns: 7;
	columns: 7;
	-webkit-column-gap: 23px;
	column-gap: 23px;
	-webkit-column-break-inside: avoid;
	break-inside: avoid-column;
	padding-right: 5px;
	width: 100%;
	min-height: 0
}

.az-list {
	position: relative;
	overflow: hidden
}

.az-list li.letter {
	background-color: #222
}

.az-list li.letter span {
	font-size: 12px;
	font-weight: 400;
	line-height: 32px;
	text-align: right;
	text-transform: uppercase;
	padding-right: 10px;
	color: #fff;
	width: 100%;
	display: block
}

.az-list li.letter span:before {
	content: 'letter:';
	text-transform: uppercase;
	color: #484848
}

.az-list li a {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #222;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.az-list li a .cat-title {
	color: #e5573d;
	font-size: 16px;
	font-weight: 400;
	line-height: 31px
}

.az-list li a .cat-quantity {
	color: #7e7e7e;
	font-size: 10px;
	font-weight: 400;
	line-height: 31px
}

.az-list li a:hover .cat-title {
	color: #fff
}

.az-list li a:hover .cat-quantity {
	color: #7e7e7e
}

#toTop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: 0;
	background-color: #e5573d;
	color: #fff;
	cursor: pointer;
	padding: 15px;
	border-radius: 10px;
	font-size: 18px;
	width: 40px;
	height: 40px
}

#toTop:before {
	content: '\0041';
	font-family: custom;
	font-size: 20px;
	position: absolute;
	top: 7px;
	left: 10px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

#toTop:hover {
	background-color: #616161
}

@media screen and (max-width:1670px) {
	.container {
		width: 1300px
	}
	.related:first-child {
		display: none
	}
	.az-categories {
		-webkit-columns: 6;
		columns: 6
	}
}

@media screen and (max-width:1330px) {
	.container {
		width: 100%;
		padding: 0 5px
	}
	.thumb {
		width: calc(25% - 5px)
	}
	.related:last-child {
		display: none
	}
	.az-categories {
		-webkit-columns: 4;
		columns: 4
	}
}


@media screen and (max-width:1000px) {
	.container {
		width: 100%;
		padding: 0 5px
	}
	.az-categories {
		-webkit-columns: 3;
		columns: 3
	}
	.player-out span {
		font-size: 16px
	}
	.thumb {
		width: calc(50% - 5px)
	}
	.related .thumb {
		width: 250px
	}
	.header-content {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.search {
		width: 100%
	}
	.lang-dropdown {
		right: -75px
	}
}

.headmob, .mobheader, .mob-under-player {
	display:none;
	text-align: center;
	padding:10px;
}
.inlinevids {
	display: none;
}

@media screen and (max-width:650px) {
	.headmob, .mobheader, .mob-under-player {display:block; min-height: 120px;}
	.inlinevids {display:block;}
	.container {
		width: 100%;
		padding: 0 5px
	}
	.thumb {
		width: calc(50% - 5px)
	}
	.az-categories {
		-webkit-columns: 2;
		columns: 2
	}
	.related {
		display: none
	}
	.nav-container {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.header {
		padding: 3px 0
	}
	.nav {
		margin-top: 5px;
		text-align: center
	}
}

@media screen and (max-width:350px) {
	.container {
		width: 100%;
		padding: 0 5px
	}
	.az-categories {
		-webkit-columns: 1;
		columns: 1
	}
}

body {
	background-color: #330700
}

.header {
	background-color: #222
}

.logo-l {
	color: #a6a6a6
}

.logo-r {
	color: #fff;
	background-color: #e5573d;
	box-shadow: 0 4px 1px -2px #16212A
}

.search-input {
	border: 1px solid #330700;
	background-color: #fff;
	color: #000
}

.search-button {
	color: #fff;
	box-shadow: 0 0 10px #131519;
	background-color: #5574ec
}

.search-button:before {
	box-shadow: 0 2px 5px #d1dbe1;
	background-color: #e5573d
}

.nav li.active a {
	color: #fff;
	background-color: #e5573d
}

.nav li a {
	color: #a6a6a6
}

.nav li a:hover {
	color: #fff;
	background-color: #e5573d
}

.lang-dropdown {
	background-color: #222
}

.lang-current .lang-title {
	color: #646c72
}

.lang-current .lang-title:hover {
	color: #fff
}

.lang-current .lang-title:after {
	color: #fff
}

.lang .lang-title {
	color: #646c72
}

.lang a:hover .lang-title {
	color: #fff
}

.lang-icon {
	background-color: #ccc
}

.thumb:hover .thumb-desc {
	color: #fff
}

.thumb:hover .thumb-views {
	background-color: #e5573d;
	color: #fff
}

.thumb-added,
.thumb-dur {
	color: #fff;
	background-color: rgba(0, 0, 0, .8)
}

.thumb-views {
	color: #a6a6a6;
	background-color: #222
}

.thumb-tags li a {
	color: #e5573d
}

.thumb-tags li a:hover {
	color: #fff
}

.thumb-tags li a:hover:before {
	color: #7e7e7e
}

.thumb-tags li a:before {
	color: #7e7e7e
}

.thumb-desc {
	color: #85889b
}

.thumbs-cats .thumb .thumb-desc {
	color: #e5573d
}

.title {
	color: #fff
}

.pagination {
	border: 1px solid #2c304a;
	background-color: #222
}

.pagination li a,
.pagination li span {
	color: #fff
}

.pagination li a:hover,
.pagination li.active span {
	color: #e5573d
}

.pagination li a:hover:before,
.pagination li.active span:before {
	background-color: #e5573d
}

.pagination li span {
	cursor: not-allowed
}

.top-searches {
	background-color: #222
}

.top-searches li a {
	color: #8198c5
}

.top-searches li a:hover {
	color: #fff
}

.footer-text,
.text {
	color: #a1a1a1
}

.footer-links li a {
	color: #fff
}

.footer-links li a:hover {
	color: #e5573d
}

.az-list li.letter {
	background-color: #222
}

.az-list li.letter span {
	color: #fff
}

.az-list li.letter span:before {
	color: #484848
}

.az-list li a {
	border-bottom: 1px solid #222
}

.az-list li a .cat-title {
	color: #e5573d
}

.az-list li a .cat-quantity {
	color: #7e7e7e
}

.az-list li a:hover .cat-title {
	color: #fff
}

.az-list li a:hover .cat-quantity {
	color: #7e7e7e
}

#toTop {
	background-color: #e5573d;
	color: #fff
}

#toTop:hover {
	background-color: #616161
}

.lead {
	color: #fff; 
	padding-bottom: 10px;
	line-height: 1.4em;
}


h1 {
	white-space: nowrap;
	text-overflow: ellipsis;
}

body, html, div, ul, li, span, a { margin: 0; padding: 0; }
li { list-style-type: none; }
.prefix-player-main { background-color: rgb(20,20,20); overflow: hidden; padding-bottom: 10px; }
.prefix-player-wr { margin: 0 auto; max-width: 1360px; width: 98%; }
.prefix-player-wr h1 { color: rgb(230,230,230); font-size: 24px; line-height: 28px; max-height: 56px; overflow: hidden; font-weight: normal; margin: 10px 0 0 0; padding: 0; }
.prefix-player-tab { display: table; width: 100%; }
.prefix-player-col { padding-top: 10px; }
.prefix-player { background-color: rgb(0,0,0); position: relative;  }
.prefix-player img { width: 100%; }
.prefix-player-go { background-color: rgba(255,16,16,0.8); color: rgb(255,255,255); border-radius: 2px; cursor: pointer; position: absolute; top: 5px; right: 5px; z-index: 5; height: 40px; line-height: 40px; padding: 0 15px; font-size: 16px; text-transform: uppercase; }
.prefix-player-go:hover { background-color: rgb(255,16,16); }
.prefix-player-info { background-color: rgba(0,0,0,0.5);  position: relative; bottom: 0; left: 0; width: 100%; z-index: 5; overflow: hidden; }
.prefix-player-info p {
	color: #fff; padding:5px;
}
.prefix-player-info ul { margin: 5px 5px 0 10px;}
.prefix-player-info ul li { color: rgb(205,205,205); float: left; margin: 0 10px 0 0; font-size: 14px; overflow: hidden;  }
.prefix-player-info ul li span { color: rgb(255,255,255); }
.prefix-player-info ul.tags li { background-color: rgba(0,0,0,0.5); color: rgb(255,255,255); margin: 5px; cursor: pointer; text-align: left; border: 1px solid #e5573d; border-radius: 5px; padding: 5px;}
.prefix-player-info ul li i { color: #e5573d; }
.prefix-player-info ul.tags li:hover { background-color: rgba(0,0,0,0.8); }
.prefix-player-info ul li.rate { background-color: rgba(0,0,0,0.5); padding: 0 10px; font-size: 0; }
.prefix-player-info ul li.rate span { display: inline-block; vertical-align: top; height: 30px; line-height: 30px; margin-right: 5px; font-size: 18px; }
.prefix-player-info ul li.rate span i { display: block; height: inherit; line-height: inherit; }
.prefix-player-info ul li.rate span.like i { color: rgb(45,205,125); }
.prefix-player-info ul li.rate span.dislike { margin-right: 0 !important; }
.prefix-player-info ul li.rate span.dislike i { color: rgb(245,85,85);}
.prefix-player-promo-item { background-color: rgb(60,60,60); display: none; margin: 10px 0 0 10px; width: 300px; height: 250px; overflow: hidden;}
.prefix-player-skip { background-color: rgb(60,60,60); color: rgb(255,255,255); margin-top: 10px; padding: 15px; font-size: 16px; line-height: 20px; text-align: center; }
.prefix-player-skip:hover { background-color: rgb(255,16,16); color: rgb(255,255,255); }
.prefix-player-play { background-color: rgba(0,0,0,0.5); color: rgb(255,255,255); cursor: pointer; position: absolute; top: 50%; left: 50%; z-index: 5; height: 40px; line-height: 40px; width: 60px; text-align: center; font-size: 22px; margin: -20px 0 0 -30px; }


@media screen and (min-width:500px) {
    .prefix-player-info ul { width: auto; height: auto; bottom: 10px; left: 10px; right: 10px; margin: 0; text-align: center; }
    .prefix-player-info ul li { float: left; }
    .prefix-player-go { bottom: 5px; top: auto; }
}

@media screen and (min-width:640px) {
    .prefix-player-info ul li { font-size: 16px; }
    .prefix-player-info ul li.rate span { font-size: 22px; }
}

@media screen and (min-width:1000px) {
    .prefix-player-wr h1 { font-size: 28px; line-height: 32px; max-height: 64px; }
    .prefix-player-col, .prefix-player-promo-col { display: table-cell; vertical-align: top; }
    .prefix-player-promo-col { width: 310px; }
    .prefix-player-promo-item { display: block; }
    .prefix-player-go { height: 50px; line-height: 50px; padding: 0 20px; font-size: 18px; }
    .prefix-player-skip { font-size: 18px; line-height: 22px; }
}

.player {
	width: 100%;
    height: 100%;
    position: absolute;
}

 .mlppromo {
    text-align: center;
    max-height: 270px;
    overflow: hidden;
}

.mlppromo-item {
    display: inline-block;
    vertical-align: top;
    margin: 20px 2px 20px
}
@media screen and (max-width:350px) {
    .mlppromo-item
 {
        margin-left: 0;
        margin-right: 0
    }
}

.tag-link span {
	color:#fff;
	text-transform: capitalize;
}

.category-group-container {
	-webkit-column-count: 5;
	-moz-column-count: 5;
	-webkit-column-width: 200px;
	-moz-column-width: 200px;
	columns: 150px 6;
	margin: 0;
	padding: 0
}

.category-group-container ul {
	margin: 0;
	padding: 0
}

.category-group-container .category-group {
	display: block;
	margin-bottom: 15px
}

.category-group-container .category-group.hidden {
	display: none
}

.category-group-container li {
	display: block
}

.category-group-container li.hidden {
	display: none
}

.all-categories .category-group-container .category-group {
	padding-top: 20px;
	border-top: 1px solid hsla(0, 0%, 39.2%, .5)
}

.category-list {
	padding: 0 4px
}

.category-sidebar-header {
	font-size: 22px
}

.category-sidebar-header span {
	float: right;
	top: -21px;
	position: relative
}

.category-sidebar-header span a {
	border: 1px solid hsla(0, 0%, 39.2%, .5);
	padding: 4px 8px;
	font-size: 16px;
	display: block
}

a.category {
	color: #e5573d;
	font-size: 14px;
	font-weight: 400;
	width: 100%;
    display: inline-block;
    margin-top:10px;
}

a.category:hover {
	color: #fff;
}

.text-muted {
    color: #85889b!important;
}

.badge {
    display: inline-block;
    float: right;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}
.tags-group-list {
	text-align:center;
}

.tags-group-list a {
	display: inline-block;
	color:#e5573d;
	font-weight: 400;
	text-transform: uppercase;
	padding: 10px;
}

.tags-group-list a:hover {
	color:#ffffff;
}

.disclamer {
	text-align: left; 
	color: #a1a1a1;
	padding-top:20px;
}

.footerlinks {
	color: #a1a1a1;
}

.footerlinks a {
	color: #e5573d;
}

.footerlinks a:hover {
	color: #fff;
}

.footerlinks {
	padding-top:20px;
}

.autocomplete-suggestions {
	background: #fff;
	border: #000 solid 1px;
	z-index: 9999;
}

.autocomplete-suggestion {
	padding: 5px;
}

.autocomplete-suggestion.autocomplete-selected {
	background: #e5573d;
	cursor: pointer;
	text-decoration: underline;
}



#ontop_spots {
	position: absolute;
	z-index: 4;
	top: 50%;
	left: 50%;
	width: 325px;
	padding: 5px 10px 10px;
	background: rgba(0,0,0,0.5);
	border-radius: 10px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
	#ontop_spots h3 {
		color: #fff;
		margin: 0 0 5px 0;
		padding: 0;
		font-size: 12px;
		line-height: 20px;
	}
	#ontop_spots .spots:after {
		content: '';
		display: block;
		clear: both;
	}
		#ontop_spots .spots .spot {
			float: left;
			margin-right: 5px;
		}
			#ontop_spots .spots .spot:nth-child(2) {
				margin-right: 0;
				display: none;
			}

	#ontop_spots .close {
		background: #000;
		border-radius: 10px;
		color: #fff;
		font-size: 13px;
    	line-height: 20px;
		background: url(/close.png) no-repeat 10px center, url(/close.png) no-repeat 265px center;
		background-size: 30px 30px;
		background-color: #000;
		text-align: center;
		cursor: pointer;
		margin-top: 5px;
		padding: 5px 50px;
		display: block;
	}
    #ontop_spots .close:hover {
        background-color: rgb(222,38,0);
        color: rgb(255,255,255);
    }

@media (min-width: 660px) {
	#ontop_spots {
		width: 625px;
	}
	#ontop_spots .spots .spot:nth-child(2) {
		display: block;
	}
	#ontop_spots .close {
		background: url(/close.png) no-repeat 10px center, url(/close.png) no-repeat 560px center;
		background-size: 30px 30px;
		background-color: #000;
		padding: 0;
    	line-height: 50px;
	}
}

.spot iframe {
	width: 300px;
    height: 250px;
    position: initial;
    left: initial;
    top: initial;
    bottom: initial;
}

@media (min-width: 660px) {
	.spot iframe {
		width: 300px;
	    height: 250px;
	    position: initial;
	    left: initial;
	    top: initial;
	    bottom: initial;
	}
}

.spot-mobile {
    display: none;
}

@media screen and (max-width: 660px) {
	.spot-mobile {
	    display: block;
	}
	
	.spot-desktop {
	    display: none;
	}
	
	.spot-holder {
	    width: 304px;
	}
	.spot-continue {
	    display: none;
	}
	#poster {
		height:440px;
	}
}

.spot-close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background: #444;
    border: none;
    outline: none;
}

.download-link {
	width:100%;
	text-align: center;
	display:block;
}
.download-link a {
	box-shadow: 0 4px 1px -2px #16212a;
	border-radius: 3px;
	color: #fff;
    background: #e5573d;
    width: 100%;
    text-align: center;
    padding: 15px;
    display: block;
    font-size: 20px;
    font-weight: bold;
}


.ii {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -.125em;
}

.ii-video-camera {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a6a6a6' viewBox='0 0 16 16'%3E%3Cpath d='M0 5a2 2 0 0 1 2-2h7.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 4.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 13H2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}

.thumb:hover .ii-video-camera {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M0 5a2 2 0 0 1 2-2h7.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 4.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 13H2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}


.ii-eye {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a6a6a6' viewBox='0 0 16 16'%3E%3Cpath d='M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0'/%3E%%3Cpath d='M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8m8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7'/%3E%3C/svg%3E");
}

.thumb:hover .ii-eye {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0'/%3E%%3Cpath d='M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8m8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7'/%3E%3C/svg%3E");
}

.ii-external {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a6a6a6' viewBox='0 0 16 16'%3E%3Cpath d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5'/%3E%%3Cpath d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z'/%3E%3C/svg%3E");
}

.thumb:hover .ii-external {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5'/%3E%%3Cpath d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z'/%3E%3C/svg%3E");
}

.ii-tag {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237e7e7e' viewBox='0 0 16 16'%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7-7A1 1 0 0 0 6.586 1zm4 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0'/%3E%3C/svg%3E");
}

.ii-tag-big {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5573d' viewBox='0 0 16 16'%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7-7A1 1 0 0 0 6.586 1zm4 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0'/%3E%3C/svg%3E");
}

.ii-user-big {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5573d' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6'/%3E%3C/svg%3E");
}

.ii-user {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237e7e7e' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6'/%3E%3C/svg%3E");
}

.ii-search {
	content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a6a6a6' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");
}