@import url("https://fonts.googleapis.com/css?family=Ubuntu");
@font-face {
	font-family: icon-font;
	src: url(../font/icon-font.eot?18756175);
	src: url(../font/icon-font.eot?18756175#iefix) format("embedded-opentype"), url(../font/icon-font.woff2?18756175) format("woff2"), url(../font/icon-font.woff?18756175) format("woff"), url(../font/icon-font.ttf?18756175) format("truetype"), url(../font/icon-font.svg?18756175#icon-font) format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}
[class*=" icon-"]:before, [class^=icon-]:before {
	font-family: icon-font;
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-search:before {
	content: "\e800"
}
.icon-thumbs-up:before {
	content: "\e801"
}
.icon-thumbs-down:before {
	content: "\e802"
}
.icon-eye:before {
	content: "\e803"
}
.icon-right-open:before {
	content: "\e804"
}
.icon-clock:before {
	content: "\e805"
}
.icon-down-open:before {
	content: "\e806"
}
.icon-play:before {
	content: "\e807"
}
.icon-star:before {
	content: "\e808"
}
.icon-star-empty:before {
	content: "\e809"
}
.icon-table:before {
	content: "\f0ce"
}
img, legend {
	border: 0
}
legend, td, th {
	padding: 0
}
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
	display: none
}
a {
	background-color: transparent
}
a:active, a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, optgroup, strong {
	font-weight: 700
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0
}
pre, textarea {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}
input {
	line-height: normal
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	height: auto
}
input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
*, :after, :before {
	box-sizing: border-box
}
html {
	font-size: 10px;
	-webkit-tap-highlight-color: transparent
}
body {
	font-family: Ubuntu, Helvetica, Arial, sans-serif;
	font-size: 0;
	font-weight: 400;
	line-height: 1.42857143;
	background-image: url(../img/bg.png);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
a, body {
	color: #223843
}
a {
	text-decoration: none
}
.container {
	width: 1660px;
	text-align: center;
	margin: auto
}
.container.container-shadow {
	box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
	background-color: #eff1f3
}
.container:after {
	display: table;
	content: "";
	clear: both
}
.footer, .header {
	background-color: #223843;
	padding: 10px 0
}
.footer, .header {
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}
.header-flex {
	-ms-flex-pack: justify;
	justify-content: space-between
}
.header-flex, .header-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}
.logo {
	display: block;
	width: 180px;
	height: 65px;
	background-image: url(../img/logo.svg);
	background-size: cover
}
.title-block {
	padding: 0 10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.separator {
	border-bottom: 1px solid #dbd3d8;
	display: block;
	margin-bottom: 10px;
	padding: 0 5px
}
.separator.top-separator {
	margin-bottom: 0;
	margin-top: 10px
}
.separator.both-separator {
	margin: 10px 0
}
.title {
	display: inline-block;
	text-align: center
}
.title h1, .title h2 {
	white-space: wrap;
	font-family: Ubuntu;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: block;
	padding: 5px 0;
	margin: 0;
	font-size: 20px;
	color: #223843
}
.sorting {
	padding: 0;
	min-width: 200px;
	list-style-type: none;
	display: inline-block;
	text-align: left;
	margin-bottom: 5px
}
.sorting .sorting-item span {
	cursor: pointer;
	min-width: 200px;
	position: relative;
	display: inline-block;
	font-size: 14px;
	background-color: #d77a61;
	padding: 7px 15px;
	color: #eff1f3
}
.sorting .sorting-caret {
	position: absolute;
	width: 10px;
	height: 20px;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(0deg);
	transform: translateY(-50%) rotate(0deg);
	transition: all .25s ease-in-out
}
.sorting .sorting-caret:before {
	font-family: icon-font;
	position: absolute;
	top: 50%;
	left: 30%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	content: "\e806";
	font-style: normal;
	color: #eff1f3;
	width: 100%;
	height: 100%;
	line-height: 20px
}
.sorting .sorting-caret.opened {
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg)
}
.sorting .sorting-dropdown {
	margin-top: 3px;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: 3;
	min-width: 200px;
	background-color: #d77a61;
	padding: 0;
	list-style-type: none;
	transition: all .25s ease-in-out
}
.sorting .sorting-dropdown.opened {
	display: block;
	opacity: 1;
	visibility: visible;
	transition: all .25s ease-in-out
}
.sorting .sorting-dropdown li {
	padding: 5px 15px
}
.sorting .sorting-dropdown li a {
	font-size: 14px;
	color: #eff1f3
}
.sorting .sorting-dropdown li a:hover {
	text-decoration: underline
}
.tag-list {
	width: 300px;
	z-index: 10;
	display: inline-block;
	vertical-align: top
}
.tag-list h3 {
	text-align: center;
	font-size: 24px;
	margin: 0
}
.tag-list ul {
	padding: 0;
	list-style-type: none
}
.tag-list ul .tag-size-1 a {
	font-size: 11px
}
.tag-list ul .tag-size-2 a {
	font-size: 12px
}
.tag-list ul .tag-size-3 a {
	font-size: 13px
}
.tag-list ul .tag-size-4 a {
	font-size: 14px
}
.tag-list ul .tag-size-5 a {
	font-size: 15px
}
.tag-list ul .tag-size-6 a {
	font-size: 16px
}
.tag-list ul li {
	display: inline-block;
	margin: 0 10px 5px 0
}
.tag-list ul li a {
	font-size: 10px
}
.thumbs {
	padding: 0;
	list-style-type: none
}
.thumb {
	width: 320px;
	margin: 5px 5px 10px;
	text-align: left;
	display: inline-block;
	vertical-align: top
}
.thumb.cat-thumb .thumb-hover-info {
	right: 0
}
.thumb:hover .thumb-img-wrapper {
	box-shadow: 0 0 0 5px #d77a61;
	text-shadow: 0 1px 2px transparent
}
.thumb:hover .thumb-desc {
	color: #d77a61
}
.thumb:hover .thumb-hover-info {
	right: 0
}
.thumb-img-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
	transition: all .25s ease-in-out;
	overflow: hidden
}
.thumb-img {
	width: 100%
}
.thumb-desc {
	display: block;
	font-size: 18px;
	padding: 5px 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .24)
}
.thumb-hover-info {
	position: absolute;
	right: -160px;
	bottom: 20px;
	padding: 5px 10px;
	list-style-type: none;
	background-color: rgba(215, 122, 97, .85);
	transition: right .25s ease-in-out
}
.thumb-hover-info li {
	display: inline-block;
	font-size: 14px;
	color: #eff1f3;
	margin-right: 10px
}
.thumb-hover-info li:last-child {
	margin-right: 0
}
.thumb-count:after {
	font-size: 14px;
	content: " videos"
}
.thumb-duration:before {
	content: "\e805"
}
.thumb-duration:before, .thumb-views:before {
	font-family: icon-font;
	font-size: 14px;
	padding-right: 5px
}
.thumb-views:before {
	content: "\e803"
}
.thumb-likes:before {
	content: "\e801"
}
.thumb-added:before, .thumb-likes:before {
	font-family: icon-font;
	font-size: 14px;
	padding-right: 5px
}
.thumb-added:before {
	content: "\f0ce"
}
.thumb-tags {
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	height: 20px
}
.thumb-tags li {
	font-size: 14px;
	display: inline-block;
	margin-right: 7px
}
.thumb-tags li a:hover {
	text-decoration: underline;
	color: #d77a61
}
.thumb-tags li a:before {
	font-family: icon-font;
	content: "\e808";
	font-size: 14px;
	padding-right: 2px
}
.thumb-tags li a:before:hover {
	text-decoration: none
}
.thumb-tags li:after {
	content: ","
}
.thumb-tags li:last-child {
	margin-right: 0
}
.thumb-tags li:last-child:after {
	content: ""
}
.pagination {
	padding: 0;
	display: inline-block;
	text-align: left
}
.pagination li {
	display: inline-block;
	margin-right: 3px;
	margin-bottom: 3px
}
.pagination li.active a, .pagination li:hover a {
	background-color: #d77a61;
	color: #eff1f3
}
.pagination li.inactive a {
	background-color: rgba(34, 56, 67, .3)
}
.pagination li a {
	font-size: 14px;
	display: block;
	line-height: 33px;
	color: #223843;
	min-width: 35px;
	height: 35px;
	border: 2px solid #d77a61;
	background-color: transparent;
	text-align: center;
	padding: 0 10px;
	transition: all .25s ease-in-out
}
.categories ul {
	padding: 0 5px;
	vertical-align: top;
	width: 20%;
	display: inline-block;
	list-style-type: none;
	text-align: left
}
.categories ul li {
	font-size: 18px;
	padding-left: 5px;
	height: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.categories ul li:hover:before {
	color: #d77a61
}
.categories ul li:hover a {
	text-decoration: underline;
	color: #d77a61
}
.categories ul li:before {
	font-family: icon-font;
	content: "\e809";
	font-size: 14px;
	padding-right: 4px
}
.categories ul li.cat-letter {
	font-weight: 700;
	color: #d77a61;
	line-height: 20px;
	padding: 0
}
.categories ul li.cat-letter span {
	text-align: center;
	font-size: 18px;
	border: 1px solid #d77a61;
	height: 24px;
	min-width: 24px;
	border-radius: 30px;
	display: inline-block
}
.categories ul li.cat-letter:before {
	content: "";
	padding-right: 0
}
.categories ul li.cat-space:before {
	content: ""
}
.categories ul li span {
	font-size: 14px
}
.img-top {
	padding: 0;
	text-align: center;
	list-style-type: none
}
.img-top li {
	width: 16%;
	margin: .3%;
	display: inline-block
}
.img-top li:hover {
	box-shadow: 0 0 0 2px #d77a61
}
.img-top li:hover span {
	background-color: #d77a61;
	color: #eff1f3
}
.img-top li img {
	width: 100%
}
.img-top li span {
	font-size: 16px;
	padding: 5px 15px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block
}
.text-top {
	padding: 0;
	text-align: center;
	list-style-type: none
}
.text-top li {
	width: 16%;
	margin: .3%;
	display: inline-block;
	text-align: left;
	border: 1px solid #d77a61
}
.text-top li:hover {
	background-color: #d77a61
}
.text-top li:hover a {
	color: #eff1f3
}
.text-top li a {
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	padding: 5px 15px
}
.ads {
	text-align: center
}
.ad {
	display: inline-block;
	width: 300px;
	margin: 2px
}
.ad img {
	width: 100%
}
.search-wrapper {
	position: relative
}
.search-form {
	z-index: 7;
	height: 36px;
	width: 240px;
	background-color: #d77a61;
	border: 2px solid #d77a61;
	transition: all .25s ease-in-out
}
.search-input {
	height: 100%;
	width: 100%;
	background-color: #eff1f3;
	color: #223843;
	font-size: 14px;
	padding: 5px 10px;
	border: none;
	outline: none
}
.search-button {
	outline: none;
	position: absolute;
	right: 7px;
	top: 0;
	background-color: transparent;
	border-color: transparent;
	width: 20px;
	height: 30px;
	display: block;
	border: none
}
.search-button:before {
	font-family: icon-font;
	color: #d77a61;
	font-size: 20px;
	line-height: 37px;
	content: "\e800";
	position: absolute;
	top: 0;
	left: 0
}
.language-bar {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	position: relative;
	background-image: url(../img/flagss.svg);
	background-repeat: no-repeat;
	background-size: cover;
	min-width: 50px;
	width: 50px;
	height: 32px;
	margin-left: 5px
}
.language-list {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	margin-top: 5px;
	top: 100%;
	right: 0;
	z-index: 6;
	white-space: nowrap;
	overflow: hidden;
	background-color: #447187;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
	transition: all .25s ease-in-out
}
.language-list.opened {
	opacity: 1;
	visibility: visible
}
.language-list ul {
	padding: 0;
	display: inline-block
}
.language {
	background-color: #223843;
	margin: 1px
}
.language:hover .language-text {
	background-color: #d77a61
}
.language-icon {
	background-image: url(../img/flagss.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 50px;
	overflow: hidden
}
.language-icon, .language-text {
	height: 32px;
	display: inline-block;
	vertical-align: middle
}
.language-text {
	font-size: 16px;
	width: 100px;
	text-align: center;
	line-height: 32px;
	padding: 10px;
	padding: 0;
	margin: 0;
	color: #eff1f3
}
.li-eng {
	background-position: 0 0
}
.li-czech {
	background-position: 0 -33px
}
.li-german {
	background-position: 0 -66px
}
.li-spain {
	background-position: 0 -98px
}
.li-france {
	background-position: 0 -131px
}
.li-italy {
	background-position: 0 -164px
}
.li-hungary {
	background-position: 0 -196px
}
.li-nederlande {
	background-position: 0 -229px
}
.li-norway {
	background-position: 0 -261px
}
.li-poland {
	background-position: 0 -294px
}
.li-portugal {
	background-position: 0 -326px
}
.li-romania {
	background-position: 0 -359px
}
.li-sweden {
	background-position: 0 -392px
}
.li-vietnam {
	background-position: 0 -424px
}
.li-turkey {
	background-position: 0 -457px
}
.li-greek {
	background-position: 0 -490px
}
.li-israel {
	background-position: 0 -523px
}
.li-egypt-arabic {
	background-position: 0 -555px
}
.li-india-hindi {
	background-position: 0 -588px
}
.li-china {
	background-position: 0 -620px
}
.li-japan {
	background-position: 0 -653px
}
.li-russian {
	background-position: 0 -686px
}
.mobile-nav {
	display: block;
	opacity: 0;
	position: absolute;
	top: -163px;
	left: 0;
	width: 100%;
	transition: all .25s ease-in-out;
	text-align: center;
	z-index: 1
}
.mobile-nav ul {
	padding: 0;
	background-color: rgba(0, 0, 0, .8)
}
.mobile-nav li {
	display: block;
	margin: 0;
	border-bottom: 1px solid #fff
}
.mobile-nav li:hover {
	background-color: #d77a61
}
.mobile-nav li a {
	font-size: 15px;
	color: #fff;
	font-weight: 600;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: none
}
.mobile-nav.opened {
	z-index: 999;
	opacity: 1;
	transition: all .25s ease-in-out;
	top: 67px;
	left: 0
}
.hamb-wrapper {
	float: right;
	line-height: 34px;
	vertical-align: middle;
	cursor: pointer;
	text-align: left
}
.hamburger {
	display: none;
	position: relative;
	vertical-align: middle;
	margin-top: 15px;
	line-height: 33px;
	-webkit-transform: translateZ(0);
	-webkit-perspective: 1000;
	perspective: 1000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	margin: 6px;
	color: #d77a61
}
.hamburger, .hamburger:before {
	width: 36px;
	height: 6px;
	background-color: #d77a61;
	transition: all .25s ease-in-out
}
.hamburger:before {
	content: "";
	position: absolute;
	top: -12px
}
.hamburger:after {
	content: "";
	position: absolute;
	width: 36px;
	height: 6px;
	background-color: #d77a61;
	top: 12px;
	transition: all .25s ease-in-out
}
.hamburger.pressed {
	background-color: transparent;
	transition: all .25s ease-in-out
}
.hamburger.pressed:after {
	width: 18px;
	transition: all .3s ease-in-out;
	-webkit-transform: translate(3px, -7px) rotate(405deg);
	transform: translate(3px, -7px) rotate(405deg)
}
.hamburger.pressed:before {
	width: 18px;
	transition: all .3s ease-in-out;
	-webkit-transform: translate(12px, 17px) rotate(-405deg);
	transform: translate(12px, 17px) rotate(-405deg)
}
.to-top-button {
	background-color: #eff1f3;
	opacity: 0;
	transition: all 1s ease-in-out;
	width: 50px;
	height: 50px;
	border-radius: 3px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	font-size: 20px;
	font-weight: 700;
	color: #d77a61;
	padding: 0;
	cursor: pointer;
	text-transform: uppercase;
	text-align: center;
	box-shadow: 0 0 10px rgba(0, 0, 0, .8);
	z-index: 10
}
.to-top-button span {
	position: relative;
	display: block;
	margin: 0;
	top: 23px;
	right: 16px
}
.to-top-button span:before {
	top: -12px;
	-webkit-transform: translate(12px, 17px) rotate(-135deg);
	transform: translate(12px, 17px) rotate(-135deg)
}
.to-top-button span:after, .to-top-button span:before {
	content: "";
	position: absolute;
	width: 18px;
	height: 6px;
	background-color: #d77a61
}
.to-top-button span:after {
	top: 12px;
	-webkit-transform: translate(3px, -7px) rotate(135deg);
	transform: translate(3px, -7px) rotate(135deg)
}
.footer {
	text-align: center;
	padding: 15px
}
.footer p {
	font-size: 14px;
	padding: 0;
	margin: 0;
	color: #eff1f3
}
.footer-links {
	padding: 0;
	margin-top: 5px
}
.footer-links li {
	display: inline-block
}
.footer-links li a {
	color: #eff1f3;
	font-size: 14px;
	padding: 5px 15px
}
.footer-links li a:hover {
	color: #d77a61;
	text-decoration: underline
}
.player-section {
	width: 100%;
	padding: 5px
}
.player-side {
	width: 1340px;
	vertical-align: top;
	display: inline-block
}
.player-info {
	width: 100%;
	text-align: center
}
.player-link {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	color: #d77a61;
	text-decoration: underline
}
.player-link:hover {
	color: #a8452a
}
.player-counters {
	padding: 0;
	list-style-type: none;
	text-align: left
}
.player-counters li {
	font-size: 16px
}
.player-counters li span {
	color: #d77a61;
	font-weight: 700
}
.player-counters li ul {
	padding: 0;
	list-style-type: none;
	display: inline-block
}
.player-counters li ul li {
	display: inline-block
}
.player-counters li ul li:after {
	content: ","
}
.player-counters li ul li:last-child:after {
	content: ""
}
.player-counters li ul li a:hover {
	text-decoration: underline
}
.player-ads {
	vertical-align: top;
	display: inline-block;
	display: flex;
    flex-wrap: wrap;
    justify-content: center
}
.player-ad {
	width: 300px;
	margin: 5px 0 5px 5px;
	vertical-align: top
}
.player {
	width: 100%;
	position: relative
}
.player img {
	display: block;
	width: 100%;
	z-index: -1
}
.player>iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
.about-text {
	font-size: 16px
}
.player-screen-ads-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;	
	z-index: 5
}
.player-screen-ads {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.player-screen-ads .player-screen-ads-list {
	padding: 0;
	width: 620px
}
.player-screen-ads .player-screen-ads-item {
	vertical-align: top;
	display: inline-block;
	width: 300px;
	height: 265px;
	margin: 5px
}
.player-screen-ads .player-screen-ads-text {
	padding: 0 5px;
	display: block
}
.player-screen-ads .player-screen-ads-text a {
	display: block;
	font-size: 16px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #eff1f3;
	background-color: #d77a61
}
.player-screen-ads .player-screen-ads-close {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #d77a61;
	right: -5px;
	top: -5px;
	text-align: center;
	line-height: 16px;
	cursor: pointer
}
.player-screen-ads .player-screen-ads-close a {
	font-size: 16px;
	color: #eff1f3
}
.about-text {
	font-size: 16px;
	text-align: left;
	padding: 0 5px;
	margin: 0
}
.desktop-nav {
	padding: 0;
	list-style-type: none
}
.desktop-nav li {
	display: inline-block;
	margin-right: 3px
}
.desktop-nav li.active a, .desktop-nav li:hover a {
	background-color: #d77a61
}
.desktop-nav li a {
	font-size: 16px;
	border: 2px solid #d77a61;
	text-transform: uppercase;
	background-color: transparent;
	color: #eff1f3;
	padding: 5px 15px;
	transition: background-color .25s ease-in-out
}
@media screen and (max-width:1750px) {
	.container {
		width: 1330px
	}
	.player-side {
		width: 1010px
	}
}
@media screen and (max-width:1430px) {
	.container {
		width: 1000px
	}
	.content-wrapper {
		width: 720px
	}
	.player-side {
		width: 100%
	}
	.player-ads {
		margin-top: 10px
	}
	.player-ad {
		display: inline-block
	}
	.player-ad:first-child {
		margin-top: 5px
	}
	.img-top li, .text-top li {
		width: 19.5%;
		margin: .2%
	}
}
@media screen and (max-width:1080px) {
	.container {
		width: 670px
	}
	.title-block {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-ms-flex-align: start;
		align-items: flex-start
	}
	.img-top li, .text-top li {
		width: 32.4%;
		margin: .3%
	}
	.categories ul {
		width: 100%;
		display: block
	}
	.categories ul li {
		display: inline-block;
		float: left;
		margin-right: 10px
	}
	.categories ul li.cat-letter, .categories ul li.cat-space {
		width: 100%
	}
	.categories:after {
		display: table;
		clear: both;
		content: ""
	}
	.player-screen-ads .player-screen-ads-list {
		width: 310px
	}
	.desktop-nav, .player-screen-ads-item:last-child {
		display: none
	}
	.hamburger {
		display: block
	}
}
@media screen and (max-width:730px) {
	.container {
		width: 98%
	}
	.img-top a span, .text-top li a {
		font-size: 12px
	}
	.mobile-nav.opened {
		top: 100px
	}
	.search-form {
		-ms-flex-positive: 1;
		flex-grow: 1
	}
	.title-block.title-sort-fix {
		-ms-flex-direction: column;
		flex-direction: column;
		height: 70px
	}
	.title-block.title-sort-fix h1 {
		text-align: center
	}
	.player-screen-ads-wrapper, .title-block.title-sort-fix:after, .title-block.title-sort-fix:before {
		
	}
	.player-link {
		font-size: 16px
	}
	.title h1, .title h2 {
		font-size: 20px
	}
	.thumb {
		width: 48.4%;
		margin: .8%
	}
	.thumb:hover .thumb-hover-info {
		right: -160px
	}
	.thumb-hover-info {
		bottom: 0;
		padding: 0 5px
	}
	.thumb-desc {
		font-size: 14px
	}
	.thumb-added, .thumb-cat-count, .thumb-duration {
		font-size: 12px
	}
	.thumb-added, .thumb-counters {
		display: none
	}
	.player-counters li {
		font-size: 14px
	}
	.header {
		padding: 5px 0
	}
	.header-flex {
		-ms-flex-direction: column;
		flex-direction: column
	}
	.header-wrapper {
		width: 100%
	}
	.search-wrapper {
		-ms-flex-positive: 1;
		flex-grow: 1
	}
	.search-form {
		width: 100%
	}
	.title-block {
		padding: 0 5px
	}
}