.block-related-video *,
.block-video *,
.header *,
.topbuttons,
.topbuttons * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4
}

.header .logo img {
    height: 30px;
    width: auto
}

.wrapper {
    padding-top: 44px
}

@font-face {
    font-family: fontello;
    src: url(/styles/font/fontello.eot?84075061);
    src: url(/styles/font/fontello.eot?84075061#iefix) format('embedded-opentype'), url(/styles/font/fontello.woff?84075061) format('woff'), url(/styles/font/fontello.ttf?84075061) format('truetype'), url(/styles/font/fontello.svg?84075061#fontello) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" i-"]:before,
[class^=i-]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

.i-list-1:before {
    content: '\e800'
}

.i-yandex-rect:before {
    content: '\e801'
}

.i-menu:before {
    content: '\e802'
}

.i-check:before {
    content: '\e803'
}

.i-cancel:before {
    content: '\e804'
}

.i-camera:before {
    content: '\e805'
}

.i-users:before {
    content: '\e806'
}

.i-user:before {
    content: '\e807'
}

.i-picture:before {
    content: '\e808'
}

.i-heart:before {
    content: '\e809'
}

.i-heart-empty:before {
    content: '\e80a'
}

.i-star:before {
    content: '\e80b'
}

.i-star-empty:before {
    content: '\e80c'
}

.i-mail:before {
    content: '\e80d'
}

.i-search:before {
    content: '\e80e'
}

.i-cancel-circled:before {
    content: '\e80f'
}

.i-help:before {
    content: '\e810'
}

.i-info:before {
    content: '\e811'
}

.i-home:before {
    content: '\e812'
}

.i-attach:before {
    content: '\e813'
}

.i-lock:before {
    content: '\e814'
}

.i-lock-open:before {
    content: '\e815'
}

.i-eye:before {
    content: '\e816'
}

.i-tag:before {
    content: '\e817'
}

.i-thumbs-up:before {
    content: '\e818'
}

.i-thumbs-down:before {
    content: '\e819'
}

.i-flag:before {
    content: '\e81a'
}

.i-upload:before {
    content: '\e81b'
}

.i-download:before {
    content: '\e81c'
}

.i-upload-cloud:before {
    content: '\e81d'
}

.i-reply:before {
    content: '\e81e'
}

.i-quote:before {
    content: '\e81f'
}

.i-pencil:before {
    content: '\e820'
}

.i-comment:before {
    content: '\e821'
}

.i-vcard:before {
    content: '\e822'
}

.i-doc-text-inv:before {
    content: '\e823'
}

.i-cog:before {
    content: '\e824'
}

.i-rss:before {
    content: '\e825'
}

.i-tools:before {
    content: '\e826'
}

.i-share:before {
    content: '\e827'
}

.i-login:before {
    content: '\e828'
}

.i-logout:before {
    content: '\e829'
}

.i-clock:before {
    content: '\e82a'
}

.i-down-open:before {
    content: '\e82b'
}

.i-down-open-big:before {
    content: '\e82c'
}

.i-arrows-ccw:before {
    content: '\e82d'
}

.i-list:before {
    content: '\e82e'
}

.i-twitter:before {
    content: '\e82f'
}

.i-facebook-circled:before {
    content: '\e830'
}

.i-facebook-squared:before {
    content: '\e831'
}

.i-gplus:before {
    content: '\e832'
}

.i-pinterest:before {
    content: '\e833'
}

.i-sweden:before {
    content: '\e834'
}

.i-th-list:before {
    content: '\e835'
}

.i-th-list-1:before {
    content: '\e836'
}

.i-list-2:before {
    content: '\e837'
}

.animate-spin {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.search_button {
    font-size: 27px;
    color: #ccc
}

.menu_button {
    font-size: 36px;
    position: absolute;
    top: 3px;
    left: 5px;
    width: 30px;
    color: #ccc
}

.menu_button i.i-cancel {
    display: none
}

.header #search {
    position: absolute;
    top: 7px;
    right: 5px;
    left: auto
}

.search_body {
    position: absolute;
    right: 5px;
    top: 7px;
    left: 5px;
    display: none
}

.search_body input[type=text] {
    width: 100%;
    padding: 0 60px 0 10px;
    height: 30px;
    background: #999;
    color: #fff;
    border: 1px solid #666
}

.search_body button {
    background: #ffcc3b;
    border: 0;
    height: 30px;
    width: 50px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    right: 50px;
    font-size: 18px;
    padding: 0
}

.search_body span {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 50px;
    height: 30px;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 18px
}

.header .logo {
    position: absolute;
    left: 50%;
    width: 110px;
    margin-left: -55px;
    height: auto;
    padding: 7px 0 0
}

.inheader {
    width: 100%!important;
    height: 44px;
    border-top: 1px solid #4f4f4f;
    border-bottom: 1px solid #4f4f4f;
    background: url(../images/mobile_nav2.png) repeat-x;
    position: relative;
    z-index: 5
}

.nav-left {
    width: 200px;
    background: #333;
    border-right: 2px solid #000;
    min-height: 100%;
    height: auto;
    position: absolute
}

.nav-left.opened {
    left: 0
}

.nav-left li:first-child {
    border-top: 0
}

.nav-left li {
    display: block;
    border-top: 1px solid #555;
    border-bottom: 1px solid #222
}

#menu_controller.opened .i-cancel {
    display: block
}

#menu_controller.opened .i-list {
    display: none
}

#mainmenu {
    overflow: auto;
    position: fixed;
    top: 40px;
    padding: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    left: -100%;
    width: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

#mainmenu.moved {
    left: 0
}

.nav-left li a {
    font: 400 14px Arial;
    padding: 10px 20px;
    color: #ccc;
    text-decoration: none;
    display: block;
    text-shadow: 1px 1px 1px #333
}

.nav-left li.divider {
    background: #000;
    border: 0;
    padding: 2px 20px;
    font-size: 11px Arial;
    color: #333
}

.nav-left li a .icon {
    width: 30px;
    vertical-align: middle
}

.video-view h1 {
    margin: 10px 0 0;
    display: inline
}

.video-view .video-desc {
    margin: 0 0 10px;
    display: inline
}

.video-view .video-info {
    margin: 10px auto 0
}

#player {
    margin: 0 0 10px
}

#flag_like_this_video {
    height: 30px
}

.video-view .info-holder .sprite {
    margin-right: 5px
}

.topbuttons {
    background-color: #000;
    border-bottom: 1px solid #262626;
    font-size: 0
}

.topbuttons li {
    display: inline-block;
    width: 33%;
    text-transform: uppercase;
    line-height: 2.5;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid #111;
    border-left: 1px solid #262626;
    background-color: #000;
    padding: 5px;
    color: #ccc;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    box-sizing: border-box;
}

.topbuttons li:first-child {
    border-left: 0
}

.topbuttons li a {
    text-decoration: none;
    color: #999
}

.topbuttons li a img {
    display: block;
    margin: 0 auto;
    width: 30px
}

.top_b {
    background: #000;
    background: -moz-linear-gradient(top, #000 0, #2c292b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(100%, #2c292b));
    background: -webkit-linear-gradient(top, #000 0, #2c292b 100%);
    background: -o-linear-gradient(top, #000 0, #2c292b 100%);
    background: -ms-linear-gradient(top, #000 0, #2c292b 100%);
    background: linear-gradient(to bottom, #000 0, #2c292b 100%);
    padding: 10px 0 5px;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#2c292b', GradientType=0)
}

#get_more_related, .load-more-pagi {
    display: inline-block;
    position: relative;
    font: 14px/40px Arial;
    background: #ccc;
    color: #333;
    border: 1px solid #000;
    margin: 0 0 10px;
    padding: 0 20px;
    white-space: nowrap
}
.load-more-pagi {
    text-transform: uppercase;
    border-radius:3px;
}

#get_more_related .icon-arrows, .load-more-pagi .icon-arrows{
    position: relative;
    width: 15px;
    display: inline-block;
    font-size: 12px
}

#get_more_related i.i-down-open-big, .load-more-pagi i.i-down-open-big {
    position: absolute;
    top: -2px;
    left: 0
}

#get_more_related i.i-down-open-big:last-child, .load-more-pagi i.i-down-open-big:last-child {
    top: 2px
}

#get_more_related i.i-arrows-ccw {
    display: none
}

.cs_view {
    display: inline
}
#get_more_related.loading i.i-arrows-ccw {
    display: inline-block;
}
.cs_view a {
    color: #24cfd5;
    text-decoration: underline
}

.block-related-video {
    padding: 10px 0;
    font-size: 0
}

.video-view .top_b {
    background: 0 0!important
}

.block-related-video a {
    width: 50%;
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    margin: 0 0 5px;
    padding: 0 5px;
    text-decoration: none;
    text-align: left
}

.block-related-video a .image-holder {
    border: 1px solid #8c7661
}

.block-related-video a .image-holder img {
    width: 100%;
    display: block;
    height: auto
}

.block-related-video a .video-title {
    font: 700 12px Tahoma, Arial;
    color: #ad9c9c;
    padding: 3px 0 0
}

.block-video {
    padding: 10px 0;
    font-size: 0
}

.block-video a {
    width: 100%;
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    margin: 0 0 10px;
    padding: 0 5px
}

.block-video a .video-item {
    width: 100%;
    margin: 0;
    padding: 0
}

.block-video a .video-item .image-holder {
    width: 172px
}

.block-video .video-item .image-holder img {
    width: 100%;
    height: auto
}

.block-video a .video-item .video-info {
    margin: 0 0 0 182px
}

.block-video .video-item .video-info .video-title {
    height: 74px
}

.block-video .video-item {
    border: 0
}
.video-block * {

    box-sizing:border-box;
}
.video-block {
	padding: 10px 0;
    font-size: 0;
}
.video-block .item {
	width: 100%;
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    margin: 0 0 10px;
    padding: 0 5px;
    position: relative;
    text-align:left;
}
.video-block a {
	display: block;
	width: 100%;
	height:100%;
}
.video-block a .thumb {
	float:left;
	border: 1px solid #8c7661;
	display: block;
	width:150px;
	height:auto;
	margin:0 10px 0 0;
}
.video-block a .title {
	font: 700 12px Tahoma,Arial;
    color: #ad9c9c;
    height: 58px;
    text-decoration: underline;
    overflow: hidden;
    margin: 0 0 3px;display: block;
}
.video-block .video-info {
	position: absolute;
	bottom:5px;
	right:5px;
	left:168px;
	font: 11px/14px Tahoma,Arial;
    color: #b5bfcf;
}
.video-block .video-info .rating {
	float:right;
}
.video-block .video-info span {
	color: #8e8e8e;
}

@media screen and (min-width:414px) and (max-width:660px) {
    .block-related-video a {
        width: 33%
    }
}

@media screen and (min-width:661px) and (max-width:800px) {
    .block-related-video a {
        width: 25%
    }
}

@media screen and (min-width:561px) and (max-width:900px) {
    .block-video a, .video-block .item {
        width: 50%
    }
}

@media screen and (min-width:561px) and (max-width:666px) {
    .block-video a .video-item .image-holder {
        width: 152px
    }
    .block-video a .video-item .video-info {
        margin: 0 0 0 162px
    }
}

@media screen and (min-width:801px) and (max-width:910px) {
    .block-related-video a {
        width: 20%
    }
}

@media screen and (min-width:911px) {
    .block-related-video a {
        width: 16.66%
    }
}

@media screen and (min-width:901px) {
    .block-video a, .video-block .item {
        width: 33%
    }
}

::-webkit-input-placeholder {
    color: #c0392b
}

::-moz-placeholder {
    color: #c0392b
}

:-moz-placeholder {
    color: #c0392b
}

:-ms-input-placeholder {
    color: #c0392b
}

:focus::-webkit-input-placeholder {
    color: transparent
}

:focus::-moz-placeholder {
    color: transparent
}

:focus:-moz-placeholder {
    color: transparent
}

:focus:-ms-input-placeholder {
    color: transparent
}

.top_b .inner {
    background: 0 0;
    padding: 0 0 13px
}

.top_b .inner:after {
    content: "ADS BY YOURLUSTMEDIA";
    font-size: 10px;
    background: #333;
    color: #888;
    padding: 0 10px;
    position: absolute;
    line-height: 18px;
    bottom: 0;
    left: 50%;
    margin-left: -72px
}

.block-categories .block-related-video a {
    text-align: center;
    margin: 0 0 8px;
}
.video-thumbs {
        font-size:0;
        line-height: 0;
        margin: 10px 0;
    }
    .video-thumbs .item {
        width:360px;
        height:225px;
        position: relative;
        display: block;
        margin:0 auto;
        padding:0;
        text-align: left;
        line-height:18px;
    }
    .video-thumbs .item .thumb {
        width:100%;
        height:auto;
        margin:0;
        float:none;
        border:0;
    }
@media screen and (max-width:359px) {
    .video-thumbs .item {
        width:320px;
        height:200px;
    }
}
    .video-thumbs .item a {
        display: block;
    }
    .video-thumbs a .title {
        position: absolute;
        bottom:0;
        left:0;
        right:0;
        margin:0;
        height:auto;
        text-decoration: none;
        line-height: 18px;
        font-weight: normal;
        padding:3px 5px;
        font-size:11px;
        font-family: Arial,sans-serif;
        background: rgba(0,0,0,0.5);
        color:#fff;
    }
    .video-thumbs .views, .video-thumbs .rating {
        position: absolute;
        top:10px;
        background: rgba(0,0,0,0.5);
        color:#fff;
        font-size:11px;
        left:10px;
        font-family: Arial,sans-serif;
        border-radius:3px;
        padding:1px 2px;
            white-space: nowrap;
    }
    .video-thumbs .rating {
        right:10px;
        left:auto;
    }
.comments {
    padding:10px 10px 0;
    text-align: left;
}
.comments .count {
    margin:0 0 10px;
}
.comments #ac_link {
    float:right;
}

input.default-form, select.default-form, textarea.default-form {
    background-color: #eee;
    font-family: inherit;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    color: rgba(0,0,0,.75);
    display: block;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 0 5px;
    line-height: 26px;
    border-radius: 1px;
    width: 100%;
    box-sizing: border-box;
    transition: box-shadow .45s,border-color .45s ease-in-out;
}
input.default-button {
    color:#ccc;
    text-decoration: none;
    border:1px solid #333;
    display: block;
    padding:0 15px;
    background: linear-gradient(to bottom, #212325 0%,#151517 100%);
        width: 100%;
    line-height: 30px;
}
.comments .licomment {
    margin:10px 0;
    border-radius:2px;
}
.comments .text {
    background: #4b4a4a;
    color: #dbdbdb;
    font: 700 11px Verdana;
    margin: 0;
    min-height: 33px;
    padding: 5px;
}
.comments .date {
    background: #363434;
    margin: 0;
    padding: 3px 5px;
}
.d_tab {
    position: relative;
    margin:10px;
}
.popup_tab {
    position: absolute;
    display: none;
    top:25px;
    z-index: 11;
    right:0;
}
.d_tab .selected_tab {
    text-align: left;
    display: block;
    line-height: 25px;
    background-position-y: center;
}
.d_tab #selected_tab {
    font-size:16px;
}
.d_tab .selected_tab .open_tab {
    float:right;
    border:1px solid #424242;
    color:#ddd;
    padding:0 10px;
}
.d_tab .popup_tab li {
    border:1px solid #424242;
    color:#ddd;
    text-align: center;
    line-height: 40px;
}
.d_tab .popup_tab li {
    text-align: left;
    background:#222;
    padding:0 15px;
}
.d_tab .popup_tab li.active {
    color:#febf01;
}
.related-content .not-loaded .main-loader, .related-content .loading .main-loader {
    display: block;
}

.main-loader {
    margin: 20px auto;
    display: none;
    width: 80px;
    height: 80px;
    border-top: 2px solid rgba(255,255,255,.2);
    border-right: 2px solid rgba(255,255,255,.2);
    border-bottom: 2px solid rgba(255,255,255,.2);
    border-left: 2px solid #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: buffering 1.1s infinite linear;
    animation: buffering 1.1s infinite linear
}

@-webkit-keyframes buffering {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes buffering {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.related-content > .content {
    display: none;
}
.related-content > .content.active {
    display: block;
}
#play_icon {
    display:none;
}
body #exoNativeWidget3103886.exo-native-widget {
    height: auto;
    max-width: 500px;
    margin:0 auto;
}

body #exoNativeWidget3103886.exo-native-widget .exo-native-widget-item-container {
    height: auto;
    padding: 0 3px;
}

body #exoNativeWidget3103886.exo-native-widget .exo-native-widget-item-container .exo-native-widget-item {
    padding: 0;
    height: auto;
    position: relative;
    color:#fff;
}

body #exoNativeWidget3103886.exo-native-widget .exo-native-widget-item-container .exo-native-widget-item .exo-native-widget-item-image {
    padding-top:65%;
    max-width:none;
    height: 0;
    border: 1px solid #111
}
body #exoNativeWidget3103886.exo-native-widget .exo-native-widget-item-container .exo-native-widget-item .exo-native-widget-item-content {
    max-width: none;
}

body #exoNativeWidget3103886.exo-native-widget .exo-native-widget-item-container .exo-native-widget-item .exo-native-widget-item-content .exo-native-widget-item-title {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(0,0,0,.1);
    padding: 3px 10px;
    text-align: center
}
body #exoNativeWidget3103886.exo-native-widget .exo-native-widget-item-container .exo-native-widget-item:hover .exo-native-widget-item-content .exo-native-widget-item-title {
    color:#eee;
    font-weight: 400;
}