/*------------------------------------------------------------------
Youmax BIZ v2.6 by Jake H. from CodeHandling
------------------------------------------------------------------*/

/*--------------------------
Imports
--------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400|Roboto+Condensed:400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);


/*--------------------------
Magnific Popup
--------------------------*/
.mfp-bg{
top:0;
left:0;
width:100%;
height:100%;
z-index:1042;
overflow:hidden;
position:fixed;
background:#0b0b0b;
opacity:.8
}
.mfp-wrap{
top:0;
left:0;
width:100%;
height:100%;
z-index:1043;
position:fixed;
outline:0!important;
-webkit-backface-visibility:hidden
}
.mfp-container{
text-align:center;
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
padding:0 8px;
box-sizing:border-box
}
.mfp-container:before{
content:'';
display:inline-block;
height:100%;
vertical-align:middle
}
.mfp-align-top .mfp-container:before{
display:none
}
.mfp-content{
position:relative;
display:inline-block;
vertical-align:middle;
margin:0 auto;
text-align:left;
z-index:1045
}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{
width:100%;
cursor:auto
}
.mfp-ajax-cur{
cursor:progress
}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
cursor:-moz-zoom-out;
cursor:-webkit-zoom-out;
cursor:zoom-out
}
.mfp-zoom{
cursor:pointer;
cursor:-webkit-zoom-in;
cursor:-moz-zoom-in;
cursor:zoom-in
}
.mfp-auto-cursor .mfp-content{
cursor:auto
}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{
-webkit-user-select:none;
-moz-user-select:none;
user-select:none
}
.mfp-loading.mfp-figure{
display:none
}
.mfp-hide{
display:none!important
}
.mfp-preloader{
color:#ccc;
position:absolute;
top:50%;
width:auto;
text-align:center;
margin-top:-.8em;
left:8px;
right:8px;
z-index:1044
}
.mfp-preloader a{
color:#ccc
}
.mfp-preloader a:hover{
color:#fff
}
.mfp-s-ready .mfp-preloader{
display:none
}
.mfp-s-error .mfp-content{
display:none
}
button.mfp-close,button.mfp-arrow{
overflow:visible;
cursor:pointer;
background:transparent;
border:0;
-webkit-appearance:none;
display:block;
outline:0;
padding:0;
z-index:1046;
box-shadow:none;
touch-action:manipulation
}
button::-moz-focus-inner{
padding:0;
border:0
}
.mfp-close{
width:44px;
height:44px;
line-height:44px;
position:absolute;
right:0;
top:0;
text-decoration:none;
text-align:center;
opacity:.65;
padding:0 0 18px 10px;
color:#fff;
font-style:normal;
font-size:28px;
font-family:Arial,Baskerville,monospace
}
.mfp-close:hover,.mfp-close:focus{
opacity:1
}
.mfp-close:active{
top:1px
}
.mfp-close-btn-in .mfp-close{
color:#333
}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{
color:#fff;
right:-6px;
text-align:right;
padding-right:6px;
width:100%
}
.mfp-counter{
position:absolute;
top:0;
right:0;
color:#ccc;
font-size:12px;
line-height:18px;
white-space:nowrap
}
.mfp-arrow{
position:absolute;
opacity:.65;
margin:0;
top:50%;
margin-top:-55px;
padding:0;
width:90px;
height:110px;
-webkit-tap-highlight-color:transparent
}
.mfp-arrow:active{
margin-top:-54px
}
.mfp-arrow:hover,.mfp-arrow:focus{
opacity:1
}
.mfp-arrow:before,.mfp-arrow:after{
content:'';
display:block;
width:0;
height:0;
position:absolute;
left:0;
top:0;
margin-top:35px;
margin-left:35px;
border:medium inset transparent
}
.mfp-arrow:after{
border-top-width:13px;
border-bottom-width:13px;
top:8px
}
.mfp-arrow:before{
border-top-width:21px;
border-bottom-width:21px;
opacity:.7
}
.mfp-arrow-left{
left:0
}
.mfp-arrow-left:after{
border-right:17px solid #fff;
margin-left:31px
}
.mfp-arrow-left:before{
margin-left:25px;
border-right:27px solid #3f3f3f
}
.mfp-arrow-right{
right:0
}
.mfp-arrow-right:after{
border-left:17px solid #fff;
margin-left:39px
}
.mfp-arrow-right:before{
border-left:27px solid #3f3f3f
}
.mfp-iframe-holder{
padding-top:40px;
padding-bottom:40px
}
.mfp-iframe-holder .mfp-content{
line-height:0;
width:100%;
max-width:900px
}
.mfp-iframe-holder .mfp-close{
top:-40px
}
.mfp-iframe-scaler{
width:100%;
height:0;
overflow:hidden;
padding-top:56.25%
}
.mfp-iframe-scaler iframe{
position:absolute;
display:block;
top:0;
left:0;
width:100%;
height:100%;
box-shadow:0 0 8px rgba(0,0,0,.6);
background:#000
}
img.mfp-img{
width:auto;
max-width:100%;
height:auto;
display:block;
line-height:0;
box-sizing:border-box;
padding:40px 0 40px;
margin:0 auto
}
.mfp-figure{
line-height:0
}
.mfp-figure:after{
content:'';
position:absolute;
left:0;
top:40px;
bottom:40px;
display:block;
right:0;
width:auto;
height:auto;
z-index:-1;
box-shadow:0 0 8px rgba(0,0,0,.6);
background:#444
}
.mfp-figure small{
color:#bdbdbd;
display:block;
font-size:12px;
line-height:14px
}
.mfp-figure figure{
margin:0
}
.mfp-bottom-bar{
margin-top:-36px;
position:absolute;
top:100%;
left:0;
width:100%;
cursor:auto
}
.mfp-title{
text-align:left;
line-height:18px;
color:#f3f3f3;
word-wrap:break-word;
padding-right:36px
}
.mfp-image-holder .mfp-content{
max-width:100%
}
.mfp-gallery .mfp-image-holder .mfp-figure{
cursor:pointer
}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){
.mfp-img-mobile .mfp-image-holder{
padding-left:0;
padding-right:0
}
.mfp-img-mobile img.mfp-img{
padding:0
}
.mfp-img-mobile .mfp-figure:after{
top:0;
bottom:0
}
.mfp-img-mobile .mfp-figure small{
display:inline;
margin-left:5px
}
.mfp-img-mobile .mfp-bottom-bar{
background:rgba(0,0,0,.6);
bottom:0;
margin:0;
top:auto;
padding:3px 5px;
position:fixed;
box-sizing:border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty{
padding:0
}
.mfp-img-mobile .mfp-counter{
right:5px;
top:3px
}
.mfp-img-mobile .mfp-close{
top:0;
right:0;
width:35px;
height:35px;
line-height:35px;
background:rgba(0,0,0,.6);
position:fixed;
text-align:center;
padding:0
}

}
@media all and (max-width:900px){
.mfp-arrow{
-webkit-transform:scale(.75);
transform:scale(.75)
}
.mfp-arrow-left{
-webkit-transform-origin:0;
transform-origin:0
}
.mfp-arrow-right{
-webkit-transform-origin:100%;
transform-origin:100%
}
.mfp-container{
padding-left:6px;
padding-right:6px
}

}


/*--------------------------
Youmax BIZ
--------------------------*/
.youmax-pro i{
font-size:inherit!important
}
.youmax-pro{
width:100%;
box-sizing:border-box;
background-color:#eceff1;
text-align:center;
margin:auto;
font-size:100%
}
.yl-font-controller{
font-size:100%
}
.yl-wrapper{
padding:0%;
display:inline-block;
width:100%;
box-sizing:border-box
}
.yl-list-title{
color:#686868;
border-bottom:0;
text-align:left;
font-family:'Roboto Condensed',sans-serif;
font-weight:400;
font-style:normal;
display:inline-block;
width:100%
}
.yl-list-title select{
width:auto;
height:auto;
font-size:.9em;
font-family:'Open Sans',sans-serif;
border:0;
box-shadow:0 0 2px rgba(0,0,0,.2),-.2em 0 0 0 #ff5722;
outline:0;
letter-spacing:.5px;
line-height:3.5em;
float:right;
padding:.38em
}
.yl-switch{
display:inline-block;
float:right;
padding:.5em .6em;
background-color:#0093a5;
color:#fbfbfb;
line-height:1.4em;
box-shadow:0 0 2px rgba(0,0,0,.2);
cursor:pointer;
line-height:0
}
.yl-switch i{
width:1em;
text-align:center
}
.yl-item-container{
display:inline-block;
width:100%;
float:left;
margin-top:1.5em
}
.yl-item-wrapper{
margin-bottom:3.0728%;
text-align:center
}
.yl-item{
width:100%;
display:inline-block;
margin-bottom:0;
background-color:#fbfbfb;
box-shadow:0 0 2px rgba(0,0,0,.2);
text-align:left;
transition:all .2s;
-webkit-transition:all .2s;
overflow:hidden;
color:#828282;
font-family:sans-serif;
position:relative
}
.yl-item.yl-fading{
opacity:.4
}
.yl-focus{
display:inline-block;
float:left;
padding:0;
width:50%;
cursor:pointer;
box-sizing:border-box
}
.yl-view-bucket{
width:100%;
height:auto;
display:inline-block;
clear:both;
float:left;
border-radius:2px;
box-shadow:0 4px 4px 0 rgba(0,0,0,.6);
cursor:pointer;
box-shadow:none;
padding:0;
box-sizing:border-box;
border:1px solid;
border-color:#423d4a;
margin-top:14.5985%;
text-align:center;
color:#423d4a;
background-color:inherit;
line-height:0;
display:none
}
.yl-view-wrapper{
display:inline-block;
padding:.32em;
padding-bottom:.38em
}
.yl-view-icon{
padding-bottom:0;
text-align:center;
padding-top:.1875em;
border:0;
height:auto;
width:auto;
margin:0;
float:left;
display:inline-block
}
.triangle-with-shadow{
width:0;
height:0;
transition:all .2s;
-webkit-transition:all .2s;
border-bottom:.6875em solid;
border-left:.375em solid transparent;
border-right:.375em solid transparent;
margin:0;
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
.yl-view-count{
text-align:center;
float:left;
font-weight:400;
font-size:.8125em;
display:inline-block;
width:auto;
padding-left:.38461em;
line-height:1.3076em
}
.triangle-with-hover{
transform:rotate(90deg) scale(1.4,1.4);
-webkit-transform:rotate(90deg) scale(1.4,1.4)
}
.yl-view-bucket-seen{
color:#fff;
background-color:#ff5722;
border-color:#ff5722
}
.yl-thumbnail{
width:100%;
float:left;
line-height:0;
position:relative
}
.yl-thumbnail img{
width:100%;
border:0
}
.yl-duration{
position:absolute;
left:8%;
top:8%;
background-color:rgba(0,0,0,.6);
width:auto;
height:auto;
display:inline-block;
font-size:.65em;
line-height:1em;
color:#fff;
padding:.3em;
font-weight:700;
transition:all .4s;
font-family:Roboto Condensed
}
.yl-duration i{
font-size:.9em!important;
vertical-align:baseline;
margin-right:.25em
}
.yl-text{
float:left;
box-sizing:border-box;
width:50%;
padding:.6em 1em
}
.yl-title{
color:#383838;
overflow:hidden;
margin-bottom:.15em;
font-size:.8em;
font-weight:400;
max-height:3.1em;
line-height:1.57em;
font-family:sans-serif
}
.yl-description{
overflow:hidden;
color:#828282;
height:auto;
font-weight:300;
font-size:.85em;
line-height:1.5em
}
.yl-description a{
color:#6d6d6d;
text-decoration:none
}
.yl-title-description-wrapper{
height:5.3em;
overflow:hidden
}
.yl-date-bucket{
width:auto;
height:auto;
display:inline-block;
float:left;
background-color:#6f6f6f;
font-size:.75em;
text-align:center;
color:#423d4a;
margin-top:1em;
box-shadow:none;
background-color:transparent
}
.yl-date{
height:auto;
float:left;
padding-right:3px
}
.yl-month{
float:left;
padding-right:3px
}
.yl-year{
float:left
}
.yl-separator-for-grid{
border-top:1px solid rgba(0,0,0,.1);
margin-top:.7em
}
.yl-views-per-day{
display:none;
float:left;
position:relative;
color:#fff;
font-size:.85em;
background-color:inherit;
color:#ff5722;
margin-top:.68em;
margin-left:.625em;
border-left:1px solid;
padding-left:.625em
}
.yl-view-string{
color:#423d4a;
font-size:.75em;
display:inline-block;
float:left;
margin-top:.3em;
font-weight:400;
margin-right:6px;
padding-right:6px;
margin-top:1em
}
.yl-loader{
font-family:'Open Sans',sans-serif;
font-weight:300;
margin:20.243% 0;
display:inline-block;
font-size:1.5em;
text-align:left;
border-left:1px solid;
border-color:#6d6d6d;
padding-left:.375em;
color:#828282;
line-height:1.1875em
}
.yl-loader span{
font-size:.65em
}
.yl-inline-container{
display:none;
width:100%
}
.fluid-width-video-wrapper{
width:100%;
position:relative;
padding:0
}
.yl-inline-iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.mfp-iframe-holder .mfp-content{
max-width:60%
}
.yp-popup-details{
background-color:#fff;
width:100%;
height:auto;
display:inline-block;
line-height:normal;
padding:2em;
padding-bottom:2.5em;
box-sizing:border-box;
font-size:1em;
font-family:'Roboto Condensed',sans-serif;
text-align:left;
position:absolute;
margin-bottom:2em
}
.yp-inline-popup{
position:static
}
.yp-popup-title{
font-size:1.5em;
margin-bottom:.4em;
color:#171717
}
.yp-popup-description{
font-size:.92em;
color:#565656;
line-height:1.45em
}
.yp-popup-description a{
color:#5c6bc0;
text-decoration:none
}
.yp-show-less{
max-height:8.5em;
overflow:hidden
}
.yp-popup-more-button{
font-size:.9em;
background-color:#e2e1e1;
display:inline-block;
color:#353535;
padding:.1em .2em .1em .3em;
border-radius:4px;
margin-top:1em;
margin-bottom:.2em;
cursor:pointer
}
.yp-left-section{
width:10%;
display:inline-block;
float:left;
border-right:1px solid #b3b3b3;
margin-right:3%
}
.yp-right-section{
width:86%;
display:inline-block;
float:right
}
.yp-share{
display:inline-block;
background-color:grey;
color:#fff;
padding:1em;
cursor:pointer;
text-align:center;
margin-bottom:1em;
width:70%;
box-sizing:border-box
}
.yp-share:last-child{
margin:0
}
.yp-share:hover{
background-color:#3f51b5
}
.yp-share i{
width:1em
}
.yl-simple-popup .yp-left-section{
width:auto;
margin-top:1.2em;
border:0
}
.yl-simple-popup .yp-share{
padding:1.3em;
width:auto;
margin:0
}
.yl-simple-popup .yp-right-section{
width:100%
}
.yp-post-like-box{
margin-top:1em;
box-sizing:border-box;
display:inline-block;
border:1px solid #b3b3b3;
padding:0
}
.yp-post-like-box img{
width:2.1em;
padding:.4em .2em .4em .5em;
float:left;
box-sizing:content-box
}
.yp-post-like-count{
color:#565656;
padding:.4em;
margin-left:.4em;
display:inline-block;
float:left;
text-align:right;
font-size:.9em
}
.yp-post-like-count span{
font-size:.8em;
margin-left:.3em
}
.yp-post-likes{
background-color:grey;
color:#fff;
display:inline-block;
overflow:hidden;
box-sizing:border-box;
float:left;
font-size:.9em;
margin-left:.4em;
cursor:pointer
}
.yp-add-like-icon{
display:inline-block;
float:right;
font-size:2em;
padding:.2em .2em .3em .5em
}
.yp-post-likes i{
margin-right:.3em
}
.yp-post-comments{
margin-top:1em;
font-size:.9em;
color:#565656
}
.yp-comment span{
color:#f44336
}
.yp-comment{
margin:.3em 0;
display:inline-block;
width:100%
}
.yp-comment-from-img{
width:2.5em;
float:left;
margin-right:.6em;
margin-bottom:.3em;
border-radius:2px
}
.yp-comment-img{
display:inline-block;
height:100%;
float:left
}
.yp-comment-text{
display:inline-block;
float:left;
width:80%
}
.yp-add-comment-box{
margin-top:1em;
display:inline-block;
width:100%
}
#yp-add-comment-text{
float:left;
font-family:Roboto Condensed;
width:80%;
box-shadow:0 0 0 1px #b3b3b3;
border:0;
height:2.8em;
padding:1em;
box-sizing:border-box;
font-size:.84em;
background:#f7f7f7;
text-align:left
}
.yp-add-comment-button{
display:inline-block;
background-color:grey;
color:#fff;
width:18%;
height:2.35em;
float:left;
text-align:center;
box-sizing:border-box;
line-height:2.35em;
box-shadow:0 0 0 1px grey;
cursor:pointer
}
.yp-add-comment-button i{
margin-right:.3em
}
.yp-post-comment-snap{
margin-top:1em;
padding:.2em;
box-sizing:border-box;
display:inline-block;
border:1px solid #b3b3b3;
display:none
}
.yp-post-comment-count{
color:#565656;
padding:.2em;
display:inline-block;
float:left;
text-align:right;
font-size:.9em
}
.yp-post-comment-count span{
font-size:.8em;
margin-left:.3em
}
.yp-post-comment-users{
background-color:inherit;
display:inline-block;
padding:.1em;
overflow:hidden;
box-sizing:border-box;
float:left
}
.yp-post-comment-users img{
float:left;
padding:.3em;
width:2em;
box-sizing:content-box
}
.yl-load-more-button,.yl-previous-button,.yl-next-button{
width: auto;
 float: left; 
height:auto;
display:inline-block;
cursor:pointer;
/* padding:1.35em 0; */
box-sizing:border-box;
text-align:center;
 background-color: transparent !important;
font-family:'Roboto Condensed',sans-serif; 
font-size:16px;
box-shadow:0 0 0px rgba(0,0,0,.2) !important; 
color:#666 !important; 
transition:all .3s
border:1px solid red;

}
.yl-load-more-button:hover{
background:linear-gradient(to right,rgba(255,255,255,.33),#fff 30%)
}
.yl-load-more-button i{
vertical-align:baseline
}
.yl-loading{
background:rgba(0,147,165,.5)!important
}
.yl-previous-button,.yl-next-button{
width:22.5%
}
.yl-previous-button{
margin-right:3%
}
.yl-tab-container{
background-color:#ff5722;
color:#000;
padding:.5em 0;
border-radius:2px;
display:inline-block;
float:left;
border-top-left-radius:0;
border-bottom-left-radius:0;
background-color:inherit
}
.yl-tab-container i{
margin:0 1.17em;
font-size:1.13em;
display:none
}
.yl-tab{
display:inline-block;
margin-right:1.5em;
font-size:1.064em;
cursor:pointer;
position:relative
}
.yl-selected-tab:after{
content:"";
position:absolute;
bottom:-.3em;
left:0;
width:.7em;
height:.07em;
background-color:#6f6f6f
}
.yl-double-list .yl-item-wrapper:nth-child(odd){
margin-right:3%
}
.yl-double-list .yl-item-wrapper{
width:48.5%;
float:left;
margin-bottom:2.5%
}
.yl-double-list .yl-title-description-wrapper{
height:4.3em
}
.yl-double-list .yl-date-bucket,.yl-double-list .yl-views-per-day{
display:none
}
.yl-double-list .yl-view-string{
display:none;
margin-top:.2em
}
.yl-playlist .yl-double-list .yl-view-string{
display:inline-block
}
.yl-double-list.yl-neat-thumbnails .yl-view-string{
display:inline-block
}
.yl-double-list.yl-neat-thumbnails .yl-title{
max-height:3.5em
}
.yl-double-list.yl-neat-thumbnails .yl-date-bucket{
display:inline-block
}
.yl-double-list.yl-simple-thumbnails .yl-date-bucket{
display:none
}
.yl-double-list .yl-playlist-video-count-wrapper{
display:none
}
.yl-double-list.yl-simple-thumbnails .yl-title{
max-height:3.1em;
height:auto
}
.yl-double-list .yl-text{
padding:.6em 1em!important
}
.yl-double-list .yl-separator-for-grid{
display:none
}
.yl-double-list .yl-duration{
font-size:.65em
}
.yl-list .yl-text{
padding:.9em 1em 1em 1.3em!important
}
.yl-list.yl-neat-thumbnails .yl-title{
max-height:3.5em
}
.yl-list .yl-separator-for-grid{
margin-top:.5em
}
.yl-list .yl-date-bucket{
border-left:1px solid rgba(0,0,0,.1);
padding-left:1em
}
.yl-list.yl-neat-thumbnails .yl-date-bucket{
border:0;
padding-left:0
}
.yl-list .yl-duration{
left:5%;
top:7%
}
.yl-list .yl-title-description-wrapper{
max-height:5.3em
}
.yl-list .yl-playlist-video-count-wrapper{
left:0;
width:18%
}
.yl-list .yl-playlist-video-count-box{
height:7em!important
}
.yl-grid .yl-focus{
width:100%;
padding:8%;
padding-bottom:0;
padding:0
}
.yl-grid .yl-text{
width:100%;
padding:4% 6% 6%
}
.yl-grid .yl-date-bucket{
position:absolute;
right:8%;
bottom:6%
}
.yl-grid .yl-views-per-day{
display:none
}
.yl-grid .yl-view-wrapper{
padding:0
}
.yl-grid .yl-duration{
display:inline-block;
left:8%
}
.yl-grid .yl-date-bucket{
position:static;
font-weight:400;
float:right
}
.yl-5-col-grid .yl-item-wrapper{
width:18.4%;
float:left;
margin-right:2%;
margin-bottom:2%
}
.yl-5-col-grid .yl-item-wrapper:nth-child(5n){
margin-right:0
}
.yl-5-col-grid .yl-item-wrapper:nth-child(5n+1){
clear:both
}
.yl-4-col-grid .yl-item-wrapper{
width:23.5%;
float:left;
margin-right:2%;
margin-bottom:2%
}
.yl-4-col-grid .yl-item-wrapper:nth-child(4n){
margin-right:0
}
.yl-4-col-grid .yl-item-wrapper:nth-child(4n+1){
clear:both
}
.yl-4-col-grid .yl-header{
padding:3%
}
.yl-4-col-grid .yl-wrapper{
padding:0%; /* henry change*/
}
.yl-4-col-grid .yl-list-title{
margin-bottom:0%;  /* henry change*/
}
.yl-3-col-grid .yl-item-wrapper{
width:31.5%;
float:left;
margin-right:2.5%;
margin-bottom:2.5%
}
.yl-3-col-grid .yl-item-wrapper:nth-child(3n){
margin-right:0
}
.yl-3-col-grid .yl-item-wrapper:nth-child(3n+1){
clear:both
}
.yl-2-col-grid .yl-item-wrapper{
width:48.5%;
float:left;
margin-right:3%;
margin-bottom:3%
}
.yl-2-col-grid .yl-item-wrapper:nth-child(2n){
margin-right:0
}
.yl-2-col-grid .yl-item-wrapper:nth-child(2n+1){
clear:both
}
.yl-simple-thumbnails .yl-title-description-wrapper{
height:auto
}
.yl-simple-thumbnails .yl-text{
padding:4% 6%
}
.yl-simple-thumbnails .yl-title{
font-size:.8em;
height:3.1em
}
.yl-simple-thumbnails .yl-description{
display:none
}
.yl-simple-thumbnails .yl-separator-for-grid{
display:none
}
.yl-simple-thumbnails .yl-date-bucket{
display:none
}
.yl-simple-thumbnails .yl-view-string{
display:none
}
.yl-simple-thumbnails .yl-views-per-day{
display:none
}
.yl-simple-thumbnails .yl-duration{
display:inline-block;
left:6%
}
.yl-neat-thumbnails .yl-title-description-wrapper{
height:auto
}
.yl-neat-thumbnails .yl-text{
padding:4% 6%
}
.yl-neat-thumbnails .yl-title{
max-height:1.5em
}
.yl-neat-thumbnails .yl-view-string{
border-right:1px solid rgba(0,0,0,.3);
margin-top:.3em;
float:left
}
.yl-neat-thumbnails .yl-description{
display:none
}
.yl-neat-thumbnails .yl-separator-for-grid{
display:none
}
.yl-neat-thumbnails .yl-date-bucket{
float:none;
margin-top:.3em;
float:left
}
.yl-neat-thumbnails .yl-date{
font-weight:400
}
.yl-neat-thumbnails .yl-views-per-day{
display:none
}
.yl-neat-thumbnails .yl-duration{
display:inline-block;
left:6%
}
.yl-playlist-video-count{
font-size:1.6em;
font-weight:700
}
.yl-playlist-line{
width:40%;
border:2px solid #dadada;
display:inline-block;
margin-bottom:.6em
}
.yl-playlist-line-wrapper{
font-size:.6em;
margin-top:.5em;
line-height:1.2em
}
.yl-playlist-video-count-box{
overflow:auto;
margin:auto;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
height:10.5em;
line-height:1.5em;
font-size:.8em
}
.yl-playlist-video-count-wrapper{
position:absolute;
right:0;
top:0;
height:100%;
background-color:rgba(0,0,0,.5);
color:#fff;
width:30%;
text-align:center;
pointer-events:none
}
.yl-playlist .yl-title-description-wrapper{
height:auto
}
.yl-playlist .yl-grid .yl-view-string{
display:none
}
.yl-playlist .yl-grid .yl-date-bucket{
float:left;
margin-top:.1em
}
.yl-playlist .yl-description{
display:none
}
.yl-playlist .yl-grid .yl-separator-for-grid{
display:none
}
.yl-playlist .yl-text{
padding:4% 6%
}
.yl-playlist .yp-post-like-box,.yl-playlist .yp-add-comment-box,.yl-playlist .yp-post-comment-snap,.yl-playlist .yp-post-comment-box{
display:none
}
.yl-play-overlay{
display:none;
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
margin:auto;
width:100%;
height:100%;
background-color:rgba(0,0,0,.5);
pointer-events:none
}
.yl-play-overlay-fixed{
display:none;
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
margin:auto;
width:100%;
height:100%;
background-color:rgba(0,0,0,0);
pointer-events:none
}
.yl-play-icon-holder{
width:2.6em;
height:2.1em;
color:#fff;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
border:3px solid #fff;
text-align:center;
background-color:rgba(0,0,0,.45)
}
.yl-play-icon-holder i{
font-size:1em!important;
padding:.6em;
padding-top:.5em
}
.yl-play-icon-holder span{
display:inline-block;
font-size:1em;
line-height:1em;
padding:.6em;
padding-left:0;
font-weight:700
}
.yl-duration-big{
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
left:50%!important;
top:50%;
font-size:.9em;
text-align:center;
z-index:100;
border:1px solid #fff;
padding:.3em .55em
}
.yl-duration-big i{
vertical-align:1px
}
.yl-header{
display:inline-block;
width:100%;
background-color:#6d6d6d;
color:#fbfbfb;
line-height:0;
float:left;
padding:3% 4%;
box-sizing:border-box;
position:relative
}
.yl-channel-thumbnail{
display:inline-block;
float:left
}
.yl-channel-thumbnail img{
width:4.5em
}
.yl-channel-details{
display:inline-block;
float:left;
padding-left:1.3em
}
.yl-channel-name{
display:inline-block;
float:left;
font-size:1.3em;
font-family:'Open Sans';
line-height:1.4em;
padding-top:.3em
}
.yl-channel-name a{
color:inherit;
text-decoration:none
}
.yl-subscribe{
display:inline-block;
float:left;
clear:both;
padding-top:.6em
}
.yl-channel-search{
display:inline-block;
float:right;
margin-top:1.5em;
background-color:#fff;
color:#000;
padding:.3em .5em
}
input.yl-channel-search-input{
border:0;
outline:0;
font-family:'Open Sans',sans-serif;
padding:0;
font-size:.85em;
background-color:inherit;
color:inherit;
width:auto;
line-height:1.4em;
margin:auto;
height:auto
}
.yl-channel-search i{
float:right
}
.yl-cta-button{
width:48.5%;
display:inline-block;
padding:1.35em 0;
background-color:#00bcd4;
color:#fff;
box-shadow:0 0 2px rgba(0,0,0,.2);
font-family:'Open Sans',sans-serif;
font-size:1em;
float:right
}
.yl-cta-button i{
vertical-align:baseline
}
.yl-showing-playlist-name{
font-family:Roboto Condensed;
float:left;
background-color:#fc4c4a;
font-size:.9em;
padding:.3em 1em .3em .6em;
color:#fff;
margin-top:.4em;
cursor:pointer
}
.yl-showing-playlist-name i{
font-size:.8em!important;
margin-right:.2em
}
.yl-callout-container{
display:inline-block;
width:100%;
margin-top:5%
}
.yl-callout{
display:inline-block;
width:50%;
float:left;
box-sizing:border-box;
box-shadow:0 0 13px 2px rgba(0,0,0,.2),.2em 0 0 0 #00acc1;
background-color:#fbfbfb;
font-family:Roboto Condensed
}
.yl-callout-left{
width:30%;
display:inline-block;
float:left;
line-height:0
}
.yl-callout-left img{
width:100%
}
.yl-callout-right{
width:67%;
display:inline-block;
float:left;
text-align:left;
box-sizing:border-box
}
.yl-callout-title{
font-size:1.5em;
font-family:Open Sans
}
.yl-callout-description{
font-size:.9em;
color:#686868;
margin-top:.1em;
line-height:1.5em
}
.yl-callout-buy-button{
display:inline-block;
background-color:#00acc1;
color:#fbfbfb;
padding:.3em .5em;
margin-top:.5em
}
.yl-callout-preview-button{
display:inline-block;
padding:.3em .5em;
background-color:#00acc1;
color:#fff;
margin-right:.4em;
font-size:1.01em
}
.yl-callout-preview-button i{
font-size:.8em
}
.yl-list-callouts .yl-callout{
width:100%;
margin-bottom:4%
}
.yl-list-callouts .yl-callout-left{
width:35%
}
.yl-list-callouts .yl-callout-right{
width:59%;
padding:1.5% 3% 3%
}
.yl-grid-callouts .yl-callout{
width:48%;
float:left;
margin-right:4%;
margin-bottom:4%
}
.yl-grid-callouts .yl-callout-left{
width:100%
}
.yl-grid-callouts .yl-callout-right{
width:100%;
padding:3% 5% 5%
}
.yl-grid-callouts .yl-callout:nth-child(2n){
margin-right:0
}
.yl-grid-callouts .yl-callout:nth-child(2n+1){
clear:both
}
.yl-double-list-callouts .yl-callout{
width:48%;
padding:1em;
float:left;
margin-right:4%;
margin-bottom:4%
}
.yl-double-list-callouts .yl-callout-left{
width:30%
}
.yl-double-list-callouts .yl-callout-right{
width:70%;
padding:0 2% 3% 5%
}
.yl-double-list-callouts .yl-callout:nth-child(2n){
margin-right:0
}
.yl-double-list-callouts .yl-callout:nth-child(2n+1){
clear:both
}
.yl-offer-enabled .yl-channel-search,.yl-offer-enabled #yl-sort-order,.yl-offer-enabled .yl-switch{
display:none
}
.yl-offer{
display:inline-block;
float:right;
width:20%;
background-color:#ffc107;
text-align:left;
padding:1em;
position:absolute;
right:4%;
box-shadow:0 0 13px 2px rgba(0,0,0,.2),.2em 0 0 0 #ff6d33;
font-family:Roboto Condensed;
box-sizing:border-box
}
.yl-offer-title{
display:inline-block;
line-height:1.1em;
width:100%;
font-size:1.5em;
color:#636363
}
.yl-offer-description{
display:inline-block;
line-height:1.6em;
margin-top:.3em;
font-size:.9em;
color:#5a5858;
width:100%
}
.yl-offer-button{
display:inline-block;
background-color:#00acc1;
color:#fbfbfb;
padding:.9em .5em;
margin-top:.5em;
cursor:pointer
}
@media all and (min-width:2000px){
.yl-font-controller{
font-size:160%
}

}
@media all and (min-width:1600px){
.yl-font-controller{
font-size:140%
}

}
@media all and (max-width:1300px),screen and (max-device-width:1300px){
.mfp-iframe-holder .mfp-content{
max-width:70%
}

}
@media all and (max-width:900px),screen and (max-device-width:900px){
.yl-font-controller{
font-size:100%
}
.mfp-iframe-holder .mfp-content{
max-width:75%
}

}
@media all and (max-width:600px),screen and (max-device-width:600px){
.yl-header{
padding:5%
}
.yl-grid.yl-font-controller{
font-size:110%
}
.yl-grid .yl-wrapper{
padding:0% 6%
}
.yl-tab-container{
width:100%;
margin-bottom:.5em
}
.yl-tab-container i{
margin-bottom:.35em
}
.yl-tab{
box-sizing:border-box
}
.yl-grid .yl-list-title select{
padding-left:1.17em;
width:100%
}
.mfp-iframe-holder .mfp-content{
max-width:90%
}
.yl-load-more-button{
width:100%
}
.yl-cta-button{
width:100%;
margin-top:1.35em
}
.yl-offer{
position:static;
width:100%;
margin-bottom:5%
}
.yl-list-callouts .yl-callout,.yl-grid-callouts .yl-callout,.yl-double-list-callouts .yl-callout{
width:100%;
margin-right:0;
margin-bottom:6.0728%;
padding:0
}
.yl-list-callouts .yl-callout-left,.yl-grid-callouts .yl-callout-left,.yl-double-list-callouts .yl-callout-left{
width:100%
}
.yl-list-callouts .yl-callout-right,.yl-grid-callouts .yl-callout-right,.yl-double-list-callouts .yl-callout-right{
width:100%;
padding:3.5% 6% 6%
}
.yl-switch{
display:none
}
#yl-sort-order{
display:none
}

}