/* =================================
	TBS YouTube (modal) CSS
================================= */

body.tbs-myt-overlay-on {
	position:fixed;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	height:100%;
}
div.tbs-myt-modal {
	z-index:-1;
}
div.tbs-myt-modal div.tbs-myt-outer {
	display:none;
}
body.tbs-myt-overlay-on div.tbs-myt-modal,
body.tbs-myt-overlay-on div.tbs-myt-modal div.tbs-myt-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
body.tbs-myt-overlay-on div.tbs-myt-modal {
	z-index: 10000;
}
body.tbs-myt-overlay-on div.tbs-myt-modal div.tbs-myt-overlay {
	background-color: #000;
}
body.tbs-myt-overlay-on div.tbs-myt-modal div.tbs-myt-outer {
	display:block;
	z-index: 10001;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
body.tbs-myt-overlay-on div.tbs-myt-outer div.tbs-myt-footer {
	display:flex;
	justify-content:space-between;
	height:50px;
} 
body.tbs-myt-overlay-on div.tbs-myt-outer div.tbs-myt-footer div.tbs-myt-cap {
	color:#fff;
	text-align:left;
	line-height:50px;
	height:50px;
	width:-webkit-calc(100% - 60px);
	width:calc(100% - 60px);
	overflow:hidden;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}
@media all and (min-width: 768px) {
body.tbs-myt-overlay-on div.tbs-myt-outer div.tbs-myt-footer div.tbs-myt-cap {
	font-size:100%;
}
}
@media all and (max-width: 767px) {
body.tbs-myt-overlay-on div.tbs-myt-outer div.tbs-myt-footer div.tbs-myt-cap {
	font-size:87.5%;
}
}
body.tbs-myt-overlay-on div.tbs-myt-outer div.tbs-myt-footer div.tbs-myt-btn {
	position:relative;
	cursor:pointer;
	width:50px;
	height:50px;
	border-radius:50%;
}
body.tbs-myt-overlay-on div.tbs-myt-outer div.tbs-myt-footer div.tbs-myt-btn span {
	display:inline-block;
	position:absolute;
	top: 50%;
	left: 50%;
	width:80%;
	height:3px;
	border-radius:2px;
	background-color:#fff;
}
body.tbs-myt-overlay-on div.tbs-myt-outer div.tbs-myt-footer div.tbs-myt-btn span:nth-of-type(1) {
	transform: translate(-50%, -50%) rotate(-45deg);
}
body.tbs-myt-overlay-on div.tbs-myt-outer div.tbs-myt-footer div.tbs-myt-btn span:nth-of-type(2) {
	transform: translate(-50%, -50%) rotate(45deg);
}