html,
body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 14px;
  /*font-family: Verdana, Arial, sans-serif;*/
  font-family: roboto condensed,sans-serif;
  line-height: 1.42857143;
  font-weight: 500;
  color: #333;
  min-height: 100%;
  background-color: #fff;
}
body {
  overflow-y: scroll;
  overflow-x: auto;
}

body.notransition * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: rgba(0,0,0,0);
}

::-webkit-scrollbar-thumb {
  background-color: #cecece;
  border-radius: 6px;
  border: 2px solid #f0f0f0;
}
.video h1 {
  max-height: 54px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
h1 {
  font-size: 2em;
  text-transform: capitalize;
}
h2 {
  font-size: 18px;
  font-weight: 500;
}
h3 {
  font-size: 2em;
  font-weight: bolder;
  padding-left: 12px;
  margin-bottom: 10px;
}
h3 a { text-decoration: none; text-transform: capitalize;}
 .tagbar{
  text-align: center;
 }
 .bagoe {
  border: 2px solid #900;
  padding: 6px 9px;
  border-radius: 25px;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  margin: 3px 1px;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  transition: 0.2s;
}
.bagoe:hover {
	color:#FFF;
	background:#900;
	font-size:1.2em;
}
* {
  outline: 0;
}
img {
  border: 0;
}
ol,
ul {
  list-style: none;
}
.hide {
  display: none;
}
.fl_l {
  float: left;
}
.fl_r {
  float: right;
}
.clear {
  display: block;
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
a {
  cursor: pointer;
  color: #900;
}
a:hover {
  color: #333;
  text-decoration: none;
}
button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.heading {
  padding: 0 0 0 0;
  margin: 10px 0;
  text-transform: none;
  line-height: 28px;
  margin-top: 5px;
}
.heading span {
  display: block;
  padding-left: 20px;
}
.heading span label {
  cursor: pointer;
}
.heading .breadcrumb {
  display: inline-block;
  width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.heading .breadcrumb span {
  display: inline-block;
  padding: 0;
  cursor: default;
}
.breadcrumb a {
  text-decoration: none
}
.page_wrapper {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.width {
  margin: 0 auto;
}
.bg_width {
}
.filter_btn {
  cursor: pointer;
  user-select: none;
}
.heading span.liteopen_btn {
  cursor: pointer;
  width: 30px;
  height: 30px;
  position: relative;
  padding-left: 0;
  z-index: 7;
}
.liteopen_btn .liteopen {
  padding-left: 0;
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='32px' version='1.1' viewBox='0 0 32 32' width='32px' xmlns='http://www.w3.org/2000/svg' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle/%3E%3Cdesc/%3E%3Cdefs/%3E%3Cg fill='none' fill-rule='evenodd' id='Page-1' stroke='none' stroke-width='1'%3E%3Cg fill='%23929292' id='icon-72-lightning'%3E%3Cpath d='M13.5454545,17 L11,17 L14,9 L20,9 L18.5,13 L22,13 L11,24 L13.5454545,17 L13.5454545,17 Z' id='lightning'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
}
.liteopen_btn .liteopen.enabled {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='32px' version='1.1' viewBox='0 0 32 32' width='32px' xmlns='http://www.w3.org/2000/svg' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle/%3E%3Cdesc/%3E%3Cdefs/%3E%3Cg fill='none' fill-rule='evenodd' id='Page-1' stroke='none' stroke-width='1'%3E%3Cg fill='%23f7c600' id='icon-72-lightning'%3E%3Cpath d='M13.5454545,17 L11,17 L14,9 L20,9 L18.5,13 L22,13 L11,24 L13.5454545,17 L13.5454545,17 Z' id='lightning'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.hd_btn {
  padding-right: 10px;
  font-family: 'Roboto Condensed',sans-serif;
}
.heading span.rating_btn {
  padding-left: 5px;
  padding-right: 5px;
}
.heading span.rating_btn button {
  background: 0 0;
  margin-top: -6px;
  position: relative;
  cursor: pointer;
  border: 0;
  display: inline-block;
  padding: 10px 14px;
  margin-bottom: 10px;
  float: right;
  font-weight: 700;
  border-radius: 25px;
  text-transform: uppercase;
  font-family: roboto condensed,sans-serif;
  font-size: 14px;
  color: #333;
}
.heading span.rating_btn button:hover {
  background: #f0f0f0;
}
.hd_btn2 {
  color: #fff;
  user-select: none;
  padding: 7px 10px 0px 5px;
  z-index: 9;
  margin: -6px 0;
  margin-top: -6px;
  position: relative;
  border: 0;
  background: #d33;
  display: inline-block;
  font-weight: 700;
  border-radius: 25px;
  text-transform: uppercase;
  font-family: roboto condensed,sans-serif;
}
.bg_layer {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index:100
}
.header {
  height: 60px;
  z-index: 999;
  position: fixed;
  width: 100%;
  box-shadow: 0 0px 0px 0 rgba(255, 255, 255, 0.1), 0 3px 6px 0 rgba(104, 104, 104, 0.07);
  background: #fff;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: transform 225ms cubic-bezier(0.0,0.0,0.2,1);
  transition-property: all;
}
body.main .header {
  width: 80%;
  margin: 15% auto;
}
.header_inner {
  height: 60px;
  position: relative;
  z-index: 1;
}
.header .logo {
  display: block;
  width: 115px;
  height: 60px;
  margin-top: 10px;
  float: left;
  text-align: left;
}
.header .logo.is-fast {
  display: none;
}
.header .back-logo {
  display: none;
  width: 60px;
  height: 60px;
  float: left;
  text-align: center;
  line-height: 60px;
  font-size: 36px;
  position: relative;
  right: 10px;
  color: #666;
}
.header .back-logo:hover {
  color: #333;
}
.header .back-logo.is-fast {
  display: block;
}
.header .auth {
  position: absolute;
  top: 42%;
  right: 0;
  margin-top: -17px;
  z-index: 99;
}
input#email::placeholder {
  color: #fff;
  opacity: 1;
}
input#pass::placeholder {
  color: #fff;
  opacity: 1;
}
input#login::placeholder {
  color: #fff;
  opacity: 1;
}
.standalonead{
  display: block;
}
.header .auth.login {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJ1c2VyLWNpcmNsZSIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTYgNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtdXNlci1jaXJjbGUgZmEtdy0xNiBmYS0yeCI+PHBhdGggZmlsbD0iIzY2NiIgZD0iTTI0OCAxMDRjLTUzIDAtOTYgNDMtOTYgOTZzNDMgOTYgOTYgOTYgOTYtNDMgOTYtOTYtNDMtOTYtOTYtOTZ6bTAgMTQ0Yy0yNi41IDAtNDgtMjEuNS00OC00OHMyMS41LTQ4IDQ4LTQ4IDQ4IDIxLjUgNDggNDgtMjEuNSA0OC00OCA0OHptMC0yNDBDMTExIDggMCAxMTkgMCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzODUgOCAyNDggOHptMCA0NDhjLTQ5LjcgMC05NS4xLTE4LjMtMTMwLjEtNDguNCAxNC45LTIzIDQwLjQtMzguNiA2OS42LTM5LjUgMjAuOCA2LjQgNDAuNiA5LjYgNjAuNSA5LjZzMzkuNy0zLjEgNjAuNS05LjZjMjkuMiAxIDU0LjcgMTYuNSA2OS42IDM5LjUtMzUgMzAuMS04MC40IDQ4LjQtMTMwLjEgNDguNHptMTYyLjctODQuMWMtMjQuNC0zMS40LTYyLjEtNTEuOS0xMDUuMS01MS45LTEwLjIgMC0yNiA5LjYtNTcuNiA5LjYtMzEuNSAwLTQ3LjQtOS42LTU3LjYtOS42LTQyLjkgMC04MC42IDIwLjUtMTA1LjEgNTEuOUM2MS45IDMzOS4yIDQ4IDI5OS4yIDQ4IDI1NmMwLTExMC4zIDg5LjctMjAwIDIwMC0yMDBzMjAwIDg5LjcgMjAwIDIwMGMwIDQzLjItMTMuOSA4My4yLTM3LjMgMTE1Ljl6IiBjbGFzcz0iIj48L3BhdGg+PC9zdmc+);
  width: 42px;
  background-size: 33px;
  height: 42px;
  background-position: 5px 4px;
  cursor: pointer;
  background-repeat: no-repeat;
}
.header .auth.login:hover {
  background-color: #f6f6f6;
  border-radius: 25px;
}
.header .auth.login:active {
  border: 3px solid #c2c2c2;
  margin: -20px -3px;
  border-radius: 25px;
}
.header .auth.user {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJ1c2VyLWNpcmNsZSIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTYgNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtdXNlci1jaXJjbGUgZmEtdy0xNiBmYS0yeCI+PHBhdGggZmlsbD0iIzgyYzkxZSIgZD0iTTI0OCAxMDRjLTUzIDAtOTYgNDMtOTYgOTZzNDMgOTYgOTYgOTYgOTYtNDMgOTYtOTYtNDMtOTYtOTYtOTZ6bTAgMTQ0Yy0yNi41IDAtNDgtMjEuNS00OC00OHMyMS41LTQ4IDQ4LTQ4IDQ4IDIxLjUgNDggNDgtMjEuNSA0OC00OCA0OHptMC0yNDBDMTExIDggMCAxMTkgMCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzODUgOCAyNDggOHptMCA0NDhjLTQ5LjcgMC05NS4xLTE4LjMtMTMwLjEtNDguNCAxNC45LTIzIDQwLjQtMzguNiA2OS42LTM5LjUgMjAuOCA2LjQgNDAuNiA5LjYgNjAuNSA5LjZzMzkuNy0zLjEgNjAuNS05LjZjMjkuMiAxIDU0LjcgMTYuNSA2OS42IDM5LjUtMzUgMzAuMS04MC40IDQ4LjQtMTMwLjEgNDguNHptMTYyLjctODQuMWMtMjQuNC0zMS40LTYyLjEtNTEuOS0xMDUuMS01MS45LTEwLjIgMC0yNiA5LjYtNTcuNiA5LjYtMzEuNSAwLTQ3LjQtOS42LTU3LjYtOS42LTQyLjkgMC04MC42IDIwLjUtMTA1LjEgNTEuOUM2MS45IDMzOS4yIDQ4IDI5OS4yIDQ4IDI1NmMwLTExMC4zIDg5LjctMjAwIDIwMC0yMDBzMjAwIDg5LjcgMjAwIDIwMGMwIDQzLjItMTMuOSA4My4yLTM3LjMgMTE1Ljl6IiBjbGFzcz0iIj48L3BhdGg+PC9zdmc+);
  width: 42px;
  height: 42px;
  background-size: 33px;
  background-position: 5px 4px;
  cursor: pointer;
  background-repeat: no-repeat;
  overflow: hidden;
}
.header .auth.user.hover {
  background-color: #f6f6f6;
  border-radius: 25px;
  overflow: visible;
}
.auth.user > ul a {
  text-decoration: none;
  display: block;
}
.auth.user > ul a li {
  position: relative;
}
.auth.user > ul a .liteopen {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='32px' version='1.1' viewBox='0 0 32 32' width='32px' xmlns='http://www.w3.org/2000/svg' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle/%3E%3Cdesc/%3E%3Cdefs/%3E%3Cg fill='none' fill-rule='evenodd' id='Page-1' stroke='none' stroke-width='1'%3E%3Cg fill='%23929292' id='icon-72-lightning'%3E%3Cpath d='M13.5454545,17 L11,17 L14,9 L20,9 L18.5,13 L22,13 L11,24 L13.5454545,17 L13.5454545,17 Z' id='lightning'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
  left: 10px;
  top: 9px;
}
.auth.user > ul a .liteopen.enabled {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='32px' version='1.1' viewBox='0 0 32 32' width='32px' xmlns='http://www.w3.org/2000/svg' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle/%3E%3Cdesc/%3E%3Cdefs/%3E%3Cg fill='none' fill-rule='evenodd' id='Page-1' stroke='none' stroke-width='1'%3E%3Cg fill='%23f7c600' id='icon-72-lightning'%3E%3Cpath d='M13.5454545,17 L11,17 L14,9 L20,9 L18.5,13 L22,13 L11,24 L13.5454545,17 L13.5454545,17 Z' id='lightning'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.auth.user > ul a .darktheme {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12 20V4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20Z' fill='%23929292'/%3E%3C/svg%3E");
  /*background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='32px' version='1.1' viewBox='0 0 32 32' width='32px' xmlns='http://www.w3.org/2000/svg' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle/%3E%3Cdesc/%3E%3Cdefs/%3E%3Cg fill='none' fill-rule='evenodd' id='Page-1' stroke='none' stroke-width='1'%3E%3Cg fill='%23929292' id='icon-72-lightning'%3E%3Cpath d='M13.5454545,17 L11,17 L14,9 L20,9 L18.5,13 L22,13 L11,24 L13.5454545,17 L13.5454545,17 Z' id='lightning'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px;
  left: 10px;
  top: 9px;
}
.auth.user > ul a .darktheme.enabled {
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12 20V4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20Z' fill='%23f7c600'/%3E%3C/svg%3E");
  /*background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='32px' version='1.1' viewBox='0 0 32 32' width='32px' xmlns='http://www.w3.org/2000/svg' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle/%3E%3Cdesc/%3E%3Cdefs/%3E%3Cg fill='none' fill-rule='evenodd' id='Page-1' stroke='none' stroke-width='1'%3E%3Cg fill='%23f7c600' id='icon-72-lightning'%3E%3Cpath d='M13.5454545,17 L11,17 L14,9 L20,9 L18.5,13 L22,13 L11,24 L13.5454545,17 L13.5454545,17 Z' id='lightning'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");*/
}

.header .auth.user > a {
  display: block;
  width: 32px;
  height: 52px;
  cursor: pointer;
}
.header .auth.login:hover {
  cursor: pointer;
  background-repeat: no-repeat;
}
.header .auth.user:hover {
  cursor: pointer;
  background-repeat: no-repeat;
}
.header .auth.user ul {
  display: none;
  user-select: none;
  position: absolute;
  right: 4px;
  top: 75%;
  z-index: 999;
  padding: 0px;
  margin: 0;
  background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  margin-top: 13px;
  box-shadow: 0 0px 14px 0 rgba(50, 50, 93, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
  min-width: 150px;
}
.header .auth.user ul:before {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  content: "";
  position: absolute;
  top: 0;
  margin-top: -6px;
  right: 10px;
  z-index: 999;
}
.header .auth.user.hover ul {
  display: block;
}
.header .auth.user ul li {
  text-align: left;
  padding: 10px 15px;
  padding-left: 40px;
}
.header .auth.user ul li:hover {
  background: #f6f6f6;
}
.header .auth.user ul li a {
  text-decoration: none;
}
.header .auth.user ul li a:hover {
  text-decoration: none;
  color: #666;
}
.content-wrapper {
  overflow: hidden;
  padding-top: 75px;
  clear: both;
}
.video,
.videos {
  float: left;
  /*background: #fff;*/
  margin-bottom: 15px;
}
.aboveVideo{
  display: none;
}
.rightbar {
  width: 328px;
  background: #fff;
  float: right;
  margin-bottom: 15px;
  margin: -10px;
  padding-bottom: 20px;
  margin-top: 0px;
}
.infoline {
  background: #4F65C5;
  padding: 10px;
}
.video-item {
  width: 296px;
  float: left;
  position: relative;
  margin-left: 13px;
  margin-bottom: 15px;
}
.video-item::before {
  background: rgba(221, 31, 72, 0.2);
  border-radius: 3px;
  content: "";
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: scale(0.5);
  width: 100%;
  z-index: 3;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.video-item:hover::before {
  opacity: 1;
  transform: scale(1.05);
}
.video-item:active::before {
  background: #c2c2c2;
  transition-duration: unset;
  -webkit-transition-duration: unset;
}
.video-item > a {
  display: block;
  text-decoration: none;
}
.video-item:active > a {
  background: #c2c2c2;
  border: 5px solid #c2c2c2;
  border-radius: 5px;
  margin: -5px;
  position: relative;
	z-index: 9;
}
.video-item > a > div.video-fav {
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: -11px;
  width: 40px;
  height: 19px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJzdGFyIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDU3NiA1MTIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1zdGFyIGZhLXctMTggZmEtM3giPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01MjguMSAxNzEuNUwzODIgMTUwLjIgMzE2LjcgMTcuOGMtMTEuNy0yMy42LTQ1LjYtMjMuOS01Ny40IDBMMTk0IDE1MC4yIDQ3LjkgMTcxLjVjLTI2LjIgMy44LTM2LjcgMzYuMS0xNy43IDU0LjZsMTA1LjcgMTAzLTI1IDE0NS41Yy00LjUgMjYuMyAyMy4yIDQ2IDQ2LjQgMzMuN0wyODggNDM5LjZsMTMwLjcgNjguN2MyMy4yIDEyLjIgNTAuOS03LjQgNDYuNC0zMy43bC0yNS0xNDUuNSAxMDUuNy0xMDNjMTktMTguNSA4LjUtNTAuOC0xNy43LTU0LjZ6TTQwNS44IDMxNy45bDI3LjggMTYyTDI4OCA0MDMuNSAxNDIuNSA0ODBsMjcuOC0xNjJMNTIuNSAyMDMuMWwxNjIuNy0yMy42TDI4OCAzMmw3Mi44IDE0Ny41IDE2Mi43IDIzLjYtMTE3LjcgMTE0Ljh6IiBjbGFzcz0iIj48L3BhdGg+PC9zdmc+);
  background-repeat: no-repeat;
  border-radius: 3px;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -ms-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.video-item > a > div.video-fav.added {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJzdGFyIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDU3NiA1MTIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1zdGFyIGZhLXctMTggZmEtM3giPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNTkuMyAxNy44TDE5NCAxNTAuMiA0Ny45IDE3MS41Yy0yNi4yIDMuOC0zNi43IDM2LjEtMTcuNyA1NC42bDEwNS43IDEwMy0yNSAxNDUuNWMtNC41IDI2LjMgMjMuMiA0NiA0Ni40IDMzLjdMMjg4IDQzOS42bDEzMC43IDY4LjdjMjMuMiAxMi4yIDUwLjktNy40IDQ2LjQtMzMuN2wtMjUtMTQ1LjUgMTA1LjctMTAzYzE5LTE4LjUgOC41LTUwLjgtMTcuNy01NC42TDM4MiAxNTAuMiAzMTYuNyAxNy44Yy0xMS43LTIzLjYtNDUuNi0yMy45LTU3LjQgMHoiIGNsYXNzPSIiPjwvcGF0aD48L3N2Zz4KCgoK);
  background-repeat: no-repeat;
}
.video-item > a > div.playlist-settings {
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: -11px;
  width: 40px;
  height: 19px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI2OC43NjUgMjY4Ljc2NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjY4Ljc2NSAyNjguNzY1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IlNldHRpbmdzIj48Zz48cGF0aCBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDogI2ZmZjsiIGQ9Ik0yNjcuOTIsMTE5LjQ2MWMtMC40MjUtMy43NzgtNC44My02LjYxNy04LjYzOS02LjYxN2MtMTIuMzE1LDAtMjMuMjQzLTcuMjMxLTI3LjgyNi0xOC40MTRjLTQuNjgyLTExLjQ1NC0xLjY2My0yNC44MTIsNy41MTUtMzMuMjMxYzIuODg5LTIuNjQxLDMuMjQtNy4wNjIsMC44MTctMTAuMTMzYy02LjMwMy04LjAwNC0xMy40NjctMTUuMjM0LTIxLjI4OS0yMS41Yy0zLjA2My0yLjQ1OC03LjU1Ny0yLjExNi0xMC4yMTMsMC44MjVjLTguMDEsOC44NzEtMjIuMzk4LDEyLjE2OC0zMy41MTYsNy41MjljLTExLjU3LTQuODY3LTE4Ljg2Ni0xNi41OTEtMTguMTUyLTI5LjE3NmMwLjIzNS0zLjk1My0yLjY1NC03LjM5LTYuNTk1LTcuODQ5Yy0xMC4wMzgtMS4xNjEtMjAuMTY0LTEuMTk3LTMwLjIzMi0wLjA4Yy0zLjg5NiwwLjQzLTYuNzg1LDMuNzg2LTYuNjU0LDcuNjg5YzAuNDM4LDEyLjQ2MS02Ljk0NiwyMy45OC0xOC40MDEsMjguNjcyYy0xMC45ODUsNC40ODctMjUuMjcyLDEuMjE4LTMzLjI2Ni03LjU3NGMtMi42NDItMi44OTYtNy4wNjMtMy4yNTItMTAuMTQxLTAuODUzYy04LjA1NCw2LjMxOS0xNS4zNzksMTMuNTU1LTIxLjc0LDIxLjQ5M2MtMi40ODEsMy4wODYtMi4xMTYsNy41NTksMC44MDIsMTAuMjE0YzkuMzUzLDguNDcsMTIuMzczLDIxLjk0NCw3LjUxNCwzMy41M2MtNC42MzksMTEuMDQ2LTE2LjEwOSwxOC4xNjUtMjkuMjQsMTguMTY1Yy00LjI2MS0wLjEzNy03LjI5NiwyLjcyMy03Ljc2Miw2LjU5N2MtMS4xODIsMTAuMDk2LTEuMTk2LDIwLjM4My0wLjA1OCwzMC41NjFjMC40MjIsMy43OTQsNC45NjEsNi42MDgsOC44MTIsNi42MDhjMTEuNzAyLTAuMjk5LDIyLjkzNyw2Ljk0NiwyNy42NSwxOC40MTVjNC42OTgsMTEuNDU0LDEuNjc4LDI0LjgwNC03LjUxNCwzMy4yM2MtMi44NzUsMi42NDEtMy4yNCw3LjA1NS0wLjgxNywxMC4xMjZjNi4yNDQsNy45NTMsMTMuNDA5LDE1LjE5LDIxLjI1OSwyMS41MDhjMy4wNzksMi40ODEsNy41NTksMi4xMzEsMTAuMjI4LTAuODFjOC4wNC04Ljg5MywyMi40MjctMTIuMTg0LDMzLjUwMS03LjUzNmMxMS41OTksNC44NTIsMTguODk1LDE2LjU3NSwxOC4xODEsMjkuMTY3Yy0wLjIzMywzLjk1NSwyLjY3LDcuMzk4LDYuNTk1LDcuODVjNS4xMzUsMC41OTksMTAuMzAxLDAuODk4LDE1LjQ4MSwwLjg5OGM0LjkxNywwLDkuODM1LTAuMjcsMTQuNzUyLTAuODE3YzMuODk3LTAuNDMsNi43ODQtMy43ODYsNi42NTMtNy42OTZjLTAuNDUxLTEyLjQ1NCw2Ljk0Ni0yMy45NzMsMTguMzg2LTI4LjY1N2MxMS4wNTktNC41MTcsMjUuMjg2LTEuMjExLDMzLjI4MSw3LjU3MmMyLjY1NywyLjg5LDcuMDQ3LDMuMjM5LDEwLjE0MiwwLjg0OGM4LjAzOS02LjMwNCwxNS4zNDktMTMuNTM0LDIxLjc0LTIxLjQ5NGMyLjQ4LTMuMDc5LDIuMTMtNy41NTktMC44MDMtMTAuMjEzYy05LjM1My04LjQ3LTEyLjM4OC0yMS45NDYtNy41MjktMzMuNTI0YzQuNTY4LTEwLjg5OSwxNS42MTItMTguMjE3LDI3LjQ5MS0xOC4yMTdsMS42NjIsMC4wNDNjMy44NTMsMC4zMTMsNy4zOTgtMi42NTUsNy44NjUtNi41ODhDMjY5LjA0NCwxMzkuOTE3LDI2OS4wNTgsMTI5LjYzOSwyNjcuOTIsMTE5LjQ2MXogTTEzNC41OTUsMTc5LjQ5MWMtMjQuNzE4LDAtNDQuODI0LTIwLjEwNi00NC44MjQtNDQuODI0YzAtMjQuNzE3LDIwLjEwNi00NC44MjQsNDQuODI0LTQ0LjgyNGMyNC43MTcsMCw0NC44MjMsMjAuMTA3LDQ0LjgyMyw0NC44MjRDMTc5LjQxOCwxNTkuMzg1LDE1OS4zMTIsMTc5LjQ5MSwxMzQuNTk1LDE3OS40OTF6Ii8+PC9nPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  border-radius: 3px;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -ms-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.video-item > a > div.video-show {
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 32px;
  width: 30px;
  height: 30px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJ3aW5kb3ctcmVzdG9yZSIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtd2luZG93LXJlc3RvcmUgZmEtdy0xNiBmYS0yeCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQ2NCAwSDE0NGMtMjYuNSAwLTQ4IDIxLjUtNDggNDh2NDhINDhjLTI2LjUgMC00OCAyMS41LTQ4IDQ4djMyMGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgzMjBjMjYuNSAwIDQ4LTIxLjUgNDgtNDh2LTQ4aDQ4YzI2LjUgMCA0OC0yMS41IDQ4LTQ4VjQ4YzAtMjYuNS0yMS41LTQ4LTQ4LTQ4ek0zMiAxNDRjMC04LjggNy4yLTE2IDE2LTE2aDMyMGM4LjggMCAxNiA3LjIgMTYgMTZ2ODBIMzJ2LTgwem0zNTIgMzIwYzAgOC44LTcuMiAxNi0xNiAxNkg0OGMtOC44IDAtMTYtNy4yLTE2LTE2VjI1NmgzNTJ2MjA4em05Ni05NmMwIDguOC03LjIgMTYtMTYgMTZoLTQ4VjE0NGMwLTI2LjUtMjEuNS00OC00OC00OEgxMjhWNDhjMC04LjggNy4yLTE2IDE2LTE2aDMyMGM4LjggMCAxNiA3LjIgMTYgMTZ2MzIweiIgY2xhc3M9IiI+PC9wYXRoPjwvc3ZnPg==);
  background-size: 18px;
  background-position: 4px 5px;
  background-repeat: no-repeat;
  /*border-radius: 3px;*/
  border-radius: 30px;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -ms-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.video-item > a > div.video-history {
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 2px;
  left: 5px;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg id='cross'%3E%3Cline class='cls-1' x1='7' x2='25' y1='7' y2='25'/%3E%3Cline class='cls-1' x1='7' x2='25' y1='25' y2='7'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 22px;
  background-position: 4px 5px;
  background-repeat: no-repeat;
  /*border-radius: 3px;*/
  border-radius: 30px;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -ms-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.video-item:hover > a > div.video-fav,
.video-item:hover > a > div.playlist-settings,
.video-item:hover > a > div.video-show,
.video-item:hover > a > div.video-history {
  opacity: 1;
}
.video-item > a > div.video-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 18px;
  text-transform:capitalize
}
.video-item > a > div.video-img {
  position: relative;
  overflow: hidden;
  height: 200px;
  margin: 0px 0px 5px 0px;
  z-index: 4;
  background: url(https://sun9-48.userapi.com/GBqkBt1ArZN0DFScsPwVXUvYntWrsTiKKy8cgw/-PWvRBSLKpU.jpg) center center no-repeat;
  background-size: cover;
}
.video-item > a > div.video-img > div.video-thumb {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -ms-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}

.video-item > a > div.video-img > div.video-thumb.lazy {
  opacity: 1;
}

.video-item > a > div.video-img > img {
  margin-left: -12px;
  margin-top: -36px;
  width: 320px;
  height: 240px;
}
.video-item > a > div.video-img.show-preview > img {
  filter: blur(15px);
  -webkit-filter: blur(15px);
}
.video-item > a > div.video-img > div.video-info {
  font-size: 13px;
  position: absolute;
  z-index: 223;
  left: 0;
  bottom: 0;
  right: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  background: rgba(0, 0, 0, 0.25);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.video-item > a > div.video-img > div.video-play {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iMTI4MC4wMDAwMDBwdCIgaGVpZ2h0PSIxMjgwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMTI4MC4wMDAwMDAgMTI4MC4wMDAwMDAiCiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KPG1ldGFkYXRhPgpDcmVhdGVkIGJ5IHBvdHJhY2UgMS4xNSwgd3JpdHRlbiBieSBQZXRlciBTZWxpbmdlciAyMDAxLTIwMTcKPC9tZXRhZGF0YT4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMTI4MC4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiNmZmZmZmYiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik0xNjA3IDY1NzIgYzIgLTMxMDAgMyAtNTYzOSAzIC01NjQxIDAgLTMgNiAyIDEzIDExIDYgOSAyMzA1IDEyNzcKNTEwNyAyODE4IDI4MDIgMTU0MSA1MDk4IDI4MDUgNTEwMyAyODA5IDQgNCAtMjI4MiAxMjY3IC01MDgwIDI4MDYgLTI3OTkKMTU0MCAtNTEwMSAyODA3IC01MTE4IDI4MTcgbC0zMCAxNyAyIC01NjM3eiIvPgo8L2c+Cjwvc3ZnPgo=) center center no-repeat;
  background-size: 40px 40px;
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}
.video-item > a[data-webm] > div.video-img > div.video-play,
.video-item > a[data-webmevent] > div.video-img > div.video-play {
  background: none;
}
.video-item > a:hover > div.video-img > div.video-play {
  opacity: .8;
}
.video-item > a > div.video-img > div.video-preview {
  opacity: 0;
  position: absolute;
  top: -6px;
  right: -12px;
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}
.video-item > a:hover > div.video-img > div.video-preview {
  opacity: 1;
  position: absolute;
  top: -6px;
}
.video-item > a > div.video-img > div.video-preview > video {
  width: 320px;
  height: 180px;
}
.video-item:hover > a > div.video-img > div.video-info {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.video-item > a > div.video-img > div.video-info > span {
  display: inline-block;
  margin-top: 15px;
  color: #fff;
  text-align: right;
}
.video-item > a > div.video-img > div.video-info > span.video-like {
  margin-left: 5px;
  padding-left: 15px;
}
.video-item > a > div.video-img > div.video-info > span.video-view {
  margin-left: 5px;
  padding-left: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAzMiAyNCIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgaWQ9IkxheWVyXzEiLz48ZyBpZD0iZXllIj48Zz48cGF0aCBkPSJNMTYsMEM3LjE2NCwwLDAsMTEuODQ0LDAsMTEuODQ0UzcuMTY0LDI0LDE2LDI0czE2LTEyLjE1NiwxNi0xMi4xNTZTMjQuODM2LDAsMTYsMHogTTE2LDIwICAgIGMtNC40MTgsMC04LTMuNTgyLTgtOHMzLjU4Mi04LDgtOHM4LDMuNTgyLDgsOFMyMC40MTgsMjAsMTYsMjB6IiBzdHlsZT0iZmlsbDojZmZmOyIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iMTIuMDE2IiByPSI0IiBzdHlsZT0iZmlsbDojZmZmOyIvPjwvZz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
}
.video-item > a > div.video-img > div.video-info > span.video-coms {
  margin-left: 5px;
  padding-left: 15px;
}
.video-item > a > div.video-img > div.video-info > span.video-time {
  float: right;
  padding-left: 25px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMTVweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+PC90aXRsZT48ZGVzYz48L2Rlc2M+PGRlZnM+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPjxnIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMC45IiBpZD0iSWNvbnMtRGV2aWNlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDQuMDAwMDAwLCAwLjAwMDAwMCkiPjxnIGlkPSJhY2Nlc3MtdGltZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDQuMDAwMDAwLCAwLjAwMDAwMCkiPjxwYXRoIGQ9Ik0xMCwwIEM0LjUsMCAwLDQuNSAwLDEwIEMwLDE1LjUgNC41LDIwIDEwLDIwIEMxNS41LDIwIDIwLDE1LjUgMjAsMTAgQzIwLDQuNSAxNS41LDAgMTAsMCBMMTAsMCBaIE0xMCwxOCBDNS42LDE4IDIsMTQuNCAyLDEwIEMyLDUuNiA1LjYsMiAxMCwyIEMxNC40LDIgMTgsNS42IDE4LDEwIEMxOCwxNC40IDE0LjQsMTggMTAsMTggWiBNMTAuNSw1IEw5LDUgTDksMTEgTDE0LjIsMTQuMiBMMTUsMTIuOSBMMTAuNSwxMC4yIEwxMC41LDUgWiIgaWQ9IlNoYXBlIj48L3BhdGg+PC9nPjwvZz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  font-size: 1.5em;
    background-size: 20px;
  background-position-y: 5px;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

/* Video mini */

.video-mini {
  width: 213px;
  float: left;
  position: relative;
  cursor: pointer;
  padding: 10px;
}
.video-mini:hover {}
.video-mini:active {}
.video-mini div.video-text div.video-title {
  font-weight: bold;
}
.video-mini > a {
  height: 80px;
  display: block;
  text-decoration: none;
  color: #999;
  font-size: 12px;
}
.video-mini:hover > a {
  text-decoration: none;
  color: #167ac6;
}
.video-mini:active > a {
  /* color: #c00;*/
}
.video-mini div.video-img {
  position: relative;
  overflow: hidden;
  width: 222px;
  height: 140px;
  background: url(https://sun9-48.userapi.com/GBqkBt1ArZN0DFScsPwVXUvYntWrsTiKKy8cgw/-PWvRBSLKpU.jpg) center center no-repeat;
}

.video-mini > a > div.video-img > div.video-preview {
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.video-mini > a > div.video-img > div.video-preview video {
  width: 320px;
  height: 180px;
}

.video-mini > a:hover > div.video-img > div.video-preview {
  opacity: 1;
  position: absolute;
  top: 0;
}

.video-mini div.video-img > img {
  margin-left: -5px;
  margin-top: -25px;
  width: 240px;
  height: 190px;
}

.video-mini div.video-text {
  width: 222px;
}

.video-mini div.video-text div.video-title {
  height: 32px;
  line-height: 16px;
  overflow: hidden;
  padding-top: 2px;
  font-weight: bold;
  color: #666;
}

.video-mini div.video-text div.video-title:hover {
  color: #167ac6;
}

.video-mini div.video-info {
  padding-top: 5px;
}

.video-mini div.video-info > span {
  display: inline-block;
  font-weight: normal;
}

.video-mini div.video-info > span.video-like {
  margin-left: 5px;
  padding-left: 15px;
}

.video-mini div.video-info > span.video-view {
  margin-left: 0px;
  padding-left: 19px;
  color: #999;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2216px%22%20viewBox%3D%220%200%2032%2024%22%20width%3D%2216px%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22Layer_1%22%2F%3E%3Cg%20id%3D%22eye%22%3E%3Cg%3E%3Cpath%20d%3D%22M16%2C0C7.164%2C0%2C0%2C11.844%2C0%2C11.844S7.164%2C24%2C16%2C24s16-12.156%2C16-12.156S24.836%2C0%2C16%2C0z%20M16%2C20%20%20%20%20c-4.418%2C0-8-3.582-8-8s3.582-8%2C8-8s8%2C3.582%2C8%2C8S20.418%2C20%2C16%2C20z%22%20style%3D%22fill%3A%23A5A9B3%3B%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212.016%22%20r%3D%224%22%20style%3D%22fill%3A%23A5A9B3%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat left;
}

.video-mini div.video-info > span.video-coms {
  margin-left: 5px;
  padding-left: 18px;
  color: #999;
}

.video-mini div.video-info > span.video-time {
  float: right;
  padding-left: 20px;
  color: #999;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2215px%22%20version%3D%221.1%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2215px%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%2F%3E%3Cdesc%2F%3E%3Cdefs%2F%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%3E%3Cg%20fill%3D%22%23A5A9B3%22%20fill-opacity%3D%220.9%22%20id%3D%22Icons-Device%22%20transform%3D%22translate%28-44.000000%2C%200.000000%29%22%3E%3Cg%20id%3D%22access-time%22%20transform%3D%22translate%2844.000000%2C%200.000000%29%22%3E%3Cpath%20d%3D%22M10%2C0%20C4.5%2C0%200%2C4.5%200%2C10%20C0%2C15.5%204.5%2C20%2010%2C20%20C15.5%2C20%2020%2C15.5%2020%2C10%20C20%2C4.5%2015.5%2C0%2010%2C0%20L10%2C0%20Z%20M10%2C18%20C5.6%2C18%202%2C14.4%202%2C10%20C2%2C5.6%205.6%2C2%2010%2C2%20C14.4%2C2%2018%2C5.6%2018%2C10%20C18%2C14.4%2014.4%2C18%2010%2C18%20Z%20M10.5%2C5%20L9%2C5%20L9%2C11%20L14.2%2C14.2%20L15%2C12.9%20L10.5%2C10.2%20L10.5%2C5%20Z%22%20id%3D%22Shape%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat left;
}

.video-date {
  color: #999;
}

.btn-browse {
  display: none;
  position: absolute;
  top: 13px;
  right: 220px;
  background-size: 32px;
  width: 40px;
  height: 40px;
  text-transform: capitalize;
  color: #666;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJjb21wYXNzIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtY29tcGFzcyBmYS13LTE2IiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ5NiA1MTIiPjxwYXRoIGZpbGw9IiM2NjYiIGQ9Ik0zNDcuOTQgMTI5Ljg2TDIwMy42IDE5NS44M2EzMS45MzggMzEuOTM4IDAgMCAwLTE1Ljc3IDE1Ljc3bC02NS45NyAxNDQuMzRjLTcuNjEgMTYuNjUgOS41NCAzMy44MSAyNi4yIDI2LjJsMTQ0LjM0LTY1Ljk3YTMxLjkzOCAzMS45MzggMCAwIDAgMTUuNzctMTUuNzdsNjUuOTctMTQ0LjM0YzcuNjEtMTYuNjYtOS41NC0zMy44MS0yNi4yLTI2LjJ6bS03Ny4zNiAxNDguNzJjLTEyLjQ3IDEyLjQ3LTMyLjY5IDEyLjQ3LTQ1LjE2IDAtMTIuNDctMTIuNDctMTIuNDctMzIuNjkgMC00NS4xNiAxMi40Ny0xMi40NyAzMi42OS0xMi40NyA0NS4xNiAwIDEyLjQ3IDEyLjQ3IDEyLjQ3IDMyLjY5IDAgNDUuMTZ6TTI0OCA4QzExMS4wMyA4IDAgMTE5LjAzIDAgMjU2czExMS4wMyAyNDggMjQ4IDI0OCAyNDgtMTExLjAzIDI0OC0yNDhTMzg0Ljk3IDggMjQ4IDh6bTAgNDQ4Yy0xMTAuMjggMC0yMDAtODkuNzItMjAwLTIwMFMxMzcuNzIgNTYgMjQ4IDU2czIwMCA4OS43MiAyMDAgMjAwLTg5LjcyIDIwMC0yMDAgMjAweiI+PC9wYXRoPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  background-color: transparent;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 2;
  border: 0;
}
.btn-random {
  display: none;
  position: absolute;
  top: 11px;
  right: 90px;
  background-size: 30px;
  width: 40px;
  height: 40px;
  text-transform: capitalize;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMS45OTkgNTExLjk5OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjk5OSA1MTEuOTk5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDU4LjMxNiwxMDIuNTE0TDI4OC42MDUsOC40ODRjLTIwLjQxNi0xMS4zMTItNDQuNzk0LTExLjMxMi02NS4yMDksMEw1My42ODQsMTAyLjUxNCAgICBjLTIxLjM4NywxMS44NDktMzQuNjcyLDM0LjM5OC0zNC42NzIsNTguODQ4djE4NC4wMzZjMCwyNC40NDksMTMuMjg1LDQ2Ljk5OSwzNC42NzIsNTguODQ4bDE4Ny41NDcsMTAzLjkxMSAgICBjNC42MjUsMi41NjMsOS42OTcsMy44NDMsMTQuNzcsMy44NDNjNS4wNywwLDEwLjE0LTEuMjgsMTQuNzYxLTMuODQxTDQ1OC4zMiw0MDQuMjQyYzIxLjM4NC0xMS44NDcsMzQuNjY3LTM0LjM5NiwzNC42NjctNTguODQ1ICAgIFYxNjEuMzYyQzQ5Mi45ODgsMTM2LjkxMiw0NzkuNzAzLDExNC4zNjIsNDU4LjMxNiwxMDIuNTE0eiBNNjMuNDAyLDEyMC4wNTNsMTY5LjcxLTk0LjAyOWM3LjE2NS0zLjk3LDE1LjAyNy01Ljk1NSwyMi44ODgtNS45NTUgICAgYzcuODYxLDAsMTUuNzIyLDEuOTg1LDIyLjg4OCw1Ljk1NWwxNjkuNzExLDk0LjAyOWM1LjEyLDIuODM3LDkuNTU5LDYuNTYzLDEzLjIxMSwxMC45MDJMMjc5LjI0OSwyMzIuMTAzICAgIGMtMTQuMjQ3LDcuODkzLTMxLjg3Niw3LjgyMS00Ni4wNjItMC4xNjdsLTAuNTIzLTAuMjkxTDUxLjk5NSwxMjguOTMxQzU1LjI3OSwxMjUuNDU2LDU5LjA5NywxMjIuNDM4LDYzLjQwMiwxMjAuMDUzeiAgICAgTTQ0OC42MDMsMzg2LjcwM0wyNjYuMDI2LDQ4Ny44NjFWNDQwLjQ3YzAtNS41MzctNC40ODktMTAuMDI2LTEwLjAyNi0xMC4wMjZjLTUuNTM3LDAtMTAuMDI2LDQuNDg5LTEwLjAyNiwxMC4wMjZ2NDcuMzkyICAgIEw2My40MDIsMzg2LjcwNmMtMTUuMDEzLTguMzE4LTI0LjMzOS0yNC4xNDctMjQuMzM5LTQxLjMwOVYxNjEuMzYyYzAtNS4yNzcsMC44ODgtMTAuNDI0LDIuNTQ2LTE1LjI2OGwxODQuNDk1LDEwNC44NDUgICAgYzEyLjI1NSw2Ljc5OSwxOS44NjksMTkuNzMxLDE5Ljg2OSwzMy43NDdjMCwwLjAwNywwLjAwMSwwLjAxMywwLjAwMSwwLjAxOXYwLjM2M2MwLDAuMDEsMCwwLjAxOSwwLDAuMDI5YzAsMC4wMDMsMCwwLjAwNiwwLDAuMDEgICAgdjkwLjk1NWMwLDUuNTM3LDQuNDg5LDEwLjAyNiwxMC4wMjYsMTAuMDI2YzUuNTM3LDAsMTAuMDI2LTQuNDg4LDEwLjAyNi0xMC4wMjZ2LTkwLjk3OWMwLjAwNS0xNC4wMSw3LjYxNy0yNi45MzQsMTkuODY4LTMzLjczMiAgICBsMy41OTQtMS45OTRjMC4wMTYtMC4wMDksMTgxLjcwNi0xMDAuNjc4LDE4MS43MDYtMTAwLjY3OGMxLjEzOCw0LjA3NSwxLjc0LDguMzM2LDEuNzQsMTIuNjg0djE4NC4wMzVoMC4wMDIgICAgQzQ3Mi45MzYsMzYyLjU2LDQ2My42MTIsMzc4LjM4OCw0NDguNjAzLDM4Ni43MDN6IiBmaWxsPSIjNTk2NTZlIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjU2LjE3OCw5My4zMDZjLTE5LjQyNywwLTM1LjIzNCwxNC4zOTItMzUuMjM0LDMyLjA4MnMxNS44MDYsMzIuMDgyLDM1LjIzNCwzMi4wODIgICAgYzE5LjQyOCwwLDM1LjIzNC0xNC4zOTIsMzUuMjM0LTMyLjA4MlMyNzUuNjA1LDkzLjMwNiwyNTYuMTc4LDkzLjMwNnogTTI1Ni4xNzgsMTM3LjQxOWMtOC4zNzIsMC0xNS4xODItNS4zOTctMTUuMTgyLTEyLjAzMSAgICBjMC02LjYzNCw2LjgxMS0xMi4wMzEsMTUuMTgyLTEyLjAzMWM4LjM3MiwwLDE1LjE4Miw1LjM5NywxNS4xODIsMTIuMDMxQzI3MS4zNiwxMzIuMDIyLDI2NC41NDksMTM3LjQxOSwyNTYuMTc4LDEzNy40MTl6IiBmaWxsPSIjNTk2NTZlIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjYzLjA4OCwzOTkuOTg2Yy0xLjg2NS0xLjg2NS00LjQ1MS0yLjkzOC03LjA4OC0yLjkzOGMtMi42MzcsMC01LjIyMywxLjA3My03LjA4OCwyLjkzOCAgICBjLTEuODY1LDEuODY1LTIuOTM4LDQuNDQxLTIuOTM4LDcuMDg4YzAsMi42MzcsMS4wNzMsNS4yMjMsMi45MzgsNy4wODhjMS44NjUsMS44NjUsNC40NTEsMi45MzgsNy4wODgsMi45MzggICAgYzIuNjM3LDAsNS4yMjMtMS4wNzMsNy4wODgtMi45MzhjMS44NjUtMS44NjUsMi45MzgtNC40NTEsMi45MzgtNy4wODhTMjY0Ljk1Myw0MDEuODUsMjYzLjA4OCwzOTkuOTg2eiIgZmlsbD0iIzU5NjU2ZSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTIxNy45MzksMjU2LjExMWMtMTMuNzM2LTEzLjczNi0zNS4wOTEtMTQuNzM3LTQ3LjU5OS0yLjIyOGMtMTIuNTA5LDEyLjUwOS0xMS41MDksMzMuODYyLDIuMjI5LDQ3LjYgICAgYzcuMjkyLDcuMjkxLDE2LjcyNiwxMC45OTMsMjUuODQ2LDEwLjk5M2M4LjA2NCwwLDE1Ljg4My0yLjg5NSwyMS43NTMtOC43NjZDMjMyLjY3NywyOTEuMjAyLDIzMS42NzgsMjY5Ljg0OSwyMTcuOTM5LDI1Ni4xMTF6ICAgICBNMjA1Ljk4OSwyODkuNTMzYy00LjY5LDQuNjkxLTEzLjMyMywzLjY5Mi0xOS4yNDEtMi4yMjhjLTUuOTE5LTUuOTE5LTYuOTE5LTE0LjU1MS0yLjIyOS0xOS4yNDEgICAgYzEuOTktMS45OTEsNC42OTEtMi45NTcsNy41OTMtMi45NTdjMy45MzYsMCw4LjI0MiwxLjc3NywxMS42NSw1LjE4NEMyMDkuNjgxLDI3Ni4yMSwyMTAuNjgxLDI4NC44NDIsMjA1Ljk4OSwyODkuNTMzeiIgZmlsbD0iIzU5NjU2ZSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTE2MC4zOTIsMjkyLjMyMmMtMTMuNzM4LTEzLjczNi0zNS4wOS0xNC43MzYtNDcuNi0yLjIyOGMtMTIuNTA5LDEyLjUwOS0xMS41MDksMzMuODYyLDIuMjI4LDQ3LjYgICAgYzcuMjkyLDcuMjkxLDE2LjcyNiwxMC45OTMsMjUuODQ3LDEwLjk5M2M4LjA2NCwwLDE1Ljg4My0yLjg5NSwyMS43NTMtOC43NjZDMTc1LjEyNywzMjcuNDEzLDE3NC4xMjgsMzA2LjA2LDE2MC4zOTIsMjkyLjMyMnogICAgIE0xNDguNDQsMzI1Ljc0NGMtNC42OSw0LjY5LTEzLjMyMywzLjY5MS0xOS4yNDEtMi4yMjljLTUuOTE5LTUuOTE5LTYuOTE5LTE0LjU1MS0yLjIyOC0xOS4yNDEgICAgYzEuOTktMS45OTEsNC42OTEtMi45NTcsNy41OTMtMi45NTdjMy45MzYsMCw4LjI0MiwxLjc3NywxMS42NDksNS4xODRDMTUyLjEzMSwzMTIuNDIxLDE1My4xMzEsMzIxLjA1MywxNDguNDQsMzI1Ljc0NHoiIGZpbGw9IiM1OTY1NmUiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xMTMuNzkxLDM0OS42NTJjLTAuNTgyLTguNzM0LTQuNDcxLTE3LjExNC0xMC45NDktMjMuNTk0Yy0xMy43MzgtMTMuNzM3LTM1LjA5LTE0LjczNy00Ny42LTIuMjI5ICAgIGMtMTIuNTA5LDEyLjUwOS0xMS41MSwzMy44NjIsMi4yMjgsNDcuNmM3LjI5Miw3LjI5MSwxNi43MjYsMTAuOTkzLDI1Ljg0NiwxMC45OTNjOC4wNjQsMCwxNS44ODMtMi44OTUsMjEuNzUzLTguNzY2ICAgIEMxMTEuMzA5LDM2Ny40MTgsMTE0LjQwNiwzNTguODkyLDExMy43OTEsMzQ5LjY1MnogTTkwLjg5MSwzNTkuNDc5Yy00LjY5MSw0LjY5LTEzLjMyMywzLjY5My0xOS4yNDItMi4yMjggICAgYy01LjkxOS01LjkxOS02LjkxOS0xNC41NTEtMi4yMjgtMTkuMjQyYzEuOTktMS45OTEsNC42OS0yLjk1Nyw3LjU5My0yLjk1N2MzLjkzNiwwLDguMjQyLDEuNzc4LDExLjY1LDUuMTg1ICAgIGMzLjA0NCwzLjA0Myw0Ljg2Miw2Ljg2MSw1LjEyMSwxMC43NUM5NC4wMSwzNTQuMzcyLDkyLjk4MiwzNTcuMzg4LDkwLjg5MSwzNTkuNDc5eiIgZmlsbD0iIzU5NjU2ZSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTM1OC4zNjQsMjcyLjUwNWMtMTIuNTA5LTEyLjUwOC0zMy44NjItMTEuNTA4LTQ3LjU5OSwyLjIyOWMtMTMuNzM3LDEzLjczNy0xNC43MzcsMzUuMDktMi4yMjksNDcuNTk5ICAgIGM1Ljg3LDUuODcsMTMuNjg4LDguNzY2LDIxLjc1Myw4Ljc2NmM5LjEyLDAsMTguNTU3LTMuNzAzLDI1Ljg0Ny0xMC45OTNDMzY5Ljg3NCwzMDYuMzY4LDM3MC44NzIsMjg1LjAxNSwzNTguMzY0LDI3Mi41MDV6ICAgICBNMzQxLjk1OSwzMDUuOTI3Yy01LjkxOSw1LjkxOS0xNC41NTIsNi45MTktMTkuMjQzLDIuMjI4Yy00LjY5MS00LjY5MS0zLjY5LTEzLjMyMywyLjIyOS0xOS4yNDIgICAgYzUuOTItNS45MiwxNC41NTEtNi45MTksMTkuMjQxLTIuMjI5QzM0OC44NzcsMjkxLjM3NSwzNDcuODc3LDMwMC4wMDgsMzQxLjk1OSwzMDUuOTI3eiIgZmlsbD0iIzU5NjU2ZSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ0Mi43NzMsMzExLjhjLTEyLjUwOS0xMi41MDktMzMuODYyLTExLjUwOS00Ny41OTksMi4yMjhjLTYuNDc5LDYuNDc5LTEwLjM2OCwxNC44NTgtMTAuOTUsMjMuNTk1ICAgIGMtMC42MTYsOS4yNCwyLjQ4MiwxNy43NjYsOC43MjIsMjQuMDA2YzUuODcsNS44NywxMy42ODgsOC43NjYsMjEuNzUzLDguNzY2YzkuMTIsMCwxOC41NTYtMy43MDMsMjUuODQ2LTEwLjk5MyAgICBDNDU0LjI4MiwzNDUuNjYyLDQ1NS4yODIsMzI0LjMwOSw0NDIuNzczLDMxMS44eiBNNDI2LjM2NywzNDUuMjIxYy01LjkyLDUuOTItMTQuNTUyLDYuOTE4LTE5LjI0MSwyLjIyOCAgICBjLTIuMDkxLTIuMDkxLTMuMTE5LTUuMTA3LTIuODkzLTguNDkzYzAuMjU5LTMuODg4LDIuMDc4LTcuNzA3LDUuMTIxLTEwLjc1YzMuNDA4LTMuNDA4LDcuNzE0LTUuMTg1LDExLjY1LTUuMTg1ICAgIGMyLjkwMSwwLDUuNjAyLDAuOTY2LDcuNTkyLDIuOTU3QzQzMy4yODUsMzMwLjY3LDQzMi4yODYsMzM5LjMwMiw0MjYuMzY3LDM0NS4yMjF6IiBmaWxsPSIjNTk2NTZlIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-color: transparent;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 2;
  border: 0;
}

.btn-hottest {
  display: none;
  position: absolute;
  top: 10px;
  right: 178px;
  background-size: 29px;
  width: 40px;
  height: 40px;
  text-transform: capitalize;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJmaXJlLWFsdCIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtZmlyZS1hbHQgZmEtdy0xNCBmYS0yeCI+PHBhdGggZmlsbD0iIzY2NiIgZD0iTTMyMy41NiA1MS4yYy0yMC44IDE5LjMtMzkuNTggMzkuNTktNTYuMjIgNTkuOTdDMjQwLjA4IDczLjYyIDIwNi4yOCAzNS41MyAxNjggMCA2OS43NCA5MS4xNyAwIDIwOS45NiAwIDI4MS42IDAgNDA4Ljg1IDEwMC4yOSA1MTIgMjI0IDUxMnMyMjQtMTAzLjE1IDIyNC0yMzAuNGMwLTUzLjI3LTUxLjk4LTE2My4xNC0xMjQuNDQtMjMwLjR6TTIyNCA0NjRjLTk3LjA1IDAtMTc2LTgxLjgzLTE3Ni0xODIuNCAwLTQ1LjM3IDQ0LjMtMTMzLjIxIDEyMC4xNi0yMTQuMDkgMjIuMzQgMjMuMzYgNDIuODIgNDcuNzIgNjAuMzQgNzEuODZsMzYuNjIgNTAuNDQgMzkuNDEtNDguMjljNS44My03LjE1IDExLjg1LTE0LjE1IDE4LjAxLTIwLjk3QzM2OC44OSAxNzcuOTYgNDAwIDI1MC40MiA0MDAgMjgxLjYgNDAwIDM4Mi4xNyAzMjEuMDUgNDY0IDIyNCA0NjR6bTg5LjQ3LTIyMC44NGwtNTEuMyA1OC41MlMxODEuNzUgMTk4Ljk4IDE3NS42OSAxOTJDMTMzLjI3IDI0Mi44NiAxMTIgMjcyLjYyIDExMiAzMDYuNDEgMTEyIDM3NC4yMyAxNjMuMzcgNDE2IDIyNi41IDQxNmMyNS4yNiAwIDQ4LjYyLTcuODcgNjcuNTgtMjEuMTMgNDMuMDgtMzAuMTQgNTMuMTgtODguNTggMjkuMjYtMTM0LjI0LTIuOTUtNS42Mi02LjI0LTExLjQ4LTkuODctMTcuNDd6IiBjbGFzcz0iIj48L3BhdGg+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-color: transparent;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 2;
  border: 0;
}

.btn-catt {
  display: none;
  position: absolute;
  top: 10px;
  right: 134px;
  background-size: 36px;
  width: 40px;
  height: 40px;
  text-transform: capitalize;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJ0YWdzIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDY0MCA1MTIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS10YWdzIGZhLXctMjAgZmEtMngiPjxwYXRoIGZpbGw9IiM2NjYiIGQ9Ik02MjUuOTQxIDI5My44MjNMNDIxLjgyMyA0OTcuOTQxYy0xOC43NDYgMTguNzQ2LTQ5LjEzOCAxOC43NDUtNjcuODgyIDBsLS4zNi0uMzZMNTkyIDI1OS44ODIgMzMxLjM5NyAwaDQ4LjcyMWE0OCA0OCAwIDAgMSAzMy45NDEgMTQuMDU5bDIxMS44ODIgMjExLjg4MmMxOC43NDUgMTguNzQ1IDE4Ljc0NSA0OS4xMzcgMCA2Ny44ODJ6bS0xMjggMEwyOTMuODIzIDQ5Ny45NDFDMjg0LjQ1MSA1MDcuMzE0IDI3Mi4xNjYgNTEyIDI1OS44ODIgNTEyYy0xMi4yODQgMC0yNC41NjktNC42ODYtMzMuOTQxLTE0LjA1OUwxNC4wNTkgMjg2LjA1OUE0OCA0OCAwIDAgMSAwIDI1Mi4xMThWNDhDMCAyMS40OSAyMS40OSAwIDQ4IDBoMjA0LjExOGE0Ny45OTggNDcuOTk4IDAgMCAxIDMzLjk0MSAxNC4wNTlsMjExLjg4MiAyMTEuODgyYzE4Ljc0NSAxOC43NDUgMTguNzQ1IDQ5LjEzNyAwIDY3Ljg4MnpNNDY0IDI1OS44ODJMMjUyLjExOCA0OEg0OHYyMDQuMTE4bDIxMS44ODYgMjExLjg3OEw0NjQgMjU5Ljg4MnpNMTQ0IDk2Yy0yNi41MSAwLTQ4IDIxLjQ5LTQ4IDQ4czIxLjQ5IDQ4IDQ4IDQ4IDQ4LTIxLjQ5IDQ4LTQ4LTIxLjQ5LTQ4LTQ4LTQ4eiIgY2xhc3M9IiI+PC9wYXRoPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: 3px 8px;
  background-color: transparent;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 2;
  border: 0;
}

.btn-pornstars {
  display: none;
  position: absolute;
  top: 11px;
  right: 91px;
  background-size: 36px;
  width: 40px;
  height: 40px;
  text-transform: capitalize;
  background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iMjAwLjAwMDAwMHB0IiBoZWlnaHQ9IjIwMC4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDIwMC4wMDAwMDAgMjAwLjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgo8bWV0YWRhdGE+CkNyZWF0ZWQgYnkgcG90cmFjZSAxLjE1LCB3cml0dGVuIGJ5IFBldGVyIFNlbGluZ2VyIDIwMDEtMjAxNwo8L21ldGFkYXRhPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwyMDAuMDAwMDAwKSBzY2FsZSgwLjEwMDAwMCwtMC4xMDAwMDApIgpmaWxsPSIjNjY2IiBzdHJva2U9Im5vbmUiPgo8cGF0aCBkPSJNODYwIDE4ODEgYy0xMzkgLTQ1IC0yNDMgLTEyNyAtMjk4IC0yMzggLTMyIC02MyAtNDYgLTEyMiAtNjEgLTI3MgotMTMgLTEyNCAtNDkgLTE5NyAtMTc0IC0zNjMgLTEwOSAtMTQ1IC0xMzcgLTIwOCAtMTQ0IC0zMTggLTYgLTg0IDYgLTE0MSA0MAotMTkxIDIxIC0zMiA4MCAtNzkgOTggLTc5IDUgMCA5IDQ5IDkgMTA5IDAgMTMyIDIzIDIyMSA2OSAyNjUgMjQgMjMgMzggMjggNzUKMjggNjEgLTIgMTE4IC0xOCAxODggLTUzIDY3IC0zNCAxMDEgLTM2IDEyOCAtOSAzNyAzNyA3MiAxMjMgODUgMjA3IDYgNDEgNgo0MiAtMzIgNjIgLTUxIDI2IC0xMDcgODYgLTEzMiAxNDEgLTMzIDcyIC0zMCA3OSA1NyAxMzcgMTAyIDY4IDE4NCAxNDQgMjYyCjI0MiBsNjMgODEgMzkgLTYwIGMzOCAtNTcgOTcgLTExNCAxNDYgLTEzOSAyMCAtMTEgMjIgLTE5IDIyIC05OSAwIC00OCAtNQotMTA0IC0xMCAtMTI0IC0xOCAtNjUgLTcwIC0xMzAgLTEzMyAtMTY3IGwtNTkgLTM1IDcgLTQ1IGMxNiAtMTA4IDgyIC0yMjEKMTI5IC0yMjEgMTEgMCA1NCAxNiA5NSAzNiA0MSAyMCAxMDMgNDEgMTM4IDQ3IDU4IDkgNjcgOCA5MCAtMTAgNjUgLTQ4IDkzCi0xMzMgOTMgLTI4NSAwIC05MSAxIC05OCAyMCAtOTggMjcgMCA5NyA2NCAxMjMgMTE0IDE4IDM0IDIyIDU4IDIyIDEzNiAwIDg2Ci0zIDEwMSAtMzIgMTYyIC0xNyAzNyAtNjMgMTExIC0xMDEgMTY1IC0xMTcgMTY0IC0xNjIgMjc1IC0xNjIgMzk4IDAgODEgLTI0CjE3NiAtNjIgMjQ3IC01NyAxMDcgLTE5MyAyMDggLTMxOCAyMzcgLTcyIDE3IC0yMTcgMTIgLTI4MCAtOHoiLz4KPHBhdGggZD0iTTkxMCAxMjU0IGMtMTMgLTEzIC0yOSAtMjQgLTM3IC0yNCAtMzQgMCAzIC04MiA1MCAtMTEwIDYxIC0zOCAxNDkKLTE3IDE4NyA0NSAyMSAzNCAyNiA2NSAxMSA2NSAtNSAwIC0yMiAxMSAtMzggMjQgLTI0IDIwIC00MCAyNCAtOTAgMjUgLTUxIDAKLTY0IC00IC04MyAtMjV6Ii8+CjxwYXRoIGQ9Ik02NTcgNTg5IGMtNjMgLTQxIC0xMjEgLTExMCAtMTYwIC0xODkgLTQxIC04NSAtNDUgLTE3OSAtOSAtMjUzIGwyNAotNDcgNDkxIDIgNDkxIDMgMjMgNDAgYzM1IDYyIDMyIDE3MCAtNiAyNTAgLTM3IDc4IC04NCAxMzUgLTE1MCAxODUgLTczIDU1Ci04MyA1MCAtMjQgLTEzIDI3IC0yOSA1NSAtNjIgNjIgLTc0IDExIC0yMiAxMSAtMjIgLTMwIC04IC00OCAxNyAtMTE5IDE5Ci0xNzAgNSAtODEgLTIzIC0xNzIgLTExMiAtMTg2IC0xODQgLTYgLTI4IC02IC0yNyAtMjQgMjAgLTIyIDU2IC03OCAxMTcgLTEzNAoxNDYgLTUzIDI4IC0xNTYgMzUgLTIxMiAxNSAtMjQgLTggLTQzIC0xMSAtNDMgLTYgMCA0IDI4IDM4IDYxIDc0IDM0IDM2IDU3CjY1IDUyIDY1IC01IDAgLTMxIC0xNCAtNTYgLTMxeiIvPgo8L2c+Cjwvc3ZnPgo=');
  background-repeat: no-repeat;
  background-position: 3px 1px;
  background-color: transparent;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 2;
  border: 0;
}


/* Search form */

.btn-search {
  display: none;
  position: absolute;
  top: 12px;
  right: 4px;
  width: 40px;
  height: 40px;
  text-transform: capitalize;
  background-size: 108px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTYuOTY2IDU2Ljk2NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTYuOTY2IDU2Ljk2NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM2NjYiIGQ9Ik0xNS43LDE0LjNsLTMuMTA1LTMuMTA1QzEzLjQ3MywxMC4wMjQsMTQsOC41NzYsMTQsN2MwLTMuODY2LTMuMTM0LTctNy03UzAsMy4xMzQsMCw3czMuMTM0LDcsNyw3ICBjMS41NzYsMCwzLjAyNC0wLjUyNyw0LjE5NC0xLjQwNUwxNC4zLDE1LjdjMC4xODQsMC4xODQsMC4zOCwwLjMsMC43LDAuM2MwLjU1MywwLDEtMC40NDcsMS0xQzE2LDE0Ljc4MSwxNS45NDYsMTQuNTQ2LDE1LjcsMTQuM3ogICBNMiw3YzAtMi43NjIsMi4yMzgtNSw1LTVzNSwyLjIzOCw1LDVzLTIuMjM4LDUtNSw1UzIsOS43NjIsMiw3eiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: 8px 3px;
  background-color: transparent;
  cursor: pointer;
  overflow: hidden;
  z-index: 2;
  border: 0;
}

.btn-search.open .icon-left {
  display: block;
}

.btn-search .icon-left {
  display: none;
}

.btn-search.open {
  background: none;
  font-size: 25px;
  color: #c2c2c2;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  left: -3px;
  color: #666;
  top: 11px;
}

.icon-cancel {}

body.search_open .search_form {
  display: block;
}

.head-menu {
  float: left;
  margin: 0 1px 0 0;
  padding: 19px 3px;
  position: relative;
  text-decoration: none;
}

.head-menu > a {
  text-decoration: none;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  padding: 10px 14px 12px 14px;
  border-radius: 25px;
  font-weight: 600;
  color: #900;
}

.head-menu a:hover {
  text-decoration: none;
  background: #f6f6f6;
}

.head-menu a:active {
  border: 3px solid rgba(255,0,0,.1);
  margin: -3px;
}

.head-menu.active > a {
  color: #ff413b;
}

.search-form {
  height: 40px;
  margin: 10px 0 0 0;
  padding: 0;
  display: block;
  float: left;
  position: relative;
  background: #FFE6E6;
  width: 40%;
  border-radius: 50px;
  border: solid 2px #900
}

.search-form input:hover {

}

.search-form input {
  border: 0;
  padding: 1px 1px 1px 17px;
  padding-right: 85px;
  margin: 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 600;
  font-size: 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
  width: 100%;
  height: 40px;
  color: #999;
}

.search-form input:focus {
  border: none;
  color: #333;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0 0 0 2pt #c2c2c2;
}

.findmb input:focus {
  border-radius: 0;
}

a.randomQuery {
  display: none;
}
.search-form:hover > a.randomQuery{
  display: block;
}
.clear-form {
  font-size: 32px;
  cursor: pointer;
  display: none;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  border-radius: 50px;
}

body.main .search-form {
  width: 90%;
}

body.main .search-form input {
  width: 100%;
}

.search-form button {
  position: absolute;
  top: 0;
  right: 5px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border: none;
  text-indent: -9999px;
  overflow: hidden;
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTYuOTY2IDU2Ljk2NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTYuOTY2IDU2Ljk2NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM2NjYiIGQ9Ik0xNS43LDE0LjNsLTMuMTA1LTMuMTA1QzEzLjQ3MywxMC4wMjQsMTQsOC41NzYsMTQsN2MwLTMuODY2LTMuMTM0LTctNy03UzAsMy4xMzQsMCw3czMuMTM0LDcsNyw3ICBjMS41NzYsMCwzLjAyNC0wLjUyNyw0LjE5NC0xLjQwNUwxNC4zLDE1LjdjMC4xODQsMC4xODQsMC4zOCwwLjMsMC43LDAuM2MwLjU1MywwLDEtMC40NDcsMS0xQzE2LDE0Ljc4MSwxNS45NDYsMTQuNTQ2LDE1LjcsMTQuM3ogICBNMiw3YzAtMi43NjIsMi4yMzgtNSw1LTVzNSwyLjIzOCw1LDVzLTIuMjM4LDUtNSw1UzIsOS43NjIsMiw3eiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  background-size: 72px;
}

.search-form button:hover {}

.search-form .clear-form {
  position: fixed;
  top: 14px;
  left: 10px;
  background: red;
  display: block;
  width: 30px;
  height: 30px;
}

body.main .footer {
  display: none;
}

.footer {
  font-size: 12px;
  background: #fff;
  margin-top: 40px;
}

.footer .now {
  float: left;
  width: 100%;
  padding-top: 10px;
  text-align: center;
  text-transform: capitalize;
}

.footer .now b {
  font-size: 14px;
}

body.main .footer .now b {
  color: #999;
}

.footer .now span {
  margin-top: 10px;
  display: block;
  text-align: center;
}

.footer .now span a {

  text-decoration: none;
  border: 1px solid #e2e2e2;
  border-radius: 25px;
  padding: 8px;
  font-size: 11px;
  display: inline-block;
  margin: 3px 1px;
}

.footer .copy {
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  margin-top: 10px;
  padding-top: 10px;
  text-transform: uppercase;
  border-top: 2px solid #f0f0f0;
  padding-bottom: 10px;
}

body.main .footer .copy {
  color: #333333;
}

.footer .copy a {
  color: #454545;
  padding: 3px;
  text-decoration: none;
  font-weight: 500;
}

body.main .footer .copy a {
  color: #333333;
}

.footer .copy a:hover {
  text-decoration: underline;
}

body.main .footer .copy a:hover {
  color: #fff;
}


/* Pornstars filters */

#ageSelect {
  margin-top: 8px;
}

#ageSelect .noUi-handle {
  border: 1px solid #D9D9D9;
  background: #FFF;
  cursor: pointer;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  right: -7px;
  top: -6px;
}

#ageSelect .noUi-handle:before,
#ageSelect .noUi-handle:after {
  display: none;
}

#ageSelect.noUi-horizontal {
  height: 10px;
}

#ageSelect .noUi-connects,
#ageSelect .noUi-connect {
  height: 11px;
  margin-top: -1px;
}

#ageSelect .noUi-connect {
  background: #dd3333;
}

#ageSelect .noUi-pips-horizontal {
  padding: 0;
  height: 0;
}

#ageSelect .noUi-marker-horizontal.noUi-marker {
  display: none;
}

.filterToggle {
  display: none;
  font-size: 18px;
  margin-bottom: 10px;
  margin-left: 10px;
  text-align: center;
}

.filterToggle button {
  cursor: pointer;
}

.pornstars_filter {
  padding: 15px 20px 5px 20px;
}

.pornstars_filter.showFilters {
  display: block;
}

.pornstars_filter > .filterWrapper {
  display: inline-block;
  width: 200px;
  vertical-align: top;
}

.pornstars_filter > .filterWrapper > .filterLabel {
  margin-bottom: 5px;
}

.pornstars_filter > .filterWrapper > .filterSelect {
  margin-bottom: 15px;
  height: 32px;
  z-index: 999999;
}

.pornstars_filter .filterSearch,
.pornstars_filter .filterReset {
  cursor: pointer;
  border: 0;
  background: #dd3333;
  display: inline-block;
  padding: 10px 14px;
  margin-bottom: 10px;
  float: right;
  margin-left: 10px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  border-radius: 25px;
  margin-top: 0px;
  text-transform: uppercase;
  font-family: 'Roboto Condensed',sans-serif;
  width: 70px;
}

.pornstars_filter .filterReset {
  background: #fff;
  color: #111;
  background: #e6e6e6;
}

.pornstars_filter .filterSearch:active {
  box-shadow: 0 0 0 2px #c2c2c2;
}

.pornstars_filter .filterReset:active {}

.pornstars_found {
  padding: 10px;
  margin-top: 20px;
}

.pornstars_wrapper {
  margin-top: 20px;
}

.pornstars_wrapper > .pornstar {
  display: inline-block;
  width: 140px;
  margin: 5px;
  position: relative;
}

.pornstars_wrapper > .pornstar::before{
  background: rgba(0, 0, 0, .06);
  border-radius: 3px;
  content: " " !important;
  height: 95%;
  left: 2px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 5px;
  transform: scale(0.96);
  width: 100%;
  z-index: 3;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.pornstars_wrapper > .pornstar:hover::before{
    opacity: 1;
    transform: scale(1.1);
}
.pornstars_wrapper > .pornstar:active::before{
    background: #c2c2c2;
    transition-duration: unset;
    -webkit-transition-duration: unset;
}
.pornstars_wrapper > .pornstar:active a {
  position: relative;
  z-index: 6;
}

.pornstars_wrapper > .pornstar > a img {
  width: 144px;
  height: 206px;
  z-index: 6;
  position: relative;
}

.pornstars_wrapper > .pornstar > a div.img {
  width: 144px;
  height: 206px;
  z-index: 6;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

}

.pornstars_wrapper > .pornstar > a div.img.male {

}

.pornstars_wrapper > .pornstar > a div.img > div.thumb {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -ms-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}

.pornstars_wrapper > .pornstar > a div.img > div.thumb.lazy {
  opacity: 1;
}

.pornstars_wrapper > .pornstar > a {
  cursor: pointer;
  text-decoration: none;
}

.pornstars_notfound {
  text-align: center;
  font-size: 18px;
  padding: 100px 0;
}


/* Filters */

.filter_btn {
  padding-left: 30px!important;
  margin: -6px 0;
  margin-top: -6px;
  position: relative;
  cursor: pointer;
  border: 0;
  display: inline-block;
  padding: 7px 14px;
  float: right;
  font-weight: 700;
  border-radius: 25px;
  text-transform: uppercase;
  font-family: roboto condensed,sans-serif;
}

.filter_btn .filter_arrow {
  left: 0;
  position: absolute;
  width: 28px;
  height: 28px;
  font-size: 20px;
  text-align: center;
  line-height: 28px;
  display: inline-block;
  -webkit-transition: transform .1s;
  -moz-transition: transform .1s;
  -o-transition: transform .1s;
  transition: transform .1s;
  padding: 0;
  margin: -3px 5px;
}

.filter_btn.filter_active .filter_arrow {
  transform: rotate(-180deg);
}
.filter_btn:hover {
  background: #f0f0f0;
}
.filter_btn.filter_active {
  background: #e6e6e6;
}
.filters {
  display: none;
  position: absolute;
  top: 50px;
  right: 3px;
  background: #333;
  text-align: left;
  background: #ffffff;
  border-radius: 5px;
  z-index: 6;
  color: #000;
  box-shadow: 0 0px 14px 0 rgba(50, 50, 93, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
}

.filters.filters_show {
  display: block;
}

.morefilter {
  cursor: pointer;
  border: 0;
  background: #f0f0f0;
  display: inline-block;
  padding: 7px 15px;
  color: #999;
}

.filters .filter_row {
  width: 140px;
  float: left;
  white-space: nowrap;
  padding: 10px;
  line-height: 28px;
}

.filters .filter_row b {
  display: block;
  padding: 0 5px;
}

.filters .filter_row div {
  padding: 0px 8px;
  cursor: pointer;
  color: #bbb;
}

.filters .filter_row div.active {
  background: rgba(255, 255, 255, 0.1);
  color: #f00;
}

.filters .filter_row div:hover {
  color: #000;
}

.heading > span.text {
  white-space: nowrap;
  overflow: hidden;
  width: 50%;
  display: block;
}

.video iframe {
  -webkit-transition: all 0.075s ease-in;
  -moz-transition: all 0.075s ease-in;
  -o-transition: all 0.075s ease-in;
  transition: all 0.075s ease-in;
}
.more {
  border: 3px solid #900;
  border-radius: 25px;
  background: #900;
  clear: both;
  cursor: pointer;
  text-align: center;
  line-height: 28px;
  color: #FFF;
  font-weight: 700;
  padding: 13px 0px;
  margin: auto;
  width: 50%;
  text-transform: uppercase;
  font-family: 'Roboto Condensed',sans-serif;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  transition: 0.2s;
}

.more:hover {
  background: #FFF;
  color:#900;
  width: 60%;
}

.more:active {
  border: 3px solid #c2c2c2;
}

.more-similar {
  border: 3px solid #fff;
  border-radius: 25px;
  background: #f0f0f0;
  clear: both;
  cursor: pointer;
  text-align: center;
  line-height: 28px;
  color: #333;
  font-weight: 700;
  padding: 13px 0px;
  margin: auto;
  width: 70%;
  text-transform: uppercase;
  font-family: 'Roboto Condensed',sans-serif;
}
.more-similar:hover {
  background: #e6e6e6;
}
.more-similar:active {
  border: 3px solid #c2c2c2;
}
.more-playlists {
  height: 28px;
  line-height: 28px;
  width: 150px;
  margin: 0px;
  text-align: center;
  cursor: pointer;
  background-color: #f0f0f0;
  border: 0px solid;
  border-radius: 8px;
  text-transform: uppercase;
  font-size: 13px;
  clear: both;
  font-family: roboto condensed,sans-serif;
  font-weight: 700;
  color: #333;
}
.more-playlists:hover {
  background: #e6e6e6;
}
.form-row {
  font-size: 12px;
}

.left-form {
  float: left;
  width: 280px;
}

.right-form {
  float: right;
  width: 280px;
  padding-top: 46px;
}

.playlists {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 2px solid #f0f0f0;
  vertical-align: top;
  display: inline-block;
}

a.up {
  position: fixed;
  display: block;
  cursor: pointer;
  top: 60px;
  left: 0;
  bottom: 0;
  width: 40px;
  z-index: 2;
  text-align: center;
  padding-top: 20px;
  color: #999;
  font-weight: bolder;
  font-size: 20px;
  opacity: 0;
}

a.up:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #999;
}

/* Playlist search */
.pl_search_form {
  position: relative;
  top: -7px;
  float: right;
  border: solid 2px #CCC;
  border-radius: 10px;
}

.btn_pl_search {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  border: none;
  text-indent: -9999px;
  overflow: hidden;
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTYuOTY2IDU2Ljk2NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTYuOTY2IDU2Ljk2NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM2NjYiIGQ9Ik0xNS43LDE0LjNsLTMuMTA1LTMuMTA1QzEzLjQ3MywxMC4wMjQsMTQsOC41NzYsMTQsN2MwLTMuODY2LTMuMTM0LTctNy03UzAsMy4xMzQsMCw3czMuMTM0LDcsNyw3ICBjMS41NzYsMCwzLjAyNC0wLjUyNyw0LjE5NC0xLjQwNUwxNC4zLDE1LjdjMC4xODQsMC4xODQsMC4zOCwwLjMsMC43LDAuM2MwLjU1MywwLDEtMC40NDcsMS0xQzE2LDE0Ljc4MSwxNS45NDYsMTQuNTQ2LDE1LjcsMTQuM3ogICBNMiw3YzAtMi43NjIsMi4yMzgtNSw1LTVzNSwyLjIzOCw1LDVzLTIuMjM4LDUtNSw1UzIsOS43NjIsMiw3eiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 72px;
  opacity: 0.3;
}

.inp_pl_search {
  padding: 10px 30px 10px 10px;
  background: #f6f6f6;
  border-radius: 10px;
  border: 0;
  font-size: 15px;
  font-weight: 600;
  color: #6b6b6b;
}

.inp_pl_search:focus {
  box-shadow: 0 0 0 3px rgba(255,0,0,.1);
}

/* Suggests */
.suggest_search {
  display: none;
  position: absolute;
  top: 60px;
  background: #fff;
  left: 0;
  right: 0;
  font-family: 'Roboto Condensed', sans-serif;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.suggest_search.suggest_visible {
  display: block;
}

.suggest_search:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  display: block;
  width: 100%;
  height: 50%;
  content: '';
  box-shadow: 0 8px 25px -5px rgba(0,0,0,.25);
}

.suggest_search:after {
  top: 10px;
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: #fff;
}

.suggest_inner {
  padding-bottom: 10px;
}

.suggest_items {
  padding: 0;
  margin: 0 0 0 60px;
  font-size: 17px;
}

.suggest_items > li {
  width: 48%;
  position: relative;
}

.suggest_items > li > span {
  padding: 8px 15px;
  cursor: pointer;
  border-radius: 4px;
  display: block;
  text-decoration: none;
  overflow: hidden;
  position: relative;
}

.suggest_items > li > span:hover,
.suggest_items > li.suggest_item_selected > span {
  background-color: #f6f6f6;
}

.suggest_items > li > .icon-cancel {
  display: none;
}

.suggest_items > li:hover > .icon-cancel {
  display: block;
  position: absolute;
  top: 9px;
  right: 8px;
  cursor: pointer;
  color: #aaa;
  font-size: 14px;
}

.suggest_items > li:hover > .icon-cancel:hover {
  color: #ff413b;
}

.tabs {
  padding: 5px 0px;
  display: none;
  text-align: center;
}

.tabs > div.tab-btn {
  cursor: pointer;
  width: 33%;
  text-align: center;
  position: relative;
  text-decoration: none;
  display: inline-block;
  padding: 15px 0px;
  border-bottom: 5px solid #f0f0f0;
  margin-left: -5px;
}

.tabs > div.tab-btn.tab-show {
  cursor: default;
  border-bottom: 5px solid #dd3333;
  font-weight: bold;
}


/* Comments */

.comments {
  display: inline-block;
  background: #fff;
  border-top: 1px solid #e2e2e2;
}

.commentico {
  padding: 2px 0px;
  margin-top: 10px;
}

.comment_area input,
.comment_area textarea {
  font-size: 12px;
}

.comment_area input {
  width: 130px;
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  padding: 3px 10px;
  height: 20px;
  border-radius: 8px;
}

#comment_panel {
  padding: 10px;
}

#comment_panel #comment_send {
  height: 28px;
  width: 100px;
  margin: 0px;
  cursor: pointer;
  background-color: #f0f0f0;
  border: 0px solid;
  border-radius: 8px;
}
#comment_panel #comment_send:hover {
  background-color: #e6e6e6;
}

.comment_area textarea {
  max-width: 100%;
  display: block;
  background: #ffffff;
  border: 0px solid;
  color: #333;
  width: 100%;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
  height: 77px;
  border-radius: 8px;
  background: #f6f6f6;
}

#comments_wrapper {

}

.comment {
  padding: 10px;
  margin: 10px;
  border-top: 1px solid #e2e2e2;
}

.comment:hover {}

.comment_owner {
  margin: -10px;
  padding: 5px;
  margin-left: -15px;
}

.comment .comment_text {
  padding-top: 18px;
  padding-bottom: 11px;
}

.comment .comment_date {
  font-size: 11px;
  float: right;
  margin-top: -10px;
  margin-right: -10px;
}

.comments_more {
  padding: 15px 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.05);
  cursor: pointer;
}

.comments_more:hover {
  background: rgba(255, 255, 255, 0.10);
}

/* LiteOpen Video player */
.liteopen_page {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  overflow-x: hidden;
  overflow-y: scroll;
  background: rgba(0, 0, 0, 0.95);
}

.liteopen_page .liteopen_background {
  position: fixed;
  top: 0;
  left: 0;
  right: 15px;
  bottom: 0;
}

.liteopen_page .liteopen_content {
  position: relative;
  width: calc(100% - 500px);
  margin: 0 auto;
  background: #2b2b2b;
}

.liteopen_page .liteopen_content > div.liteopen_frame {
  padding-bottom: 56%;
  position: relative;
  background: #000;
}

.liteopen_page .liteopen_content > div.liteopen_frame .liteopen_frame_loader {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='120' height='30' viewBox='0 0 120 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23fff'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.75s' values='9;15;9;9;9' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.75s' values='.5;1;.5;.5;.5' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='50' cy='15' r='15' fill='%23fff'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.75s' values='9;9;15;9;9' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.75s' values='.5;.5;1;.5;.5' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='85' cy='15' r='15' fill='%23fff'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.75s' values='9;9;9;15;9' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.75s' values='.5;.5;.5;1;.5' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E%0A");
}

.liteopen_page .liteopen_content > div.liteopen_frame iframe {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 10px;
}

.liteopen_page .liteopen_content > div.liteopen_btn_grp {
  padding: 15px 0;
}

.liteopen_page .liteopen_content > div.liteopen_btn_grp span {
  padding: 20px 0;
  display: inline-block;
  cursor: pointer;
  opacity: 0.75;
  text-align: center;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -ms-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}

.liteopen_page .liteopen_content > div.liteopen_btn_grp span:hover {
  opacity: 1;
}

.liteopen_page .liteopen_content > div.liteopen_btn_grp span.liteopen_fav {
  width: 25%;
  float: right;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJzdGFyIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDU3NiA1MTIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1zdGFyIGZhLXctMTggZmEtM3giPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01MjguMSAxNzEuNUwzODIgMTUwLjIgMzE2LjcgMTcuOGMtMTEuNy0yMy42LTQ1LjYtMjMuOS01Ny40IDBMMTk0IDE1MC4yIDQ3LjkgMTcxLjVjLTI2LjIgMy44LTM2LjcgMzYuMS0xNy43IDU0LjZsMTA1LjcgMTAzLTI1IDE0NS41Yy00LjUgMjYuMyAyMy4yIDQ2IDQ2LjQgMzMuN0wyODggNDM5LjZsMTMwLjcgNjguN2MyMy4yIDEyLjIgNTAuOS03LjQgNDYuNC0zMy43bC0yNS0xNDUuNSAxMDUuNy0xMDNjMTktMTguNSA4LjUtNTAuOC0xNy43LTU0LjZ6TTQwNS44IDMxNy45bDI3LjggMTYyTDI4OCA0MDMuNSAxNDIuNSA0ODBsMjcuOC0xNjJMNTIuNSAyMDMuMWwxNjIuNy0yMy42TDI4OCAzMmw3Mi44IDE0Ny41IDE2Mi43IDIzLjYtMTE3LjcgMTE0Ljh6IiBjbGFzcz0iIj48L3BhdGg+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 36px;
}

.liteopen_page .liteopen_content > div.liteopen_btn_grp span.liteopen_fav.added {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJzdGFyIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDU3NiA1MTIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1zdGFyIGZhLXctMTggZmEtM3giPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNTkuMyAxNy44TDE5NCAxNTAuMiA0Ny45IDE3MS41Yy0yNi4yIDMuOC0zNi43IDM2LjEtMTcuNyA1NC42bDEwNS43IDEwMy0yNSAxNDUuNWMtNC41IDI2LjMgMjMuMiA0NiA0Ni40IDMzLjdMMjg4IDQzOS42bDEzMC43IDY4LjdjMjMuMiAxMi4yIDUwLjktNy40IDQ2LjQtMzMuN2wtMjUtMTQ1LjUgMTA1LjctMTAzYzE5LTE4LjUgOC41LTUwLjgtMTcuNy01NC42TDM4MiAxNTAuMiAzMTYuNyAxNy44Yy0xMS43LTIzLjYtNDUuNi0yMy45LTU3LjQgMHoiIGNsYXNzPSIiPjwvcGF0aD48L3N2Zz4KCgoK);
}

.liteopen_page .liteopen_content > div.liteopen_btn_grp span.liteopen_close {
  float: left;
  width: 25%;
  padding-top: 13px;
  padding-bottom: 12px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' fill='%23fff' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 409.806 409.806' style='enable-background:new 0 0 409.806 409.806;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M228.929,205.01L404.596,29.343c6.78-6.548,6.968-17.352,0.42-24.132c-6.548-6.78-17.352-6.968-24.132-0.42 c-0.142,0.137-0.282,0.277-0.42,0.42L204.796,180.878L29.129,5.21c-6.78-6.548-17.584-6.36-24.132,0.42 c-6.388,6.614-6.388,17.099,0,23.713L180.664,205.01L4.997,380.677c-6.663,6.664-6.663,17.468,0,24.132 c6.664,6.662,17.468,6.662,24.132,0l175.667-175.667l175.667,175.667c6.78,6.548,17.584,6.36,24.132-0.42 c6.387-6.614,6.387-17.099,0-23.712L228.929,205.01z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 1px 2px;
  height: 36px;
  background-size: 26px;
  background-position: center center;

}

/*.liteopen_page .liteopen_content > div.liteopen_btn_grp span.liteopen_close:before {
  content: '\e800';
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  color: #fff;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}*/

.liteopen_page .liteopen_content > div.liteopen_btn_grp span.liteopen_full {
  /*color: #fff;*/
  float: none;
  width: calc(100% - 52%);
  margin-left: 0;
  margin-bottom: 0;
}

/*.video_wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 2000;
  overflow-y: scroll;
}

.liteopen-video {
  width: calc(100% - 300px);
  margin: 0 auto;
  position: relative;
  background: #fff;
  padding-bottom: 30px;
}

.video_window {
  margin-bottom: 15px;
}

.video_window > div {

}

.video_window > div iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 10px;
}

.video_wrapper .video_more {
  margin: 0 auto;
  position: relative;
  padding-right: 10px;
}
*/
.video_close {
  position: absolute;
  top: 8px;
  right: -30px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.video_close:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
}

.close_window:before {
  content: '\e800';
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-size: 23px;
  color: #fff;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media(min-width: 1874px) {
  .width {
    width: 1880px;
  }
  .videos,
  .header_inner {
    width: 1880px;
  }
  .video-item {
    width: 298px;
  }
  .video {
    width: 1561px;
  }
  .comments {
    width: 1561px;
  }
  .playlists {
    width: 1561px;
  }
  .clear-form.open {
    display: none;
  }
}

@media screen and (max-width: 1969px) {
  .width {
    width: 1570px;
  }
  .videos,
  .header_inner {
    width: 1570px;
  }
  body.main .search-form {
    width: 70%;
  }
  .video {
    width: 1248px;
  }
  .comments {
    width: 1246px;
  }
  .playlists {
    width: 1246px;
  }
  .clear-form.open {
    display: none;
  }

  .suggest_items > li {
    width: 46%;
  }
}

@media screen and (max-width: 1800px) {
  .pornstars_filter {
    display: block;
  }
  .width {
    width: 1570px;
  }
  .videos,
  .header_inner {
    width: 1570px;
  }
  .video {
    width: 1249px;
  }
  .comments {
    width: 1246px;
  }
  .playlists {
    width: 1246px;
  }
  .clear-form.open {
    display: none;
  }

  .suggest_items > li {
    width: 47%;
  }
}

@media screen and (max-width: 1600px) {
  .liteopen_page .liteopen_content {
    width: calc(100% - 400px);
  }
  .adsvideo { min-height:545px !important}
  .pornstars_filter {
    display: block;
  }
  .width {
    width: 1270px;
  }
  .videos,
  .header_inner {
    width: 1242px;
  }
  .video {
    width: 919px;
  }
  .comments {
    width: 950px;
  }
  .playlists {
    width: 950px;
  }
  body.main .search-form {
    width: 68%;
  }
  .clear-form.open {
    display: none;
  }

  .suggest_items > li {
    width: 46%;
  }
}

@media screen and (max-width: 1280px) {
  .liteopen_page .liteopen_content {
    width: calc(100% - 300px);
  }
  .adsvideo { min-height:395px !important}
  .pornstars_filter {
    display: block;
  }
  .width {
    width: 1020px;
  }
  .videos,
  .header_inner {
    width: 946px;
  }
  body.main .search-form {
    width: 66%;
  }
  .heading .breadcrumb {
    width: 60%;
  }
  .video {
    width: 620px;
  }
  .comments {
    width: 702px;
  }
  .playlists {
    width: 702px;
  }
  .rightbar {
    width: 328px;
  }
  .video-mini div.video-img {
    width: 170px;
    height: 100px;
  }
  .video-mini div.video-img > img {
    margin-left: -5px;
    margin-top: -18px;
    width: 180px;
    height: 136px;
  }
  .video-mini div.video-text {
    width: 170px;
  }
  .clear-form.open {
    display: none;
  }

  .suggest_items > li {
    width: 45%;
  }
}

@media screen and (max-width: 1080px) {
  .pornstars_filter {
    display: block;
  }
  .adsvideo { min-height:480px !important}
  .width {
    width: 836px;
  }
  .clear-form.open {
    display: none;
  }
  body.main .search-form {
    width: 60%;
  }
  .videos,
  .header_inner {
    width: 835px;
  }
  .video-item {
    width: 261px;
  }
  .video-item > a > div.video-img {
    height: 175px;
  }
  .video {
    width: 836px;
  }
  .comments {
    width: 836px;
    border-top: 0px solid #e2e2e2;
  }
  .playlists {
    width: 836px;
    border-top: 0px solid #e2e2e2;
    margin-top: 15px;
    padding-top: 0px;
  }
  .video-item > a > div.video-img > div.video-info {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  .video-item > a > div.playlist-settings {
    opacity: 1;
  }
  .rightbar {
    clear: both;
    overflow: inherit;
    width: 836px;
    padding: 15px 0 10px 0;
  }
  .video-mini {
    width: 186px;
  }
  .video-mini div.video-img {
    width: 196px;
    height: 110px;
  }
  .video-mini div.video-img > img {
    margin-left: -4px;
    margin-top: -20px;
    width: 205px;
    height: 149px;
  }
  .video-mini div.video-text {
    width: 196px;
  }
  .clear-form.open {
    display: none;
  }

  .suggest_items > li {
    width: 48%;
  }

  .header.header-hidden {
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transition: transform 195ms cubic-bezier(0.4,0.0,1,1);
    transition-property: all;
  }
  .tabs {
    display: block;
  }
  .tab-result {
    display: none !important;
  }
  .tab-result.tab-show {
    display: block !important;
  }
  .comment_area textarea{
    background: #f6f6f6;
  }
}

@media screen and (max-width: 850px) {
  .liteopen_page .liteopen_content {
    width: calc(100% - 40px);
  }
.adsvideo { min-height:320px !important}
  span.hide-item > a > span, .btn-search, .header .auth.login {
    transform: scale(0.8);
  }

  .pl_search_form {
    float: none;
    top: 20px;
    margin-bottom: 15px;
  }
  .pl_search_form .inp_pl_search {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  .width {
    width: 320px;
  }
  .comments {
    width: 320px;
  }
  .playlists {
    width: 320px;
  }
  .tabs {
    display: block;
  }
  .tab-result {
    display: none !important;
  }
  .tab-result.tab-show {
    display: block !important;
  }
  .pornstars_found {
    text-align: center;
  }
  .pornstars_wrapper {
    text-align: center;
  }
  .videos,
  .header_inner {
    width: 320px;
  }
  .header .logo.hidden,
  .header .back-logo.hidden {
    display: none;
  }
  .clear-form.open {
    display: block;
    right: -8px;
    top: 12px;
    color: #666666;
    font-size: 25px;
  }
  body.main .header {
    width: 100%;
  }
  body.main .search-form {
    width: 100%;
  }
  .video,
  .videos {
    text-align: center;
  }
  .video {
    width: 320px;
  }
  .rightbar {
    text-align: center;
    width: 320px;
    margin: 0px;
  }
  .watch_prom {
    right: 0px;
    margin-right: 20px;
  }
  .video-mini {
    width: 298px;
    text-align: left;
  }
  .video-mini div.video-img {
    width: 298px;
    height: 160px;
  }
  .video-mini div.video-img > img {
    margin-left: -2px;
    margin-top: -28px;
    width: 302px;
    height: 215px;
  }
  .video-mini div.video-text {
    width: 298px;
  }
  .video-item {
    width: 295px;
    float: none;
    border-right: 0;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
  }
  .video-item > a > div.video-img > div.video-info {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  .video-item > a > div.playlist-settings {
    opacity: 1;
  }
  body.search_open .bg_layer {
    display: block;
    z-index: 11;
  }
  .heading .breadcrumb {
    width: 100%;
  }
  .head-menu {
    display: none;
  }
  .search-form {
    border-radius: 50px;
    display: none;
    position: absolute;
    top: -1px;
    width: 230px;
    z-index: 100;
    border-radius: 50px;
  }
  .search-form:focus {
    width: 230px;
  }
  .btn-search {}
  .search-form input {
    color: #000000;
    width: 230px;
  }
  body.search_open .search-form {
    display: block;
    background: none;
    border-bottom: 3px solid;
    border-radius: 0px;
  }
  body.search_open .search-form > input {
    padding: 0px 42px 0px 10px;
  }
  body.search_open .search-form > input:focus{
    border-radius: 0px;
    box-shadow:none;
  }
  body.search_open .search-form > button{
    right: 0px;
  }
  body.main .header {
    margin: 0;
  }
  .header .auth {
    right: 45px;
  }
  .btn-search {
    display: block;
  }
  .btn-hottest {
    display: block;
  }
  .btn-catt {
    display: block;
  }
  .btn-pornstars {
    display: block;
  }
  .btn-random {
    display: block;
  }
   .btn-browse {
    display: block;
  }
  .heading span.hd_btn {
   /* display: none;*/
  }
  .filters {
    display: block !important;
    position: relative;
    top: -30px;
    right: auto;
    width: 320px;
    margin-bottom: -20px;
    box-shadow: none;
  }
  .filters .filter_row {
    float: none;
    width: 280px;
  }
  /*ÃÂÃÂ°ÃÂ»ÃÂ¾ÃÂ¶ÃÂµÃÂ½ÃÂ¸ÃÂµ*/
  .filterToggle {
    display: block;
  }
  .pornstars_filter {
    display: none;
    background: #f6f6f6;
  }
  .fl_r{
    margin-top: -6px;
  }
  .heading span.rating_btn button{
    padding: 6px 10px;
  }
  .heading span.rating_btn{
    padding-left: 0px;
    display: none;
  }
  .heading span.rating_btn button:hover {
    background: none;
  }
  .width {
    width: 557px;
  }
  .head-menu {
    display: none;
  }
  .videos,
  .header_inner {
    width: 556px;
  }
  .video-item {
    width: 258px;
  }
  .video-item > a > div.video-img > div.video-info {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  .video-item > a > div.playlist-settings {
    opacity: 1;
  }
  body.main .search-form {
    width: 55%;
  }
  .clear-form.open {
    display: none;
  }
  .video {
    width: 556px;
  }
  .comments {
    width: 556px;
  }
  .playlists {
    width: 556px;
  }
  .rightbar {
    width: 556px;
  }
  .video-mini {
    width: 253px;
  }
  .video-mini div.video-img {
    width: 263px;
    height: 148px;
  }
  .video-mini div.video-img > img {
    margin-left: -2px;
    margin-top: -26px;
    width: 267px;
    height: 199px;
  }
  .video-mini div.video-text {
    width: 263px;
  }
  .heading span.filter_btn {
    display: none;
  }
  .filters .filter_row {
    width: 200px;
  }
  .filters .filter_row div {
    display: inline-block;
  }
  .heading .hd_btn {
  }

  .suggest_items {
    margin-left: 47px;
  }

  .suggest_items > li {
    width: 90%;
  }
}

@media screen and (max-width: 620px) {
  .liteopen_page .liteopen_content {
    width: 100%;
  }

  .tabs {
    display: block;
  }
  .tab-result {
    display: none !important;
  }
  .tab-result.tab-show {
    display: block !important;
  }
  .m_box {
    width: 96% !important;
    margin-left: -48% !important;
  }
  .left-form {
    float: none;
    width: 100%;
  }
  .right-form {
    float: none;
    width: 100%;
    padding-top: 46px;
  }
  .clear-form.open {
    display: none;
  }
}

@media screen and (max-width: 566px) {
  .tabs {
    display: block;
  }
  .tab-result {
    display: none !important;
  }
  .tab-result.tab-show {
    display: block !important;
  }
  .width {
    width: 100%;
    padding: 0px 0px 0px;
    box-sizing: border-box;
  }
  .video_info_wrapper, .tabs, .comment_panel_wrapper{
    padding: 10px;
  }
  .header_inner{
    margin-left: 10px;
    width: 94%;
  }
  .comments {
    width: 100%;
  }
  .playlists {
    width: 100%;
  }
  .videos {
    width: 100%;
  }
  .header .logo.hidden,
  .header .back-logo.hidden {
    display: none;
  }
  .pornstars_wrapper {
  	margin: -6px;
  	margin-top: 20px;
  }
  .pornstars_wrapper > .pornstar{
    width: 46.2%;
  }
  .pornstars_wrapper > .pornstar > a img {
    width: 100%;
    height: auto;
  }
  .clear-form.open {
    display: block;
    right: -2px;
    top: 12px;
    color: #666666;
    font-size: 25px;
  }
  .clear-form.open .hide-item{
    /* display: none;*/
  }
  body.main .header {
    width: 100%;
  }
  body.main .search-form {
    width: 100%;
  }
  .video,
  .videos {
    text-align: center;
  }
  .video {
    width: 100%;
  }
  .frame_wrapper {
    padding-bottom: 56%;
    position: relative;
  }
  .video iframe {
    position: absolute;
    width: 100%;
    left: 0; top: 0;
    bottom: 10px;
  }
  .aboveVideo{
    display: block;
  }
  .aboveVideoPC{
    display: none;
  }
  .video-mini {
    width: 100%;
  }
  .video-mini div.video-img {
    width: 298px;
    height: 160px;
  }
  .video-mini div.video-img > img {
    margin-left: -2px;
    margin-top: -28px;
    width: 302px;
    height: 215px;
  }
  .video-mini div.video-text {
    width: 298px;
  }
  .video-item {
    width: 295px;
    float: none;
    border-right: 0;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin-left: 0px;
  }
  .video-item > a > div.video-img > div.video-info {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  .video-item > a > div.playlist-settings {
    opacity: 1;
  }
  .pl_head_el > .fl_l{
    float: none;
  }
  .pl_head_el > .fl_r{
    float: none;
  }
  body.search_open .bg_layer {
    display: block;
    z-index: 11;
  }
  body.search_open .hide-item {
    display: none;
  }
  .heading .breadcrumb {
    width: 100%;
  }
  .head-menu {
    display: none;
  }
  .search-form {
    border-radius: 50px;
    display: none;
    position: absolute;
    top: -1px;
    width: 245px;
    z-index: 100;
    border-radius: 50px;
  }
  .suggest_items > li {
    width: 260px;
  }
  .btn-search {}
  .search-form input {
    color: #000000;
    width: 245px;
  }
  body.search_open .search-form {
    display: block;
  }
  body.main .header {
    margin: 0;
  }
  .header .auth {
    right: 45px;
  }
  .btn-search {
    display: block;
  }
  .btn-hottest {
    display: block;
  }
  .btn-catt {
    display: block;
  }
  .btn-pornstars {
    display: block;
  }
  .btn-random {
    display: block;
  }
  .btn-browse {
    display: block;
  }
  .heading span.hd_btn {
  }
  .filters {
    display: block !important;
    position: relative;
    top: -30px;
    right: auto;
    width: 320px;
    margin-bottom: -10px;
    box-shadow: none;
  }
  .filters .filter_row {
    float: none;
    width: 280px;
  }

  .videos {
    width: 100%;
    right: 0;
  }

  .rightbar,
  .width {
    width: 100%;
  }

  .video-item {
    width: calc(50% - 20px);
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .video-item > a > div.video-img {
    height: auto;
    padding-bottom: 56%;
  }

  .video-item > a > div.video-img > img {
    position: absolute;
    height: auto;
    width: 120%;
    object-fit: cover;
    display: block;
    margin-top: -16%;
    margin-left: -5%;
  }
  .categories_wrapper a > div.video-img > img {
    margin-left: 0;
  }
  .video-item > a > div.video-title {
 
  }

  .video-item > a > div.video-img > div.video-preview {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .video-item > a > div.video-img > div.video-preview > video {
    display: block;
    position: absolute;
    width: 140%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: -20%;
  }

  .video-item > a:hover > div.video-img > div.video-preview {
    top: 0;
  }
  
  .video-item > a > div.video-img > div.video-thumb {
	  background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
    -webkit-transition: opacity 100ms !important;
    -moz-transition: opacity 100ms;
    -ms-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    transition: opacity 100ms;
    margin-top: auto;
	  }
}

@media screen and (max-width: 400px) {
.video-item {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
}

@media screen and (max-width: 460px) {
  .tabs {
    display: block;
  }
  .tab-result {
    display: none !important;
  }
  .tab-result.tab-show {
    display: block !important;
  }
  a.up {
    display: none;
  }
}

@media screen and (max-width: 314px) {
  .tabs {
    display: block;
  }
  .tab-result {
    display: none !important;
  }
  .tab-result.tab-show {
    display: block !important;
  }
  .pornstars_wrapper > .pornstar {
    width: 95%;
  }
}

.headingsr {
  line-height: 21px;
  margin-top: 14px;
}

.headingsr a {
  cursor: pointer;
}

/* Message box */
.m_layer {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  overflow-y: auto;
  opacity: 0;
}
.m_box {
  position: relative;
  background: rgba(43, 46, 49, 0.9);
  top: 20px;
  left: 50%;
  margin: 10px auto 50px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}
.m_title {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
  font-weight: bold;
  position: relative;
  font-size: 14px;
}
.m_title > a.m_close {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #777;
}
.m_title > a.m_close:hover {
  text-decoration: underline;
}
.m_content_layer {
  background: rgba(0, 162, 197, 0.55) url(/web/20230719025931im_/https://daft.sex/img/overlay.png);
  border-radius: 5px;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.m_content_layer.red {
  background: rgb(255, 0, 0);
  background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY1LjAwMDAwMHB0IiBoZWlnaHQ9IjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjkxLjAwMDAwMCAxMzUuMDAwMDAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4NCjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDE4MC4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiIGZpbGw9IiNjYzAwMDAiIHN0cm9rZT0ibm9uZSI+DQo8cGF0aCBkPSJNODk1IDE3MTMgYy0xNDIgLTc4IC0zNjIgLTE0OCAtNTU5IC0xNzggLTU0IC05IC0xMDIgLTE4IC0xMDcgLTIxDQotMTQgLTggLTEwIC0yMjggNSAtMzU0IDM2IC0yODQgMTEwIC01MDEgMjM1IC02OTIgMTEwIC0xNjcgMjgwIC0zMjAgNDQyIC0zOTgNCmw0NiAtMjMgNTQgMjcgYzE0OSA3NSAzMTEgMjE2IDQwOCAzNTYgNTkgODQgMTMxIDIyMSAxNjggMzIwIDM1IDkyIDc5IDI4NyA5Mw0KNDEwIDEyIDEwMSAxOCAzNDYgOCAzNTUgLTIgMiAtNDkgMTEgLTEwNCAxOSAtMjE1IDMzIC00MjQgOTkgLTU3OCAxODQgbC01MQ0KMjkgLTYwIC0zNHogbTE1IC04MTggbDAgLTYzNiAtNDUgMzEgYy0xMjggODggLTI0NiAyMjkgLTMyNyAzOTAgLTg2IDE3MSAtMTQ4DQo0MjcgLTE0OCA2MTIgMCA3MiAyIDc4IDIzIDgzIDIwOSA0NiAzMzkgODUgNDQ3IDEzNCAyNSAxMSA0NiAyMSA0OCAyMSAxIDAgMg0KLTI4NiAyIC02MzV6IG0xOTcgNTkyIGM5OSAtNDAgMjU4IC04NyAzNDMgLTEwMiA3OSAtMTQgNzQgLTQgNjcgLTEzMyAtNCAtNjMNCi0xMSAtMTIwIC0xNiAtMTI1IC01IC01IC0zOCAtNiAtODMgLTEgbC03MyA5IDMgNDYgMyA0NSAtNjMgMTMgYy0zNSA2IC03NSAxNA0KLTkwIDE4IGwtMjggNSAwIC05NSBjMCAtODEgMyAtOTYgMTggLTEwMiA5IC0zIDgxIC05IDE2MCAtMTIgNzggLTMgMTQyIC0xMA0KMTQyIC0xNSAwIC0xNCAtMzkgLTE1NSAtNjEgLTIyMSAtMzUgLTEwMSAtMTE4IC0yNTMgLTE4OCAtMzQwIC02NSAtNzkgLTIyNg0KLTIyMSAtMjQyIC0yMTIgLTggNSAtMTIgNTAxIC01IDUxNCAzIDQgNDMgMiA5MCAtMyBsODUgLTkgMyAtNDEgMyAtNDEgMzcgNjUNCmM1OSAxMDUgNjQgOTYgLTYxIDEwNCAtNjEgMyAtMTIyIDExIC0xMzYgMTYgbC0yNSAxMCAwIDMyNSBjMCAxNzkgMiAzMjUgNA0KMzI1IDIgMCA1MyAtMjAgMTEzIC00M3oiPjwvcGF0aD4NCjxwYXRoIGQ9Ik02MjggMTI0MiBjLTc5IC0xOSAtNzggLTE1IC01MyAtMTUzIDE4IC0xMDIgNTEgLTIwMSA5OCAtMjk0IDY5DQotMTM3IDY2IC0xNDUgNjcgMTc4IGwwIDI4NyAtMjIgLTEgYy0xMyAtMSAtNTMgLTkgLTkwIC0xN3oiPjwvcGF0aD4NCjwvZz4NCjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-size: 600px;
  background-position: 105px -78px;
}
.m_content_layer.black {
  background: #000;
}
.m_over_layer {
  position: relative;
  z-index: 1;
}
.m_content {
  padding: 20px;
}
.m_content a {
  color: #fff
}
.m_content .m_close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  cursor: pointer;
  width: 26px;
  height: 26px;
  opacity: 0.5;
}

.m_content input {
  font-size: 13px;
  padding: 10px;
  color: rgb(255, 255, 255);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
  width: 160px;
  border: 0px solid;
  border-bottom: 1px solid #000;
  background: transparent;
}

.m_content button {
  text-align: center;
  border-radius: 50px;
  cursor: pointer;
  color: #666;
  background: #f1f1f1;
  border-top: 1px solid #000;
  padding: 10px 40px;
  border: 0px solid rgb(0, 0, 0);
  margin: 10px 0 0 0;
}
/*
.m_content button:active {
  margin-top: 1px;
  margin-bottom: -1px;
}
*/
.m_content h3 {
  font-size: 13px;
}

.m_content h2,
h3 {

}

.social a {
  padding: 23px 18px 0px 30px;
  margin-right: 1px;
}

.social a:active {
  opacity: 0.8;
}

.facebook {
  background: #4C75A3 url("/web/20230719025931im_/https://daft.sex/img/facebook.png") no-repeat scroll center center;
}

.vk {
  background: #4C75A3 url("/web/20230719025931im_/https://daft.sex/img/vkontakte.png") no-repeat scroll center center;
}

.google {
  background: #4C75A3 url("/web/20230719025931im_/https://daft.sex/img/google.png") no-repeat scroll center center;
}

.twitter {
  background: #4C75A3 url("/web/20230719025931im_/https://daft.sex/img/twitter.png") no-repeat scroll center center;
}

.restore-message {
  padding: 0px 0;
  text-align: center;
  font-size: 18px;
  color: #fff;
}

.watch_prom {
  position: relative;
  right: -10px;
  top: 10px;
  margin-bottom: 15px;
  display: inline-block;
}

.prom > * {
  padding: 10px;
  float: right;
  top: -83px;
  margin-top: 130px;
  position: relative;
  right: 135px;
}

@media screen and (max-width: 850px) {
  .prom > * {
    right: 0px;
    padding: 10px;
    margin-top: 0px;
    top: 0;
    width: 300px;
    height: 250px;
  }
}

@media screen and (min-width: 1601px) {
  .prom > * {
    right: 45px;
    margin-top: 130px;
    width: 300px;
    height: 250px;
  }
}

@media screen and (min-width: 850px) {
  .deskrandom {
		display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    text-transform: capitalize;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJkaWNlLWZpdmUiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDQ4IDUxMiIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWRpY2UtZml2ZSBmYS13LTE0IGZhLTJ4Ij48cGF0aCBmaWxsPSIjNjY2IiBkPSJNMzg0IDMySDY0QzI4LjY1IDMyIDAgNjAuNjUgMCA5NnYzMjBjMCAzNS4zNSAyOC42NSA2NCA2NCA2NGgzMjBjMzUuMzUgMCA2NC0yOC42NSA2NC02NFY5NmMwLTM1LjM1LTI4LjY1LTY0LTY0LTY0em0xNiAzODRjMCA4LjgyLTcuMTggMTYtMTYgMTZINjRjLTguODIgMC0xNi03LjE4LTE2LTE2Vjk2YzAtOC44MiA3LjE4LTE2IDE2LTE2aDMyMGM4LjgyIDAgMTYgNy4xOCAxNiAxNnYzMjB6TTEyOCAxMjhjLTE3LjY3IDAtMzIgMTQuMzMtMzIgMzJzMTQuMzMgMzIgMzIgMzIgMzItMTQuMzMgMzItMzItMTQuMzMtMzItMzItMzJ6bTk2IDk2Yy0xNy42NyAwLTMyIDE0LjMzLTMyIDMyczE0LjMzIDMyIDMyIDMyIDMyLTE0LjMzIDMyLTMyLTE0LjMzLTMyLTMyLTMyem0tOTYgOTZjLTE3LjY3IDAtMzIgMTQuMzMtMzIgMzJzMTQuMzMgMzIgMzIgMzIgMzItMTQuMzMgMzItMzItMTQuMzMtMzItMzItMzJ6bTE5Mi0xOTJjLTE3LjY3IDAtMzIgMTQuMzMtMzIgMzJzMTQuMzMgMzIgMzIgMzIgMzItMTQuMzMgMzItMzItMTQuMzMtMzItMzItMzJ6bTAgMTkyYy0xNy42NyAwLTMyIDE0LjMzLTMyIDMyczE0LjMzIDMyIDMyIDMyIDMyLTE0LjMzIDMyLTMyLTE0LjMzLTMyLTMyLTMyeiIgY2xhc3M9IiI+PC9wYXRoPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-color: transparent;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 2;
    border: 0;
    display: block;
    top: 10px;
    right: 50px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-size: 19px;
  }
}

#error_message {
  color: rgb(185, 3, 3);
}

#progress_content {
  margin-bottom: -11px;
  height: 2px;
}

.message-error {
  padding: 100px 0;
  text-align: center;
  color: #666;
}


/* Make clicks pass-through */

#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: rgb(238, 77, 46);
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(45deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.5) 25%,rgba(255, 0, 0, 0.5) 50%,rgba(255, 0, 0, 0.7) 75%,hsla(0,0%,100%,.5));
  transition: all .9s ease-in-out 0s;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-animation: _3CcWs 1.5s cubic-bezier(.2,.5,.4,.7) infinite;
  animation: _3CcWs 1.5s cubic-bezier(.2,.5,.4,.7) infinite;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.nprogress-custom-parent {
  /*overflow: hidden;*/
  position: relative;
}

.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}





/* Likes */

.likes {
  float: left;
  margin: 10px 20px 30px 0px;
  color: #666;
  text-align: center;
}

.likes > .total {
  text-align: center;
  margin-bottom: 10px;
  font-size: 20px;
}

.likes > .like {
  display: inline-block;
  cursor: pointer;
}

.likes > .like a,
.likes > .like span {
  display: block;
  float: left;
}

.likes > .like a {
  width: 48px;
  height: 48px;
  padding: 5px;
}

.likes > .like.active a {
  color: blue;
}

.likes > .like a:hover {
  background: rgba(255, 255, 255, 0.05);
}

.likes > .like span {
  font-size: 16px;
  width: 48px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 5px 0px;
}

.like_line {
  position: relative;
  width: 100%;
  height: 5px;
  background: #666;
  overflow: hidden;
  border-radius: 2px;
}

.like_line > span {
  display: none;
}

.like_line.active {
  background: #ce6969;
}

.like_line.active > span {
  display: block;
  height: 5px;
  background: #73CE69;
}

#btn_like a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgaGVpZ2h0PSI0OHB4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSI0OHB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iVGh1bWJzX3VwIj48cGF0aCBkPSJNMTkuODk5LDI0Ljk5NWMwLjM2LTAuNjYyLDIuMy00LjQxNiwyLjI0OC03Ljg1NGMwLDAsMC4wMzQtMS4xNTgtMC44MzQtMS41MzIgICBjLTAuMjgxLTAuMTIyLTEuOTI1LTAuODIxLTIuMTA1LTEuMDAyYzAsMC0wLjk5OS0yLjE1NS0xLjgwNi0zLjEyOWMtMS44NjktMi4yNTgtMy4zNi0zLjQxMy0zLjc5Mi0zLjczMSAgIEMxMy4zMzcsNy41NDUsMTIuNzA5LDcuMywxMS40MjcsNS45NmMtMS4wMDgtMS4wNTMtMS4wODMtMi4xNjctMS44MzctMi4xNzlDOS41MTUsMy43NzksOS41LDMuNzg3LDkuMzM5LDMuODM2ICAgQzguOTM2LDMuOTU5LDcuMTIxLDUuMzk5LDguNjE3LDcuODA3YzAsMCwwLjc1MSwxLjE4MywyLjA0NiwyLjI4OGMwLDAsMS43NjgsMS41NS0wLjE4MSwyLjcwOGMwLDAtMS4yNjMsMC42NDYtMi44LDAuNTYxICAgYy0wLjYyNS0wLjAzNS0xLjU5NC0wLjItMS44OTQtMC4yNTljLTAuMzAxLTAuMDYxLTEuMzA1LTAuMzY5LTIuMTA2LDAuMTJjLTEuNTQ4LDAuOTQ1LTAuNjYzLDkuNDA5LDIuOSwxMi4zMTMgICBjMS4zNDMsMS4wOTYsNS45NDUsMS40NjcsOC40NzMsMC43NDVjMCwwLDEuNDM1LTAuNTAyLDIuMTY3LTAuNDIyYzEuMDIyLDAuMTE1LDEuNjQ3LTAuMDY0LDEuNjQ3LTAuMDY0ICAgUzE5LjUzOCwyNS42NTcsMTkuODk5LDI0Ljk5NXoiIGZpbGw9IiM2NjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyLDApIHNjYWxlKC0xLDEpIi8+PHBhdGggZD0iTTI1LjYwMywxNS41NTljLTEuMjI2LTAuMTkxLTIuMzUzLTAuMzgxLTIuNTkyLTAuNDA3Yy0wLjIwOC0wLjAyMy0wLjIyNywwLjI1My0wLjA1NCwwLjMzNCAgIGMwLjIxNCwwLjEyMywwLjUxMiwwLjQ5MiwwLjU5OCwxLjI1NWMwLjAwNiwwLjU1NCwwLjQ0OCw0LjExMS0yLjUwMiw5LjAwMWMtMC42ODIsMS4xMjgtMS4yMDMsMS4wOS0yLjA3NSwxLjE2OCAgIGMwLjAzOSwwLjUyNywwLjg0MywwLjgxOCwwLjg0MywwLjgxOHMyLjU2NSwwLjgzMyw0LjEyMywwLjMzMWMwLDAsMi4yOTctMC40ODcsMy43MTgtNC43NTdjMC4zOTUtMS4xODYsMC42NzctMi40MDksMC44LTMuNDQ5ICAgYzAuMDYtMC40OTksMC4wOTQtMC45NTIsMC4xMDUtMS4zMzJDMjguNjIzLDE2LjYsMjcuMTM0LDE1LjgzMSwyNS42MDMsMTUuNTU5eiIgZmlsbD0iIzY2NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIsMCkgc2NhbGUoLTEsMSkiLz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  text-decoration: none;
}

#btn_like:hover a,
#btn_like.active a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgaGVpZ2h0PSI0OHB4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSI0OHB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iVGh1bWJzX3VwIj48cGF0aCBkPSJNMTkuODk5LDI0Ljk5NWMwLjM2LTAuNjYyLDIuMy00LjQxNiwyLjI0OC03Ljg1NGMwLDAsMC4wMzQtMS4xNTgtMC44MzQtMS41MzIgICBjLTAuMjgxLTAuMTIyLTEuOTI1LTAuODIxLTIuMTA1LTEuMDAyYzAsMC0wLjk5OS0yLjE1NS0xLjgwNi0zLjEyOWMtMS44NjktMi4yNTgtMy4zNi0zLjQxMy0zLjc5Mi0zLjczMSAgIEMxMy4zMzcsNy41NDUsMTIuNzA5LDcuMywxMS40MjcsNS45NmMtMS4wMDgtMS4wNTMtMS4wODMtMi4xNjctMS44MzctMi4xNzlDOS41MTUsMy43NzksOS41LDMuNzg3LDkuMzM5LDMuODM2ICAgQzguOTM2LDMuOTU5LDcuMTIxLDUuMzk5LDguNjE3LDcuODA3YzAsMCwwLjc1MSwxLjE4MywyLjA0NiwyLjI4OGMwLDAsMS43NjgsMS41NS0wLjE4MSwyLjcwOGMwLDAtMS4yNjMsMC42NDYtMi44LDAuNTYxICAgYy0wLjYyNS0wLjAzNS0xLjU5NC0wLjItMS44OTQtMC4yNTljLTAuMzAxLTAuMDYxLTEuMzA1LTAuMzY5LTIuMTA2LDAuMTJjLTEuNTQ4LDAuOTQ1LTAuNjYzLDkuNDA5LDIuOSwxMi4zMTMgICBjMS4zNDMsMS4wOTYsNS45NDUsMS40NjcsOC40NzMsMC43NDVjMCwwLDEuNDM1LTAuNTAyLDIuMTY3LTAuNDIyYzEuMDIyLDAuMTE1LDEuNjQ3LTAuMDY0LDEuNjQ3LTAuMDY0ICAgUzE5LjUzOCwyNS42NTcsMTkuODk5LDI0Ljk5NXoiIGZpbGw9IiM3M0NFNjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyLDApIHNjYWxlKC0xLDEpIi8+PHBhdGggZD0iTTI1LjYwMywxNS41NTljLTEuMjI2LTAuMTkxLTIuMzUzLTAuMzgxLTIuNTkyLTAuNDA3Yy0wLjIwOC0wLjAyMy0wLjIyNywwLjI1My0wLjA1NCwwLjMzNCAgIGMwLjIxNCwwLjEyMywwLjUxMiwwLjQ5MiwwLjU5OCwxLjI1NWMwLjAwNiwwLjU1NCwwLjQ0OCw0LjExMS0yLjUwMiw5LjAwMWMtMC42ODIsMS4xMjgtMS4yMDMsMS4wOS0yLjA3NSwxLjE2OCAgIGMwLjAzOSwwLjUyNywwLjg0MywwLjgxOCwwLjg0MywwLjgxOHMyLjU2NSwwLjgzMyw0LjEyMywwLjMzMWMwLDAsMi4yOTctMC40ODcsMy43MTgtNC43NTdjMC4zOTUtMS4xODYsMC42NzctMi40MDksMC44LTMuNDQ5ICAgYzAuMDYtMC40OTksMC4wOTQtMC45NTIsMC4xMDUtMS4zMzJDMjguNjIzLDE2LjYsMjcuMTM0LDE1LjgzMSwyNS42MDMsMTUuNTU5eiIgZmlsbD0iIzczQ0U2OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIsMCkgc2NhbGUoLTEsMSkiLz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
}

#btn_unlike a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgaGVpZ2h0PSI0OHB4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSI0OHB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iVGh1bWJzX3VwIj48cGF0aCBkPSJNMTkuODk5LDcuMDA1YzAuMzYsMC42NjIsMi4zLDQuNDE2LDIuMjQ4LDcuODU0YzAsMCwwLjAzNCwxLjE1OC0wLjgzNCwxLjUzMiAgIGMtMC4yODEsMC4xMjItMS45MjUsMC44MjEtMi4xMDUsMS4wMDJjMCwwLTAuOTk5LDIuMTU0LTEuODA2LDMuMTI5Yy0xLjg2OSwyLjI1OC0zLjM2LDMuNDEzLTMuNzkyLDMuNzMgICBjLTAuMjczLDAuMjAzLTAuOTAyLDAuNDQ4LTIuMTg0LDEuNzg3Yy0xLjAwOCwxLjA1My0xLjA4MywyLjE2Ny0xLjgzNywyLjE4Yy0wLjA3NSwwLjAwMi0wLjA4OS0wLjAwNi0wLjI1MS0wLjA1NSAgIGMtMC40MDMtMC4xMjMtMi4yMTgtMS41NjItMC43MjItMy45NzFjMCwwLDAuNzUxLTEuMTg0LDIuMDQ2LTIuMjg4YzAsMCwxLjc2OC0xLjU1LTAuMTgxLTIuNzA4YzAsMC0xLjI2My0wLjY0Ni0yLjgtMC41NjEgICBjLTAuNjI1LDAuMDM1LTEuNTk0LDAuMTk5LTEuODk0LDAuMjZjLTAuMzAxLDAuMDYxLTEuMzA1LDAuMzY5LTIuMTA2LTAuMTIxYy0xLjU0OC0wLjk0NC0wLjY2My05LjQwOCwyLjktMTIuMzEyICAgYzEuMzQzLTEuMDk2LDUuOTQ1LTEuNDY3LDguNDczLTAuNzQ1YzAsMCwxLjQzNSwwLjUwMiwyLjE2NywwLjQyMmMxLjAyMi0wLjExNSwxLjY0NywwLjA2NCwxLjY0NywwLjA2NFMxOS41MzgsNi4zNDMsMTkuODk5LDcuMDA1ICAgeiIgZmlsbD0iIzY2NiIvPjxwYXRoIGQ9Ik0yNS42MDMsMTYuNDQxYy0xLjIyNiwwLjE5MS0yLjM1MywwLjM4MS0yLjU5MiwwLjQwN2MtMC4yMDgsMC4wMjMtMC4yMjctMC4yNTMtMC4wNTQtMC4zMzQgICBjMC4yMTQtMC4xMjMsMC41MTItMC40OTIsMC41OTgtMS4yNTVjMC4wMDYtMC41NTQsMC40NDgtNC4xMTEtMi41MDItOS4wMDFjLTAuNjgyLTEuMTI4LTEuMjAzLTEuMDktMi4wNzUtMS4xNjggICBjMC4wMzktMC41MjcsMC44NDMtMC44MTgsMC44NDMtMC44MThzMi41NjUtMC44MzMsNC4xMjMtMC4zMzFjMCwwLDIuMjk3LDAuNDg3LDMuNzE4LDQuNzU3YzAuMzk1LDEuMTg2LDAuNjc3LDIuNDA5LDAuOCwzLjQ0OSAgIGMwLjA2LDAuNDk5LDAuMDk0LDAuOTUyLDAuMTA1LDEuMzMyQzI4LjYyMywxNS40LDI3LjEzNCwxNi4xNjksMjUuNjAzLDE2LjQ0MXoiIGZpbGw9IiM2NjYiLz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  text-decoration: none;
}

#btn_unlike:hover a,
#btn_unlike.active a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgaGVpZ2h0PSI0OHB4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSI0OHB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iVGh1bWJzX3VwIj48cGF0aCBkPSJNMTkuODk5LDcuMDA1YzAuMzYsMC42NjIsMi4zLDQuNDE2LDIuMjQ4LDcuODU0YzAsMCwwLjAzNCwxLjE1OC0wLjgzNCwxLjUzMiAgIGMtMC4yODEsMC4xMjItMS45MjUsMC44MjEtMi4xMDUsMS4wMDJjMCwwLTAuOTk5LDIuMTU0LTEuODA2LDMuMTI5Yy0xLjg2OSwyLjI1OC0zLjM2LDMuNDEzLTMuNzkyLDMuNzMgICBjLTAuMjczLDAuMjAzLTAuOTAyLDAuNDQ4LTIuMTg0LDEuNzg3Yy0xLjAwOCwxLjA1My0xLjA4MywyLjE2Ny0xLjgzNywyLjE4Yy0wLjA3NSwwLjAwMi0wLjA4OS0wLjAwNi0wLjI1MS0wLjA1NSAgIGMtMC40MDMtMC4xMjMtMi4yMTgtMS41NjItMC43MjItMy45NzFjMCwwLDAuNzUxLTEuMTg0LDIuMDQ2LTIuMjg4YzAsMCwxLjc2OC0xLjU1LTAuMTgxLTIuNzA4YzAsMC0xLjI2My0wLjY0Ni0yLjgtMC41NjEgICBjLTAuNjI1LDAuMDM1LTEuNTk0LDAuMTk5LTEuODk0LDAuMjZjLTAuMzAxLDAuMDYxLTEuMzA1LDAuMzY5LTIuMTA2LTAuMTIxYy0xLjU0OC0wLjk0NC0wLjY2My05LjQwOCwyLjktMTIuMzEyICAgYzEuMzQzLTEuMDk2LDUuOTQ1LTEuNDY3LDguNDczLTAuNzQ1YzAsMCwxLjQzNSwwLjUwMiwyLjE2NywwLjQyMmMxLjAyMi0wLjExNSwxLjY0NywwLjA2NCwxLjY0NywwLjA2NFMxOS41MzgsNi4zNDMsMTkuODk5LDcuMDA1ICAgeiIgZmlsbD0iI0NFNjk2OSIvPjxwYXRoIGQ9Ik0yNS42MDMsMTYuNDQxYy0xLjIyNiwwLjE5MS0yLjM1MywwLjM4MS0yLjU5MiwwLjQwN2MtMC4yMDgsMC4wMjMtMC4yMjctMC4yNTMtMC4wNTQtMC4zMzQgICBjMC4yMTQtMC4xMjMsMC41MTItMC40OTIsMC41OTgtMS4yNTVjMC4wMDYtMC41NTQsMC40NDgtNC4xMTEtMi41MDItOS4wMDFjLTAuNjgyLTEuMTI4LTEuMjAzLTEuMDktMi4wNzUtMS4xNjggICBjMC4wMzktMC41MjcsMC44NDMtMC44MTgsMC44NDMtMC44MThzMi41NjUtMC44MzMsNC4xMjMtMC4zMzFjMCwwLDIuMjk3LDAuNDg3LDMuNzE4LDQuNzU3YzAuMzk1LDEuMTg2LDAuNjc3LDIuNDA5LDAuOCwzLjQ0OSAgIGMwLjA2LDAuNDk5LDAuMDk0LDAuOTUyLDAuMTA1LDEuMzMyQzI4LjYyMywxNS40LDI3LjEzNCwxNi4xNjksMjUuNjAzLDE2LjQ0MXoiIGZpbGw9IiNDRTY5NjkiLz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
}

.video_fav {
  cursor: pointer;
  background: #888;
  background: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJzdGFyIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDU3NiA1MTIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1zdGFyIGZhLXctMTggZmEtM3giPjxwYXRoIGZpbGw9IiM2NjYiIGQ9Ik01MjguMSAxNzEuNUwzODIgMTUwLjIgMzE2LjcgMTcuOGMtMTEuNy0yMy42LTQ1LjYtMjMuOS01Ny40IDBMMTk0IDE1MC4yIDQ3LjkgMTcxLjVjLTI2LjIgMy44LTM2LjcgMzYuMS0xNy43IDU0LjZsMTA1LjcgMTAzLTI1IDE0NS41Yy00LjUgMjYuMyAyMy4yIDQ2IDQ2LjQgMzMuN0wyODggNDM5LjZsMTMwLjcgNjguN2MyMy4yIDEyLjIgNTAuOS03LjQgNDYuNC0zMy43bC0yNS0xNDUuNSAxMDUuNy0xMDNjMTktMTguNSA4LjUtNTAuOC0xNy43LTU0LjZ6TTQwNS44IDMxNy45bDI3LjggMTYyTDI4OCA0MDMuNSAxNDIuNSA0ODBsMjcuOC0xNjJMNTIuNSAyMDMuMWwxNjIuNy0yMy42TDI4OCAzMmw3Mi44IDE0Ny41IDE2Mi43IDIzLjYtMTE3LjcgMTE0Ljh6IiBjbGFzcz0iIj48L3BhdGg+PC9zdmc+CgoK);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  float: left;
  width: 30px;
  height: 40px;
  margin-top: 8px;
  background-size: 29px;
}

.video_fav.added {
  background: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJzdGFyIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDU3NiA1MTIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1zdGFyIGZhLXctMTggZmEtM3giPjxwYXRoIGZpbGw9IiM2NjYiIGQ9Ik0yNTkuMyAxNy44TDE5NCAxNTAuMiA0Ny45IDE3MS41Yy0yNi4yIDMuOC0zNi43IDM2LjEtMTcuNyA1NC42bDEwNS43IDEwMy0yNSAxNDUuNWMtNC41IDI2LjMgMjMuMiA0NiA0Ni40IDMzLjdMMjg4IDQzOS42bDEzMC43IDY4LjdjMjMuMiAxMi4yIDUwLjktNy40IDQ2LjQtMzMuN2wtMjUtMTQ1LjUgMTA1LjctMTAzYzE5LTE4LjUgOC41LTUwLjgtMTcuNy01NC42TDM4MiAxNTAuMiAzMTYuNyAxNy44Yy0xMS43LTIzLjYtNDUuNi0yMy45LTU3LjQgMHoiIGNsYXNzPSIiPjwvcGF0aD48L3N2Zz4KCgo=);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -ms-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}


/* Main page */

.main_width {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 100px;
  min-height: 100%;
}

.main_header {
  padding: 0px 15px 30px 15px;
}

.main_header .main_search_form {
  border-radius: 5px;
  height: 40px;
  background: rgba(255, 255, 255, 0.19);
  margin: 35px 0 0 0;
  padding: 0;
  display: block;
  float: right;
  position: relative;
}

.main_header .main_search_form input {
  border: 0;
  padding: 11px 50px 11px 11px;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #a1a1a1;
  color: #ffffff;
  text-transform: capitalize;
}

.main_header .main_search_form button {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.3;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border: none;
  text-indent: -9999px;
  overflow: hidden;
}

.main_header .main_search_form button:hover {
  opacity: 1;
}

.main_body .center_logo {
  height: 135px;
}

.main_logo {
  margin: 0px auto;
  display: inline-block;
}

.main_body .center_logo a,
.main_body .center_logo a:hover {
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-size: 72px;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.main_body {
  text-align: center;
}

.main_body h3 {
  font-size: 18px;
  margin-bottom: 60px;
}

.main_forms {
  width: 300px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}

.main_forms #error_message {
  color: rgb(224, 152, 152);
}

.main_forms .restore-message {
  padding-bottom: 30px;
}

.main_other {
  margin-right: 15px;
  width: 310px;
  display: inline-block;
  vertical-align: top;
  text-align: right;
  color: #c00;
}

.main_other b {
  font-size: 18px;
}

.main_other p {
  font-size: 16px;
  text-align: right;
}

.main_form {
  padding: 10px 20px;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}

.main_form .form-row {
  padding: 10px 0;
}

.main_form .form-row.social {
  margin-top: 15px;
}

.main_form .form-row input {
  width: 260px;
  border: 0;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  border-radius: 4px;
  color: #555;
}

.main_form .form-row span {
  padding-left: 10px;
  text-align: left;
  display: inline-block;
  color: #ddd;
}

.main_form .form-row span a {
  color: #ffffff;
  text-shadow: none;
}

.main_form .form-row button {
  text-align: center;
  background-color: #c00;
  color: #fff;
  cursor: pointer;
  width: 150px;
  border: 0;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  border-radius: 4px;
}

.main_form .form-row button:hover {
  background: #F5F7F6;
  color: #555;
}

.main_form .form-row button.auth {
  background: #40bf80;
}

.main_form .form-row button.auth:hover {
  background: #F5F7F6;
  color: #555;
}

.main_footer {
  text-align: center;
  padding: 20px;
  height: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-transform: uppercase;
}

.main_footer a {
  color: #7B8084;
  padding: 5px;
  text-decoration: none;
  transition: all 300ms ease-out 0s;
  opacity: 0.4;
}

.main_footer a:hover {
  color: #7B8084;
  opacity: 1;
}

@media screen and (max-width: 896px) {
  .video-item a .video-show {
    display: none;
  }/*
  .video_wrapper {
    display: none;
  }*/
}

.video_embed {
  float: left;
  display: none;
  cursor: pointer;
  width: 64px;
  height: 90px;
  margin: 10px 0px;
}

.video_embed:hover {}


/* Video player */

.embed_wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 2000;
  overflow-y: visible;
}

.embed_window {
  padding: 10px;
  width: 960px;
  background: rgba(51, 49, 49, 0.8);
  margin: 5% auto 100px;
  position: relative;
  border-radius: 3px;
}

.embed_close {
  position: absolute;
  top: 0;
  right: -30px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: url(/web/20230719025931im_/https://daft.sex/img/video-close.png) center center no-repeat;
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.embed_close:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
}

.embed_settings {
  width: 395px;
  margin-left: 8px;
  display: inline-block;
  vertical-align: top;
}

.embed_settings b {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}

.embed_settings textarea {
  width: 100%;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #545454;
  color: #fff;
  resize: none;
  border: 0;
}

.embed_settings label {
  cursor: pointer;
  margin-top: 10px;
  display: inline-block;
}

.embed_settings .embed_size button {
  cursor: pointer;
  padding: 10px 18px;
  border: 0;
  background: #545454;
  color: #fff;
}

.embed_settings .embed_size button.active {
  background: #EE4D2E;
}

.embed_settings .embed_size input {
  text-align: center;
  padding: 10px;
  border: 0;
  background: #545454;
  color: #fff;
}


/* Share */

.main_share_panel {
  display: inline-block;
  float: right;
  height: 70px;
}

#tw {
  background: #2ca8d2;
}

#vk {
  background: #2F5070;
}

#fb {
  background: #305891;
}

.l_span {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-size: 32px!important;
}

.tw_icon {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M26.67%209.38c-.779.35-1.63.58-2.51.69.9-.54%201.6-1.4%201.92-2.42-.85.5-1.78.87-2.78%201.06-.8-.85-1.94-1.38-3.19-1.38-2.42%200-4.379%201.96-4.379%204.38%200%20.34.04.68.11%201-3.64-.18-6.86-1.93-9.02-4.57-.38.65-.59%201.4-.59%202.2%200%201.52.77%202.86%201.95%203.64-.72-.02-1.39-.22-1.98-.55v.06c0%202.12%201.51%203.89%203.51%204.29-.37.1-.75.149-1.15.149-.28%200-.56-.029-.82-.08.56%201.74%202.17%203%204.09%203.041-1.5%201.17-3.39%201.869-5.44%201.869-.35%200-.7-.02-1.04-.06%201.94%201.239%204.24%201.97%206.71%201.97%208.049%200%2012.45-6.67%2012.45-12.45l-.01-.57c.839-.619%201.579-1.389%202.169-2.269z%22%2F%3E%3C%2Fsvg%3E') no-repeat left;
}

.vk_icon {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M23.82%2023.2h-.12c-1.271-.21-2.14-1.11-2.88-1.94-.42-.47-1.06-1.53-1.82-1.41-1.08.181-.55%202.021-1%202.82-.359.641-1.92.52-3%20.41-3.39-.36-5.12-2.17-6.64-4.11-1.62-2.079-2.89-4.25-4.05-6.64-.38-.77-.88-1.63-.88-2.58.56-.45%201.45-.29%202.36-.29.77%200%201.96-.17%202.53.12.33.17.67%201.07.94%201.64.62%201.32%201.19%202.271%201.94%203.35.32.47.82%201.35%201.41%201.23.57-.11.62-1.51.65-2.41.03-1.02%200-2.28-.29-2.82-.28-.51-.78-.52-1.29-.82.43-.85%201.59-.94%203-.94%201.18%200%202.83-.13%203.291.65.469.79.149%202.22.119%203.29-.029%201.2-.24%202.44.59%203%20.641-.07.98-.69%201.35-1.18.811-1.06%201.311-1.98%201.941-3.35.26-.56.529-1.53%201-1.7.709-.27%201.84-.06%202.879-.06.851%200%202.371-.23%202.641.35.23.49-.44%201.72-.65%202.06-.79%201.29-1.561%202.11-2.41%203.23-.34.45-1.039%201.16-1%201.88.03.549.58.959%201%201.35.91.84%201.551%201.46%202.291%202.41.278.35.878%201.13.818%201.59-.2%201.42-3.59.52-4.72.87z%22%2F%3E%3C%2Fsvg%3E') no-repeat left;
}

.fb_icon {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M22.439%2010.95h4v-4.95h-4c-3.311%200-6%202.92-6%206.5v2.5h-4v4.97h4v12.03h5v-12.03h5v-4.97h-5v-2.55c0-.86.532-1.5%201-1.5z%22%2F%3E%3C%2Fsvg%3E') no-repeat left;
}

.re_icon {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20style%3D%22width%3A%2032px%3B%20height%3A%2032px%3B%22%20class%3D%22at-icon%20at-icon-reddit%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M27%2015.5a2.452%202.452%200%200%201-1.338%202.21c.098.38.147.777.147%201.19%200%201.283-.437%202.47-1.308%203.563-.872%201.092-2.06%201.955-3.567%202.588-1.506.634-3.143.95-4.91.95-1.768%200-3.403-.316-4.905-.95-1.502-.632-2.69-1.495-3.56-2.587-.872-1.092-1.308-2.28-1.308-3.562%200-.388.045-.777.135-1.166a2.47%202.47%200%200%201-1.006-.912c-.253-.4-.38-.842-.38-1.322%200-.678.237-1.26.712-1.744a2.334%202.334%200%200%201%201.73-.726c.697%200%201.29.26%201.78.782%201.785-1.258%203.893-1.928%206.324-2.01l1.424-6.467a.42.42%200%200%201%20.184-.26.4.4%200%200%201%20.32-.063l4.53%201.006c.147-.306.368-.553.662-.74a1.78%201.78%200%200%201%20.97-.278c.508%200%20.94.18%201.302.54.36.36.54.796.54%201.31%200%20.512-.18.95-.54%201.315-.36.364-.794.546-1.302.546-.507%200-.94-.18-1.295-.54a1.793%201.793%200%200%201-.533-1.308l-4.1-.92-1.277%205.86c2.455.074%204.58.736%206.37%201.985a2.315%202.315%200%200%201%201.757-.757c.68%200%201.256.242%201.73.726.476.484.713%201.066.713%201.744zm-16.868%202.47c0%20.513.178.95.534%201.315.356.365.787.547%201.295.547.508%200%20.942-.182%201.302-.547.36-.364.54-.802.54-1.315%200-.513-.18-.95-.54-1.31-.36-.36-.794-.54-1.3-.54-.5%200-.93.183-1.29.547a1.79%201.79%200%200%200-.54%201.303zm9.944%204.406c.09-.09.135-.2.135-.323a.444.444%200%200%200-.44-.447c-.124%200-.23.042-.32.124-.336.348-.83.605-1.486.77a7.99%207.99%200%200%201-1.964.248%207.99%207.99%200%200%201-1.964-.248c-.655-.165-1.15-.422-1.486-.77a.456.456%200%200%200-.32-.124.414.414%200%200%200-.306.124.41.41%200%200%200-.135.317.45.45%200%200%200%20.134.33c.352.355.837.636%201.455.843.617.207%201.118.33%201.503.366a11.6%2011.6%200%200%200%201.117.056c.36%200%20.733-.02%201.117-.056.385-.037.886-.16%201.504-.366.62-.207%201.104-.488%201.456-.844zm-.037-2.544c.507%200%20.938-.182%201.294-.547.356-.364.534-.802.534-1.315%200-.505-.18-.94-.54-1.303a1.75%201.75%200%200%200-1.29-.546c-.506%200-.94.18-1.3.54-.36.36-.54.797-.54%201.31s.18.95.54%201.315c.36.365.794.547%201.3.547z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat left;
}

.g_icon {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNHB4IiBpZD0iTGF5ZXJfMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTYuNjkzNCA1Ni42OTM0OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTYuNjkzNCA1Ni42OTM0IiB3aWR0aD0iMjRweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTUxLjk4MSwyNC40ODEyYy03LjcxNzMtMC4wMDM4LTE1LjQzNDYtMC4wMDE5LTIzLjE1MTgtMC4wMDFjMC4wMDEsMy4yMDA5LTAuMDAzOCw2LjQwMTgsMC4wMDE5LDkuNjAxNyAgYzQuNDY5My0wLjAwMSw4LjkzODYtMC4wMDE5LDEzLjQwNywwYy0wLjUxNzksMy4wNjczLTIuMzQwOCw1Ljg3MjMtNC45MjU4LDcuNTk5MWMtMS42MjUsMS4wOTI2LTMuNDkyLDEuODAxOC01LjQxNjgsMi4xMzkgIGMtMS45MzcyLDAuMzMwNi0zLjkzODksMC4zNzI5LTUuODcxMy0wLjAxODNjLTEuOTY1MS0wLjM5MjEtMy44NDA5LTEuMjEwOC01LjQ3NzMtMi4zNjQ5ICBjLTIuNjE2Ni0xLjgzODMtNC42MTM1LTQuNTI3OS01LjYzODgtNy41NTQ5Yy0xLjA0ODQtMy4wNzg4LTEuMDU2MS02LjUwNDYsMC4wMDQ4LTkuNTgwNSAgYzAuNzM2MS0yLjE2NzksMS45NjEzLTQuMTcwNSwzLjU3MDgtNS44MDAyYzEuOTg1My0yLjAzMjQsNC41NjY0LTMuNDg1Myw3LjM0NzMtNC4wODExYzIuMzgxMi0wLjUwODMsNC44OTIxLTAuNDExMyw3LjIyMzQsMC4yOTQgIGMxLjk4MTUsMC42MDE2LDMuODA4MiwxLjY4NzQsNS4zMDQ0LDMuMTE2M2MxLjUxMjUtMS41MDM5LDMuMDE3My0zLjAxNjQsNC41MjctNC41MjMxYzAuNzkxOC0wLjgxMSwxLjYyNC0xLjU4NjUsMi4zOTA4LTIuNDE5NiAgYy0yLjI5MjgtMi4xMjE4LTQuOTgwNS0zLjgyNzQtNy45MTcyLTQuOTA1NkMzMi4wNzIzLDQuMDM2MywyNi4xMDk3LDMuOTk1LDIwLjc4NzEsNS44MzcyICBDMTQuNzg4OSw3Ljg5MDcsOS42ODE1LDEyLjM3NjMsNi44NDk3LDE4LjA0NTljLTAuOTg1OSwxLjk1MzYtMS43MDU3LDQuMDM4OC0yLjEzODEsNi4xODM2ICBDMy42MjM4LDI5LjU3MzIsNC4zODIsMzUuMjcwNyw2Ljg0NjgsNDAuMTM3OGMxLjYwMTksMy4xNzY4LDMuODk4NSw2LjAwMSw2LjY4NDMsOC4yMTVjMi42MjgyLDIuMDk1OCw1LjY5MTYsMy42NDM5LDguOTM5Niw0LjUwNzggIGM0LjA5ODQsMS4wOTkzLDguNDYxLDEuMDc0MywxMi41ODY0LDAuMTM1NWMzLjcyODQtMC44NTgxLDcuMjU2LTIuNjM5NywxMC4wNzI1LTUuMjRjMi45NzctMi43MzU4LDUuMTAwNi02LjM0MDMsNi4yMjQ5LTEwLjIxMzggIEM1Mi41ODA3LDMzLjMxNzEsNTIuNzQ5OCwyOC44MDY0LDUxLjk4MSwyNC40ODEyeiIvPjwvc3ZnPg==) no-repeat left;
  background-position: 0px 9px;
}


/**share**/

.share_btn {
  cursor: pointer;
  display: table-cell;
  width: 32px;
  height: 32px;
  border-radius: 25px;
  padding: 4px 2px;
}

.share_btn span {
  background-color: #666;
  border-radius: 25px;
  margin: 0px;
}

.share_btn > span {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-size: 32px!important;
}

.share_btn > span.fb_icon:hover {
  background-color: #305891;
  border-radius: 25px;
  padding: 0px;
}

.share_btn > span.vk_icon:hover {
  background-color: #4a76a8;
  border-radius: 25px;
  padding: 0px;
}

.share_btn > span.tw_icon:hover {
  background-color: #2ca8d2;
  border-radius: 25px;
  padding: 0px;
}

.share_btn > span.re_icon:hover {
  background-color: #ff5700;
  border-radius: 25px;
  padding: 0px;
}

.share_btn_gp:hover {
  background: #db4437;
  border-radius: 25px;
  padding: 0px;
}

.blog_sort_div {
  padding: 0px 0px;
}

.blog_sort {
  padding: 2px 0px;
  border: 1px solid #1B1E25;
}

.bs_sel {
  border: 1px solid #A5A9B3;
}

#g-recaptcha > div {
  -ms-transform: scale(.825, .825);
  transform: scale(.825, .825);
}


@media screen and (max-width: 1080px) {
  .embed_window {
    width: 550px;
    margin: 20px auto 20px;
  }

  .embed_settings {
    width: 100%;
    display: block;
    margin-top: 10px;
    margin-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_width {
    width: 800px;
  }
}
@media screen and (max-width: 850px) {
  .main_width {
    width: 600px;
  }

  .main_other {
    display: none;
  }

  .search-form input {
    padding-right: 44px;
  }
}
@media screen and (max-width: 660px) {
  .video_embed,
  .embed_wrapper {
    display: none;
  }

  .video {
    text-align: center;
  }

  .main_search_form {
    width: 100%;
  }

  .main_header .main_search_form input {
    width: 100%;
  }

  .likes {
    float: none;
    width: 100%;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 630px) {
  .main_width {
    width: 100%;
  }
}
.video_categories {
  margin-top: 10px;
  margin-bottom: 20px;
}
.video_categories a {
  text-decoration: none;
}
.video_categories > a,
.video_categories > a:hover {
  display: inline-block;
  padding: 5px 10px 5px 25px;
  color: #666;
  margin-bottom: 5px;
}
.video_categories > a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.video_categories > a.active {
  background-color: #EE4D2E;
}
.video_categories > span {
  margin-bottom: 5px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 5px 10px;
  color: #ffffff;
  border-radius: 3px;
}
.video_categories > span:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.video_categories > span > ul {
  display: none;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  z-index: 5;
  background: #1C1F21;
  list-style-type: none;
}
.video_categories > span:hover > ul {
  display: block;
  overflow: hidden;
  border-radius: 0px 3px 3px 3px;
}
.video_categories > span:hover > ul > li {
  display: block;
}
.video_categories > span:hover > ul > li > a {
  display: block;
  padding: 5px 10px;
  color: #ffffff;
  white-space: nowrap;
  padding-left: 28px;
}
.video_categories > span:hover > ul > li > a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.video_categories > span:hover > ul > li > a.active {
  background-color: #EE4D2E;
}
.video_categories a {
  padding-left: 25px;
}
.video_categories a.ico {
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 25px;
}
.video_categories a.ico_ugc_popular {
  background-position: -1px -82px;
}
.video_categories a.ico_ugc_adult {
  background-position: -1px -53px;
}
.video_categories a.ico_1 {
  background-position: -1px -138px;
}
.video_categories a.ico_auto {
  background-position: -1px -223px;
}
.video_categories a.ico_tre {
  background-position: -1px -530px;
}
.video_categories a.ico_sport {
  background-position: -1px -307px;
}
.video_categories a.ico_smile {
  background-position: -1px -167px;
}
.video_categories a.ico_science {
  background-position: -1px -447px;
}
.video_categories a.ico_game {
  background-position: -1px -363px;
}
.video_categories a.ico_cognitive {
  background-position: -1px -447px;
}
.video_categories a.ico_mult {
  background-position: -1px -279px;
}
.video_categories a.ico_cooking {
  background-position: -1px -391px;
}
.video_categories a.ico_emi {
  background-position: -1px -195px;
}
.video_categories a.ico_serial {
  background-position: -1px -111px;
}

/* Channel item */
.channel-item {
  width: 225px;
  float: left;
  margin: 0 1px;
  position: relative;
}

.channel-item:hover {
  background: #1D1D1D;
}
.channel-item > a {
  display: block;
  text-decoration: none;
  color: #999;
  font-size: 12px;
}
.channel-item:hover > a {
  text-decoration: none;
  color: #fff;
}
.channel-item > a > div.channel-title {
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.channel-item > a > div.channel-img {
  position: relative;
  overflow: hidden;
  height: 160px;
  margin: 0px 0px 5px 0px;
  background: url(https://sun9-48.userapi.com/GBqkBt1ArZN0DFScsPwVXUvYntWrsTiKKy8cgw/-PWvRBSLKpU.jpg) center center no-repeat;
}
.channel-item > a > div.channel-img > img {
  margin-left: -30px;
  width: 290px;
  height: 160px;
}

/* Checkbox's */
.ui_checkbox {}
.ui_checkbox input[type="checkbox"] {
  display: none;
}
.ui_checkbox input[type="checkbox"] + label {
  cursor: pointer;
  height: 28px;
  line-height: 22px;
}
.ui_checkbox input[type="checkbox"]:disabled + label,
.ui_checkbox input[type="checkbox"]:disabled + label i {
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  opacity: 0.65;
  cursor: default;
}
.ui_checkbox input[type="checkbox"] + label i {
  display: inline-block;
  width: 21px;
  height: 23px;
  margin: 0px 3px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 3px;
  font-size: 20px;
  position: relative;
}
.ui_checkbox input[type="checkbox"]:checked + label i:before {
  content: '\e803';
  margin: 0px 3px 0 0;
  padding-left: 5px;
}
.pagination {
  margin: 18px 0;
  text-align: center;
  padding: 0px;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding-top: 11px;
}
.pagination a,
.pagination span {
  padding: 11px 16px;
  text-decoration: none;
  text-transform: uppercase;
  min-width: 35px;
  height: 31px;
  line-height: 34px;
  border-radius: 8px;
  color: #333;
  font-weight: 700;
  background: #f0f0f0;
}
.pagination a:hover {
  background: #e6e6e6;
}
.pagination .active a {
  color: #ff413b;
  cursor: default;
}
.pagination li.disabled span,
.pagination li.disabled a,
.pagination li.disabled a:hover {
  color: #272727;
  cursor: default;
  display: none;
}
.pagination li:first-child a,
.pagination li:first-child span {
  border-left-width: 1px;
}
.pagination li:last-child a,
.pagination li:last-child span {
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}

/* Select */
.select {
  position: relative;
  padding: 6px 30px 6px 10px;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
  background: #fff;
  border-bottom: 2px solid #dadada;
  position: relative;
  color: #111;
  text-align: left;
  vertical-align: top;
}
.select.disabled {
  cursor: default;
}
.select.disabled > .select-text,
.select.disabled > .select-arrow {
  color: #777;
}
.select > input {
  position: absolute;
  top: -9999px;
  left: -9999px;
  opacity: 0;
}
.select > span {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.select > .select-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.select > span.select-arrow {
  top: 0;
  right: 0;
  position: absolute;
  width: 30px;
  height: 30px;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
  -webkit-transition: transform .1s;
  -moz-transition: transform .1s;
  -o-transition: transform .1s;
  transition: transform .1s;
}
.select > div.select-options {
  background: #fff;
  display: none;
  overflow-y: auto;
  box-shadow: 0 1px 0 #d1d1d1, 1px 1px 0 #d1d1d1, -1px 1px 0 #d1d1d1;
  border-top: 0;
  max-height: 288px;
  position: absolute;
  margin-top: 11px;
  z-index: 11;
  left: 0;
  right: 0;
  opacity: 0;
  border-radius: 5px;
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  -ms-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out;
  box-shadow: 0 0px 14px 0 rgba(50, 50, 93, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
}
.select > div.select-options > div {
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  padding: 7px 10px;
}
.select > div.select-options > div.fromgroup {
  padding-left: 20px;
}
.select > div.select-options > div.disabled.optgroup {
  font-weight: bold;
  opacity: 1;
}
.select > div.select-options > div:not(.disabled).focus,
.select > div.select-options > div:not(.disabled):hover,
.select > div.select-options > div.active {
  background: #f6f6f6;
}
.select > div.select-options > div[disabled],
.select > div.select-options > div.disabled {
  cursor: default;
  opacity: 0.5;
}
.select.shown {
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.select.shown > span.select-arrow {
  transform: rotate(-180deg);
}
.select.shown > div.select-options {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.select.shown:before {
  content: '';
  border-top: 1px solid #d1d1d1;
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  z-index: 12;
}
.voting-module {
  float: left;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  margin-right: 25px;
}
.like-playlist{
  position: relative;
  top: -4px;
}
.icon-container {
  position: relative;
  height: 60px;
  width: 25px;
  margin: 0 auto;
  display: inline-block;
  user-select: none;
}
.icon {
  position: absolute;
  left: 0;
  top: 2px;
  transition: all 0.3s;
}
.icon1 {
  display: block;
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJoZWFydCIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtaGVhcnQgZmEtdy0xNiBmYS0zeCI+PHBhdGggZmlsbD0iIzY2NiIgZD0iTTQ2Mi4zIDYyLjdjLTU0LjUtNDYuNC0xMzYtMzguNy0xODYuNiAxMy41TDI1NiA5Ni42bC0xOS43LTIwLjNDMTk1LjUgMzQuMSAxMTMuMiA4LjcgNDkuNyA2Mi43Yy02Mi44IDUzLjYtNjYuMSAxNDkuOC05LjkgMjA3LjhsMTkzLjUgMTk5LjhjNi4yIDYuNCAxNC40IDkuNyAyMi42IDkuNyA4LjIgMCAxNi40LTMuMiAyMi42LTkuN0w0NzIgMjcwLjVjNTYuNC01OCA1My4xLTE1NC4yLTkuNy0yMDcuOHptLTEzLjEgMTg1LjZMMjU2LjQgNDQ4LjEgNjIuOCAyNDguM2MtMzguNC0zOS42LTQ2LjQtMTE1LjEgNy43LTE2MS4yIDU0LjgtNDYuOCAxMTkuMi0xMi45IDE0Mi44IDExLjVsNDIuNyA0NC4xIDQyLjctNDQuMWMyMy4yLTI0IDg4LjItNTggMTQyLjgtMTEuNSA1NCA0NiA0Ni4xIDEyMS41IDcuNyAxNjEuMnoiIGNsYXNzPSIiPjwvcGF0aD48L3N2Zz4KCgo=);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  float: left;
  width: 30px;
  height: 40px;
  margin-top: 7px;
  background-size: 27px;
}
.icon2 {
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJoZWFydCIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtaGVhcnQgZmEtdy0xNiBmYS0yeCI+PHBhdGggZmlsbD0iIzY2NiIgZD0iTTQ2Mi4zIDYyLjZDNDA3LjUgMTUuOSAzMjYgMjQuMyAyNzUuNyA3Ni4yTDI1NiA5Ni41bC0xOS43LTIwLjNDMTg2LjEgMjQuMyAxMDQuNSAxNS45IDQ5LjcgNjIuNmMtNjIuOCA1My42LTY2LjEgMTQ5LjgtOS45IDIwNy45bDE5My41IDE5OS44YzEyLjUgMTIuOSAzMi44IDEyLjkgNDUuMyAwbDE5My41LTE5OS44YzU2LjMtNTguMSA1My0xNTQuMy05LjgtMjA3Ljl6IiBjbGFzcz0iIj48L3BhdGg+PC9zdmc+CgoKCg==);
  background-repeat: no-repeat;
  background-position: 0px 7px;
  background-size: 27px;
  width: 30px;
  height: 40px;
}
.hidden-vote {
  transform: scale(0);
  opacity: 0;
}
.text-container {
  display: inline-block;
  height: 60px;
  overflow-y: hidden;
  margin-left: 5px;
  color: #666;
}
.text-container .text {
  display: block;
  position: relative;
  top: -8px;
  transition: all 0.3s;
  font-size: 27px;
  height: 60px;
  line-height: 60px;
}
.text-container .text.show-percent {
  top: -10px;
}
.text-container .text.show-percent.text1 {
  top: -60px;
}
.text-container .text.show-percent.text2 {
  top: -67px;
}
.text-container .text.text2 {
  font-weight: bold;
}
.add-pl-header {
  font-weight: 600;
  color: #fff;
  padding-bottom: 10px;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid #000;
}
.add-pl-body {
  position: relative;
  margin-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid #000;
  color: #fff;
}

.add-pl-body.fav-load {
  margin-top: 0;
  padding: 30px 0;
}

.add-pl-body.fav-load-check {
  margin-top: 10px;
}

.add-pl-body > .ui_checkbox {
  padding: 10px 0 2px;
}
.add-pl-footer {
}
.add-pl-footer > span {
  display: block;
  margin-top: 10px;
}
.add-pl-footer input {
  width: 240px;
}
.add-pl-footer button {
  display: block;
  width: 100%;
}
.add-pl-footer button.add-pl-btn {
  display: block;
  width: 100%;
  background: #fff0;
  font-size: 15px;
  color: #888;
}
.playlist-info {
  width: 30%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  top: 0px;
  left: 0px;
  z-index: 222;
}
.video-item.pl-wrapper > a > div.video-img > div.video-info {
  right: 0;
  left: 0;
  text-align: right;
}
.pl-number {
  display: block;
  color: #fff;
  text-align: center;
  padding: 20px 0;
}
.pl-number > span {
  font-weight: 700;
}
.pl-updated {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #7aff00;
  border-radius: 50%;
  top: 7px;
  left: 45%;
}
.pl-img {
  text-align: center;
  background: #000;
  margin-top: -9px;
}
.pl-img > img {
  width: 90%;
}
.btn {
  cursor: pointer;
  border: 0;
  background: #dd3333;
  display: inline-block;
  padding: 10px 14px;
  margin-bottom: 10px;
  float: right;
  margin-left: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  border-radius: 25px;
  margin-top: 0px;
  text-transform: uppercase;
  font-family: 'Roboto Condensed',sans-serif;
}
.btn.subscribed {
  color: #111;
  background: #f6f6f6;
}
.mail_sent_icon {
  height: 60px;
  width: 60px;
  background-image: url("data:image/svg+xml,%0A%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='48.000000pt' height='48.000000pt' viewBox='0 0 48.000000 48.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,48.000000) scale(0.100000,-0.100000)'%0Afill='%23D71D1D' stroke='none'%3E%3Cpath d='M47 394 c-20 -20 2 -44 87 -96 52 -32 99 -58 106 -58 7 0 54 26 106%0A58 73 44 93 62 91 77 -2 19 -11 20 -193 23 -104 1 -193 -1 -197 -4z'/%3E%3Cpath d='M40 306 c0 -19 -5 -26 -20 -26 -13 0 -20 -7 -20 -19 0 -17 8 -20 53%0A-23 38 -2 52 -7 52 -18 0 -11 -14 -16 -52 -18 -44 -3 -53 -6 -53 -22 0 -17 9%0A-19 73 -22 56 -2 72 -6 72 -18 0 -12 -16 -16 -72 -18 -65 -3 -73 -5 -73 -22 0%0A-19 8 -20 215 -20 169 0 217 3 221 13 2 7 3 63 2 125 l-3 111 -98 -61 -97 -60%0A-78 48 c-42 26 -87 54 -99 62 -22 14 -23 13 -23 -12z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  display: inline-block;
}
.pl_head_el{
  display: block; margin: -20px 10px 18px 10px; text-decoration: none; padding: 10px;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
  font-size: 15px;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  background-color: #e9e9e9;
}
.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}
.glPqgG::after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -4px;
    width: 31px;
    height: 30px;
    background-image: url('/web/20230719025931im_/https://daft.sex/img/christmasHat.svg?_1');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0px;
}
.noUi-handle {
  position: absolute;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
  font-size: 11px;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: -2px;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}


.btn {
  color: #fff;
  width: 100%;
  display: block;
  padding: 10px 16px;
  cursor: pointer;
  border: 0;
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
  /*border-radius: 8px;*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  outline: none;
  font-family: 'Roboto Condensed',sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  /*height: 40px;*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}

.btn.btn-load,
.more.btn-load,
.more-similar.btn-load,
.more-playlists.btn-load,
.filterSearch.btn-load,
.filterReset.btn-load {
  text-indent: -9999px;
  position: relative;
}

.fav-load:after,
.btn-load:after,
.fav-load-check:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px;
  opacity: 0.75;
}

.fav-load:after,
.fav-load-check:after {
  opacity: 1;
}

.btn:after,
.filterSearch.btn-load:after,
.filterReset.btn-load:after {
  left: 8px;
}

.fav-load:after,
.fav-load-check:after,
.btn.btn-load:after,
.btn.btn-red.btn-load:after,
.btn.btn-blue.btn-load:after,
.btn.btn-orange.btn-load:after,
.btn.btn-green.btn-load:after,
.btn.btn-yellow.btn-load:after,
.btn.btn-cyan.btn-load:after,
.btn.btn-teal.btn-load:after,
.btn.btn-pink.btn-load:after,
.btn.btn-purple.btn-load:after,
.btn.btn-indigo.btn-load:after,
.filterSearch.btn-load:after {
  background-image: url("data:image/svg+xml,%3Csvg width='120' height='30' viewBox='0 0 120 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23fff'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.75s' values='9;15;9;9;9' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.75s' values='.5;1;.5;.5;.5' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='50' cy='15' r='15' fill='%23fff'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.75s' values='9;9;15;9;9' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.75s' values='.5;.5;1;.5;.5' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='85' cy='15' r='15' fill='%23fff'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.75s' values='9;9;9;15;9' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.75s' values='.5;.5;.5;1;.5' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E%0A");
}

.btn.subscribed.btn-load:after,
.btn.btn-grey.btn-load:after,
.more.btn-load:after,
.more-similar.btn-load:after,
.more-playlists.btn-load:after,
.filterReset.btn-load:after {
  background-image: url("data:image/svg+xml,%3Csvg width='120' height='30' viewBox='0 0 120 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23111'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.75s' values='9;15;9;9;9' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.75s' values='.5;1;.5;.5;.5' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='50' cy='15' r='15' fill='%23111'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.75s' values='9;9;15;9;9' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.75s' values='.5;.5;1;.5;.5' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='85' cy='15' r='15' fill='%23111'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.75s' values='9;9;9;15;9' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.75s' values='.5;.5;.5;1;.5' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E%0A");
}

.btn.btn-pink {
  background: #ea4c89;
}

.btn.btn-pink:hover {
  background: #d6467e;
}

.btn.btn-pink:active {
  background: #bb3d6e;
}

.btn.btn-pink[disabled] {
  background-color: #ea4c89;
  opacity: 0.75;
  cursor: default;
}

.btn.btn-blue {
  background: #4285f4;
}

.btn.btn-blue:hover {
  background: #2a75f3;
}

.btn.btn-blue:active {
  background: #135dd6;
}

.btn.btn-blue[disabled] {
  background-color: #4285f4;
  opacity: 0.75;
  cursor: default;
}

.btn.btn-red {
  background: #dc3545;
}

.btn.btn-red:hover {
  background: #c53341;
}

.btn.btn-red:active {
  background: #b12c39;
}

.btn.btn-red[disabled] {
  background-color: #dc3545;
  opacity: 0.75;
  cursor: default;
}

.btn.btn-grey {
  background-color: #f2f2f2;
  color: #6e6d7a;
}

body.dark .btn.btn-grey {
  background-color: #404040;
  color: #e6e6e6;
}

.btn.btn-grey:hover {
  background-color: #e5e5e5;
}

body.dark .btn.btn-grey:hover {
  background-color: #3a3a3a;
}

.btn.btn-grey:active {
  background-color: #d9d9d9;
}

body.dark .btn.btn-grey:active {
  background-color: #353535;
}

.btn.btn-grey[disabled] {
  background-color: #f2f2f2;
  opacity: 0.75;
  cursor: default;
}

body.dark .btn.btn-grey[disabled] {
  background-color: #404040;
  opacity: 0.75;
  cursor: default;
}

.btn.btn-orange {
  background-color: #fd7e14;
  color: #fff;
}

.btn.btn-orange:hover {
  background-color: #ef7d1d;
}

.btn.btn-orange:active {
  background-color: #e47a20;
}

.btn.btn-orange[disabled] {
  background-color: #fd7e14;
  opacity: 0.75;
  cursor: default;
}

.btn.btn-green {
  background-color: #28a745;
  color: #fff;
}

.btn.btn-green:hover {
  background-color: #238e3b;
}

.btn.btn-green:active {
  background-color: #228438;
}

.btn.btn-green[disabled] {
  background-color: #28a745;
  opacity: 0.75;
  cursor: default;
}

.btn.btn-yellow {
  background-color: #ffc107;
  color: #fff;
}

.btn.btn-yellow:hover {
  background-color: #efb509;
}

.btn.btn-yellow:active {
  background-color: #e4ae0b;
}

.btn.btn-yellow[disabled] {
  background-color: #ffc107;
  opacity: 0.75;
  cursor: default;
}

.btn.btn-cyan {
  background-color: #17a2b8;
  color: #fff;
}

.btn.btn-cyan:hover {
  background-color: #1795a9;
}

.btn.btn-cyan:active {
  background-color: #16889a;
}

.btn.btn-cyan[disabled] {
  background-color: #17a2b8;
  opacity: 0.75;
  cursor: default;
}

.btn.btn-teal {
  background-color: #20c997;
  color: #fff;
}

.btn.btn-teal:hover {
  background-color: #1ebd8e;
}

.btn.btn-teal:active {
  background-color: #1db387;
}

.btn.btn-teal[disabled] {
  background-color: #20c997;
  opacity: 0.75;
  cursor: default;
}

.btn.btn-purple {
  background-color: #6f42c1;
  color: #fff;
}

.btn.btn-purple:hover {
  background-color: #633bad;
}

.btn.btn-purple:active {
  background-color: #5c36a0;
}

.btn.btn-purple[disabled] {
  background-color: #6f42c1;
  opacity: 0.75;
  cursor: default;
}

.btn.btn-indigo {
  background-color: #6610f2;
  color: #fff;
}

.btn.btn-indigo:hover {
  background-color: #6013de;
}

.btn.btn-indigo:active {
  background-color: #5513c1;
}

.btn.btn-indigo[disabled] {
  background-color: #6610f2;
  opacity: 0.75;
  cursor: default;
}

.form {
  max-width: 300px;
  margin: 0 auto;
  padding: 0 15px;
}

.form .form_header {
  text-align: center;
}

.form .form_header h1 {
  padding: 10px 0 10px 0;
  margin: 0;
}

.form .form_row {
  margin-bottom: 10px;
}

.form .form_row label {
  padding-left: 10px;
  padding-bottom: 5px;
  display: block;
  font-weight: 600;
}

.form .form_row .inpset {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 15px;
  background: #f6f6f6;
  border: 0;
  color: #6b6b6b;
  border-radius: 10px;
}

.form .form_row .inpset:focus {
  box-shadow: 0 0 0 3px rgba(255,0,0,.1);
}

.m_content button.btn:active {
  margin-bottom: 0;
  margin-top: 10px;
}

.bordertop {
  border-top: 2px solid #f0f0f0;
}

/* Profile menu */
.profile-menu {
  display: none;
  width: 280px;
  max-height: 580px;
  position: absolute;
  border-radius: 8px;
  right: 10px;
  top: 70%;
  z-index: 999;
  padding: 0;
  margin: 0;
  line-height: 21px;
  background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  margin-top: 13px;
  box-shadow: 0 0px 14px 0 rgba(50, 50, 93, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
}

.profile-menu.visible {
  display: block;
}

.msg-center{
  text-align: center;
}

.profile-menu:before {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  content: "";
  position: absolute;
  top: 0;
  margin-top: -6px;
  right: 28px;
  z-index: 999;
}

.profile-menu .menu-header {
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  padding: 5px 20px 5px 15px;
  border-bottom: 1px solid #eee;
}

.profile-menu .menu-header .menu-back {
  display: inline-block;
  cursor: pointer;
}

.profile-menu .menu-header .menu-back i {
  position: relative;
  top: -1px;
}

.profile-menu .menu-container {
  padding: 5px 0px;
}

.profile-menu .menu-container .menu-item {
  padding: 10px 20px;
}

.profile-menu .menu-container .menu-link {
  display: block;
  padding: 2px 10px 2px 15px;
  line-height: 38px;
  font-weight: 400;
}

.profile-menu .menu-container .menu-link:hover {
  background: #eee;
}

.profile-menu .menu-container .menu-link i:first-child {
  font-size: 17px;
  color: #7f8c98;
  top: -1px;
  position: relative;
  margin-right: 7px;
}

.profile-menu .menu-container .menu-link .icon-arrow-right {
  float: right;
  color: #7f8c98;
}

.profile-menu .menu-container .menu-text {
  display: block;
  padding: 5px 20px;
}

.profile-menu .menu-sep {
  height: 1px;
  background: #eee;
  margin-top: 5px;
  margin-bottom: 5px;
}

#settings_message {
  font-weight: bold;
  font-size: 14px;
  padding: 20px;
  border-radius: 10px;
}

#settings_message.success {
  background: #c5e49b;
  border: 1px solid #b6cd96;
}

#settings_message.error {
  background: #f2b3b3;
  border: 1px solid #e08080;
}
.pornstar span { text-transform:capitalize}
.listletter { text-align:center}
.listletter a{ border: 2px solid #f0f0f0;
    padding: 8px 10px;
    border-radius: 25px;
    line-height: 18px;
    text-decoration: none;
    display: inline-block;
    margin: 3px 1px; font-size:1.8em;text-transform: capitalize;}
.listletter a:hover { border-color:#F63}
.video-item > a > div.video-img > div.video-info > span.video-hd {font-size: 1.4em;
    position: absolute;
    bottom: 8px;
    background: #F00;
    border-radius: 5px;
    padding: 0 5px; opacity: 0.8;}
.suggestkey { padding:19px}
.suggestkey a { font-size:1.2em; text-decoration:none; display: inline-block; margin-right:10px}
.video_wap {position: relative;
    padding-bottom: 50%;
    width: 100%}
@media screen and (max-width: 566px) {
	.video_wap {
    width: 100%}
	.frame_wrapper { padding-bottom:0}
	}
.duryim { font-size:1.6em}
.itemvid { font-size:1.4em} .itemvid a { display:inline-block; margin-right:10px}
.butdown { float:left; margin-right:20px;}
.video_info_wrapper { margin-top:18px} .butdown a { color:#FFF; font-weight:bold; text-decoration:none}
.more-playlists { padding: 10px 20px; text-decoration:none; margin:5px; display:inline-block; border:solid 2px #F00}
.rightbar { text-align:center}
.findmb {  display:block; min-width:100%; border-radius: 0;}
.findmb #intext { width:100%}
.showdix { display:block !important}
.hidedix { display:none !important}
.btn-search {transform: scale(1.4)}
.cancel-bg { position:absolute; right: 10px; z-index: 101; bottom: -90px; display:none}
.cancel-bg i { font-size:6em; color:#FFF}
.rightlist { margin-top:10px;}
.rightlist div.video-thumb { margin-top:0 !important}
@media screen and (max-width: 1080px) {
.rightlist div.video-img { height:147px !important}
}

@media screen and (max-width: 1080px) {
.rightlist div.video-img { height:147px !important}
}

@media screen and (max-width: 566px) {
.rightlist div.video-img { height:auto !important}
}
.logo img { width:110px}
.fros { margin-top:-12% !important}
.video-item a { color:#333}
#searchInput { width: 100%;}

.csmall { width: 160px;}
.csmall .video-img img {
  width: 340px !important;;
  height: 120%;
  position: relative;
  left: -105%;
}

.csmall .video-img { height: 200px !important; } 

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1080px) {

}

@media screen and (max-width: 850px) {
}

@media screen and (max-width: 566px) {
  .csmall > a > div.video-img { height: 200px; padding-bottom:0; }
  .csmall > a > div.video-img > img { height: 240px; width: 340px; position: relative; margin-left: -12px; margin-top: -36px;}
}

@media screen and (max-width: 400px) { .csmall { margin-left: 5px; margin-right: 5px;}}

.listtb > a{ display: inline-block; margin-right: 10px; text-decoration:none; margin:2px 0; background:#930; color:#FFF; padding:2px 5px; border-radius:3px}
.listtb > a:hover { background:#09F}

.table2c {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin: 20px auto;
      border: 1px solid #ccc; 
      font-family: sans-serif;
      box-sizing: border-box;
    }


    .table2c > div {
      display: flex;
      border-bottom: 1px dotted #ccc;
    }

    .table2c > div:last-child {
      border-bottom: none; 
    }


    .table2c > div > div {
      padding: 5px;
      border-right: 1px dotted #ccc;
      box-sizing: border-box;
      text-align: left;
    }


    .table2c > div > div:first-child {
      width: 120px;
      background-color: #f9f9f9;
      border-right: 1px dotted #ccc;
    }


    .table2c > div > div:last-child {
      flex: 1;
      border-right: none;
    }
.video-titcode { font-size:1.4em}
.video-type { 
    position: absolute;
    z-index: 5;
    bottom: 0;
    padding: 0 5px;
    margin: 5px;
    color: #FFF; text-transform: capitalize;}
.video-info {white-space: pre;}
.bgred {background: #F00;}
.bgblue {background: rgb(28, 42, 238);}
.bggreen {background: rgb(20, 185, 70);}
.bgpink {background: rgb(224, 39, 200);}


.btn-more {
  background: linear-gradient(135deg, #4f8ef7, #6c63ff);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 28px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(76, 110, 245, 0.3);
  letter-spacing: 0.5px;
}

/* Hiệu ứng hover */
.btn-more:hover {
  background: linear-gradient(135deg, #6c63ff, #4f8ef7);
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(76, 110, 245, 0.4);
}

/* Hiệu ứng khi nhấn */
.btn-more:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(76, 110, 245, 0.3);
}
.pagination li { margin-right: 3px;}
.page-item span.active { color:#F00; border: solid #F00 1px; font-weight: bolder;}
.bigtl { 
    padding: 5px;
    text-align: center;
    color: #700a0a;
    border-radius: 5px;
    margin: 5px;
    font-size: 1.5em;}
.tagbar a { display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    text-decoration: none; font-size:1.5em}
.listcatemb { display: none; 
    position: absolute;
    width: 65%;
    top: 60px;
    background: rgba(255, 255, 255, 0.4);
    padding: 10px;
  z-index: 111;}
.listcatemb a { display: inline-block;
    background: #930;
    margin: 4px;
    padding: 5px;
    font-size: 1.5em;
    text-decoration: none;
    border-radius: 5px;
    color: #FFF;
    text-transform: capitalize;
}
.listcatemb a:nth-child(n+9) {
  padding: 5px 8px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #FFF;
  border: solid 1px #000;
}
.listcatemb a:hover {background: #09F;}
@media screen and (min-width: 850px) {
  .listcatemb a {
  padding: 5px 8px;
}
  .listcatemb { left: 50% ; transform: translateX(-50%)}
}