#bxdyoutube{
	height:340px;
	overflow: hidden;
}
#bxdyoutube .bxdtabs {

    padding-top:20px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#bxdyoutube .bxdtabs .nav-track {
    display: flex;
}

#bxdyoutube .bxdtab {
	padding:8px 15px;
	background:#ccc;
	cursor:pointer;
	margin-right:2px;
	font-weight:600;
	border-radius:8px;
	display: inline-block;
	white-space: nowrap;
}

#bxdyoutube .bxdtab.active {color:#a1a1a1}

#bxdyoutube *:not(.title):hover{
	text-decoration:none;
}
#bxdyoutube #bxdvideocontainer {
    clear: both;
}

#bxdyoutube .bxdyoutube-input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
#bxdyoutube .bxdyoutube-append {
    margin-left: -4px;
}
#bxdyoutube .bxdyoutube-input {
    display: block;
    width: 60%;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: transition: border-color 0.3s ease;
}
#bxdyoutube .bxdyoutube-input:focus {
      border-color: #aaa; 
      outline: none; 
}
#bxdyoutube .bxdyoutube-btn {
    box-shadow: none;
    border-radius: 0;
    background-color: #cccccc;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

#bxdyoutube .bxdsortlist, #bxdyoutube .bxdsortbox {
	float: right;
    font-size: 2em;
    margin-top: -5px;
    margin-right: 20px;
	cursor:pointer;
}
#bxdyoutube .bxdsortlist .bxdviewlist {
    color: #ccc;
}
#bxdyoutube .bxdsortlist .bxdviewbox {
    color: #444;
}
#bxdyoutube .bxdsortbox .bxdviewlist {
    color: #444;
}
#bxdyoutube .bxdsortbox .bxdviewbox {
	color: #ccc;
}

#bxdyoutube .bxditem{
	cursor:pointer;
	display: inline-block;
    margin: 10px 10px 0px 0px;
	border:1px solid #ccc;
	border-radius:10px;
}
#bxdyoutube .bxdbox .bxditem {
	float:left;
	width:95%;
	height:250px;
	overflow:hidden;
	margin:10px 20px 10px 0px;	
}
#bxdyoutube .bxditem:hover{
    background: #eee;
	text-decoration:none;
}
#bxdyoutube .bxdsliders .bxditem:hover img{
	max-width:274px;
}

#bxdyoutube .bxdlist .bxditem {
	display: block;
	float:none;
	clear: both;
	width:100%;
	height:180px;
	margin:20px 20px 20px 0px;	
	border:0px solid #ccc;
	border-radius:0px;    
}

#bxdyoutube .bxditem .youtube-icon {
    font-size: 4em;
    position: absolute;
    color: #FF0000;
    margin-left: 42%;
    margin-top: 70px;
}
#bxdyoutube .bxditem .youtube-icon:hover{
    font-size: 5em;
    margin-left: 42%;
    margin-top: 60px;
}
#bxdyoutube .bxditem .youtubebox {
    width:30px;height:30px;
    position: absolute;
    background: #fefefe;
    margin-left: 130px;
    margin-top: 80px;
}
#bxdyoutube .bxdlist .bxditem .youtube-icon {
	margin-left: 130px;
}
#bxdyoutube .bxdlist .bxditem .youtubebox {
    margin-left: 150px;
}


#bxdyoutube .bxditem_link {
    display: block
}
#bxdyoutube .bxdbox .bxditem img {
    display: inline-block;
	width:100%;
	height:auto;
}
#bxdyoutube .bxdlist .bxditem img {
	float: left;
    margin-right: 20px;
	border-radius:10px;
}
#bxdyoutube .bxditem_date {
	display: block;
    position: absolute;
    background: #444;
    padding: 2px 10px;
    color: #ccc;
    float: right;
    margin-top: -25px;
    margin-left: -10px;
    border-radius: 3px;
}
#bxdyoutube .bxdlist .bxditem_date {
    position: initial; 
    margin-top: 0px;
    margin-right: 20px; 
}
#bxdyoutube .bxdsliders .bxditem_date {
    right: 11px; 
	margin-top: -28px;
    border-radius: 4px;
}
#bxdyoutube .bxdsliders img {
    max-width: 265px;
	border-radius: 8px;
}
	
#bxdyoutube .bxditem_title {
    display: block;
	padding:5px 2px 0 5px;
	
}
#bxdyoutube .bxditem_descr {
    display: none;
	padding: 0px 10px;
	color: #111;
}
#bxdyoutube .bxditem_text {
	display: block;
    padding: 5px 5px;
    color: #111;
    overflow: hidden;
    max-height: 40px;
    font-size: 90%;
    line-height: 1.5em;
}
#bxdyoutube .bxdbox .bxditem:hover .bxditem_descr{
    display: block;
	font-size:90%;
    padding: 10px 10px;
    position: absolute;
    background: #eee;
    width: 265px;
	margin-left:-1px;
    border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
#bxdyoutube .bxdlist .bxditem_descr {
    display: block;
	padding: 10px 0px;
	color: #111;
}

#bxdyoutube .bxditem_channel {
    display: block;
	padding: 0px 10px 20px 0px;
	text-align:right;
	font-style:italic;
	color:#666;
	font-size:80%;
	height: 17px;
}
#bxdyoutube .bxdlist .bxditem_channel {
    text-align: left;
}

#bxdyoutube .bxdblock.active {display:block}
#bxdyoutube .bxdblock.hide {display:none}

#bxdyoutube .owl-controls {margin-top:20px}
#bxdyoutube .owl-carousel .owl-stage-outer {margin-left: -20px;}

#bxdyoutube .owl-pagination {
  display: none;
}

#bxdyoutube .owl-nav .owl-prev, #bxdyoutube .owl-nav .owl-next {
	visibility: hidden;
	padding: 0px;
    position: absolute;
    background: #f5f5f5;
    display: inline-block;
    top: 80px;
    border-radius: 50%;
    font-size: 0px;
    width: 50px;
    height: 50px;
    text-align: center;  
}
#bxdyoutube .owl-nav .owl-prev {
	left: 0px;
}
#bxdyoutube .owl-nav .owl-next {
	right: 0px;
}
#bxdyoutube:hover .owl-nav .owl-prev, #bxdyoutube:hover .owl-nav .owl-next {
	visibility: visible;
}
#bxdyoutube .owl-nav .owl-prev:after, #bxdyoutube .owl-nav .owl-next:after {
	top: -10px;
    color: #646464;
    font-size: 46px;
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
    font-weight: 600;
}

#bxdyoutube .owl-nav .owl-prev:after {
  left: 15px;
  content: "\f104";
}

#bxdyoutube .owl-nav .owl-next:after {
	right: 15px;
    content: "\f105";
}

#bxdyoutube .owl-nav .owl-prev:hover:after, #bxdyoutube .owl-nav .owl-next:hover:after {
  color: #fff;
}

#bxdyoutube .owl-nav .owl-prev:hover, #bxdyoutube .owl-nav .owl-next:hover {
  background: #9e0101;
  -webkit-transition: background 0.4s ease-in-out;
  -moz-transition: background 0.4s ease-in-out;
  -o-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;  
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

@media (max-width: 760px) {
	#bxdyoutube .bxdlist .bxditem {
		height:auto;
	}
	#bxdyoutube .bxdlist .bxditem_date {
        margin-top: -30px;
	}
}

@media (max-width: 467px) {
	#bxdyoutube .bxdtab {
		padding: 5px 5px;
		font-weight: 400;
		border-radius: 2px;
		margin-bottom: 5px;

	}
	#bxdyoutube .bxdblock {	
	    margin-top: -10px;
	}
	#bxdyoutube .bxdtabs,
   	#bxdyoutube .bxdtabs .nav-track {
		overflow: auto;
	}
	#bxdyoutube .bxdtabs .nav-track::-webkit-scrollbar {
  		width: 0;
	}
	#bxdyoutube .owl-nav  {
		display:none;
		visibility:hidden;
	}
	#bxdyoutube .bxdsliders img {
		max-width:100%;
	}
	#bxdyoutube .bxdsliders .bxditem:hover img{
		max-width:100%;
	}
	#bxdyoutube .bxdsliders .bxditem_date {
		right: 22px;
	}
}
