body {
    background: #EFEFEF;
   
     padding-top: 30px;   
  
    
}

.footer {
    background:#cfd8dc; -webkit-box-shadow:inset 0 -1px 5px 0 rgba(0,0,0,.2);box-shadow:inset 0 -1px 5px 0 rgba(0,0,0,.2); padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto
}


.player {
  overflow: hidden;
/* padding-top: 56.25%; */
/*  position: relative; */
} 

.player iframe {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  width: 100%;
  height: 100%;
}



h4.title {
color: #444;
font-size: 11pt;
height: 20px; 
font-family: system-ui;
}

  h1{margin-top: 20px; font-size:20px;}

.bb {
    background: #fff;
}

.margin-top {
    margin-top: 20px;
}

.screens-list {
    height: 100px !important;
    display: inline !important;
    width: auto !important;
    margin-right: 5px !important;
    margin-top: 5px !important;
}

.breadcrumb > li + li:before {
    content: '\f105';
    font-family: 'FontAwesome';
}

.admin-home i {
    font-size: 40px;
    display: block;
}

.admin-home a {
    text-decoration: none;
}   

.admin-home span.title {
    text-align: center;
}

.item-video {

    position: relative;
font-size: 11pt;
-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.2);box-shadow:0 2px 3px 0 rgba(0,0,0,.2)
}
.video-attributes {
position: absolute;
    background: #333;
    opacity: 0.8;
    font-size: 12px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    padding: 3px 3px;
    font-family: system-ui;
}
.att-duration {
    top: 0;
}
.att-views {
    top: 0;
    right: 0;
}
.att-about {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    top: 26px;
    color: #fff;
    opacity: .9;
    z-index: 1;
    padding: 3px 5px 3px 3px;
    background: #444;
}
.thumbnail {
    padding: 0;   
    border-radius: 0; 
}
.btn-danger {
    color: #fff;
    background-color: #ac0806;
    border-color: #ac0806;
}
.btn-danger .badge {
    color: #ac0806;
    background-color: #fff;
}
.btn-video {
    margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
    .masonry[data-columns]::before {
        content: '1 .col-xs-12';
    }
}

@media screen and (min-width: 481px) and (max-width: 691px) {
    .masonry[data-columns]::before {
        content: '2 .col-xs-6';
    }    
}

@media screen and (min-width: 692px) and (max-width: 999px) {
    .masonry[data-columns]::before {
        content: '3 .col-xs-4';
    }       
}

@media screen and (min-width: 1000px) {
    .masonry[data-columns]::before {
        content: '4 .col-xs-3';
    }           
}
/*** ***/

.thumb {
    margin-bottom: 25px;
}

.category-item span {
    color: #fff;
}

.name {
    text-align: center;
}

.name > h4 {
    color: #444;
}


.navbar img {
}

@media(max-width:1200px)  {

    /*.navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse {
        overflow-x: visible !important;
    }

    .navbar-collapse.in {
        overflow-y: auto !important;
    }

    .collapse.in {
        display: block !important;
    }*/

}

@media (min-width: 1200px) {

 body {
    
/*background-color: #efefef;*/
/*background-image: url("https://www.transparenttextures.com/patterns/black-thread-light.png");*/
background-color: #f0efeb;
background-image: url("https://transparenttextures.com/patterns/concrete-wall.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */


        padding-top: 30px;
    
}

    .navbar {
      
    
    }

    .top-nav-collapse {
        padding: 0;
    }

  
}

nav {
    margin-bottom: 0;
}

.nav > li.mdwn.open {
    position: static;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.categories {
    text-align: left;
    margin-bottom: 25px;
    padding-left: 15px;
}

.categories a {
    color: #fff;
}

.btn-toolbar {
    text-align: center;
}

.nav > li.mdwn.open .mdwn-menu {
    background-color: #444;
    border: none;
    display: table;
    width: 100%;
    text-align: center;
    padding: 20px 20px 0 20px;
    left: 0;
    right: 0;
}

.mdwn-menu > li {
    display: table-cell;
}

.navbar a:focus {
    outline: none;
}

.navbar .navbar-nav {
    letter-spacing: 1px;
}

.navbar .navbar-nav li a:focus {
    outline: none;
}

.navbar-default,
.navbar-inverse {
    border: none;
}

footer {
    margin: 50px 0;
}

.btn-danger {
    color: #fff;
    background-color: #ac0806;
    border-color: #ac0806;
}
.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #ac0806;
    border-color: #ac0806;
}
.btn-danger:hover {
    color: #fff;
    background-color: #ac0806;
    border-color: #ac0806;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #ac0806;
    border-color: #ac0806;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac0806;
    border-color: #ac0806;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #ac0806;
    border-color: #ac0806;
}
.btn-danger .badge {
    color: #ac0806;
    background-color: #fff;
}

.search-name i {
    display: none;
}

@media (min-width: 1200px) {
    #search .close-padding {
        top: 100px;
    }

    .search-name span {
        display: none;
    }

    .search-name i {
        display: inherit;
    }
}

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    left: 10px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    left: 10px;
}

#kt_player video {
    width: 100%;
}

.g_clear {
	clear: both;
	font-size: 0;
	height: 0;
}

.g_hidden {
	display: none;
}

.g_hint {
	font-size: 11px;
}