@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,900&subset=cyrillic&display=swap');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-family: Sans-serif; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:hover { border: 0; }
body, input, button, textarea {font-family: 'Montserrat', sans-serif;}
input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.totop,
.totop:before,
header nav ul li span,
.logotype a {transition: all 300ms ease-in-out 0s;}
  .user-ico:before { font-family: 'fontello';}
  .border2 {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
  .clear:after {clear:both; display:block; content:'';}
   .with2 {display:inline-block; float:left; width: -webkit-calc(100% - 320px); width: -moz-calc(100% - 320px); width: calc(100% - 320px);}


body {background:#121212; color:#c5c2c8;}
header nav ul li.select a,
header nav ul li a:hover,
body a {text-decoration:none; color:#919191;}
header nav ul li ul li.select a,
h1 em,
.description em,
.tubes li:hover div a h3 {color:#fcf76d;}
header {border-bottom:1px solid rgba(255,255,255,.05);}
.similar ul li:hover,
.categories_list div ul li a,
.categories_list div ul li small {/*! background:#202443; */}
.totop:hover {background:#fef9f3 ;}
section nav ul li a{color:rgba(255,255,255,.5);  }
section nav ul li:hover a,
section nav ul li.select span,
section nav ul li.select a {border-bottom: 3px solid #fcf76d; color:#fef9f3;/*! border-radius: 12px 12px 12px 0; */}
.tubes li div div.details div a:hover
{ color:#fef9f3 ;}


header .content {padding-left:12px; padding-right:12px; }
header .content p {display:inline-block; float:left; max-width: -webkit-calc(100% - 540px); max-width: -moz-calc(100% - 540px); max-width: calc(100% - 540px);}
header .content p a {text-transform:uppercase; font-weight:900; font-size:25px;}
header .content p a em {color:#fef9f3;}
header .content p small {display:block; font-weight:normal; color:rgba(255,255,255,.4); font-size:12px;}
header nav {display:block;   background:rgba(255,255,255,.04); margin-bottom:10px;}
header nav ul li ul{display:none;}
header nav ul li ul.visible {display:inline-block;}
header nav ul li {display:inline-block; float:right; position:relative;}
header nav ul li.lang_select {display:inline-block; float:right; position:relative;}

header nav ul li i {}
header nav ul li span {position:relative; padding-right:20px; cursor:pointer;}
header nav ul li span:before {height:40px; width:20px; position:absolute; right:0; top:0;   content:''; display:inline-block;}

header nav ul li span, div.orientation_active,
header nav ul li a {text-transform:uppercase; color:#fef9f3; font-size:13px; margin-left:20px; line-height:40px; font-weight:600; display:block;  }
header nav ul li ul {position:absolute; right:0; background:#47484f; z-index:11; width:490px;}
header nav ul li ul li {float:left; width:33.3%;}
header nav ul li ul li a {padding:0 8px;}
header nav ul li i {display: inline-block; width: 26px; height:40px; background-size: contain; background-position: 50%; background-repeat: no-repeat; vertical-align: top; /*margin-right: 8px; margin-left: 6px;*/}
header nav ul li i.en_flag {background-image: url(/images/flags/gb.svg);}
header nav ul li i.da_flag {background-image: url(/images/flags/dk.svg);}
header nav ul li i.de_flag {background-image: url(/images/flags/de.svg);}
header nav ul li i.es_flag {background-image: url(/images/flags/es.svg);}
header nav ul li i.fr_flag {background-image: url(/images/flags/fr.svg);}
header nav ul li i.it_flag {background-image: url(/images/flags/it.svg);}
header nav ul li i.hu_flag {background-image: url(/images/flags/hu.svg);}
header nav ul li i.nl_flag {background-image: url(/images/flags/nl.svg);}
header nav ul li i.no_flag {background-image: url(/images/flags/no.svg);}
header nav ul li i.pl_flag {background-image: url(/images/flags/pl.svg);}
header nav ul li i.pt_flag {background-image: url(/images/flags/pt.svg);}
header nav ul li i.sk_flag {background-image: url(/images/flags/sk.svg);}
header nav ul li i.sl_flag {background-image: url(/images/flags/si.svg);}
header nav ul li i.fi_flag {background-image: url(/images/flags/fi.svg);}
header nav ul li i.sv_flag {background-image: url(/images/flags/se.svg);}
header nav ul li i.el_flag {background-image: url(/images/flags/gr.svg);}
header nav ul li i.ru_flag {background-image: url(/images/flags/ru.svg);}
header nav ul li i.cs_flag {background-image: url(/images/flags/cz.svg);}
header nav ul li i.ja_flag {background-image: url(/images/flags/jp.svg);}
header nav ul li i.ko_flag {background-image: url(/images/flags/kr.svg);}
header nav ul li ul li a{margin-left:0;}
.search_block form,
header .content form {display:inline-block; float:right; min-width:450px; position:relative;}
.search_block form input,
header .content form input{border:0; width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px); width: calc(100% - 0px); padding-left:20px;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; line-height:35px;}
.search_block form input:focus,
.search_block form button:focus,
header .content form button:focus,
header .content form input:focus {outline:none;}
.search_block form button,
header .content form button {position:absolute; right:1px; top:1px; height:35px; width:35px; cursor:pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background:#f8416c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff' %3E%3Cpath d='M23.822 20.88l-6.353-6.354c.93-1.465 1.467-3.2 1.467-5.059.001-5.219-4.247-9.467-9.468-9.467s-9.468 4.248-9.468 9.468c0 5.221 4.247 9.469 9.468 9.469 1.768 0 3.421-.487 4.839-1.333l6.396 6.396 3.119-3.12zm-20.294-11.412c0-3.273 2.665-5.938 5.939-5.938 3.275 0 5.94 2.664 5.94 5.938 0 3.275-2.665 5.939-5.94 5.939-3.274 0-5.939-2.664-5.939-5.939z'/%3E%3C/svg%3E") center/14px no-repeat; border:0; -webkit-box-shadow: 0px 10px 16px 0px rgba(98,95,236,0);
-moz-box-shadow: 0px 10px 16px 0px rgba(98,95,236,0);
box-shadow: 0px 10px 16px 0px rgba(98,95,236,0); transition: all 300ms ease-in-out 0s;}
section {margin-top:5px;}
section nav {padding:10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; /*! background:rgba(0,0,0,.2); */}
section nav ul {display:inline-block; float:right; font-size:12px;}
section nav ul:first-child {float:left;}
section nav ul li {display:inline-block; margin:0 2px; white-space:nowrap; }
section nav ul li a{/*! border-radius: 12px; */}
section nav ul li span,
section nav ul li a{display: block; font-weight: 600; font-size: 13px; text-decoration: none; line-height: 35px; min-width: 15px; padding:0 20px; text-align:center; border-bottom: 3px solid #5b5b5b;}


section header {border-bottom:0;}
section header h1,
.similar span,
section header h3 {font-weight:600; color:#fef9f3; text-transform:uppercase; font-size:15px; display:inline-block; line-height:1.4; margin:6px 0;}
section header .description {display:inline-block; float:right; margin-top:10px;font-size: 14px;}
article {padding:5px 12px 10px 12px;}
header:after,
section header:after,
header .content:after,
header nav ul:after,
.categories_list div:after,
.categories_list div ul li:after,
section nav:after,
.tubes:after {content:''; display:block; clear:both;}
.tubes {margin:0px -4px 10px -4px; text-align:left;}
.tubes li {display:inline-block; width:25%; text-align:left; vertical-align: top;}
.tubes li div {padding:4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin:0; }
.tubes li div a {display:block;}
.tubes li div a .ispan {position:relative; display:block; overflow:hidden;}
.tubes li div a .ispan .hd,
.tubes li div a .ispan .views,
.tubes li div a .ispan .duration,
.tubes li div a .ispan .rate,
.tubes li div a .ispan .amount { position:absolute; right:5px; bottom:10px; background: rgba(21, 21, 21, 0.6); color:#fef9f3; z-index:2; display:inline-block; font-size:13px; padding:0 4px 0 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.tubes li div a .ispan .views:before,
.tubes li div a .ispan .duration:before,
.tubes li div a .ispan .rate:before,
.tubes li div a .ispan .amount:before {content:''; display:inline-block; height:22px; vertical-align:middle; }
.tubes li div a img:first-child {position:absolute;  top:0; width: 100%;}
.tubes li div a img { vertical-align:bottom;     transition: all 300ms ease-in-out 0s; width: 100%; height: auto;}
.tubes li:hover div a img:first-child {transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px); -webkit-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px); -o-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px); -ms-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px);}
.tubes li div a h3 {color:#fef9f3 ; font-size:18px; font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; /*! height:26px; */ line-height:35px; padding-left:10px;}
.details h2 a {
    display: inline-block;
    max-width: calc(100% - 15px);
    overflow: hidden;
    white-space: nowrap;
    float: left;
    text-overflow: ellipsis;
}
.maintag {
	color: #fef9f3;
	font-size: 14px;
	line-height: normal;
	float: none !important;
	margin: 5px 3px 8px 3px;
}
.tubes li div a .details {padding:0;}
.tubes li div a .details p {padding:0 4px; color:#fef9f3;}

.tubes li div a .ispan .rate {right:auto; left:10px;}
.tubes li div a .ispan .duration {bottom:auto; top:5px;}
.tubes li div a .ispan .hd {background: #f8416c9e; position: absolute; left: 5px; top: 7px; z-index: 2; padding: 3px 6px 3px 6px; font-size: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: all 300ms ease-in-out 0s; color: #fef9f3; font-weight: 600; text-transform: uppercase; right:auto; bottom:auto; line-height:11px;}
.tubes li div div {background:none;padding:0;}
.tubes li div div p a {color:#b0b5ef; font-size:13px; text-transform: capitalize;text-overflow: ellipsis;
white-space: nowrap; overflow: hidden;}
.tubes li div div p {color:#a2a2a2; font-size:14px; line-height:1.4; height:18px; overflow:hidden;text-overflow: ellipsis; padding-left: 5px; margin-top: 5px;
white-space: nowrap;}
.tubes li div div.details {padding:0;}
.tubes li div div.details div { padding: 4px;
margin: 1px -3px 0 -3px;
height: 2.6em;
overflow: hidden;
line-height: 1.2em;}
.tubes li div div.details div a,
span.active
{line-height:17px; color:#fcf76d;  font-size:13px; margin:0 1px 2px 4px; display:inline-block; text-transform: lowercase;}
span.active{background: #151429;}
.tubes li div div.details div a:first-letter {
    text-transform: uppercase; 
}

.similar {margin:10px 0;}
.similar ul {}
.similar ul li {}
.similar ul li a {}
.similar ul li {display: inline-block; padding: 4px 8px; background-color:rgba(255,255,255,.07);  margin: 4px 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 5px 5px 5px 1px; font-weight: 500;}
.similar ul li a {color: #fef9f3; font-size: 14px; text-decoration:none;}

.search_block {background:rgba(0,0,0,.2); text-align:center; padding:20px 0; margin:25px 0;}
.search_block form {float:none;}

.categories_list {}
.categories_list div {margin:10px 0px;}
.categories_list div ul {float:left; width:100%; columns:5; -webkit-columns: 5; -moz-columns: 5;}
.categories_list div ul li {font-weight:600; color:#fcf76d ; border-bottom:1px dotted rgba(255,255,255,.1); font-size:16px;}
.categories_list div ul li.title {border:0; background:rgba(255,255,255,.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:0 10px; height:30px; line-height:30px;}
.categories_list div ul li a { text-decoration:none; display:inline-block; line-height:30px; float:left; color:rgba(255,255,255,.8); font-size:12px; margin-bottom:-1px; padding-left:4px;}
.categories_list div ul li a:hover {color:#fef9f3 ;}
.categories_list div ul li:hover small {color:rgba(255,255,255,.9);}
.categories_list div ul li small {font-size:11px; color:rgba(255,255,255,.5); font-weight:normal; float:right; line-height:30px; margin-bottom:-1px; display:inline-block; padding-right:4px;}


footer {padding:15px 0; border-top:1px solid rgba(255,255,255,.1); margin-top:25px;}
footer .content {}
footer .content .social_button {display:block; text-align:center; float:none; padding:0; margin:5px 0 10px 0;}
footer .content .social_button a:before,
footer .content .social_button a {height:35px; width:35px;}
footer .content p {text-align:justify; line-height:1.4; color:rgba(255,255,255,.5); font-size:13px; margin-top: 25px;}
footer .content p a{color:#fef9f3; text-decoration:none; font-size:13px;}
footer .content small {font-size:12px; }
.totop {line-height:45px; width:45px; position:fixed; right:20px; bottom:20px; background:rgba(0,0,0,.3); z-index:11; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height:45px; display:none;}
.totop.fixed {display:inline-block;}
.totop:before {content:''; display:inline-block; width:45px; height:45px; background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' fill='%23fff' viewBox='0 0 433.5 433.5' style='enable-background:new 0 0 433.5 433.5;' xml:space='preserve' %3E%3Cg%3E%3Cg id='file-upload'%3E%3Cpolygon points='140.25,331.5 293.25,331.5 293.25,178.5 395.25,178.5 216.75,0 38.25,178.5 140.25,178.5 '/%3E%3Crect x='38.25' y='382.5' width='357' height='51'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A") center/12px no-repeat; position:absolute; left:0; bottom:0;}
.totop:hover:before {bottom:4px;}
.video .player_box .details .data:after,
.links:after,
.video:after {content:''; display:block; clear:both;}
.video .player_box {display: inline-block; float: left; width: -webkit-calc(100% - 320px); width: -moz-calc(100% - 320px); width: calc(100% - 320px);}
.video .player_box .player {position: relative; padding-bottom: 56.25%; zoom: 1; width: 100%}
.video .player_box .player .vid {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; float: none; overflow: hidden;}
.video .player_box .details {}
.rate-this {display:inline-block; width:260px; text-align:center; float:left;}
.rate-this .like,
.rate-this .dislike {display:inline-block;  height:35px; line-height:35px; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; transition: all 300ms ease-in-out 0s;color:#fef9f3; position:relative}
.rate-this .like {background:#00bd66; width:40px; float:left;}
.rate-this .like:before,
.rate-this .dislike:before {text-align:center; color:#fef9f3; position:absolute; left:0; top:0; height:100%; width:100%; content:'';}
.rate-this .dislike {float:right; background:#e34449; width:40px;}
.rate-this .statistick {display:inline-block; width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); text-align:center;}
.rate-this .statistick div {margin-bottom:3px;}
.rate-this .statistick div strong {font-weight:600; font-size:11px; color:#fef9f3; }
.rate-this .statistick  small {font-weight:normal; font-size:10px; display:block; padding-top:3px;}
.rate-this .statistick span {height:2px; overflow:hidden; width:100%; background:#e34449; position:relative; display:block;}
.rate-this .statistick span hr {display:inline-block; position:absolute; left:0; top:0; height:2px; margin:0; padding:0; background:#00bd66; border:0;}
.video .player_box .details .data {padding:10px 0;}
.video .player_box .details .data .views,
.video .player_box .details .data .time,
.video .player_box .details .data .date {float: right; display: inline-block; height: 35px; line-height: 35px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: all 300ms ease-in-out 0s; font-size: 12px; border: 1px solid rgba(255,255,255,.1); padding: 0 12px 0 3px; margin: 0 3px;}
.video .player_box .details .data .views:before,
.video .player_box .details .data .time:before,
.video .player_box .details .data .date:before {display:inline-block; line-height:35px; width:30px; vertical-align:middle; background:red; content:''; height:35px; margin-right:5px;}
.video aside {display: inline-block; float: right; width: 300px;}
.video aside a {display:block; margin-bottom:10px;}
.video aside a img {vertical-align:bottom; display:block; width:100%;}
.video .player_box .details p {color:rgba(255,255,255,.9); line-height:1.4; font-size:13px; text-align:justify; margin:8px 0;}
.video .tags {}
.video .tags a {display: inline-block; padding: 4px 8px; background-color: rgba(255,255,255,.07); margin: 4px 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight: 500; font-size:12px; color:#fef9f3;}
.video .tags a:hover {background:#fef9f3 ;}
.video .bottom_block {text-align:center; margin:12px 0;}
.video .bottom_block a {display:inline-block;}
.links {}
.links .tags {display:inline-block; float:left; width: -webkit-calc(100% - 280px); width: -moz-calc(100% - 280px); width: calc(100% - 280px);}
.links .social_button {float:right; padding-top:0;}

.totop.fixed,
header nav ul,
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } 
.fadeIn, .tubes li div a img, .totop.fixed, header nav ul li ul.visible { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

.embed h1{display:block; margin: 10px 0 2px 0;}
.embed .description{width: 100%; margin-top: 0;
margin-bottom: 10px;}

@media screen and (min-width: 1296px) {
    article,
    section header,
    header nav ul,
    .categories_list,
    footer .content,
    .similar,
    section nav,
    header .content {max-width:1296px; padding-left:0; padding-right:0; margin-left:auto; margin-right:auto;}
    section nav {padding:10px;}
}
@media screen and (min-width: 1622px) {
    article,
    section header,
    header nav ul,
    .categories_list,
    footer .content,
    .similar,
    section nav,
    header .content {max-width:1622px; padding-left:0; padding-right:0; margin-left:auto; margin-right:auto;}
        section nav {padding:10px;}
        .tubes li {width:20%; margin:0;}
}

@media screen and (max-width:1296px) {
    .categories_list,
    header nav,
    .similar,
    section header {padding-left:10px; padding-right:10px;}
    section nav {margin-left:10px; margin-right:10px;}
    .tubes li {width:25%; margin:0;}
    .tubes li a img {width:100%;}
    .categories_list div ul {columns:4; -webkit-columns: 4; -moz-columns: 4;}
    footer .content p {margin: 20px 10px;}
}
@media screen and (max-width:1080px) {
    .video .bottom_block a img{width:100%;}
}

@media screen and (max-width:995px) {
    .categories_list div ul {float:none; columns: 3; -webkit-columns: 3; -moz-columns: 3;}
    .categories_list div ul:after {content:''; display:block; clear:both;}
     .categories_list div ul li.title {padding:0;    text-indent: 10px;}
    .video aside,
    .video .player_box {width:100%; float:none; display:block;}
    .tubes li {width:33.3%;}
    .video aside {text-align:center; margin:12px 0; overflow:hidden; max-height:250px;}
    .video aside a {display:inline-block; margin:0;}
    .search_block {padding:20px 12px;}
}
@media screen and (max-width:860px) {

    section nav {text-align:center; }
    section nav ul li {margin-bottom:5px;}
    section nav ul {float:none; display:none;;}
    section nav ul:first-child {float:none; display:block;}
    section.secondary nav ul{display:block;}
    section.secondary nav ul:first-child {display:none;}
    section nav ul:after {content:''; display:block; clear:both;}
    section nav ul li {width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px);}
    section.secondary nav ul li:first-child {display:none;}
    section.secondary nav ul li {width:auto; display:none;}
    section.secondary nav ul li.select,
    section.secondary nav ul li:last-child {display:inline-block;}
}
@media screen and (max-width:760px) {
        .categories_list div ul {float:none; columns: 2; -webkit-columns: 2; -moz-columns: 2;}
}
@media screen and (min-width:720px) {
    header .content {height:50px; position: relative;/*! background: rgba(255,255,255,.04); */}
    header .content section {position: absolute;  top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}
}
@media screen and (max-width:720px) {
    .tubes li {width:50%;}
	header nav ul li {float:left;}
	header nav ul li.lang_select {margin-right:10px}
    header .content p {margin-bottom:12px; max-width:100%;}
    header .content p,
    .search_block form, header .content form,
    header nav .social_button {display:block; text-align:center; float:none; width:100%; min-width:100px;}
    header nav {padding:0;}
    header, .similar { text-align: center;}
    header nav .social_button {padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.1);}

header nav ul li ul {width:100vw;}
section header h1, section header h3 {line-height:1.4;}
section header .description {padding:2px 0; float:none; display:block; text-align:center;}
}
@media screen and (max-width:640px) {
    .rate-this{width:100%; float:none; display:block; margin-bottom:10px;}
.video .player_box .details .data .views, .video .player_box .details .data .time, .video .player_box .details .data .date {float:left;}
.links .tags {width:100%; float:none;}
.links .social_button {float:none; display:block; text-align:center; width:100%; margin-top:10px;}
}
@media screen and (max-width:480px) {
    .categories_list div ul {columns: 1; -webkit-columns: 1; -moz-columns: 1;}
}
@media screen and (max-width:480px) {
    header nav ul li:nth-child(2) {/*width:60px;*/}
    header nav ul li:nth-child(2) span {width:22px; overflow:hidden; margin-left:10px; text-overflow:unset; color:#292d4a;}
    header nav ul li:nth-child(3),
    header nav ul li:nth-child(4) {/*width: -webkit-calc(50% - 30px); width: -moz-calc(50% - 30px); width: calc(50% - 30px);*/}
    .tubes li {float:none; display:block; width:100%;}

    header nav ul li ul li {width:50%!important; float:left!important; display:inline-block!important; text-align:left!important;}
    header nav ul li span:before {right:5px;}
    .tubes li div div p {height: auto;}

}
@media screen and (max-width:400px) {
    .categories_list div ul li {width:100%; float:none; display:block;}
    header nav ul li ul li {width:50%;}
    header nav ul li span, header nav ul li a, div.orientation_active {font-size: 12px; margin-left: 10px;}

}


.amount:before {background:url("data:image/svg+xml,%3Csvg height='24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1029.4a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-18a2 2 0 0 0-2-2h-2v19H6v-19H4zm-.5 2h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm16 0h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm-16 3h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm16 0h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm-16 3h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm16 0h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm-16 3h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm16 0h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm-16 3h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm16 0h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm-16 3h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm16 0h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5z' fill='%232c3e50' transform='translate(0 -1028.4)'/%3E%3Cg fill='%23e74c3c'%3E%3Cpath d='M6 1044.4h12v6H6zM6 1029.4h12v7H6z' transform='translate(0 -1028.4)'/%3E%3Cpath d='M6 1035.4h12v10H6z' transform='translate(0 -1028.4)'/%3E%3C/g%3E%3Cpath fill='%2334495e' d='M6 1029.4h12v21H6z' transform='translate(0 -1028.4)'/%3E%3Cpath d='m10 1043.336.096-6 4.904 3.087z' fill='%23ecf0f1' transform='translate(0 -1028.4)'/%3E%3C/svg%3E") center/15px no-repeat;}

.popular {background:url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill='%23625fec' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M7.467 0c1.102.018 5.555 2.549 6.386 8.558.905-.889 1.409-3.664 1.147-4.843 3.952 2.969 6 6.781 6 11.034 0 5.094-3.43 9.251-8.963 9.251-5.728 0-9.037-3.753-9.037-8.276 0-6.26 5.052-7.62 4.467-15.724zm3.262 19.743c-.749.848-.368 1.945.763 2.045 1.035.093 1.759-.812 2.032-1.792.273-.978.09-2.02-.369-2.893-.998 1.515-1.52 1.64-2.426 2.64zm4.42 1.608c2.49-1.146 3.852-3.683 3.852-6.58 0-2.358-.94-4.977-2.5-7.04-.743 2.867-2.924 3.978-4.501 4.269.05-3.219-.318-6.153-2.602-8.438-.296 4.732-4.321 7.63-4.398 12.114-.029 1.511.514 3.203 1.73 4.415.491.489 1.054.871 1.664 1.16-.121-.608-.062-1.254.195-1.848.911-2.106 3.333-2.321 4.202-5.754.952.749 3.275 3.503 2.778 6.358-.082.469-.224.923-.42 1.344z'/%3E%3C/svg%3E") center/15px no-repeat;}

.new {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Ccircle cx='512' cy='512' r='512' style='fill:%23fef9f3'/%3E%3Cpath d='M369.077 590.466 668.89 290.65l143.111 143.111-299.814 299.815zM212.005 433.54l143.11-143.11 143.112 143.11-143.111 143.112z' style='fill:%23111'/%3E%3C/svg%3E") center/12px no-repeat;}

header nav ul li span:before {background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 306 306' style='enable-background:new 0 0 306 306;' fill='%23fff' xml:space='preserve'%3E%3Cg%3E%3Cg id='expand-more'%3E%3Cpolygon points='270.3,58.65 153,175.95 35.7,58.65 0,94.35 153,247.35 306,94.35 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A") center/7px no-repeat;}
header nav ul li span.check:before {-moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}

/*
.video .player_box .details .data .time:before,
.tubes li div a .ispan .duration:before {background: url("data:image/svg+xml,%3Csvg version='1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle fill='%2300ACC1' cx='24' cy='24' r='20'/%3E%3Ccircle fill='%23eee' cx='24' cy='24' r='16'/%3E%3Cpath d='M23 11h2v13h-2z'/%3E%3Cpath d='M31.286 29.654 29.66 31.28l-6.505-6.505 1.626-1.627z'/%3E%3Ccircle cx='24' cy='24' r='2'/%3E%3Ccircle fill='%2300ACC1' cx='24' cy='24' r='1'/%3E%3C/svg%3E") center/16px no-repeat;}
*/
.tubes li div a .ispan .rate:before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2300bd66' viewBox='0 0 24 24'%3E%3Cpath d='M5 9v8h-2v-8h2zm2-2h-6v12h6v-12zm6-4v14h-2v-14h2zm2-2h-6v18h6v-18zm6 13v3h-2v-3h2zm2-2h-6v7h6v-7zm1 9h-24v2h24v-2z'/%3E%3C/svg%3E") center/14px no-repeat;}
.video .player_box .details .data .views:before,
.tubes li div a .ispan .views:before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M15 12c0 1.657-1.343 3-3 3s-3-1.343-3-3c0-.199.02-.393.057-.581 1.474.541 2.927-.882 2.405-2.371.174-.03.354-.048.538-.048 1.657 0 3 1.344 3 3zm-2.985-7c-7.569 0-12.015 6.551-12.015 6.551s4.835 7.449 12.015 7.449c7.733 0 11.985-7.449 11.985-7.449s-4.291-6.551-11.985-6.551zm-.015 12c-2.761 0-5-2.238-5-5 0-2.761 2.239-5 5-5 2.762 0 5 2.239 5 5 0 2.762-2.238 5-5 5z'/%3E%3C/svg%3E") center/14px no-repeat;}
.video .player_box .details .data .date:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M17.812 23c-7.812 0-7.812-8-7.812-8h-3l4.979-4 5.021 4h-3s-.812 6.094 3.812 8zm1.667-14.908c-.212-3.951-3.473-7.092-7.479-7.092s-7.267 3.141-7.479 7.092c-2.57.463-4.521 2.706-4.521 5.408 0 3.037 2.463 5.5 5.5 5.5h3.302c-.275-.717-.46-1.404-.578-2h-2.724c-1.93 0-3.5-1.57-3.5-3.5 0-2.797 2.479-3.833 4.433-3.72-.167-4.218 2.208-6.78 5.567-6.78 3.453 0 5.891 2.797 5.567 6.78 1.745-.046 4.433.751 4.433 3.72 0 1.93-1.57 3.5-3.5 3.5h-2.518c.062.62.21 1.329.499 2h2.019c3.037 0 5.5-2.463 5.5-5.5 0-2.702-1.951-4.945-4.521-5.408z'/%3E%3C/svg%3E") center/14px no-repeat;}
.rate-this .like:before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M19.396 20.708c-.81-.062-.733-.812.031-.953 1.269-.234 1.827-.914 1.827-1.543 0-.529-.396-1.022-1.098-1.181-.837-.189-.664-.757.031-.812 1.132-.09 1.688-.764 1.688-1.41 0-.565-.425-1.108-1.261-1.22-.857-.115-.578-.734.031-.922.521-.16 1.354-.5 1.354-1.51 0-.672-.5-1.562-2.271-1.49-1.228.05-3.667-.198-4.979-.885.907-3.657.689-8.782-1.687-8.782-1.594 0-1.896 1.807-2.375 3.469-1.718 5.969-5.156 7.062-8.687 7.603v9.928c6.688 0 8.5 3 13.505 3 3.199 0 4.852-1.735 4.852-2.666-.001-.334-.273-.572-.961-.626z'/%3E%3C/svg%3E") center/14px no-repeat;}
.rate-this .dislike:before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M19.396 3.292c-.811.062-.734.812.031.953 1.268.234 1.826.914 1.826 1.543 0 .529-.396 1.022-1.098 1.181-.837.189-.664.757.031.812 1.133.09 1.688.764 1.688 1.41 0 .565-.424 1.108-1.26 1.22-.857.115-.578.734.031.922.521.16 1.354.5 1.354 1.51 0 .672-.5 1.562-2.271 1.49-1.228-.05-3.666.198-4.979.885.907 3.657.689 8.782-1.687 8.782-1.594 0-1.896-1.807-2.375-3.469-1.718-5.969-5.156-7.062-8.687-7.603v-9.928c6.688 0 8.5-3 13.505-3 3.198 0 4.852 1.735 4.852 2.666-.001.334-.273.572-.961.626z'/%3E%3C/svg%3E") center/14px no-repeat;}

.social_button {display:inline-block; float:left; }
.social_button a:first-child, .social_button div:first-child {margin-left:0;}
.orientation {display: inline-block;}
.orientation_active {display: inline-block!important; color:#fcf76d !important;} 

.flag {margin-right: 8px;}
.a2a_kit:before, .a2a_svg:before{background:none;}
.a2a_kit, .a2a_svg {padding:0; margin:0; line-height: normal;position: initial;}
.a2a_kit a {margin-left:2px;}
.a2a_kit_size_24 {margin: auto; max-width: 210px;}
.a2a_kit_size_32 {margin: auto; max-width: 270px;}

.player .vid video{
    object-fit: cover;
}

p.long_desc{
    font-size: 14px;
    line-height: 20px;
}
.spot-block,
.spot-block .spot{
    margin: auto;
    overflow: hidden;
}
.spot-block span {
    padding: 6px 0;
    display: block;
    width: 100%;
    margin: auto;
    font-size: 12px;
    text-align: center;
}
.spot-block.mhdr {
    display:none;
}
.spot-block.mhdr .spot{
    width:300px;
    height:100px;
}
.spot-block.mbtm{
    display:none;
}
.spot-block.mbtm .spot{
    width:300px;
    height:250px;
    margin-bottom: 15px;
}
.adv-block {
    padding: 45px 0;
}
.spot-list {
    text-align: center;
    height: 250px;
    overflow: hidden;
}
.spot-list > li {
    display: inline-block;
    margin-right: 5px;
    width: 300px;
}

@media only screen and (max-width: 675px){
    .spot-block.mhdr,
    .spot-block.mbtm{
        /*display: list-item;*/
    }
}