@charset "UTF-8";html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,code,del,dfn,em,img,q,s,samp,small,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,main,nav,output,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

ol,ul {
    list-style: none
}

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

body {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-align: center;
    line-height: 1.15
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

figure {
    margin: 1em 40px
}

img {
    border-style: none
}

button,[type=button],[type=reset],[type=submit] {
    cursor: pointer
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

[hidden] {
    display: none!important
}

[clear] {
    clear: both
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v16/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
    unicode-range: U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v16/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v16/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v16/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v16/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
    unicode-range: U+0102-0103,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v16/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
    unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
}

body {
    background: #3c3c3c url(images/bg-084f581398.gif);
    font-family: Lucida Sans Unicode,Lucida Grande,sans-serif
}

a {
    text-decoration: none;
    color: #3fabca
}

img {
    display: block;
    max-width: 100%
}

.clear {
    clear: both
}

.is-hidden {
    display: none
}

.clearfix:after,.b-form-row:after,.b-msn__footer:after,.content-removal:after,.clearfix:before,.b-form-row:before,.b-msn__footer:before,.content-removal:before {
    content: ' ';
    display: block;
    clear: both;
    width: 100%
}

.f-left {
    float: left
}

.f-right {
    float: right
}

.ninja {
    position: absolute;
    top: -999999px;
    left: -999999px
}

@font-face {
    font-family: "icon";
    src: url(fonts/icon-19cca12915.eot?y8zdbk);
    src: url(fonts/icon-19cca12915.eot?y8zdbk#iefix) format("embedded-opentype"),url(fonts/icon-e1e7aa263c.ttf?y8zdbk) format("truetype"),url(fonts/icon-7ce7403590.woff?y8zdbk) format("woff"),url(fonts/icon-2cb48c4c97.svg?y8zdbk#icon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=icon-],[class*=" icon-"] {
    font-family: "icon"!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-camera:before {
    content: ""
}

.icon-menu:before {
    content: ""
}

.icon-live_tv:before {
    content: ""
}

.icon-clock:before {
    content: ""
}

.icon-display:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-trophy:before {
    content: ""
}

.icon-eye:before {
    content: ""
}

.icon-heart:before {
    content: ""
}

.icon-play-2:before {
    content: ""
}

.icon-pause:before {
    content: ""
}

.icon-stop:before {
    content: ""
}

.icon-volume-4:before {
    content: ""
}

.icon-volume-3:before {
    content: ""
}

.icon-volume-2:before {
    content: ""
}

.icon-volume-1:before {
    content: ""
}

.icon-volume-0:before {
    content: ""
}

.icon-volume-inc:before {
    content: ""
}

.icon-volume-dec:before {
    content: ""
}

header {
    display: inline-block;
    width: 100%;
    background: rgba(0,0,0,.35)
}

header .header-row {
    max-width: 1100px;
    margin: 0 auto;
    padding: 5px 0
}

header .nav-wrapp {
    width: 100%;
    background: #3d3d3d;
    border-top: 1px solid #575757;
    border-bottom: 1px solid #191919;
    margin-top: 5px;
    position: relative
}

header .nav-wrapp .header-row {
    padding: 0
}

header .nav-wrapp:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: -2px;
    background: #000
}

header .nav-wrapp:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background: #505050
}

header .header-row.main {
    padding: 2px 0
}

header .logo {
    display: block;
    width: 300px;
    height: 58px;
    overflow: hidden;
    float: left;
    margin-top: 5px
}

header .logo a {
    display: block;
    width: 100%;
    height: 100%
}

header p.about {
    width: 100%;
    border-bottom: 1px dashed #505050;
    padding: 0 0 7px 0;
    font-size: 14px;
    color: #f7f7f7;
    text-shadow: 1px 1px 1px #000;
    text-align: left;
    position: relative;
    margin-bottom: 7px
}

header p.about:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #050505;
    position: absolute;
    bottom: -2px;
    left: 0
}

.mi-mobile-spots {
    background: rgba(0,0,0,.35);
    border-bottom: 1px solid #575757;
    padding: 0;
    display: none
}

.mi-mobile-spots a {
    line-height: 24px;
    text-shadow: 1px 1px 1px #000;
    color: #dca82f
}

.mi-mobile-spots a i {
    display: none
}

.network {
    border-bottom: 1px solid #795110
}

.network .header-row {
    text-align: left;
    padding: 0
}

.network .header-row a {
    font-size: 12px;
    margin-right: 10px;
    line-height: 24px;
    text-shadow: 1px 1px 1px #000
}

.network .header-row a:hover {
    text-decoration: underline
}

.logo h1 {
    width: 0;
    height: 0;
    text-indent: 999999px;
    white-space: nowrap;
    margin: 0
}

header {
    position: relative
}

header nav {
    float: right
}

header nav li {
    float: left;
    margin-left: 10px
}

header .head-top-list {
    width: 410px;
    text-align: center;
    font-size: 0;
    float: left;
    padding-left: 40px;
    padding-top: 7px
}

header .head-top-list ul {
    display: inline-block;
    width: 33%;
    font-size: 13px;
    color: #dca82f
}

header .head-top-list ul li {
    text-align: left;
    font-size: 12px;
    margin-bottom: 1px;
    color: #dca82f;
    text-shadow: 1px 1px 1px #101010
}

header .head-top-list ul li a {
    font-size: 12px;
    color: #d7d7d7
}

header .head-top-list ul a:hover {
    text-decoration: underline
}

header .search {
    float: right;
    text-align: right;
    margin-top: -12px
}

header .mobile-btn {
    border: none;
    outline: none;
    background: 0 0;
    text-align: center;
    height: 36px;
    width: 36px;
    display: none;
    margin-top: 8px;
    text-shadow: 1px 1px 1px #000;
    color: #dca82f;
    font-size: 22px;
    padding: 0
}

header .mobile-btn img {
    display: block;
    width: 32px
}

header .mobile-btn.menu-btn {
    float: left
}

header .mobile-btn.search-btn {
    float: right
}

.mobile-random.header-spot {
    text-align: center;
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 8px;
    white-space: nowrap;
    width: 100%;
    position: relative;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    height: 100px
}

.mobile-random:empty {
    display: none
}

.search .bookmark {
    text-indent: -1000em;
    font-size: 0;
    display: block;
    background: url(images/bookshare-9b589725ba.gif) top left;
    width: 180px;
    height: 26px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    margin-bottom: 10px
}

.search:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.search form {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.search .search-field {
    float: left;
    border: 1px solid #191919;
    background: #404040;
    width: 180px;
    height: 24px;
    font-size: 14px;
    padding: 0 25px 1px 5px;
    color: #c7c7c7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px
}

.search .search-field::-webkit-input-placeholder {
    color: #fff
}

.search .search-field::-moz-placeholder {
    color: #fff
}

.search .search-field:-ms-input-placeholder {
    color: #fff
}

.search .search-field:-moz-placeholder {
    color: #fff
}

.search .search-button {
    position: absolute;
    display: block;
    width: 24px;
    height: 23px;
    top: 1px;
    right: 1px;
    border: 0;
    text-shadow: 1px 1px 1px #000;
    outline: none;
    color: #9a9a9a;
    cursor: pointer;
    padding: 0;
    text-align: center;
    background: 0 0
}

header .head-nav {
    text-align: center;
    font-size: 0
}

header .head-description {
    font-size: 10px;
    color: #fff;
    float: left;
    width: 50%
}

header .head-nav a {
    color: #fff;
    line-height: 30px;
    font-weight: 700;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    padding-right: 16px;
    font-size: 14px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-right: 1px solid #555;
    position: relative
}

header .head-nav a:first-child {
    border-left: 1px solid #555
}

header .head-nav a:after {
    content: '';
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    right: 0;
    top: 0;
    background: #191919
}

header .head-nav a.active,header .head-nav a:hover {
    background: #3fabca;
    text-shadow: 1px 1px 1px #1a7994
}

footer {
    display: block;
    width: 100%;
    background: rgba(0,0,0,.35);
    padding-top: 5px;
    border-top: 1px solid #101010;
    text-shadow: 1px 1px 1px #000
}

.footer-row {
    max-width: 1220px;
    margin: 0 auto;
    padding-bottom: 5px
}

.footer-row .description {
    float: left;
    text-align: left;
    width: 50%;
    font-size: 12px;
    color: #fff
}

.footer-row .footer-nav {
    float: right;
    text-align: right;
    width: 50%;
    font-size: 12px;
    color: #fff
}

.footer-row .footer-nav a:hover {
    text-decoration: underline
}

.videojs-hero-overlay {
    width: 310px;
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -155px;
    margin-top: -175px;
    text-align: center
}

.videojs-hero-overlay.multiple-items {
    width: 626px;
    margin-left: -313px
}

.videojs-hero-overlay.multiple-items .videojs-hero .videojs-hero__title {
    display: block
}

.videojs-hero-overlay.multiple-items .videojs-hero__wrapper iframe,.videojs-hero-overlay.multiple-items .videojs-hero__wrapper>div {
    display: inline-block
}

.videojs-hero-overlay iframe {
    margin: 0 auto 0;
    width: 300px!important;
    height: 250px!important;
    display: inline-block
}

.videojs-hero {
    background: rgba(32,46,57,.2);
    padding-bottom: 5px
}

.videojs-hero__title {
    padding: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    background: #1b1b1b;
    height: 35px;
    position: relative
}

body.mobile .videojs-hero__resume {
    display: none
}

.videojs-hero__resume {
    display: inline-block;
    line-height: 27px;
    background: #202e39;
    font-size: 14px;
    padding: 0 10px;
    cursor: pointer;
    margin-top: 5px;
    color: #fff
}

.videojs-hero__resume:hover {
    background: rgba(32,46,57,.7);
    color: #fff
}

.videojs-hero__resume img {
    display: inline-block;
    position: relative;
    top: 1px
}

.videojs-hero__close {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background: #262626;
    text-align: center;
    line-height: 35px;
    color: #fff
}

.videojs-hero__close img {
    display: inline-block;
    line-height: 35px;
    top: 9px;
    position: relative
}

.videojs-hero__close i {
    font-size: 20px;
    position: relative;
    top: 8px
}

.transparent {
    display: none!important
}

.video__logo {
    display: block;
    position: absolute;
    bottom: 40px;
    left: 5px;
    width: 150px;
    opacity: .4
}

.video__logo img {
    width: 100%
}

.video-js {
    padding-top: 56.25%
}

.vjs-fullscreen {
    padding-top: 0
}

.videocontent {
    max-width: 640px
}

.thumb-list {
    margin-bottom: 20px
}

.thumb-list.related {
    max-width: 1220px;
    margin: 0 auto
}

.thumb-list h2 {
    padding: 2px;
    font-size: 24px;
    font-weight: 700;
    color: #1eb6e7
}

.thumb-list__wrapper {
    font-size: 0
}

.thumb-item {
    border: 1px solid #555;
    background: rgba(0,0,0,.35);
    display: inline-block;
    width: 240px;
    margin: 0 2px 4px 2px;
    vertical-align: middle;
    border-radius: 5px;
    padding: 5px 5px 0 5px
}

.thumb-item a {
    display: block;
    position: relative;
    width: 100%
}

.thumb-item>a img,.thumb-item>a picture {
    width: 100%;
    height: 180px;
    border: 1px solid #c19633
}

.thumb-item__details {
    color: #dca82f
}

.thumb-item__title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #dca82f;
    text-shadow: 1px 1px 1px #000;
    line-height: 14px;
    font-size: 12px;
    font-weight: 300;
    margin-top: 2px;
    margin-bottom: 2px;
    display: block;
    text-align: left;
    padding-left: 5px
}

.thumb-item__details {
    padding: 0 5px;
    color: #dedede;
    text-shadow: 1px 1px 1px #000;
    font-size: 12px
}

.thumb-item__details:after {
    content: ' ';
    display: block;
    width: 100%;
    clear: both
}

.thumb-item__channel {
    text-align: left;
    padding-left: 5px;
    padding-bottom: 3px
}

.thumb-item__channel span {
    font-size: 12px;
    color: #dedede
}

.thumb-item__details>div {
    display: inline-block;
    line-height: 17px
}

.thumb-item__details span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #dedede
}

.thumb-item__details-title {
    text-transform: capitalize
}

.thumb-item__details div span:last-child {
    color: #fff
}

.thumb-item__channel a {
    display: inline;
    font-size: 12px;
    color: #dca82f;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000
}

.thumb-item__channel a:hover {
    text-decoration: underline
}

.thumb-item__channel-logo {
    position: absolute;
    right: 5px;
    bottom: 37px;
    width: 30%;
    padding-top: 30%;
    background: #404040;
    z-index: 1;
    box-shadow: 0 0 6px rgba(0,0,0,.6);
    border: 1px solid #dca82f
}

.thumb-item__channel-logo img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.thumb-item__details>div:first-child {
    float: left
}

.thumb-item__details>div:last-child {
    float: right
}

.thumb-item__details img {
    display: inline-block;
    width: 17px;
    vertical-align: middle;
    margin-right: 5px
}

.thumb-item__details span {
    font-size: 10px
}

.thumb-item .channel-logo {
    position: absolute;
    right: 4px;
    bottom: 22px;
    width: 25%;
    padding-top: 25%;
    background: rgba(0,0,0,.35);
    z-index: 1;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.75)
}

.thumb-item .channel-logo img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: none
}

.b-dropdown--icon {
    margin-right: 10px;
    cursor: pointer;
    position: relative;
    padding: 5px 5px 5px 10px;
    z-index: 10;
    float: right
}

.b-dropdown--icon__selected {
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    white-space: nowrap
}

.b-dropdown--icon__selected img {
    float: left;
    margin-right: 5px
}

.b-dropdown--icon__selected.lang {
    background: no-repeat left;
    width: 30px;
    height: 21px;
    background-size: 100%;
    margin-top: 4px
}

@media only screen and (max-width: 960px) {
    .b-dropdown--icon__selected.lang {
        margin-top:9px
    }
}

.b-dropdown--icon i {
    top: -2px
}

.b-dropdown--icon__select {
    margin-right: 5px;
    position: absolute;
    width: 100%;
    background: #252626;
    left: 3px;
    line-height: 24px
}

.b-dropdown--icon__select .icon-arr-down {
    top: -7px
}

.b-dropdown--icon__select>a {
    overflow: hidden;
    display: block;
    padding: 5px 7px
}

.b-dropdown--icon__select>a:hover {
    background: #181919
}

.b-dropdown--icon__select img {
    float: left
}

.b-dropdown--icon__select span {
    font-size: 12px
}

.tags {
    background: rgba(0,0,0,.35);
    padding: 20px 0
}

.tags__wrapper {
    columns: 100px 10;
    max-width: 1000px;
    margin: 0 auto;
    font-size: 0
}

.tags a {
    width: 100px;
    text-align: left;
    display: inline-block;
    margin-bottom: 5px;
    line-height: 14px;
    text-shadow: 1px 1px 1px #000;
    color: #d7d7d7;
    font-size: 14px
}

.tags a:hover {
    color: #dca82f;
    text-decoration: underline
}

.tags.is-closed a:nth-child(100)~a {
    display: none
}

.tags .toggle-tags {
    margin-top: 10px;
    display: inline-block;
    padding: 7px 15px;
    font-size: 18px;
    color: #fff;
    text-shadow: 1px 1px 1px #1a7994;
    border: 1px solid #000;
    border-top: 1px solid #54c9eb;
    background: #3fabca;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    cursor: pointer
}

.tags .toggle-tags:hover {
    opacity: .9
}

.pagination {
    margin-bottom: 20px;
    color: #fff;
    font-size: 18px
}

.pagination a,.pagination span {
    display: inline-block;
    background: rgba(0,0,0,.35);
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    padding: 5px 5px;
    border-radius: 5px;
    border: 1px solid #101010
}

.pagination span,.pagination a:hover {
    background: #3fabca
}

.top-list-foot {
    border: 1px solid #101010;
    background: rgba(0,0,0,.35);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    color: #fff;
    max-width: 1000px;
    margin: 0 auto;
    padding: 5px;
    margin-top: 10px
}

.top-list {
    columns: 100px 4;
    max-width: 980px;
    margin: 0 auto;
    font-size: 0;
    padding: 10px;
    padding-bottom: 0
}

.top-list a {
    width: 230px;
    font-size: 16px;
    text-align: left;
    display: inline-block;
    line-height: 16px;
    color: #c7c7c7;
    list-style: circle;
    margin-bottom: 5px
}

.top-list a span {
    color: #c7c7c7;
    font-size: 16px;
    font-weight: 700
}

.top-list a:hover,.top-list a:hover span {
    color: #fff
}

.top-list-head {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 7px;
    text-shadow: 1px 1px 1px #000
}

.top-list-inline {
    font-size: 12px;
    color: #fff;
    margin: 10px 0
}

.top-list-inline a {
    white-space: nowrap;
    color: #c7c7c7;
    text-shadow: 1px 1px 1px #000
}

.top-list-inline a:hover {
    text-decoration: underline
}

main h1 {
    font-family: 'Roboto',sans-serif;
    color: #fff;
    font-size: 22px;
    margin-top: 0
}

main {
    margin-top: 10px
}

.toplist-page .thumb-item__title {
    height: 20px
}

.top-list a span {
    color: #c7c7c7;
    font-size: 16px;
    font-weight: 700
}

.page-title {
    color: #fff;
    margin-bottom: 10px;
    font-size: 18px
}

.page-not-found {
    text-shadow: 1px 1px 1px #000;
    color: #fff
}

.page-not-found h2 {
    margin: 10px 0
}

.search-results {
    color: #c7c7c7;
    font-size: 16px;
    line-height: 20px
}

.search-results p,.search-results div {
    margin-bottom: 10px
}

.search-results a {
    color: #dca82f;
    font-weight: 700
}

.ae-player.visible,.b-video-player__player {
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important
}

.b-video-player .relative {
    padding-bottom: 61.25%;
    overflow: hidden;
    position: relative;
    background: #000
}

.video-wrap {
    width: 1220px;
    max-width: 100%;
    margin: 0 auto
}

.video-wrap h1 {
    text-align: left;
    font-size: 24px;
    color: #1eb6e7;
    margin-bottom: 0
}

.video-wrap .video-details {
    text-align: left;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 12px;
    color: #fff
}

.video-wrap .video-details div {
    display: inline-block
}

.video-wrap .video-details div.date-added {
    text-transform: capitalize
}

.video-wrap .video-details a:hover {
    text-decoration: underline
}

.content-video {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    display: table
}

.video-player .relative {
    position: relative;
    padding-bottom: 66.6666666667%
}

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

.content-video .video-player {
    display: table-cell;
    vertical-align: top;
    padding-right: 5px
}

.content-video .random-block {
    width: 300px;
    display: table-cell;
    vertical-align: top
}

.video-player h2 {
    background: #142128;
    border: 1px dashed #202e39;
    padding: 2px;
    margin: 3px 0 7px 0;
    margin-top: 0;
    font-size: 18px;
    color: #fff
}

.video-player .video-details {
    padding-bottom: 10px;
    font-size: 12px;
    color: #666;
    text-align: left;
    position: relative;
    min-height: 20px;
    padding-right: 120px
}

.video-player .video-details a:hover {
    text-decoration: underline
}

.uwrap {
    position: relative;
    overflow: hidden;
    height: 100px;
    width: 100%
}

.spot-wrap {
    max-width: 728px;
    margin: 0 auto
}

.uwrap .wrapper {
    position: relative
}

.uwrap>iframe {
    overflow: hidden;
    width: 300px;
    height: 100px;
    display: block;
    margin: 0 auto
}

.uwrap {
    height: 90px
}

.uwrap>iframe {
    position: absolute;
    width: 728px;
    height: 90px
}

.random-footer {
    text-align: center;
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 8px;
    white-space: nowrap;
    width: 100%;
    position: relative;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

.random-footer .footer-spot iframe {
    display: inline-block;
    margin: 0;
    border: none;
    width: 300px;
    height: 250px;
    position: relative
}

.foot-toplist {
    max-width: 1220px;
    margin: 0 auto;
    padding: 5px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px
}

.foot-toplist h2 {
    text-align: center;
    padding: 2px;
    font-size: 24px;
    font-weight: 700;
    color: #1eb6e7
}

.foot-toplist .toplist {
    padding: 3px;
    text-align: center;
    font-size: 0
}

.foot-toplist .toplist .toplist-item {
    display: inline-block;
    padding: 2px;
    margin: 3px;
    border: 1px solid #555;
    text-align: left
}

.foot-toplist .toplist .toplist-item:nth-child(14)~div {
    display: none
}

.foot-toplist .toplist .toplist-item-title {
    color: #fff;
    font-size: 9px;
    text-align: left;
    padding-left: 4px
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.top-link {
    text-transform: uppercase;
    color: #fff;
    background: #3fabca;
    display: block;
    margin: 4px 0;
    padding: 5px 2px;
    padding-bottom: 4px;
    line-height: 14px;
    font-size: 12px
}

.top-link:hover {
    color: #fff
}

.sub-video-random {
    text-align: center;
    margin: 5px 0
}

.sub-video-random iframe {
    margin: 0 auto
}

@media only screen and (max-width: 420px) {
    .top-link {
        padding-bottom:2px;
        font-size: 10px;
        text-align: center
    }

	header .head-top-list {
		width: 320px;
		text-align: center;
		font-size: 0;
		float: left;
		padding-left: 40px;
		padding-top: 7px
	}

}

.button-submit {
    height: 30px;
    color: #fff;
    background: #000;
    border: none;
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
    font-size: 18px;
    cursor: pointer
}

.button-submit:hover {
    background: #000;
    color: #dca82f
}

.b-row.b-page-text {
    background: 0 0;
    min-height: 425px
}

.b-row.b-page-text .b-text-page {
    background: #fff;
    padding: 15px
}

.b-content-removal {
    width: 610px;
    margin: 0 auto;
    padding: 40px 10px 20px;
    padding-top: 0;
    font-size: 14px;
    color: #fff;
    max-width: 100%
}

.b-content-removal h1 {
    font-size: 20px
}

.b-content-removal__table ul,.b-content-removal>form>div ul {
    float: right;
    color: #cc6068
}

.b-content-removal__table div,.b-content-removal>form>div div {
    display: block;
    margin-bottom: 10px
}

.b-content-removal__table div label,.b-content-removal>form>div div label {
    width: 120px;
    display: inline-block;
    margin-bottom: 5px
}

.b-content-removal__table div input,.b-content-removal__table div select,.b-content-removal>form>div div input,.b-content-removal>form>div div select {
    width: 610px;
    height: 48px;
    background: #000;
    border: #000;
    resize: none;
    color: #fff;
    padding: 0 10px 0 10px;
    display: inline-block;
    max-width: 100%
}

.b-content-removal__table div textarea,.b-content-removal__table div select[multiple],.b-content-removal>form>div div textarea,.b-content-removal>form>div div select[multiple] {
    width: 610px;
    height: 48px;
    background: #000;
    border: #000;
    resize: none;
    color: #fff;
    padding: 10px;
    height: 110px;
    max-width: 100%
}

.b-content-removal__table td,.b-content-removal>form>div td {
    vertical-align: middle;
    padding-bottom: 5px
}

.b-content-removal__table td:first-child,.b-content-removal>form>div td:first-child {
    padding-right: 20px
}

.b-content-removal__table button,.b-content-removal>form>div button {
    height: 30px;
    color: #fff;
    background: #000;
    border: none;
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
    font-size: 18px;
    cursor: pointer;
    float: right
}

.b-content-removal__table button:hover,.b-content-removal>form>div button:hover {
    background: #000;
    color: #dca82f
}

.b-content-removal__control {
    width: 610px;
    height: 48px;
    background: #000;
    border: none;
    resize: none;
    color: #fff;
    padding: 0 10px 0 10px
}

.b-text-page {
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    width: 1200px;
    margin: 0 auto;
    max-width: 100%;
    padding-top: 20px
}

.b-text-page h5 {
    font-weight: 700;
    margin-bottom: 15px
}

.b-text-page p {
    margin-bottom: 10px
}

.b-text-page ul,.b-text-page ol {
    list-style: circle;
    padding-left: 18px;
    margin: 10px 0
}

.b-text-page ul li,.b-text-page ol li {
    margin-bottom: 5px
}

.b-text-page a {
    color: #dca82f
}

.b-text-page a:hover {
    text-decoration: underline
}

.captcha-img {
    position: relative
}

.message {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center
}

.b-text-page {
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    width: 1200px;
    margin: 0 auto;
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 20px
}

.b-form-item {
    position: relative
}

.b-form-item__captcha {
    position: absolute;
    right: 11px;
    bottom: 1px;
    height: 38px
}

.b-form-upload.b-form-contact {
    max-width: 300px;
    margin: 0 auto
}

.b-form-upload.b-form-contact .b-form-item {
    width: 100%
}

@font-face {
    font-family: 'fu';
    src: url(fonts/fu-d69c9ad8f4.ttf?qc0mtl) format("truetype"),url(fonts/fu-68fc8d75f8.woff?qc0mtl) format("woff"),url(fonts/fu-73437ca008.svg?qc0mtl#fu) format("svg");
    font-weight: 400;
    font-style: normal
}

.fu,.select2-selection--multiple {
    font-family: 'fu'!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fu-chevron-down:before,.select2-selection--multiple:before {
    content: ""
}

.fu-chevron-up:before {
    content: ""
}

.fu-spinner:before {
    content: ""
}

.fu-cloud-upload:before {
    content: ""
}

.fu-cloud-check:before {
    content: ""
}

.fu-cross-circle:before {
    content: ""
}

.fu-cross:before {
    content: ""
}

.fu-check:before {
    content: ""
}

.b-upload-page {
    width: 1000px;
    max-width: 100%;
    padding: 15px;
    background: 0 0;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-top: 0
}

.b-upload-page .b-head {
    margin: 0 -15px 10px -15px;
    border-bottom: 1px solid #404040;
    padding: 12px 15px;
    text-align: left;
    font-size: 20px;
    color: #fff
}

.b-form-upload__error-message,.b-form-upload__success-message {
    font-size: 16px;
    margin-bottom: 10px
}

.b-form-upload__error-message:before,.b-form-upload__success-message:before {
    content: '* '
}

.b-form-upload__error-message {
    color: #cc6068
}

.b-form-upload__success-message {
    color: #43ac6a
}

.b-form-upload .is-error {
    color: #cc6068;
    font-size: 12px;
    margin-bottom: 4px
}

.b-form-upload .is-error ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.b-select-file-btn {
    font-size: .8em;
    text-transform: uppercase;
    border: none;
    color: #fff;
    line-height: 40px;
    border-radius: 5px;
    display: inline-block;
    padding: 0 20px;
    background: #dca82f;
    cursor: pointer;
    overflow: hidden
}

.b-select-file-btn i {
    margin-right: 5px;
    font-size: 18px;
    position: relative;
    top: 2px
}

.dropzone-ui {
    border: 4px dashed transparent;
    padding: 10px;
    margin-bottom: 10px
}

.dropzone-ui svg {
    display: none
}

.dropzone-ui.upload-success {
    cursor: default
}

.dropzone-ui .fallback {
    display: none
}

.dropzone-ui .fallback.is-open {
    display: block
}

.dz-message {
    text-align: center;
    cursor: pointer
}

.dz-message__title {
    text-align: center;
    text-transform: uppercase;
    color: #999;
    font-size: 18px;
    margin-bottom: 10px
}

.dz-message.is-uploaded,.dz-message.is-uploading {
    cursor: default
}

.dz-message.is-uploaded .b-select-file-btn,.dz-message.is-uploading .b-select-file-btn {
    cursor: default
}

.dz-message.is-hide {
    display: none
}

.dz-preview {
    display: none
}

.dz-preview.is-open {
    display: block
}

.dz-preview.is-error .dz-file-name,.dz-preview.is-error .dz-progress__bar {
    display: none
}

.dz-preview.is-error .dz-error {
    display: block;
    font-size: 14px;
    padding: 5px 0;
    color: #cc6068;
    display: block
}

.dz-preview .dz-error {
    display: none
}

.dz-progress {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
    border-radius: 10px;
    padding: 5px 0;
    padding-left: 40px;
    padding-right: 10px;
    margin-bottom: 10px
}

.dz-progress .fu-spinner {
    position: absolute;
    top: 50%;
    left: 10px;
    font-size: 20px;
    margin-top: -10px
}

.dz-progress__bar {
    height: 17px;
    width: 100%;
    position: relative;
    margin-top: 5px;
    border-radius: 4px;
    overflow: hidden
}

.dz-progress__bar div {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #3fabca;
    border-radius: 4px;
    transition: all .15s ease;
    will-change: width
}

.dz-progress__bar div.is-success {
    background: #dca82f
}

.dz-file-name {
    color: #fff;
    font-size: 16px
}

.dz-file-name span {
    color: #fff;
    display: inline-block;
    padding: 0 10px
}

.b-form-row {
    margin: 0 -10px
}

.b-form-item {
    width: 33.333333%;
    float: left;
    padding: 0 10px;
    margin-bottom: 10px;
    max-width: 100%;
    text-align: left
}

.b-form-item label {
    display: block
}

.b-form-item input,.b-form-item textarea,.b-form-item select {
    display: block;
    height: 40px;
    border: 1px solid #292929;
    width: 100%;
    padding: 0 10px;
    background: #404040;
    color: #fff;
    -webkit-appearance: none
}

.b-form-item textarea {
    height: 100px;
    padding: 10px;
    resize: none
}

.b-form-item--desc {
    width: 100%
}

.b-form-item--p0 {
    padding: 0
}

.b-upload-checkbox {
    position: relative
}

.b-upload-checkbox label {
    padding-left: 20px;
    margin-bottom: 0;
    line-height: 12px;
    font-size: 12px;
    color: #fff
}

.b-upload-checkbox label:after {
    content: ' ';
    display: block;
    width: 8px;
    height: 8px;
    border: 2px solid #dbdbdb;
    background: 0 0;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px
}

.b-upload-checkbox label a {
    text-decoration: underline
}

.b-upload-checkbox input {
    visibility: hidden;
    position: absolute
}

.b-upload-checkbox input:checked+label:after {
    background: #dca82f;
    border: 2px solid #dbdbdb
}

.b-form-submit[disabled],.b-form-submit[disabled=true] {
    background: #dbdbdb;
    color: #000
}

.b-form-submit[disabled]:hover,.b-form-submit[disabled=true]:hover {
    background: #dbdbdb;
    color: #000
}

.b-upload-captcha {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px
}

.b-captcha>div {
    font-size: 0
}

.b-captcha input[type=text] {
    width: 150px;
    display: inline-block;
    height: 40px;
    margin: 0 5px;
    padding-left: 10px;
    background: #404040;
    color: #fff;
    border: 1px solid #292929;
    margin-top: 10px
}

.b-captcha button,.b-captcha input[type=submit] {
    display: inline-block;
    height: 40px;
    border: none;
    outline: none;
    background: #dca82f;
    color: #fff;
    line-height: 40px;
    padding: 0 15px;
    font-size: 16px;
    vertical-align: top;
    margin-top: 10px
}

.b-captcha button:hover,.b-captcha input[type=submit]:hover {
    background: #cf9b23;
    color: #000
}

.b-captcha li {
    font-size: 13px;
    margin-top: 5px;
    color: #dca82f
}

.b-form-item .select2-hidden-accessible {
    display: none
}

.select2 {
    width: 100%
}

.select2-container {
    margin: 0;
    position: relative;
    vertical-align: middle;
    min-height: 40px;
    max-width: 100%;
    box-sizing: border-box;
    display: inline-block;
    z-index: 1
}

.select2-dropdown {
    left: 0;
    max-height: 200px;
    overflow: auto;
    display: block;
    width: 100%;
    border: 1px solid #292929
}

.select2-results {
    font-size: 12px;
    background: #404040;
    color: #fff;
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    cursor: pointer
}

.select2-results__option:hover {
    background: #333;
    color: #fff
}

.select2-results__option:before {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    top: 6px;
    width: 10px;
    height: 10px;
    background: 0 0;
    background: 0 0;
    border: 2px solid #dbdbdb
}

.select2-results__option[aria-selected=true] {
    cursor: pointer
}

.select2-results__option[aria-selected=true]:before {
    background: #dca82f;
    border: 2px solid #dbdbdb
}

.select2-results__message {
    padding-left: 10px
}

.select2-results__message:before {
    display: none
}

.select2-search {
    position: relative
}

.select2-search--inline {
    display: block;
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.select2-search__field {
    width: 100%!important;
    border: none!important;
    background: 0 0!important;
    margin-top: -1px
}

.select2-selection__clear {
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 24px;
    margin-top: -12px;
    cursor: pointer;
    display: none
}

.select2-selection__rendered {
    border: 1px solid #292929;
    background: #404040;
    color: #fff;
    min-height: 40px;
    padding: 0 30px 0 10px;
    position: relative
}

.select2-selection__choice {
    position: relative;
    z-index: 2;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-top: 7px;
    margin-bottom: 7px;
    font-size: 12px;
    background: #dca82f;
    color: #000;
    border-radius: 3px;
    padding: 0 5px;
    margin-right: 5px;
    font-family: 'Open Sans',sans-serif
}

.select2-selection__choice__remove {
    float: right;
    font-size: 19px;
    margin-left: 5px
}

.select2-selection--multiple {
    position: relative;
    display: block
}

.select2-selection--multiple:before {
    position: absolute;
    right: 10px;
    top: 15px;
    z-index: 2;
    color: #fff;
    font-size: 11px
}

@media only screen and (max-width: 768px) {
    .b-form-upload .b-form-item {
        width:100%;
        float: none;
        margin-bottom: 10px;
        padding: 0 10px
    }
    .thumb-item {
        border: 1px solid #555;
        background: rgba(0, 0, 0, .35);
        display: inline-block;
        width: 46%;
        vertical-align: middle;
        border-radius: 5px;
        padding: 5px 5px 0 5px;
    }
    .thumb-item>a img, .thumb-item>a picture {
        width: 100%;
        height: 80px;
        border: 1px solid #c19633;
    }
}

.b-msn {
    position: fixed;
    right: 25px;
    bottom: -350px;
    z-index: 2;
    background: rgba(0,0,0,.1);
    transition: bottom 2.5s ease
}

.b-msn.is-open {
    bottom: 0
}

.b-msn__body {
    display: table
}

.b-msn__body-inner {
    display: table-cell;
    vertical-align: bottom
}

.b-msn__body-inner iframe,.b-msn__body-inner img {
    display: block;
    margin: 0 auto
}

.b-msn__body-inner * {
    position: static!important
}

.b-msn__footer {
    background: rgba(0,0,0,.7);
    height: 36px;
    color: #fff;
    padding: 7px;
    font-size: 1.2rem;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px
}

.b-msn__name {
    float: left;
    width: 50%;
    padding-right: 15px
}

.b-msn__close-area {
    text-align: right;
    float: right;
    cursor: pointer
}

.b-msn__close-btn i {
    top: 3px
}

.removal-h1 {
    color: #fff
}

.content-removal {
    width: 320px;
    margin: 0 auto;
    margin-bottom: 30px
}

.content-removal ul {
    float: right;
    color: red
}

.content-removal label {
    font-size: 14px;
    width: 110px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-right: 10px;
    color: #fff;
    text-align: left
}

.content-removal input[type=text],.content-removal input[type=email],.content-removal input[type=password],.content-removal input[type=url],.content-removal textarea,.content-removal select {
    background: 0 0;
    border: none;
    background: rgba(255,255,255,.1);
    height: 30px;
    line-height: 28px;
    padding-left: 5px;
    font-size: 14px;
    margin-bottom: 10px;
    width: 320px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5) inset,0 0 0 0 rgba(0,0,0,.75);
    border: 1px solid #292929;
    margin: 0;
    display: block;
    margin-bottom: 6px;
    color: #fff
}

.content-removal input[type=text]:focus,.content-removal input[type=email]:focus,.content-removal input[type=password]:focus,.content-removal input[type=url]:focus,.content-removal textarea:focus,.content-removal select:focus {
    box-shadow: 0 0 0 0 rgba(0,0,0,.75) inset,0 0 10px 0 rgba(0,0,0,.75)
}

.content-removal textarea,.content-removal select[multiple] {
    resize: none;
    height: 100px
}

.content-removal input[type=checkbox],.content-removal input[type=radio] {
    position: relative;
    top: -4px
}

.content-removal button[type=submit] {
    background: 0 0;
    border: none;
    font-size: 16px;
    height: 30px;
    background: #dca82f;
    padding: 0 10px;
    display: inline-block;
    float: none;
    box-shadow: none;
    float: right
}

.content-removal button[type=submit]:hover {
    background: #cf9b23
}

.content-removal button[type=submit]:active {
    background: #b98b1f
}

.content-removal ul {
    font-size: 12px;
    margin: 0;
    padding: 0;
    list-style: none
}

.content-removal form[novalidate=novalidate] ul {
    color: red;
    float: right
}

.message {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #fff
}

.b-more-thumbs {
    max-width: 1220px;
    margin: 0 auto;
    padding: 5px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px
}

.b-more-thumbs .hp-container {
    font-size: 0
}

.b-more-thumbs .hp-container#native-placeholder {
    visibility: hidden
}

.b-more-thumbs .hp-item {
    display: inline-block;
    padding: 2px;
    margin: 3px;
    border: 1px solid #555;
    text-align: left;
    max-width: 154px;
    width: 154px
}

.b-more-thumbs .hp-item .hp-item-image {
    position: relative
}

.b-more-thumbs .hp-item .hp-item-image img {
    width: 150px;
    height: 113px
}

.b-more-thumbs .hp-item .hp-item-label {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 3px;
    font-size: 9px;
    color: #fff;
    background: rgba(0,0,0,.6)
}

.b-more-thumbs .hp-item__title {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-size: 9px;
    text-align: left;
    padding-left: 4px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.thumb-list.toplist-page {
    max-width: 2000px;
    margin: 0 auto
}

.thumb-list.toplist-page .hp-container {
    font-size: 0;
    width: 100%
}

.thumb-list.toplist-page .hp-container .hp-item {
    border: 1px solid #555;
    background: rgba(0,0,0,.35);
    display: inline-block;
    width: 240px;
    margin: 0 2px 4px 2px;
    vertical-align: middle;
    border-radius: 5px;
    padding: 5px 5px 0 5px
}

.thumb-list.toplist-page .hp-container .hp-item__link {
    display: block;
    position: relative;
    width: 100%
}

.thumb-list.toplist-page .hp-container .hp-item__title {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #dca82f;
    text-shadow: 1px 1px 1px #000;
    line-height: 14px;
    font-size: 12px;
    font-weight: 300;
    margin-top: 2px;
    margin-bottom: -4px;
    display: block;
    text-align: left;
    padding-left: 5px;
    height: 20px
}

.thumb-list.toplist-page .hp-container .hp-item .hp-item-image {
    width: 100%;
    height: 180px;
    border: 1px solid #c19633;
    position: relative
}

.thumb-list.toplist-page .hp-container .hp-item .hp-item-image img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%
}

.thumb-list.toplist-page .hp-container .hp-item .hp-item-label {
    display: block;
    position: absolute;
    right: 1px;
    bottom: 1px;
    background: rgba(0,0,0,.6);
    font-size: 12px;
    padding: 3px;
    color: #fff
}

@media only screen and (max-width: 1024px) {
    header .header-row,header .network .header-row {
        width:100%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (max-width: 1220px) {
    header .header-row,footer .footer-row,.video-wrap,.network .header-row {
        padding-left:5px;
        padding-right: 5px
    }

    .thumb-list.related {
        max-width: 976px
    }
}

@media only screen and (max-width: 1149px) {
    .foot-toplist .toplist .toplist-item:nth-child(12)~div {
        display:none
    }

    header .head-nav a {
        padding: 0 12px;
        padding-right: 13px
    }
}

@media only screen and (max-width: 995px) {
    .thumb-list.related {
        max-width:732px
    }
}


@media only screen and (max-width: 987px) {
    .foot-toplist .toplist .toplist-item:nth-child(10)~div {
        display:none
    }
}

@media only screen and (max-width: 751px) {
    .thumb-list.related {
        max-width:488px
    }
}

@media only screen and (max-width: 825px) {
    .foot-toplist .toplist .toplist-item:nth-child(8)~div {
        display:none
    }
}

@media only screen and (max-width: 577px) {
    .thumb-list.related {
        max-width:243px
    }
}

@media only screen and (max-width: 663px) {
    .foot-toplist .toplist .toplist-item:nth-child(6)~div {
        display:none
    }
}

@media only screen and (max-width: 501px) {
    .foot-toplist .toplist .toplist-item:nth-child(4)~div {
        display:none
    }
}

@media only screen and (max-width: 339px) {
    .foot-toplist .toplist .toplist-item:nth-child(2)~div {
        display:none
    }
}

@media only screen and (max-width: 1100px) {
    header {
        padding:0 5px
    }
}

@media only screen and (max-width: 960px) {
    .content-video .random-block,.content-video .random-block .random-container {
        width:240px
    }

    .content-video .wrapper {
        width: 300px;
        height: 550px;
        overflow: hidden;
        -ms-transform: scale(.8);
        transform: scale(.8);
        -ms-transform-origin: 0 0;
        transform-origin: 0 0
    }

    header,header .header-row {
        padding: 0
    }

    header .head-nav,header .search,header .network {
        display: none;
    }

    header .head-nav {
        height: auto;
        margin: 0;
        padding-top: 5px;
        width: 100%;
        padding-bottom: 5px
    }

    header .head-nav:before {
        display: none
    }

    header .head-nav a {
        display: block;
        margin: 7px;
        margin-bottom: 10px;
        border: none!important;
        text-align: center;
        float: left;
    }

    header .head-nav a:after {
        display: none
    }

    header .head-nav a i {
        font-size: 13px;
        margin-right: 5px
    }

    header .head-nav a span {
        display: inline-block
    }

    header .head-nav a:last-child {
        margin-bottom: 0
    }

    header .mi-mobile-spots {
        display: block;
        font-size: 0
    }

    header .mi-mobile-spots .header-row {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0
    }

    header .mi-mobile-spots a {
        text-align: center;
        display: inline-block;
        font-size: 14px;
        border-right: 1px solid #575757
    }

    header .mi-mobile-spots a:last-child {
        border: none
    }

    header .mi-mobile-spots .cols-1 a {
        width: 100%
    }

    header .mi-mobile-spots .cols-2 a {
        width: 50%
    }

    header .mi-mobile-spots .cols-3 a {
        width: 33.33%
    }

    header .mi-mobile-spots .cols-4 a {
        width: 25%
    }

    header .search {
        clear: both;
        float: none;
        display: none;
        padding-bottom: 5px;
        padding-top: 10px;
        width: 100%
    }

    header .search:before {
        display: none
    }

    header .search .search-field {
        width: 100%
    }

    header .search form {
        margin: 0;
        width: 100%
    }

    header .search.is-open {
        display: block
    }

    header .head-nav.is-open {
        display: block;
        vertical-align: top
    }

    header .mobile-btn {
        display: block
    }

    header .header-row {
        max-width: 600px;
        text-align: center;
        padding-bottom: 0
    }

    header .logo {
        display: inline-block;
        float: none;
        width: 210px;
        height: 40px;
        overflow: hidden
    }

    header .logo a {
        background: url(images/logo-afa2216f39.png) no-repeat;
        background-size: 100% 100%
    }

    header .head-top-list,header .head-description,.search .bookmark {
        /* display: none; */
    }
}

@media only screen and (max-width: 790px) {
    .random-block {
        display:none!important
    }

    .content-video .video-player {
        padding-left: 5px
    }
}

@media only screen and (max-width: 690px) {
    header .search {
        width:240px;
        margin: 0 auto;
        float: none
    }

    .footer-row .description,.footer-row .footer-nav {
        float: none;
        width: 100%;
        text-align: center
    }

    .footer-nav {
        margin-top: 10px
    }
}

@media only screen and (max-width: 600px) {
    .top-list a {
        font-size:13px;
        width: 100px
    }

    .video-player .video-details {
        padding-bottom: 0
    }

    .video-player .video-details div {
        position: relative!important;
        width: 100%;
        margin-bottom: 4px
    }
}

@media only screen and (max-width: 360px) {
    header .logo {
        width:190px;
        height: 36px;
        margin-top: 7px
    }
}

body.mobile .content-video {
    max-width: 495px
}

body.mobile .content-video .random-block {
    display: none!important
}

.sub-video-random,.header-random,.uvb-random {
    display: none
}

.sub-video-random:empty,.header-random:empty,.uvb-random:empty {
    display: none!important
}

.footer-spot:empty {
    display: block!important;
    height: 0
}

.footer-spot .footer-mobile-random {
    display: none
}

.leaderboard-xl,.leaderboard-sm {
    text-align: center;
    position: relative;
    overflow: hidden;
    display: none;
    background: #101010
}

.leaderboard-xl iframe,.leaderboard-sm iframe {
    position: absolute;
    overflow: hidden;
    display: block;
    margin: 0 auto
}

.leaderboard-xl {
    height: 114px
}

.leaderboard-xl iframe {
    width: 1832px;
    height: 114px
}

.leaderboard-xl iframe.is-original {
    margin-left: -916px!important;
    left: 50%!important
}

@media only screen and (min-width: 480px) {
    .leaderboard-xl {
        display:block
    }
}

.leaderboard-sm {
    height: 300px
}

.leaderboard-sm iframe {
    width: 600px;
    height: 300px
}

.leaderboard-sm iframe.is-original {
    margin-left: -300px!important;
    left: 50%!important
}

@media only screen and (max-width: 479px) {
    .leaderboard-sm {
        display:block
    }
}

body.touch .sub-video-random,body.touch .header-random {
    display: block
}

body.touch .sub-video-random:empty,body.touch .header-random:empty {
    display: none
}

body.touch .uvb-random {
    display: none
}

body.not-touch .uvb-random {
    display: block
}

.not-pc-random {
    display: none
}

@media (hover: none) and (pointer:coarse) and (max-width:1280px) {
    .sub-video-random,.header-random {
        display:block
    }

    .sub-video-random:empty,.header-random:empty {
        display: none
    }

    .pc-only-random {
        display: none
    }

    .not-pc-random {
        display: block
    }
}

@media (hover: hover) and (pointer:fine) {
    .uvb-random {
        display:block
    }
}

@media only screen and (max-width: 640px) {
    .hide-on-phone {
        /* display:none; */
    }

    .footer-spot iframe:nth-child(1)~iframe {
        display: none
    }

    .footer-spot div:nth-child(1)~div {
        display: none
    }

    .footer-spot .footer-mobile-random {
        display: block
    }
}