/*  responsive youtube lightbox v2.0.1  */

/*==============================================
		do not style
===============================================*/

.rytl * {
	box-sizing:border-box;
}


.rytl {
		position: fixed;
		bottom:0;
		left: 0;
		right:0;
		top: 0;
		display: table;
		height: 100vh;
		width: 100vw;
		opacity:0;
		-webkit-transition:opacity .14s ease-in;
		-moz-transition:opacity .14s ease-in;
		-o-transition:opacity .14s ease-in;
		transition:opacity .14s ease-in;
		z-index: 100001;
}

			.rytl--wrapper {
					display: table-cell;
					vertical-align: middle;
			}

			.rytl--container {
					height:auto;
					margin: auto;
					max-height: 394px;
					max-width: 700px;
					position: relative;
					text-align: center;
					width:100%;
			}

						@media (orientation: landscape) {
							.rytl--container {
								width:64vw;
							}
						}

						@media screen and (min-width:1024px) and (min-height:536px) {
							.rytl--container {
								background-color: rgb(0, 0, 0);
								height: 506px;
								max-height: none;
								max-width: none;
								width: 900px;
							}
						}

						@media screen and (min-width:1310px) and (min-height:768px) {
							.rytl--container {
								height: 720px;
								width: 1280px;
							}
						}

			.rytl--close { position: absolute; }


.rytl--fluid-width-video-wrapper {
	padding:0;
	position:relative;
	width:100%;
}

.rytl--fluid-width-video-wrapper iframe {
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}

.rytl-transition-in {
	opacity:1;
}

.rytl-transition-out {
	opacity:0;
}

/*==============================================
		responsive youtube lightbox overlay
		style to your heart's desire
===============================================*/

/* :: overlay :: */
.rytl-theme {
	background-color: rgb(0, 0, 0); /* RGBA Fallback */
	background-color: rgba(0, 0, 0, 0.85);
	font-size:11px;
}

/* :: closing button styles :: */
	.rytl-theme .rytl-theme--close {
		background-color: transparent;
		background-image:url('data:image/png;base64,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');
		background-repeat: no-repeat;
		background-size: 36px 36px;
		border:0;
		height: 36px;
		line-height: 1;
		margin:0;
		opacity: 0; /* :: Hide button by default :: */
		padding:0;
		right: 15px;
		top: 15px;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-o-transition: all .2s;
		-ms-transition: all .2s;
		transition: all .2s;
		width: 36px;
	}

				/* :: overwrite kohlsolize button styles :: */
				.rytl-theme .rytl-theme--close:focus, .rytl-theme .rytl-theme--container:focus { outline: none; }

				/* :: overwrite kohlsolize button styles :: */
				.rytl-theme .rytl-theme--close:active { border-style: none;  }

				/* :: show half opacity when hovering over video :: */
				/* :: if removing .iehover make sure to remove the javascript :: */
				.rytl-theme .iehover, .rytl-theme .rytl-theme--container:hover .rytl-theme--close { opacity: .5; }

				/* :: show no opacity when hovering over button :: */
				.rytl-theme .rytl-theme--container:hover .rytl-theme--close:hover { opacity: 1; }

				.rytl-theme .iehover, .rytl-theme .rytl-theme--container:hover .rytl-theme--close,
				.rytl-theme .rytl-theme--container:hover .rytl-theme--close:hover,
				.rytl-theme .rytl-theme--close:focus { background-color:rgba(0,0,0,.2); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }

				/* :: show no opacity when using focus  :: */
				.rytl-theme .rytl-theme--close:focus { opacity: 1; }

				/* :: in combination with modernizr, restyle close button for touch :: */
				/* :: note that the button will not appear when layered on video for touch :: */
				.touchevents .rytl-theme .rytl-theme--close {
					background-image:none;
					height: auto;
					opacity: 1;
					right:1.1em;
					top:-3.7em;
					width: auto;
				}

				.touchevents .rytl-theme .rytl-theme--close:before {
					content:"\00D7";
					color:rgb(255, 255, 255); /* rgba fallback */
					color:rgba(255, 255, 255, .9);
					font-size: 3em;
				}

				.touchevents .rytl-theme .rytl-theme--container:hover .rytl-theme--close,
				.touchevents .rytl-theme .rytl-theme--container:hover .rytl-theme--close:hover,
				.touchevents .rytl-theme .rytl-theme--close:focus  {background-color:transparent; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }


/*==============================================
		responsive youtube lightbox play button
		do not style
===============================================*/

.rytl-button--play,
.rytl-button--play:before,
.rytl-button--play:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/*==============================================
		responsive youtube lightbox play button
		style to your heart's desire
===============================================*/

.rytl-button .rytl-button--play {
	background-color:rgb(60, 57, 57); /* rgba fallback */
	background-color:rgba(60, 57, 57, .8);
	border:.2em solid rgb(255, 255, 255);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display:block;
	height:4.1em;
	margin:auto;
	position:relative;
	width:4.1em;
	-webkit-transition: background .1s ease-in;
	-moz-transition: background .1s ease-in;
	-ms-transition: background .1s ease-in;
	-o-transition: background .1s ease-in;
	transition: background .1s ease-in;
}

			.rytl-button .rytl-button--play:after {
				content:'';
				border-style: solid;
				border-width: .62em 0 .62em 1.26em;
				border-color: transparent transparent transparent #fff;
				bottom:0;
				height: 0;
				left:.2em;
				margin:auto;
				position:absolute;
				right:0;
				top:0;
				width: 0;
				-webkit-transform:rotate(360deg);
			}

			.rytl-button:hover .rytl-button--play,
			.rytl-button:focus .rytl-button--play {
				background-color:rgb(60, 57, 57);
			}