/*------------------------------------------------------------------
Youmax Classic v1.0 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
--------------------------*/
.yl-wrapper, .youmax {
	box-sizing: border-box;
	width: 100%
}
.yl-list-title, .yl-switch, .yl-wrapper {
	/*display: inline-block*/
}
.yl-duration i, .yl-load-more-button i {
	vertical-align: baseline
}
.yl-2-col-grid .yl-item-wrapper:nth-child(2n+1), .yl-3-col-grid .yl-item-wrapper:nth-child(3n+1), .yl-4-col-grid .yl-item-wrapper:nth-child(4n+1), .yl-5-col-grid .yl-item-wrapper:nth-child(5n+1), .yl-double-list-callouts .yl-callout:nth-child(2n+1), .yl-grid-callouts .yl-callout:nth-child(2n+1), .yl-subscribe {
	clear: both
}
.youmax i {
	font-size: inherit!important
}
.youmax {
	background-color: #ECEFF1;
	text-align: center;
	margin: auto;
	font-size: 16px
}
.yl-font-controller {
	font-size: 100%
}
.yl-wrapper {
	padding: 0%
}
.yl-list-title {
	color: #686868;
	border-bottom: none;
	/*margin-bottom: 4%;*/
	text-align: left;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-style: normal;
	width: 100%
}
.yl-list-title select {
	width: auto;
	height: auto;
	font-size: .94em;
	font-family: 'Open Sans', sans-serif;
	border: 0;
	box-shadow: .125em .3125em .3125em -.125em rgba(0,0,0,.2), -.2em 0 0 0 #FF5722;
	outline: 0;
	letter-spacing: .5px;
	line-height: 3.5em;
	float: right;
	padding: .4em
}
.yl-item, .yl-title {
	font-family: sans-serif;
	overflow: hidden
}
.yl-cta-button, .yl-switch {
	box-shadow: .125em .3125em .3125em -.125em rgba(0,0,0,.2)
}
.yl-switch {
	float: right;
	padding: .4em .6em;
	background-color: #0093a5;
	color: #fbfbfb;
	line-height: 1.4em;
	cursor: pointer
}
.yl-focus, .yl-view-bucket {
	padding: 0;
	float: left;
	box-sizing: border-box;
	cursor: pointer
}
.yl-switch i {
	width: 1em;
	text-align: center
}
.yl-item, .yl-item-container {
	width: 100%;
	display: inline-block
}
.yl-item-container {
	float: left
}
.yl-item-wrapper {
	margin-bottom: 3.0728%;
	text-align: center
}
.yl-item {
	margin-bottom: 0;
	background-color: #fbfbfb;
	box-shadow: 0 0 2px rgba(0,0,0,.28);
	text-align: left;
	transition: all .2s;
	-webkit-transition: all .2s;
	color: #828282;
	position: relative
}
.yl-item.yl-fading {
	opacity: .4
}
.yl-focus {
	display: inline-block;
	width: 45%
}
.yl-view-bucket {
	width: 100%;
	height: auto;
	clear: both;
	border-radius: 2px;
	box-shadow: none;
	border: 1px solid #423d4a;
	margin-top: 14.5985%;
	text-align: center;
	color: #423d4a;
	background-color: inherit;
	line-height: 0;
	display: none
}
.yl-date-bucket, .yl-duration, .yl-view-count, .yl-view-icon, .yl-view-wrapper {
	display: inline-block
}
.yl-view-wrapper {
	padding: .32em .32em .38em
}
.yl-view-icon {
	padding-bottom: 0;
	text-align: center;
	padding-top: .1875em;
	border: none;
	height: auto;
	width: auto;
	margin: 0;
	float: left
}
.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;
	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: none
}
.yl-duration {
	position: absolute;
	left: 8%;
	top: 8%;
	background-color: rgba(0,0,0,.6);
	width: auto;
	height: auto;
	font-size: .7em;
	line-height: 1em;
	color: #fff;
	padding: .3em;
	font-weight: 700;
	transition: all .4s
}
.yl-duration i {
	font-size: .9em!important
}
.yl-text {
	float: left;
	box-sizing: border-box;
	width: 55%;
	padding: .6em 1em
}
.yl-date, .yl-month {
	padding-right: 3px;
	float: left
}
.yl-title {
	color: #383838;
	margin-bottom: .15em;
	font-size: .8em;
	font-weight: 400;
	max-height: 3.1em;
	line-height: 1.57em
}
.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;
	float: left;
	font-size: .75em;
	text-align: center;
	color: #423d4a;
	margin-top: .68em;
	box-shadow: none;
	background-color: transparent
}
.yl-date {
	height: auto
}
.yl-year {
	float: left
}
.yl-views-per-day {
	display: none;
	float: left;
	position: relative;
	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
}
.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%
}
.yp-add-like-icon, .yp-left-section, .yp-popup-details, .yp-post-like-box, .yp-post-like-count, .yp-post-likes, .yp-right-section, .yp-share {
	display: inline-block
}
.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;
	line-height: normal;
	padding: 2em 2em 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%;
	float: left;
	border-right: 1px solid #b3b3b3;
	margin-right: 3%
}
.yp-right-section {
	width: 86%;
	float: right
}
.yp-share {
	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: 2em;
	border: none
}
.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;
	border: 1px solid #b3b3b3;
	padding: 0
}
.yp-post-like-box img {
	width: 2.1em;
	padding: .4em .2em .4em .5em;
	float: left
}
.yp-post-like-count {
	color: #565656;
	padding: .4em;
	margin-left: .4em;
	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;
	overflow: hidden;
	box-sizing: border-box;
	float: left;
	font-size: .9em;
	margin-left: .4em;
	cursor: pointer
}
.yp-add-like-icon {
	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
}
.yp-comment img {
	width: 1.4em;
	float: left;
	margin-right: .4em;
	display: none
}
.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: none;
	height: 2.8em;
	padding: 1em;
	box-sizing: border-box;
	font-size: .84em;
	background: #f7f7f7
}
.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-post-comment-snap {
	margin-top: 1em;
	padding: .2em;
	box-sizing: border-box;
	display: inline-block;
	border: 1px solid #b3b3b3
}
.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-next-button, .yl-previous-button {
	width: 48.5%;
	float: left;
	height: auto;
	display: inline-block;
	cursor: pointer;
	padding: 1.35em 0;
	box-sizing: border-box;
	text-align: center;
	background-color: #fbfbfb;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	box-shadow: 0 0 2px rgba(0,0,0,.28), -.2em 0 0 0 #6d6d6d;
	color: #000;
	transition: all .3s
}
.yl-load-more-button:hover {
	background: linear-gradient(to right, rgba(255,255,255,.33), #fff 30%)
}
.yl-loading {
	background: rgba(0,147,165,.5)!important
}
.yl-next-button, .yl-previous-button {
	width: 22.5%
}
.yl-previous-button {
	margin-right: 3%
}
.yl-tab-container {
	color: #000;
	padding: .5em 0;
	border-radius: 0 2px 2px 0;
	display: inline-block;
	float: left;
	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-play-overlay, .yl-playlist-video-count-wrapper {
	background-color: rgba(0,0,0,.5);
	pointer-events: none
}
.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: 3%
}
.yl-double-list .yl-title-description-wrapper {
	height: 4.3em
}
.yl-double-list .yl-date-bucket, .yl-double-list .yl-duration, .yl-double-list .yl-views-per-day {
	display: none
}
.yl-list .yl-text {
	padding: .9em 1em 1em 1.3em
}
.yl-list .yl-view-string {
	display: inline-block;
	margin-top: .38em;
	margin-left: .5em;
	border-left: 1px solid;
	padding-left: .5em
}
.yl-list .yl-date-bucket {
	margin-top: .38em
}
.yl-list .yl-duration {
	left: 3%;
	top: 7%
}
.yl-list .yl-title-description-wrapper {
	max-height: 5.3em
}
.yl-grid .yl-focus {
	width: 100%;
	padding: 0
}
.yl-grid .yl-text {
	width: 100%;
	padding: 4% 6% 6%
}
.yl-grid .yl-views-per-day {
	display: none
}
.yl-grid .yl-view-wrapper {
	padding: 0
}
.yl-grid .yl-separator-for-grid {
	border-top: 1px solid rgba(0,0,0,.1);
	margin-top: .7em
}
.yl-grid .yl-duration {
	display: inline-block;
	left: 8%
}
.yl-grid .yl-view-string {
	display: inline-block;
	float: left;
	font-weight: 400;
	margin-right: 6px;
	padding-right: 6px;
	margin-top: 1em
}
.yl-grid .yl-date-bucket {
	right: 8%;
	bottom: 6%;
	position: static;
	font-weight: 400;
	float: right;
	margin-top: 1em
}
.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-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-header, .yl-4-col-grid .yl-wrapper {
	padding: 3%
}
.yl-neat-thumbnails .yl-text, .yl-playlist .yl-text, .yl-simple-thumbnails .yl-text {
	padding: 4% 6%
}
.yl-4-col-grid .yl-list-title {
	margin-bottom: 3%
}
.yl-3-col-grid .yl-item-wrapper {
	width: 31.3%;
	float: left;
	margin-right: 3%;
	margin-bottom: 3%
}
.yl-3-col-grid .yl-item-wrapper:nth-child(3n) {
	margin-right: 0
}
.yl-2-col-grid .yl-item-wrapper {
	width: 48%;
	float: left;
	margin-right: 4%;
	margin-bottom: 4%
}
.yl-2-col-grid .yl-item-wrapper:nth-child(2n) {
	margin-right: 0
}
.yl-simple-thumbnails .yl-title-description-wrapper {
	height: auto
}
.yl-simple-thumbnails .yl-title {
	font-size: .8em;
	height: 3.1em
}
.yl-simple-thumbnails .yl-date-bucket, .yl-simple-thumbnails .yl-description, .yl-simple-thumbnails .yl-separator-for-grid, .yl-simple-thumbnails .yl-view-string, .yl-simple-thumbnails .yl-views-per-day {
	display: none
}
.yl-simple-thumbnails .yl-duration {
	display: inline-block;
	left: 6%
}
.yl-neat-thumbnails .yl-description, .yl-neat-thumbnails .yl-separator-for-grid, .yl-neat-thumbnails .yl-views-per-day {
	display: none
}
.yl-neat-thumbnails .yl-title-description-wrapper {
	height: auto
}
.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-date-bucket {
	margin-top: .3em;
	float: left
}
.yl-neat-thumbnails .yl-date {
	font-weight: 400
}
.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
}
.yl-playlist .yl-description, .yl-playlist .yl-separator-for-grid, .yl-playlist .yl-view-string, .yl-playlist .yp-add-comment-box, .yl-playlist .yp-post-comment-box, .yl-playlist .yp-post-comment-snap, .yl-playlist .yp-post-like-box {
	display: none
}
.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%;
	color: #fff;
	width: 30%;
	text-align: center
}
.yl-playlist .yl-title-description-wrapper {
	height: auto
}
.yl-playlist .yl-date-bucket {
	float: left;
	margin-top: .1em
}
.yl-play-icon-holder, .yl-play-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}
.yl-play-overlay {
	display: none;
	width: 100%;
	height: 100%
}
.yl-callout, .yl-callout-container, .yl-channel-details, .yl-channel-search, .yl-channel-thumbnail, .yl-cta-button, .yl-header, .yl-play-icon-holder span, .yl-subscribe {
	display: inline-block
}
.yl-play-icon-holder {
	width: 5em;
	height: 2.1em;
	color: #fff;
	border: 3px solid #fff;
	text-align: center;
	background-color: rgba(0,0,0,.3)
}
.yl-play-icon-holder i {
	font-size: 1em!important;
	padding: .6em
}
.yl-play-icon-holder span {
	font-size: 1em;
	line-height: 1em;
	padding: .6em .6em .6em 0;
	font-weight: 700
}
.yl-duration-big {
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	left: 50%!important;
	top: 50%;
	font-size: 1em;
	text-align: center;
	z-index: 100;
	border: .15em solid #fff;
	padding: .3em .55em
}
.yl-callout-right, .yl-offer {
	text-align: left;
	box-sizing: border-box
}
.yl-duration-big i {
	vertical-align: 1px
}
.yl-header {
	width: 100%;
	background-color: #6d6d6d;
	color: #fbfbfb;
	line-height: 0;
	float: left;
	padding: 3% 4%;
	box-sizing: border-box;
	position: relative
}
.yl-channel-thumbnail {
	float: left
}
.yl-channel-thumbnail img {
	width: 4.5em
}
.yl-channel-details {
	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-cta-button, input.yl-channel-search-input {
	font-family: 'Open Sans', sans-serif
}
.yl-channel-name a {
	color: inherit;
	text-decoration: none
}
.yl-subscribe {
	float: left;
	padding-top: .6em
}
.yl-channel-search {
	float: right;
	margin-top: 1.5em;
	background-color: #fff;
	color: #000;
	padding: .3em .5em
}
input.yl-channel-search-input {
	border: none;
	outline: 0;
	padding: 0;
	font-size: .85em;
	background-color: inherit;
	color: inherit;
	width: auto;
	line-height: 1.4em
}
.yl-channel-search i {
	float: right
}
.yl-cta-button {
	width: 48.5%;
	padding: 1.35em 0;
	background-color: #00BCD4;
	color: #fff;
	font-size: 1em;
	float: right
}
.yl-cta-button i {
	vertical-align: baseline
}
.yl-callout-container {
	width: 100%;
	margin-top: 5%
}
.yl-callout {
	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-buy-button, .yl-callout-preview-button {
	display: inline-block;
	padding: .3em .5em;
	background-color: #00acc1
}
.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
}
.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 {
	color: #fbfbfb;
	margin-top: .5em
}
.yl-callout-preview-button {
	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-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-offer-enabled #yl-sort-order, .yl-offer-enabled .yl-channel-search, .yl-offer-enabled .yl-switch {
	display: none
}
.yl-offer {
	display: inline-block;
	float: right;
	width: 20%;
	background-color: #FFC107;
	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
}
.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: 8% 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-double-list-callouts .yl-callout, .yl-grid-callouts .yl-callout, .yl-list-callouts .yl-callout {
	width: 100%;
	margin-right: 0;
	margin-bottom: 6.0728%;
	padding: 0
}
.yl-double-list-callouts .yl-callout-left, .yl-grid-callouts .yl-callout-left, .yl-list-callouts .yl-callout-left {
	width: 100%
}
.yl-double-list-callouts .yl-callout-right, .yl-grid-callouts .yl-callout-right, .yl-list-callouts .yl-callout-right {
	width: 100%;
	padding: 3.5% 6% 6%
}
#yl-sort-order, .yl-switch {
	display: none
}
}