.youtubeplaylist-wrapper {
    margin-top:25px;
}
.youmax-showing {
color:#000;
font-weight:400;
}

.youmax-duration {
background-color:#000;
color:#FFF;
font-weight:700;
position:absolute;
bottom:0;
right:0;
opacity:0.8;
padding:2px 3px;
display:none;
}

.youmax-header {
background-color:#353535;
width:100%;
font:24px Arial;
color:#FFF;
line-height:25px;
height:90px;
text-align:left;
}

.youmax-stat {
float:right;
font:10px Arial;
color:#ccc;
text-align:center;
margin:25px 10px 10px;
}

#youmax-stat-holder {
float:right;
height:100%;
}

.youmax-stat-count {
font:18px Arial;
}

#youmax-channel-desc {
text-align:left;
}

#youmax {
width:100%;
background-color:#F1F1F1;
/*font-family:Calibri;*/
font-size:14px;
text-align:center;
margin:0;
}

#youmax-encloser {
width:100%;
}

#youmax-video-list-div {
width:100%;
text-align:left;
display:inline-block;
background-color:#ece6e0;
padding-top:15px;
}

.youmax-video-list-title {
color:#000;
display:block;
font-weight:700;
font-size:12px;
/*max-width:250px;*/
max-height:18px;
/*overflow:hidden;*/
margin:5px 10px 2px;
}
#youmax-video-list-div > .youmax-video-list-title {
text-align: center;
margin-bottom: 20px;
background-color: #EEE;
padding: 5px;
text-transform: uppercase;
}

.youmax-video-list-views {
color:#555;
padding-left:10px;
font-size:13px;
}

.youmax-playlist-sidebar {
background-color:rgba(0,0,0,0.8);
float:right;
width:80px;
height:100%;
color:#FFF;
text-align:center;
}

.youmax-playlist-video-count {
display:block;
margin-top:5px;
}

.youmax-playlist-sidebar-video {
opacity:1;
width:64px;
height:36px;
border:1px solid #727272;
background-color:#727272;
background-size:contain;
background-repeat:no-repeat;
margin:5px auto;
}

.youmax-tab {
background-color:#ece6e0;
color:#000;
cursor:pointer;
margin:0px 0px 5px;
padding:0px;
text-align:center;
line-height:30px;
text-transform:uppercase;
font-size:13px;
}
.youmax-tab:hover {
    /*background-color:#cf3427;
    color:#FFF;*/
}

#youmax-tabs {
text-align:left;
background-color:#ece6e0;
padding-left:0;
width:100%;
float:left;
/*display:none;*/
}

/*flip container*/
.youmax-video-tnail-box {
    width:50%;
    height:450px;
    float:none;
    overflow:hidden;
    box-shadow:none; /*inset 0 1px 0 rgba(255,255,255,0.25), 0 1px 3px rgba(0,0,0,0.2);*/
    cursor:pointer;
    cursor:hand;
    margin:0 0 30px 0;
    display:inline-block;
    position:relative;
    perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
    -webkit-perspective: 1000;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
}
/*flipper*/
.youmax-video-tnail {
    width:95%;
    position:relative;
    margin:0 auto;
    transition: 0.6s;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    /*transform: rotateY( 0deg );*/
}

.youmax-video-tnail.flipped {
    /*transform: rotateY( 180deg );*/
}

.youmax-video-tnail.flipped .youmax-img.front {
    transform: rotateY( 180deg );
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.youmax-video-tnail.flipped .youmax-iframe.back {
    transform: rotateY( 0deg );
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}

.youmax-img, .youmax-iframe {
    top:0;
    left:0;
    display: block;
    position:absolute;
    height:100%;
    width:100%;
    backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: 0.6s;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

.youmax-img.front {
    z-index:2;
    transform: rotateY( 0deg );
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.youmax-iframe.back {
    background-image: url(/img/logoyoutubeplaylist.jpg);
    background-repeat:no-repeat;
    transform: rotateY( -180deg );
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    background-size:cover;
	background-position: 50% 50%;
}

.float-cleaner {
    clear:both;
}

.youmax-video-details {
    width:95%;
    margin:0 auto;
    overflow:hidden;
}

.youmax-video-details .youmax-video-list-title {
    margin:5px 10px 5px 0px;
    width:100%;
    display:block;
    overflow:hidden;
    /*text-transform:capitalize;*/
}

.youmax-video-details .youmax-video-list-views {
    display:block;
    margin:5px 1px 5px 0px;
    width:100%;
    padding-left:0;
}

.youmax-img.front img {
    width:100%;
}

.youmax-loader {
    text-align:center;
    width:100%;
    height:200px;
}
.youmax-loader img {
    margin-top:50px;
}

.youmax-channel-link {
    display: inline-block;
    margin-top: 15px;
    margin-left: 20px;
}

.youmax-play-button {
    background-image: url('/img/videoplay.png');
    background-repeat: no-repeat;
    height: 51px;
    width: 76px;
    background-position: 0 0px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -38px;
    margin-top: -25px;
}
.youmax-video-tnail:hover .youmax-play-button {
    background-position: 0 -51px;  
}

/*tabs*/
.youmax-selected-tab {
  color: #FFF;
  /*text-shadow: 0px 0px;*/
  background-color: #c5a99c;
}
/*tabs*/
@media (max-width: 768px) {

.youmax-video-details .youmax-video-list-views {
	/*display:none;*/
}

}

@media (max-width: 768px) {

.youmax-video-tnail-box {
    width:100%;
}

}