:root {
  --white: #fff;
  --bastille: #2b2c33;
  --revolver: #38383c;
  --suva-grey: #888;
  --dark-gray: #a7a7a7;
  --very-light-grey: #ccc;
  --bright-grey: #565960;
  --grey: #777;
  --nobel: #999;
  --fruit-salad: #46ad48;
  --charcoal: #444;
  --radical-red: #f5245f;
  --ruby: #e61550;
}

form .checkbox:checked + label::before {
  background: #46ad48;
  background: var(--fruit-salad);
}

form .checkbox:checked + span::before {
  background: #46ad48;
  background: var(--fruit-salad);
}

form .radio:checked + span::before {
  background: #46ad48;
  background: var(--fruit-salad);
}

form .radio:checked + label::before {
  background: #46ad48;
  background: var(--fruit-salad);
}

form .submit {
  background: #46ad48;
  background: var(--fruit-salad);
}

.margin-fix .bottom .submit.active {
  background: #46ad48;
  background: var(--fruit-salad);
}

.margin-fix .bottom .submit.right.active {
  background: #46ad48;
  background: var(--fruit-salad);
}

form .submit.active {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch form .bottom .submit.right:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

form .success {
  background: #46ad48;
  background: var(--fruit-salad);
}

form .progressbar .progress {
  background: #46ad48;
  background: var(--fruit-salad);
}

.toggle-button.inversed.active input::before {
  background: #46ad48;
  background: var(--fruit-salad);
}

.toggle-button.active {
  background: #46ad48;
  background: var(--fruit-salad);
}

.toggle-button.inversed.active {
  background: #46ad48;
  background: var(--fruit-salad);
}

.network a::before {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .member-links a:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .member-links a.disabled:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.navigation.open .button .ico-bar {
  background: #46ad48;
  background: var(--fruit-salad);
}

.navigation .primary a:before {
  background: #46ad48;
  background: var(--fruit-salad);
}

.navigation .primary .drop:hover > a {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .navigation .primary ul li a:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.navigation .secondary a:before {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .footer .nav a:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.sort:focus {
  background: #46ad48;
  background: var(--fruit-salad);
}

.sort:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .sort ul a:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.headline .button {
  background: #46ad48;
  background: var(--fruit-salad);
}

.headline .more {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .tags-cloud a:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .margin-fix .bottom .submit:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .margin-fix .bottom .submit.right:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .item .ico-fav-0:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .item .ico-fav-1:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.line-disabled {
  background: #46ad48;
  background: var(--fruit-salad);
}

.line-error {
  background: #46ad48;
  background: var(--fruit-salad);
}

.line-processing {
  background: #46ad48;
  background: var(--fruit-salad);
}

.item-control .toggle-button.active {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .item-control .toggle-button:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.item-control .toggle-button[data-action="select"].active::after {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .list-comments .comment-options .comment-edit:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.list-comments .comment-options span {
  background: #46ad48;
  background: var(--fruit-salad);
}

.pagination .page-current a {
  background: #46ad48;
  background: var(--fruit-salad);
}

.pagination .page-current span {
  background: #46ad48;
  background: var(--fruit-salad);
}

.load-more a:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.sidebar .list a::before {
  background: #46ad48;
  background: var(--fruit-salad);
}

.sidebar .filter li input:checked + label::before {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .block-channel .img .channel-user:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.block-channel .channel-list .rating .full {
  background: #46ad48;
  background: var(--fruit-salad);
}

.block-channel .channel-rating a {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .block-channel .channel-rating a.disabled:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.rating-container .scale-holder .scale {
  background: #46ad48;
  background: var(--fruit-salad);
}

.btn-favourites:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.btn-favourites ul li > a:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.btn-favourites ul li > span:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.tabs-menu .toggle-button.active {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .tabs-menu .toggle-button:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .block-details .item a:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.block-details .block-user .username a {
  background: #46ad48;
  background: var(--fruit-salad);
}

.block-screenshots span.item:before {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .block-share .block-size a:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.block-comments .toggle-button.active {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .block-comments .toggle-button:hover {
  background: #46ad48;
  background: var(--fruit-salad);
}

.related-videos .list-sort a:before {
  background: #46ad48;
  background: var(--fruit-salad);
}

.related-albums .list-sort a:before {
  background: #46ad48;
  background: var(--fruit-salad);
}

.related-videos .list-sort span:before {
  background: #46ad48;
  background: var(--fruit-salad);
}

.related-albums .list-sort span:before {
  background: #46ad48;
  background: var(--fruit-salad);
}

.btn-subscribe .toggle-button {
  background: #46ad48;
  background: var(--fruit-salad);
}

.user-menu span:before {
  background: #46ad48;
  background: var(--fruit-salad);
}

.user-menu a:before {
  background: #46ad48;
  background: var(--fruit-salad);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #46ad48;
  background: var(--fruit-salad);
}

.block-screenshots span.item:before {
  border-color: #46ad48;
  border-color: var(--fruit-salad);
  background: rgba(255, 255, 255, 0.1);
}

.block-screenshots a.item:before {
  border-color: #46ad48;
  border-color: var(--fruit-salad);
  background: rgba(255, 255, 255, 0.1);
}

.no-touch .block-share .block-size a:hover {
  border-color: #46ad48;
  border-color: var(--fruit-salad);
  background: rgba(255, 255, 255, 0.1);
}

.block-comments .toggle-button.active {
  border-color: #46ad48;
  border-color: var(--fruit-salad);
  background: rgba(255, 255, 255, 0.1);
}

.no-touch .block-comments .toggle-button:hover {
  border-color: #46ad48;
  border-color: var(--fruit-salad);
  background: rgba(255, 255, 255, 0.1);
}

.no-touch .item .ico-fav-0 {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .item .ico-fav-1 {
  background: #46ad48;
  background: var(--fruit-salad);
}

.no-touch .item .ico-fav-1:hover {
  background: #e61550;
  background: var(--ruby);
}

.no-touch .item .ico-fav-0:hover {
  background: #e61550;
  background: var(--ruby);
}

/* END MAIN COLORS OVERRIDES */

html {
  font: normal normal 14px/1.4 Open Sans;
  color: #a7a7a7;
  color: var(--dark-gray);
  background-color: #2b2c33;
  background-color: var(--bastille);
}

body {
  font: normal normal 14px/1.4 Open Sans;
  color: #a7a7a7;
  color: var(--dark-gray);
  background-color: #2b2c33;
  background-color: var(--bastille);
}

a {
  color: #888;
  color: var(--suva-grey);
  text-decoration: none;
  -webkit-transition: color .3s ease-in;
  transition: color .3s ease-in;
}

label,
button {
  cursor: pointer;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

button {
  border: none;
  text-align: center;
  border-radius: 3px;
}

input:focus,
button:focus,
textarea:focus {
  outline: none;
  box-shadow: none;
}

input.textfield {
  display: inline-block;
  background: #38383c;
  background: var(--revolver);
  font-size: 1.2rem;
  padding: .6rem 1rem;
  color: #ccc;
  color: var(--very-light-grey);
  border: 1px solid #999;
  border-radius: 4px;
}

textarea.textarea {
  display: inline-block;
  background: #38383c;
  background: var(--revolver);
  font-size: 1.2rem;
  padding: .6rem 1rem;
  color: #ccc;
  color: var(--very-light-grey);
  border: 1px solid #999;
  border-radius: 4px;
}

a,
button,
label,
input {
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out;
}

a {
  color: #46ad48;
  color: var(--fruit-salad);
  text-decoration: none;
}

a:hover {
  color: #e61550;
  color: var(--ruby);
}

.no-touch a:hover {
  color: #46ad48;
  color: var(--fruit-salad);
}

button.submit {
  background: #46ad48;
  background: var(--fruit-salad);
  text-align: center;
  border-radius: 8px;
  padding-top: .8rem;
  padding-bottom: .8rem;
  white-space: nowrap;
  text-decoration: none;
  color: #fff;
}

.no-touch form .submit:hover {
  background: #307731;
}

form .bottom .links p:first-child a {
  color: #46ad48;
  color: var(--fruit-salad);
  text-decoration: underline;
}

form .bottom a {
  color: #46ad48;
  color: var(--fruit-salad);
  text-decoration: underline;
}

.no-touch form .bottom a:hover {
  color: #e61550;
  color: var(--ruby);
  text-decoration: none;
}

form .checkbox + label::before {
  background: #888;
  background: var(--suva-grey);
  color: #888;
  color: var(--suva-grey);
}

form .checkbox + span::before {
  background: #888;
  background: var(--suva-grey);
  color: #888;
  color: var(--suva-grey);
}

form .checkbox:checked + label::before {
  background-color: #46ad48;
  background-color: var(--fruit-salad);
  border: 1px solid #46ad48;
  border: 1px solid var(--fruit-salad);
  color: #fff;
}

form .checkbox:checked + span::before {
  background-color: #46ad48;
  background-color: var(--fruit-salad);
  border: 1px solid #46ad48;
  border: 1px solid var(--fruit-salad);
  color: #fff;
}

h1 {
  font: normal 600 1rem/1.6 "Open Sans";
  color: #a7a7a7;
  color: var(--dark-gray);
}

h2 {
  font: normal 600 1rem/1.6 "Open Sans";
  color: #a7a7a7;
  color: var(--dark-gray);
}

h3 {
  font: normal 600 1rem/1.6 "Open Sans";
  color: #a7a7a7;
  color: var(--dark-gray);
}

h4 {
  font: normal 600 1rem/1.6 "Open Sans";
  color: #a7a7a7;
  color: var(--dark-gray);
}

h5 {
  font: normal 600 1rem/1.6 "Open Sans";
  color: #a7a7a7;
  color: var(--dark-gray);
}

h1 {
  font-size: 160%;
}

h2 {
  font-size: 140%;
}

h3 {
  font-size: 120%;
}

h4 {
  font-size: 110%;
}

h5 {
  font-size: 100%;
}

/* Fancybox */

.fancybox-opened .fancybox-skin {
  padding: 1rem;
  border-radius: 6px;
  box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.3);
  background-color: #151515;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}

.fancybox-opened .fancybox-skin form label {
  color: #e6e6e6;
}

.popup-holder {
  background: #38383c;
  background: var(--revolver);
}

.popup-title {
  padding: 1rem 3rem 1rem 2rem;
  font-size: 1.8rem;
}

.fancybox-close {
  top: 1rem !important;
}

/* END Fancybox */

/* SIDEBAR */

.sidebar {
  background: #38383c;
  background: var(--revolver);
  margin-top: 90px !important;
}

.sidebar .filter li input:checked + label::before {
  background-color: #46ad48;
  background-color: var(--fruit-salad);
  border-color: #46ad48;
  border-color: var(--fruit-salad);
}

/* END SIDEBAR */

/* theme defaults overrides */

.no-touch .navigation .primary a:hover {
  color: #fff;
  background: #46ad48;
  background: var(--fruit-salad);
}

.top-links,
.container,
.header,
.header + nav,
.item .img,
.footer-margin,
.footer {
  background: none;
  box-shadow: none;
  border-radius: 0;
}

.list-playlists .item,
.list-models .item,
.list-sponsors .item,
.list-channels .item,
.list-categories .item,
.list-albums .item,
.list-albums-images .item,
.list-videos .item,
.list-videos-screenshots {
  background: none;
  border-radius: 0;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
}

.list-playlists .item:hover,
.list-models .item:hover,
.list-sponsors .item:hover,
.list-channels .item:hover,
.list-categories .item:hover,
.list-albums .item:hover,
.list-albums-images .item:hover,
.list-videos .item:hover,
.list-videos-screenshots:hover {
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.12);
}

.top-links {
  border-bottom: none;
}

.member-links a {
  text-transform: uppercase;
  line-height: 1.6;
  padding-top: .3rem;
  padding-bottom: .3rem;
  text-align: center;
}

.member-links .accent-green a {
  color: #46ad48;
  color: var(--fruit-salad);
}

.item .title {
  color: #777;
  color: var(--grey);
}

.item:hover .title {
  color: #46ad48;
  color: var(--fruit-salad);
}

.item .wrap {
  color: #ccc;
  color: var(--very-light-grey);
}

.item .wrap *:before {
  color: #777;
  color: var(--grey);
}

.item .positive {
  color: #46ad48;
  color: var(--fruit-salad);
}

.item .positive:before {
  color: #46ad48;
  color: var(--fruit-salad);
}

.no-touch .item:hover .title {
  color: #46ad48;
  color: var(--fruit-salad);
}

.list-playlists .item .title:hover {
  color: #e61550;
  color: var(--ruby);
  text-decoration: underline;
}

.list-albums .item .title:hover {
  color: #e61550;
  color: var(--ruby);
  text-decoration: underline;
}

.list-videos .item .title:hover {
  color: #e61550;
  color: var(--ruby);
  text-decoration: underline;
}

.sort {
  background: #38383c;
  background: var(--revolver);
}

.sort ul {
  background: #38383c;
  background: var(--revolver);
}

.sort ul a {
  color: #ccc;
  color: var(--very-light-grey);
}

/* MOVIE PAGE */

.related-videos .list-sort span {
  font-family: "Open Sans";
  color: #a7a7a7;
  color: var(--dark-gray);
  font-size: 1.6rem;
}

.related-albums .list-sort span {
  font-family: "Open Sans";
  color: #a7a7a7;
  color: var(--dark-gray);
  font-size: 1.6rem;
}

.related-videos {
  font-family: "Open Sans";
  color: #a7a7a7;
  color: var(--dark-gray);
  font-size: 1.6rem;
}

.related-videos .list-sort span {
  font-family: "Open Sans";
  color: #a7a7a7;
  color: var(--dark-gray);
  font-size: 1.6rem;
}

.related-albums .list-sort span {
  font-family: "Open Sans";
  color: #a7a7a7;
  color: var(--dark-gray);
  font-size: 1.6rem;
}

.list-sort a:hover {
  font-family: "Open Sans";
  color: #e61550;
  color: var(--ruby);
  font-size: 1.6rem;
}

.related-albums .list-sort a:hover {
  font-family: "Open Sans";
  color: #e61550;
  color: var(--ruby);
  font-size: 1.6rem;
}

.related-videos .list-sort a:hover {
  font-family: "Open Sans";
  color: #e61550;
  color: var(--ruby);
  font-size: 1.6rem;
}

.related-albums .list-sort a:hover {
  font-family: "Open Sans";
  color: #e61550;
  color: var(--ruby);
  font-size: 1.6rem;
}

.list-sort li {
  font-size: 1.6rem;
}

/* underlines under tabs */

.related-videos .list-sort a:before {
  background-color: #46ad48;
  background-color: var(--fruit-salad);
}

.related-albums .list-sort a:before {
  background-color: #46ad48;
  background-color: var(--fruit-salad);
}

.related-videos .list-sort span:before {
  background-color: #46ad48;
  background-color: var(--fruit-salad);
}

.related-albums .list-sort span:before {
  background-color: #46ad48;
  background-color: var(--fruit-salad);
}

/* end underlines under tabs */

/* video infos */

.rate-dislike,
.rate-like {
  width: 2rem;
  height: 2rem;
}

.rate-like:before {
  display: inline-block;
  color: #46ad48;
  color: var(--fruit-salad);
  font-size: 1.8rem;
}

.no-touch .rate-like:hover::before {
  color: #46ad48;
  color: var(--fruit-salad);
  opacity: 0.7;
}

.rate-dislike:before {
  display: inline-block;
  color: #e61550;
  color: var(--ruby);
  font-size: 1.8rem;
}

.no-touch .rate-dislike:hover::before {
  color: #e61550;
  color: var(--ruby);
  opacity: 0.7;
}

.rating-container .scale-holder .scale {
  background-color: #46ad48;
  background-color: var(--fruit-salad);
}

.rate-like.voted::before {
  color: #46ad48;
  color: var(--fruit-salad);
  text-shadow: -2px -2px rgba(0, 0, 0, 0.3);
}

.btn-favourites ul li span:before {
  color: #46ad48;
  color: var(--fruit-salad);
}

.info-buttons {
  border-color: #38383c;
  border-color: var(--revolver);
}

.btn-favourites {
  background-color: #46ad48;
  background-color: var(--fruit-salad);
}

.btn-favourites:hover {
  background-color: #e61550;
  background-color: var(--ruby);
}

.btn-favourites ul {
  background-color: #38383c;
  background-color: var(--revolver);
}

.btn-favourites ul li > a:hover {
  background-color: #46ad48;
  background-color: var(--fruit-salad);
}

.btn-favourites ul li > span:hover {
  background-color: #46ad48;
  background-color: var(--fruit-salad);
}

.block-video .video-holder {
  background-color: transparent;
}

.block-details .item {
  display: block;
  margin-bottom: 1rem;
}

.block-details .item span {
  color: #888;
  color: var(--suva-grey);
}

.block-details .item a {
  background-color: transparent;
  color: #46ad48;
  color: var(--fruit-salad);
  padding: .2rem;
  font-size: 1rem;
  border-radius: 0;
}

.no-touch .block-details .item a:hover {
  background-color: transparent;
  color: #e61550;
  color: var(--ruby);
  text-decoration: underline;
}

.tabs-menu .toggle-button {
  background-color: #46ad48;
  background-color: var(--fruit-salad);
}

.no-touch .tabs-menu .toggle-button:hover {
  background-color: #46ad48;
  background-color: var(--fruit-salad);
  opacity: .7;
}

.tabs-menu .toggle-button.active {
  background-color: #e61550;
  background-color: var(--ruby);
}

.list-comments .comment-info {
  color: #a7a7a7;
  color: var(--dark-gray);
}

.no-touch .list-comments .comment-options a.comment-like:hover {
  color: #e61550;
  color: var(--ruby);
}

.block-comments .toggle-button {
  background: #46ad48;
  background: var(--fruit-salad);
}

.block-comments .toggle-button:hover {
  background: #e61550;
  background: var(--ruby);
}

.block-video .no-player .vast-become-member table:hover,
.block-video .vast-become-member table:hover {
  box-shadow: 0 0 20px 7px rgba(0, 0, 0, 0.3);
}

.block-video .no-player .vast-become-member table td,
.block-video .vast-become-member table td {
  position: relative;
}

.block-video .no-player .vast-become-member table img,
.block-video .vast-become-member table img {
  display: block;
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  opacity: 1;
}

.block-video .no-player .vast-become-member a,
.block-video .vast-become-member a {
  display: inline-block;
  color: #fff !important;
  text-decoration: none !important;
}

.block-video .no-player .vast-become-member a:hover {
  color: #e61550 !important;
  color: var(--ruby) !important;
}

.block-video .vast-become-member a:hover {
  color: #e61550 !important;
  color: var(--ruby) !important;
}

.block-video .no-player .vast-become-member .vast-become-member__submit,
.block-video .vast-become-member .vast-become-member__submit {
  width: 100%;
  display: block;
  margin: 0 auto 1rem;
  border-radius: 0;
  font-size: 1.6rem;
  font-weight: 600;
}

.block-video .no-player .vast-become-member .vast-become-member__submit:hover {
  background: #e61550;
  background: var(--ruby);
}

.block-video .vast-become-member .vast-become-member__submit:hover {
  background: #e61550;
  background: var(--ruby);
}

/* END MOVIE PAGE */

/* PAGER */

.pagination a {
  background: transparent;
  color: #777;
  color: var(--grey);
  border-radius: 6px;
}

.pagination span {
  background: transparent;
  color: #777;
  color: var(--grey);
  border-radius: 6px;
}

.pagination .page-current a {
  color: #fff;
  background: #e61550;
  background: var(--ruby);
}

.pagination .page-current span {
  color: #fff;
  background: #e61550;
  background: var(--ruby);
}

/* END PAGER */

p.text {
  font-size: 1rem;
  color: #777;
  color: var(--grey);
}

/* MODEL PAGE */

.block-model {
  background: transparent;
  color: #888;
  color: var(--suva-grey);
}

.block-model .website {
  color: #888;
  color: var(--suva-grey);
}

.block-model .model-list li {
  color: #888;
  color: var(--suva-grey);
}

.block-model .img {
    width: 280px;
    height: 200px;
}

/* END MODEL PAGE */

.footer .txt {
  color: #777;
  color: var(--grey);
}

.footer .copyright {
  color: #777;
  color: var(--grey);
}

.footer .copyright a {
  color: #777;
  color: var(--grey);
}

/* PROFILE */

.block-profile {
  background: transparent;
}

.profile-list .margin-fix {
  color: #a7a7a7;
  color: var(--dark-gray);
}

.member-menu {
  background: #38383c;
  background: var(--revolver);
}

.user-menu span {
  color: #46ad48;
  color: var(--fruit-salad);
}

.no-touch .user-menu a:hover {
  color: #e61550;
  color: var(--ruby);
}

/* END PROFILE */


/* STATIC BANNERS */

.static-banner {
  display: block;
  margin: 5rem auto 1rem;
  position: relative;
  overflow: hidden;
}

.static-banner a,
.static-banner img {
  margin: 0 auto;
  display: block;
  width: 100%;
  height: auto;
}

.static-banner a {
  text-decoration: none;
}

.static-banner img {
  min-width: 100%;
}

/* END STATIC BANNERS */


.navigation .button .ico-bar {
  background: #888;
  background: var(--suva-grey);
}

.navigation.open .button .ico-bar {
  background: #e61550;
  background: var(--ruby);
}

.navigation .primary .selected a {
  color: #fff;
  background: #e61550;
  background: var(--ruby);
}

.navigation .primary .selected a::before {
  color: #fff;
  background: #e61550;
  background: var(--ruby);
}

.member-links a {
  color: #888;
  color: var(--suva-grey);
}

/*/=========================== MEDIA QUERIES */

@media all and (min-width: 861px) {
  .list-playlists .item,
  .list-sponsors .item,
  .list-channels .item,
  .list-categories .item,
  .list-albums .item,
  .list-albums-images .item,
  .list-videos .item,
  .list-videos-screenshots .item {
    width: calc(33.33% - 10px);
  }
}

@media all and (min-width: 1152px) {
  .main-header-wrap {
    background: #2b2c33;
    background: var(--bastille);
    box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #38383c;
    border-bottom: 1px solid var(--revolver);
    z-index: 20;
    position: fixed;
    top: 0;
    width: 100%;
  }

  .main-header-wrap + * {
    margin-top: 6rem !important;
  }

  .main-header {
    width: 1260px;
    margin: 0 auto;
    padding-top: 1.8rem;
    padding-bottom: 1rem;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: center;
        align-content: center;
  }

  .main-header .main-header__logo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .main-header .main-header__nav {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-left: 2rem;
    margin-right: 1rem;
  }

  .main-header .main-header__logins {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    position: relative;
  }

  .main-header .navigation .primary {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: center;
  }

  .main-header .navigation .primary li {
    margin-left: .2rem;
    margin-right: .2rem;
  }

  .main-header .navigation .primary a {
    display: inline-block;
    padding: .5rem 1rem;
    border-radius: 3px;
    text-transform: none;
    font-size: 120%;
    color: #888;
    color: var(--suva-grey);
  }

  .main-header .navigation .primary a:before {
    display: none;
  }

  .main-header .navigation .primary .selected a {
    color: #fff;
  }

  .main-header #item1 {
    min-width: 3rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem;
    overflow: hidden;
    text-indent: -10rem;
    color: #fff !important;
  }

  .main-header #item1:after {
    text-indent: 0;
  }

  .top-links {
    padding-right: 0;
  }

  .top-links li:last-child {
    padding-right: 0;
  }

  .search {
    display: none;
    position: absolute;
    right: 0rem;
    top: 100%;
    margin-top: 0rem;
    width: 450px;
    z-index: 10;
  }

  .search:before {
    content: '';
    display: block;
    height: 1.4rem;
    margin-top: -1.4rem;
  }

  .search-cntr__icon {
    display: block;
    margin-left: 1rem;
  }

  .search-cntr:hover .search {
    display: block;
  }

  .navigation .primary .selected a::before,
  .navigation .primary .selected a::after {
    color: #fff;
  }
}

@media screen and (max-width: 1152px) {
  .navigation .primary {
    background: #38383c;
    background: var(--revolver);
  }
}

@media all and (max-width: 1151px) {
  .main-header {
    position: relative;
    width: 100%;
  }

  .main-header .main-header__logo {
    margin: 1rem auto;
    text-align: center;
  }

  .main-header .main-header__nav .navigation {
    position: initial;
  }

  .main-header .main-header__nav .navigation .button {
    display: inline-block;
    width: auto;
    position: absolute;
    top: .3rem;
    right: 1rem;
  }

  .main-header .main-header__nav .primary {
    border-radius: 6px;
    box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.3);
  }

  .search-cntr {
    width: 100%;
    display: block;
  }
}

/*/=========================== END MEDIA QUERIES */





.u-my-1 {
  margin-top: .3rem;
  margin-bottom: .3rem;
}

.u-my-2 {
  margin-top: .6rem;
  margin-bottom: .6rem;
}

.u-my-3 {
  margin-top: .9rem;
  margin-bottom: .9rem;
}

.u-my-4 {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}

.u-my-5 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.u-mxa {
  margin-left: auto;
  margin-right: auto;
}

.u-mt-10 {
  margin-top: 1rem;
}

.u-mt-20 {
  margin-top: 2rem;
}

.u-mt-30 {
  margin-top: 3rem;
}

.u-mt-40 {
  margin-top: 4rem;
}

.u-mb-10 {
  margin-bottom: 1rem;
}

.u-mb-20 {
  margin-bottom: 2rem;
}

.u-mb-30 {
  margin-bottom: 3rem;
}

.u-mb-40 {
  margin-bottom: 4rem;
}

.u-pt-10 {
  padding-top: 1rem;
}

.u-pt-20 {
  padding-top: 2rem;
}

.u-pt-30 {
  padding-top: 3rem;
}

.u-pt-40 {
  padding-top: 4rem;
}

.u-pb-10 {
  padding-bottom: 1rem;
}

.u-pb-20 {
  padding-bottom: 2rem;
}

.u-pb-30 {
  padding-bottom: 3rem;
}

.u-pb-40 {
  padding-bottom: 4rem;
}

.u-py-1 {
  padding-top: .3rem;
  padding-bottom: .3rem;
}

.u-py-2 {
  padding-top: .6rem;
  padding-bottom: .6rem;
}

.u-py-3 {
  padding-top: .9rem;
  padding-bottom: .9rem;
}

.u-py-4 {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.u-py-5 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.u-block {
  display: block !important;
}

.u-inline-block {
  display: inline-block !important;
}

.u-flex {
  display: -webkit-box;
  display: flex;
}

.u-inline-flex {
  display: -webkit-inline-box;
  display: inline-flex;
}

.u-justify--between {
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.u-justify--around {
  justify-content: space-around;
}

.u-justify--start {
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.u-justify--end {
  -webkit-box-pack: end;
  justify-content: flex-end;
}

.u-justify--center {
  -webkit-box-pack: center;
  justify-content: center;
}

.u-align--start {
  -webkit-box-align: start;
  align-items: flex-start;
}

.u-align--end {
  -webkit-box-align: end;
  align-items: flex-end;
}

.u-align--center {
  -webkit-box-align: center;
  align-items: center;
}

.u-align--stretch {
  -webkit-box-align: stretch;
  align-items: stretch;
}

.u-float--left {
  float: left;
}

.u-float--right {
  float: right;
}

.u-width--full {
  display: block;
  width: 100%;
}

.u-width--auto {
  display: inline-block;
  width: auto;
}

.u-wide--40,
.u-wide--50,
.u-wide--60 {
  margin-left: auto;
  margin-right: auto;
  display: block !important;
}

.u-wide--90 {
  width: auto;
}

.u-wide--60 {
  width: auto;
}

.u-wide--50 {
  width: auto;
}

.u-wide--40 {
  width: auto;
}

.u-line--top {
  border-top: 1px solid #38383c;
  border-top: 1px solid var(--revolver);
}

.u-line--bottom {
  border-bottom: 1px solid #38383c;
  border-bottom: 1px solid var(--revolver);
}

.u-has-overlay:before {
  position: absolute;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  content: "";
  background: rgba(0, 0, 0, .8);
}

.c-btn {
  display: inline-block;
  background: #46ad48;
  background: var(--fruit-salad);
  text-align: center;
  border-radius: 8px;
  padding-top: .8rem;
  padding-bottom: .8rem;
  white-space: nowrap;
  text-decoration: none;
  padding-left: 1rem;
  padding-right: 1rem;
  color: #fff;
  color: var(--white);
}

.c-btn:hover {
  color: #fff !important;
  color: var(--white) !important;
  background: #307731;
}

.c-btn.c-btn--medium {
  font: normal 600 110%/1.6 Open Sans;
}

.c-btn.c-btn--bold {
  font: normal 600 135%/1.6 Open Sans;
}


.block-video .no-player .message table {
  display: none;
}

@media all and (min-width: 768px) {
  .block-video .no-player .message table {
    display: table;
  }

}


* {box-sizing: border-box;}
form {
  width: auto;
  float: right;
  margin-right: 30px;
}
input {
  width: 60px;
  height: 30px;
  padding-left: 7px;
  border-radius: 30px;
  border: 2px solid #4C667A;
  background: #2B2C33;
  outline: none;
  position: relative;
  transition: .3s linear;
  font-size: 120%;
  color: #A7A7A7;

}
input:focus {
  width: 200px;
}
button {
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  position: absolute;
  top: -2px;
  right: 0;
}
button:before{
  font-family: FontAwesome;
  color: #4C667A;
}