@import url('https://fonts.googleapis.com/css?family=Open+Sans:600&subset=latin,cyrillic');

body {
    background-color: #dbdbdb;
}
.page-header h1 {
margin-bottom: 0px;
}

p {
    color: #303030;
    font-weight: 300;
}
.navbar-brand {
    padding: 2px;
}
.dropdown-menu {
    background: #515151;
}
.dropdown-menu-col > li > a {
    padding: 5px 2px;
    color: #AAA;
    padding: 2px 10px;
}
.dropdown-menu-col > li > a:hover, .dropdown-menu-col > li > a:focus, .dropdown-menu-col:hover > a, .dropdown-menu-col:focus > a {
    color: #ffcc33;
    background-image: none;
    text-decoration: none;
}
.dropdown-menu-col {
margin: 0;
min-width: 145px;
list-style: none;
padding-left: 8px;
}

.btn-default {
    background: #494949;
    color: #E7E7E7;
    border-color: #494949;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active
{
    background: #3D3D3D;
    border-color: #3D3D3D;
    color: #E7E7DD;
}


@media screen and (max-width: 767px) {
    .main {
        margin-top: 10px;
    }
.page-header h1, .video-info h1 {

font-size:13px;
}
.page-header p {
font-size:9px;
}


}

@media screen and (min-width: 768px) {
    .main {
        margin-top: 50px;
    }
.page-header h1, .video-info h1 {

font-size:18px;
}
}


/*------------------------------------CATEGORIES------------------------------------*/
.thumbs-categories {
	font-size: 0;
	margin: 0 0 0 -10px;
	text-align: center;
}
.thumb-category {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	font-size: 13px;
	text-align: left;
}
.thumb-category a {
	display: block;
	margin: 0 0 10px 10px;
	border-radius: 4px;
	overflow: hidden;
	text-decoration: none;
	background: #EEE;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.thumb-category img {
	width: 100%;
	height: auto;
}
.thumb-category .category-info {
	position: relative;
	display: block;
	line-height: 30px;
	color: #888A93;
	background: #EEE;
	padding: 0 62px 0 14px;
}
.thumb-category .title {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.thumb-category .count {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	text-align: center;
	font-size: 10px;
}

.thumbs-items {
    font-size: 0px;
    margin: 0px 0px 0px -10px;
    text-align: center;
}

.small-thumbs-items {
    font-size: 0px;
    margin: 0px 0px 0px -45px;
    text-align: center;
}

.thumb {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    font-size: 12px;
}
.thumb-small {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 10px;
}
    


.thumb a, .thumb-small a {
    display: block;
    margin: 0px 0px 10px 10px;
    border-radius: 4px;
    overflow: hidden;
    text-decoration: none;
    background: #EEE;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.thumb .thumb-image, .thumb-small .thumb-image {
    position: relative;
    display: block;
}

.thumb .thumb-image img, .thumb-small .thumb-image img {
    width: 100%;
    height: auto;
}

.thumb .duration {
right: 2px;
bottom: 2px;
    background: rgba(25, 27, 29, 0.9) none repeat scroll 0% 0%;
}
.thumb .duration, .thumb .percent {
    position: absolute;
    width: 45px;
    line-height: 25px;
    color: #FFF;
    border-radius: 4px;
}


.thumb .percent {
    right: 4px;
    background: rgba(19, 152, 84, 0.9) none repeat scroll 0% 0%;
}


.thumb .thumb-info, .thumb-small .thumb-info {
    background: #EEE;
    display: block;
    overflow: hidden;
    padding: 0px 6px 7px;
}

.thumb .title, .thumb-small .title {
    display: block;
    font-size: 12px;
    line-height: 13px;
    padding: 8px 0px 3px;
    color: #888A93;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    height: 36px;
}

.thumb .added, .thumb .views {
    float: left;
    font-size: 10px;
    line-height: 13px;
    color: #B9B9B9;
}

.thumb .views {
    float: right;
}


@media screen and (max-width: 1024px) {
	.thumb {
		width: 33%;
	}
	.thumb-category {
		width: 33%;
	}
	.categories-list li {
		width: 33%;
	}
	.thumb-category {
		font-size: 14px;
}
}

@media screen and (max-width: 768px) {
	.thumb {
		width: 50%;
	}
	.thumb-category {
		width: 50%;
	}
	.categories-list li {
		width: 50%;
	}
	.thumb-category {
		font-size: 11px;
}
}

@media screen and (max-width: 600px) {
	.thumb {
		width: 100%;
	}
	.thumb-category {
		width: 100%;
	}
	.categories-list li {
		width: 100%;
	}
	.thumb-category {
		font-size: 10px;
}
}

@media screen and (max-width: 460px) {
	.thumb {
		width: 100%;
	}
	.thumb-category {
		width: 100%;
	}
	.categories-list li {
		width: 100%;
	}
	.thumb-category {
		font-size: 11px;
}
}
/* Pagination */
.pagination {
    text-align: center;
    margin: 10px;
}


.right-banners {
    vertical-align: top;
    margin-top: 20px;
    width: 300px;
display: inline-block;
}


/* Footer */
.footer {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    margin-top: 20px;
	padding-top: 10px;
    text-align: center;
    border-top: 1px solid #494949;
    font-size: 13px;
    background-color: #494949;
}

.footer p {
    color:#DFDFDF;
}

.footer-banners {
display: block;
text-align: center;
width: 102%;
padding-top: 15px;
}


/* Video */
.video {
    background: #272727;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top: 20px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.72);
    vertical-align: top;
}

.left-video-banner {
display: inline-block;
padding-top: 0px;
}

@media screen and (max-width: 1020px) {
    .left-video-banner {
        display: none;
}
.video {
margin-right:5px;
margin-left:5px;
}
}

@media screen and (min-width: 1019px) {
.video {
max-width: 680px;
width: 100%;
display:inline-block;
}

}
.video-m {
    background: #494949;
    border-radius: 4px;
    margin-top: 20px;
    max-width: 800px;
    display: inline-block;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.72);
    vertical-align: top;
}
.video-title {
    text-align: center;
    color: #B9B9B9;
    padding: 5px;
}
.video-title > a {
    color: #ffcc33;
}
.video-like {
background: #494949;
color: #E7E7E7;
font-size: 13px;
font-weight: 500;
padding: 2px 6px;
border-color: #494949;
}

.video-viewed, .video-added, .video-duration, .video-rating, .video-socials {
    display: inline-block;
*zoom:1;
*display:inline;
    vertical-align: middle;
    color: #A0A0A0;
    font-size: 13px;
    line-height: 2.5;
    padding: 0 13px 0 0;

}
.video-viewed::before, .video-added::before, .video-duration::before {
    margin-right: 5px;
    color: rgb(158, 158, 158);
}
.video-viewed {
    border-left: none;
}
.video-duration {
    border-left: none;
}

.video-rating img {
vertical-align: text-bottom;
}

.video-info {
    padding: 0px 20px;
    color: #C4C4C4;
}
.video-info h1 {
margin-top: 10px;
margin-bottom: 10px;
}
.video-info ul {
    list-style: none;
    margin: 0;
    color: #C0C0C0;
    font-size: 13px;
    padding: 5px;
}
.video-info li {
    margin-bottom: 10px;
}
.video-info .label {
    font-size: 13px;
    line-height: 2.4;
    color: #C4C4C4;
}
.video-info p {
    display: inline;
    color: #C4C4C4;
}

.thumbnail-title  a, .thumbnail-title-small  a {
    color: rgba(2, 2, 2, 0.49);
}

.thumbnail-title a:hover{
    text-decoration: none;
}


.video-info a:hover{
    text-decoration: none;
}
.related h4 {
    color: #EBEBEB;
}
.related .thumbnail-image::before {
    width: 196px;
    height: 147px;
    line-height: 147px;
}
@media screen and (max-width: 1200px) {
    .banners {
        display:none;
    }
    .h-teasers, .header-teasers {
        display:none;
    }
}

@media screen and (max-width: 1270px) {
    .related {
        display: none;
    }
    .right-banners {
display: none;
    }
}


@media screen and (min-width: 1201px) {
    .header-teasers {
margin: auto;
width: 1000px;
    }

}
.related .thumbnail {
    width: 196px;
}
.banner {
width: 300px;
margin: 10px auto 0;
}



.addthis_toolbox {
display: table;
float: right;
}

.addthis_toolbox_gallery {
display: table;
margin-top: 2px;
float: right;
}

.g_hidden {
display: none;
}

.g_hint {
font-size: 11px;
}


.category-list {
background: #C5C5C5;
margin: 20px 0;
padding: 10px;
list-style-type: none;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
border-top: 1px solid #C7C7C7;
border-bottom: 1px solid #C7C7C7;
font-size: 12px;
line-height: 1.428571429;
color: #595959;
}

.category-list a {
color: #595959;
}


.btn-search {
background: #565656;
border-color: #565656;
}

.dropdown-menu li a:hover {
color:#FFCC36;
}

.pagination > li > a, .pagination > li > span {
color: #777794;
background-color: #EEE;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color: #494949;
border-color: #3D3D3D;
color: #EEEEEE;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
color: #494949;
}

.label-default {
background-color: #3D3D3D;
}
.category-cloud {
line-height: 2.7;
padding-right: 2px;
padding-left: 2px; padding-bottom: 35px;
}
.comm-form {
max-width: 350px;
margin: 0 auto;
}
.btn-category {
width: 220px;
margin: 4px;
font-size: 13px;
text-align: left;
}
.btn-category span {
float: right;
font-size: 10px;
text-transform: none;
padding-top: 2px;
}
.pager li > a, .pager li > span {
color: #494949;
}
.pager > .active > a, .pager > .active > span, .pager > .active > a:hover, .pager > .active > span:hover, .pager > .active > a:focus, .pager > .active > span:focus {
background: #C0C0C0;
}

.well p {
font-size: 13px;
}
.well h2 {
font-size: 22px;
margin-top: 10px;
}
.well a {
color:#F8710E;
}

.sorting {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 100%;
margin-top: -10px;
margin-bottom: 6px;
}

.sort {
margin-bottom: 5px;
}
.sort-active {
margin-bottom: 5px;
color: #ffac38;
}