/* ----------------------------------------------------------------
	Flex Slider
-----------------------------------------------------------------*/


.fslider,
.fslider .flexslider,
.fslider .slider-wrap,
.fslider .slide,
.fslider .slide > a,
.fslider .slide > img,
.fslider .slide > a > img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}

.fslider.h-100 .flexslider,
.fslider.h-100 .slider-wrap,
.fslider.h-100 .slide {
	height: 100% !important;
}

.fslider {
	min-height: 32px;
}


.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
	outline: none;
	border: none;
}

.slider-wrap,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

.flexslider {
	position: relative;
	margin: 0;
	padding: 0;
}

.flexslider .slider-wrap > .slide {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slider-wrap img {
	width: 100%;
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slider-wrap::after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slider-wrap {
	display: block;
}

* html .slider-wrap {
	height: 1%;
}

.no-js .slider-wrap > .slide:first-child {
	display: block;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}


/* NOTE: make the slider appear after it is created (opacity to 1 in slides.js) */
#yilivSlider {
	opacity: 0;
}

/* NOTE: important for fullscreen in iOS to work properly */
#dynContent,
#sContainer,
#theSlides {
	position: relative;
}

#sContainer {
	background: rgba(210, 200, 190, 0.2);
}

#sContainer {
	width: 100%;
	height: auto;

	opacity: 0;

	padding: 0 8px;
	padding-bottom: 8px;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: rgba(210, 200, 190, 0.2);
}

#seriesDescription,
#slideDescription {
	/* NOTE: prevent flickerin when navigating to next or prev slide */
	min-height: 400px;
}

#seriesDescription .title,
#slideDescription .st {
	text-align: center;
	text-transform: uppercase;
	font-size: 2.12rem;
	margin: 36px auto auto;
}

#slideDescription {
	margin: 27px auto auto;
}

#slideDescription .st div {
	font-size: 1.4rem;
	margin: 0 auto 1.2em auto;
	line-height: 1.3;
	text-transform: uppercase;
}

#slideDescription .st div div {
	font-size: 0.9em !important;
	text-transform: none !important;
	font-variant: normal !important;
	line-height: 1.3em;
	margin: 0.5em auto 1em auto;
}

#slideDescription .st span {
	font-size: 0.8em;
	line-height: 1.2em;
	text-transform: uppercase;
	margin-top: 0.8em;
}

#seriesDescription h5,
#slideDescription h5 {
	font-size: 1.1rem;
	text-align: left;
	line-height: 1em;
	margin-bottom: 0.5em;
	page-break-inside: avoid;
	break-inside: avoid-column;
}

#seriesDescription h5:first-child,
#slideDescription h5:first-child {
	margin-top: 0;
}

#seriesDescription h6:not(.media-pl-container h6),
#slideDescription h6:not(.media-pl-container h6),
.ptxt h6:not(.media-pl-container h6) {
	font-size: 1.1rem;
	text-align: center;
}

#seriesDescription h6:first-child,
#slideDescription h6:first-child,
.ptxt h6:first-child {
	margin-top: 0;
}

#slideDescription {
	opacity: 0;
}

#seriesDescription p:first-of-type #slideDescription p:first-of-type {
	text-indent: 0;
}

/* #slideDescription p:last-of-type,
#seriesDescription p:last-of-type  {
	padding-bottom: 35px;
} */

#tContainer h5 + p:first-of-type {
	text-indent: 0 !important;
}

/* NOTE: #enlrgSlides only shows in iq.html and slidermodal.htm */
#tContainer #fullScreenSlides,
#tContainer #enlrgSlides {
	position: absolute;
	right: 0;
	font-size: 16px;
	max-height: 50px;
	line-height: 35px;
	top: 46px;
}

#tContainer #enlrgSlides {
	padding-left: 10px;
	padding-right: 6px;
}

#tContainer .plyr-container:first-child {
	position: relative;
	margin-top: 30px;
}

.full-slider {
	background-color: transparent !important;
}

.full-slider #sContainer {
	top: 0;
	padding-bottom: 26px;
	background: transparent;
}

.full-slider > figure {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/yim/headshow/13.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
}

#yilivSlider .flex-next,
#yilivSlider .flex-prev {
	position: absolute;
	cursor: pointer;
	z-index: 10;
	top: 50%;
	/* width: 52px;
    height: 52px; */
	width: auto;
	height: auto;
	border: 0;
	transform: translateY(-50%);
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}

#yilivSlider .flex-prev {
	left: 0;
}

#yilivSlider .flex-next {
	right: 0;
}

#yilivSlides .flex-prev,
#yilivSlides .flex-next,
.f-screen #yilivSlides .flex-prev,
.f-screen #yilivslides .flex-next {
	width: 30%;
	height: 100%;
	background-color: transparent;
}

#yilivSlides .flex-prev i,
#yilivSlides .flex-next i,
.f-screen #yilivSlides .flex-prev i,
.f-screen #yilivslides .flex-next i {
	position: absolute;
	top: 50%;
	height: 28px;
	margin-top: -14px;
	line-height: 1;

	-webkit-transition: color .6s ease-in-out, opacity .3s ease-in-out, left .6s ease-in-out, right .6s ease-in-out;
	-o-transition: color .6s ease-in-out, opacity .3s ease-in-out, left .6s ease-in-out, right .6s ease-in-out;
	transition: opacity .4s ease-in-out, left .5s ease-in-out, right .5s ease-in-out;
	transition-delay: 0s, 0.1s, 0.1s;

}

.flex-next.flex-disabled,
.flex-prev.flex-disabled {
	display: none;
}

#yilivSlides .flex-prev i,
.f-screen #yilivSlides .flex-prev i {
	left: -30px;
	text-align: left;
}

#yilivSlides .flex-next i,
.f-screen #yilivSlides .flex-next i {
	right: -30px;
	text-align: right;
}

.slider-arrow-left:hover,
.slider-arrow-right:hover,
.flex-prev:hover,
.flex-next:hover,
.slider-arrow-top-sm:hover,
.slider-arrow-bottom-sm:hover {
	background-color: transparent !important;
}

#yilivSlides .flex-direction-nav li a i {
	opacity: 0;
}

#yilivSlides .flex-direction-nav a:hover i {
	opacity: 1;
}

#yilivSlides .flex-prev:hover i {
	left: 0;
}

#yilivSlides .flex-next:hover i {
	right: 0;
}

.f-screen #yilivSlides .flex-prev:hover i {
	left: 10px;
}

.f-screen #yilivSlides .flex-next:hover i {
	right: 10px;
}

/* NOTE: necesary to vertically center slides in iOS */
.f-screen > .fslider:first-child {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.f-screen {
	width: 100%;
	height: 100%;
	touch-action: none;
}

#fsDesc {
	position: absolute;
	width: 0;
	width: 400px;
	max-width: 100%;
	height: 40%;
	left: -430px;
	right: auto;
	top: 0;
	padding: 0 0 16px;

	display: none;
	overflow: hidden;
	z-index: 101;

	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;

	-webkit-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}

.fs-desc-header {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	min-height: 32px;
	padding: 2px 12px;

	display: flex;
	align-items: center;
	font-size: 13px;
}

.fs-desc-footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	min-height: 32px;
	padding: 2px 12px;
	display: flex;
	align-items: center;
	font-size: 13px;
	z-index: 1;
}

.fs-desc-ctnr {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0 4px 12px 6px;
	/* NOTE: do not use overflow:auto or scroll with overlayScrollbars, use overflow-y: hidden */
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.fs-desc-ctnr .os-scrollbar-vertical {
	padding-bottom: 54px;
	padding-right: 4px;
}

.fs-desc {
	position: relative;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	margin: 0.5em 0 0;
	padding: 0 6px 50px;
}

.fs-desc p {
	font-size: 14px !important;
	margin-top: 6px !important;
}

.fs-desc p:not(blockquote p):last-of-type {
	padding-bottom: 60px;
}

.fs-desc blockquote {
	border: none;
	margin: 0.75em 0 1em 0;
}

.fs-desc blockquote p:last-of-type {
	margin-bottom: 0;
}

/* #modalReadContent .ptxt p, */
.fs-desc p {
	margin: 0.5em 0;
}

#fsDesc .divclose {
	top: 0;
	right: 0;
	border: none;
	background: transparent !important;
	width: 30px;
	height: 30px;
	font-size: 30px;
	z-index: 11;
}

#fsDesc .win-size-grip {
	position: absolute;
	width: 18px;
	height: 18px;
	margin: 3px;

	right: 0;
	bottom: 0;
	z-index: 1;
	cursor: nwse-resize;
}

#fsDesc h5 {
	font-size: 16px !important;
	margin: 6px auto;
	text-align: center;
}

#fsDesc h6 {
	font-size: 14px !important;
	margin: 6px 0;
	text-align: left;
}

/* THUMBS & TEXT TRIGGERs */

#thumbsTrigger,
#descTrigger {
	width: auto;
	height: auto;
	padding: 5px;
	font-size: 12px !important;
	font-weight: 600;

	cursor: pointer;
	z-index: 11;
	border-radius: 0;
}

#thumbsTrigger {
	left: 68%;
	bottom: 0;
	border-bottom: none;

	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;

	-webkit-transition: bottom .5s ease-in-out, color .3s ease;
	-o-transition: bottom .5s ease-in-out, color .3s ease;
	transition: bottom .5s ease-in-out, color .3s ease;
}

#descTrigger {
	top: 0;
	left: 0;
	border-left: none;

	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;

	-webkit-transition: .5s ease-in-out, color .3s ease;
	-o-transition: left .5s ease-in-out, color .3s ease;
	transition: left .5s ease-in-out, color .3s ease;
}

#yilivSlider:not(.f-screen) #thumbsTrigger,
#yilivSlider:not(.f-screen) #descTrigger {
	position: relative;
	display: none;
}

.f-screen #thumbsTrigger,
.f-screen #descTrigger {
	position: fixed;
	display: block;
}

#seriesTitle {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 10px;
	font-weight: bold;
	white-space: nowrap;
	text-transform: uppercase;
	margin: 0;
	padding: 4px 6px 2px;
}

.full-slider #seriesTitle {
	background: rgba(0, 0, 0, 0.25);
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	/* NOTE: initially, 0 width for esthetics */
	width: 0;
}

#seriesTitle li {
	width: 33%;
	margin: 0;
	list-style-type: none;
}

#seriesTitle li:nth-child(2) {
	/* NOTE: initially; then center (in yiliv.slides.js) */
	text-align: right;
}

#seriesTitle li:nth-child(3) {
	text-align: right;
	/* NOTE: initially: then show/hide (in yiliv.slides.js) */
	display: none;
}

.full-slider #seriesTitle li {
	color: rgb(255 255 255 / 100%) !important;
	text-shadow: none;
}

.full-slider #yilivSlides .titleonslides {
	z-index: 2;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	top: 8%;
	/* NOTE: right padding of slider + 10 % : this always keeps it at the right distance from edge */
	margin-right: 40px;
	right: 9%;
	margin-top: 10px;
}

#yilivSlides .titleonslides .text-container div {
	position: relative;
	clear: both;
	height: 32px;
	width: auto;
	margin-top: 1.5% !important;
	margin-bottom: 0 !important;
}

#yilivSlides .titleonslides .author-container {
	position: absolute;
	width: auto;
	height: auto;

	transform: scale(0.52);
	top: -24%;
	right: -48%;
}

#yilivSlides,
#yilivSlides .slide,
#yilivSlides .fslider,
#yilivSlides .slider-wrap,
#yilivSlides .slide img {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.f-screen #yilivSlides,
.f-screen #yilivSlides .fslider,
.f-screen #yilivSlides .slider-wrap,
.f-screen #yilivSlides .slide img {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.printpdfwrap {
	position: relative;
	height: 60px;
}

.printpdfwrap:first-child {
	margin-bottom: 20px;
}

.printpdfwrap .printpdf {
	max-height: none;
	height: 100%;
	line-height: 1.5;
	width: 143px;
}

.pdf-checkboxes-wrap {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-right: 6px;
}

.yim-checkbox-label {
	letter-spacing: -0.015em;
}

/* -----------------------------------------------
-- YIM-YILIVTHUMBS ------------------------------- */


#yilivSlider .fslider:nth-child(2) {
	min-height: 0;
}

#yilivThumbs {
	height: auto;
	/* NOTE: width is actually set in yiliv.slides.js */
	/* NOTE: top margin (5px) + top padding (3px) = 8px space between the slides and the thumbnails, same as sContainer padding (8px) */
	margin: 5px 28px 0;
	/* padding: 3px 5px 0; */
	padding: 5px;
	margin-top: -100px;

	-webkit-transition: margin-top 1s ease-in-out;
	-o-transition: margin-top 1s ease-in-out;
	transition: margin-top 1s ease-in-out;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/* NOTE: 2 above slides flex navs (10); 1 above thumbs trigger (11) */
	z-index: 12;
}


#yilivThumbs .flex-prev,
#yilivThumbs .flex-next {
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;

	-webkit-transition: all .3s ease;
	-o-transition: all ease;
	transition: all .3s ease;
}

#yilivThumbs .flex-next {
	right: -30px;
	left: auto;
}

#yilivThumbs .flex-prev {
	left: -30px;
	right: auto;
}

#yilivSlider:not(.f-screen) #yilivThumbs .flex-direction-nav i {
	font-size: 20px;
}

.f-screen #yilivThumbs .flex-direction-nav a {
	display: flex;
	align-items: center;
	z-index: -1;
}

.f-screen #yilivThumbs .flex-prev {
	left: -37px;
	right: auto;
}

.f-screen #yilivThumbs .flex-next {
	right: -37px;
	left: auto;
}

.flex-direction-nav i {

	/* padding: 5px; */

	-webkit-transition: all .3s ease;
	-o-transition: all ease;
	transition: all .3s ease;

}

#yilivThumbs .flex-prev i {
	left: 0;
	right: auto;

	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

#yilivThumbs .flex-next i {
	right: 0;
	left: auto;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;

}

.flex-prev i,
.flex-next i {
	color: rgb(78, 92, 102);
}


#yilivThumbs .slide:not(:first-child):hover .yilivflex-thumbs-caption,
#yilivThumbs .slide:not(:first-child).flex-active-slide .yilivflex-thumbs-caption,
.flex-prev i:hover,
.flex-next i:hover {
	color: rgb(176, 93, 48);
}

.f-screen #yilivThumbs .flex-direction-nav i {
	opacity: 1;
}

.f-screen #yilivThumbs .flex-prev:hover i {
	left: 0;
}

.f-screen #yilivThumbs .flex-next:hover i {
	right: 0;
}

#yilivSlider .flex-direction-nav i {
	font-size: 24px;
	padding: 0 5px;
	height: auto;
	/* width: 30px; */
}

.f-screen #yilivThumbs {
	position: fixed !important;
	bottom: -85px;
	margin: 0;

	-webkit-transition: bottom .5s ease-in-out;
	-o-transition: bottom .5s ease-in-out;
	transition: bottom .5s ease-in-out;

	width: calc(100% - 100px) !important;
	max-width: 1140px;
	left: 50%;
	transform: translateX(-50%);
}

.full-slider #yilivThumbs {
	margin: -100px 40px 5px;
}

.full-slider #yilivSlider:not(.f-screen) {
	width: 100%;
	margin: auto;
}

.full-slider #yilivSlider:not(.f-screen) #yilivSlides {
	padding-right: 40px;
	padding-left: 40px;
}

.full-slider #yilivSlider:not(.f-screen) .fslider {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-prev i,
.full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-next i,
#yilivThumbs .flex-prev i,
#yilivThumbs .flex-next i {

	background-color: rgb(255, 253, 250);
	background-size: auto 100%;
	background-position: 0 0;

	background-image: -webkit-linear-gradient(rgb(255, 253, 250) 0%, rgba(180, 175, 165, 0.5) 100%);
	background-image: -o-linear-gradient(rgb(255, 253, 250) 0%, rgba(180, 175, 165, 0.5) 100%);
	background-image: linear-gradient(rgb(255, 253, 250) 0%, rgba(180, 175, 165, 0.5) 100%);

	-webkit-border-radius: var(--yim-br10);
	border-radius: var(--yim-br10);

}

.full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-prev i:hover,
.full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-next i:hover,
#yilivThumbs .flex-prev i:hover,
#yilivThumbs .flex-next i:hover {
	background-color: transparent !important;

	background-image: -webkit-linear-gradient(rgba(218, 212, 202, 0.85) 0%, rgba(255, 253, 250, 1) 50%) !important;
	background-image: -o-linear-gradient(rgba(218, 212, 202, 0.85) 0%, rgba(255, 253, 250, 1) 50%) !important;
	background-image: linear-gradient(rgba(218, 212, 202, 0.85) 0%, rgba(255, 253, 250, 1) 50%) !important;

	background-size: auto 200% !important;
}

body.dark .full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-prev i,
body.dark .full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-next i,
body.dark #yilivThumbs .flex-prev i,
body.dark #yilivThumbs .flex-next i {

	background-color: rgba(0, 8, 16, 0.7) !important;
	background-size: auto 100%;
	background-position: 0 0;

	background-image: -webkit-linear-gradient(rgba(106, 122, 128, 1) 0%, rgba(0, 8, 16, 0.5) 100%);
	background-image: -o-linear-gradient(rgba(106, 122, 128, 1) 0%, rgba(0, 8, 16, 0.5) 100%);
	background-image: linear-gradient(rgba(106, 122, 128, 1) 0%, rgba(0, 8, 16, 0.5) 100%);

}

body.dark .full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-prev i:hover,
body.dark .full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-next i:hover,
body.dark #yilivThumbs .flex-prev i:hover,
body.dark #yilivThumbs .flex-next i:hover {

	background-image: -webkit-linear-gradient(rgba(0, 8, 16, 0.5) 0%, rgba(106, 122, 128, 1) 50%) !important;
	background-image: -o-linear-gradient(rgba(0, 8, 16, 0.5) 0%, rgba(106, 122, 128, 1) 50%) !important;
	background-image: linear-gradient(rgba(0, 8, 16, 0.5) 0%, rgba(66, 82, 88, 1) 50%) !important;
	background-size: auto 200% !important;
}

.full-slider .f-screen #yilivSlides .flex-direction-nav i,
.full-slider .f-screen #yilivSlides .flex-direction-nav :hover i {
	background: none;
}

/* ======================================
	FULL SLIDER
========================================= */

.full-slider #yilivSlider:not(.f-screen) .flex-direction-nav i {
	opacity: 0;
}

.full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-direction-nav a:hover i,
.full-slider #yilivSlider.f-screen .flex-direction-nav i {
	opacity: 1
}

.full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-prev i {
	left: 40px;
}

.full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-next i {
	right: 40px;
}

.full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-prev:hover i {
	left: 1px;
}

.full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-next:hover i {
	right: 1px;
}


.full-slider #yilivSlider:not(.f-screen) #yilivThumbs .flex-prev {
	left: -37px;
}

.full-slider #yilivSlider:not(.f-screen) #yilivThumbs .flex-next {
	right: -37px;
}

.full-slider #yilivSlider:not(.f-screen) .flex-direction-nav li a i {
	line-height: 1;
	padding: 12px 8px;
}

.full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-prev i,
#yilivSlider #yilivThumbs .flex-prev i {

	-webkit-border-top-left-radius: 50% !important;
	-webkit-border-bottom-left-radius: 50% !important;
	-moz-border-radius-topleft: 50% !important;
	-moz-border-radius-bottomleft: 50% !important;
	border-top-left-radius: 50% !important;
	border-bottom-left-radius: 50% !important;

}

.full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-next i,
#yilivSlider #yilivThumbs .flex-next i {

	-webkit-border-top-right-radius: 50% !important;
	-webkit-border-bottom-right-radius: 50% !important;
	-moz-border-radius-topright: 50% !important;
	-moz-border-radius-bottomright: 50% !important;
	border-top-right-radius: 50% !important;
	border-bottom-right-radius: 50% !important;

}

.full-slider #yilivSlider:not(.f-screen) #yilivThumbs .flex-prev,
.full-slider #yilivSlider:not(.f-screen) #yilivThumbs .flex-next {
	width: 40px;
	max-height: none;
	height: 100%;
	display: flex;
	align-items: center;
	z-index: -1;
}

.full-slider #yilivSlider:not(.f-screen) #yilivThumbs .flex-prev {
	justify-content: start;
}

.full-slider #yilivSlider:not(.f-screen) #yilivThumbs .flex-next {
	justify-content: end;
}

.full-slider #yilivSlider:not(.f-screen) #yilivThumbs .flex-prev i,
.full-slider #yilivSlider:not(.f-screen) #yilivThumbs .flex-next i {
	opacity: 1;
}

#yilivSlider:not(.f-screen) #yilivThumbs,
.full-slider #yilivSlider:not(.f-screen) #yilivThumbs {
	position: relative !important;
	height: auto !important;
}

#yilivSlider:not(.f-screen) #yilivThumbs {
	width: calc(100% - 60px) !important;
}

.full-slider #yilivSlider:not(.f-screen) #yilivThumbs {
	width: calc(100% - 80px) !important;
}

.full-slider .f-screen #yilivThumbs {
	margin: 0 auto;
}

/* NOTE: for full-screen full-slider */
.full-slider .f-screen #yilivSlides .flex-prev i,
.full-slider .f-screen #yilivslides .flex-next i {
	opacity: 1 !important;
	background-color: transparent !important;
	background-image: none !important;
}

#yilivThumbs .slide {
	cursor: pointer;
}

#yilivThumbs .slide img {
	cursor: pointer;
	text-indent: -9999px;
	margin: 0;
	opacity: 0.76;
	height: 100%;

	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#yilivThumbs .slide,
#yilivThumbs .slide a,
#yilivThumbs .slide img {

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

body:not(.stretched):not(.device-touch) .full-slider #yilivThumbs {
	margin-left: 40px;
	width: calc(100% - 80px);
}

body:not(.device-touch) #yilivThumbs .slide:hover img,
#yilivThumbs .slide.flex-active-slide img {
	opacity: 1;
}

body:not(.device-touch) #yilivThumbs .slide:not(:first-child):hover .yilivflex-thumbs-caption,
#yilivThumbs .slide:not(:first-child).flex-active-slide .yilivflex-thumbs-caption {
	font-size: 32px;
}

body:not(.device-touch) .dyncontent #yilivThumbs .slide:not(:first-child):hover .yilivflex-thumbs-caption,
.dyncontent #yilivThumbs .slide:not(:first-child).flex-active-slide .yilivflex-thumbs-caption {
	font-size: 26px;
}

.f-screen #yilivThumbs.thumbs-visible {
	bottom: 0;
	margin-bottom: 0;
}

.f-screen #thumbsTrigger.thumbs-visible {
	bottom: -32px;
}

.yilivflex-thumbs-caption {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 20;

	display: flex;
	justify-content: center;
	align-items: center;

	font-size: 20px;
	font-weight: 600;

	-webkit-border-radius: var(--yim-br);
	border-radius: var(--yim-br);

	opacity: 1;

}

body.device-touch #fsToggle {
	display: none;
}

@media (min-width: 1500px) {

	.full-slider #yilivSlider:not(.f-screen) {
		max-width: 1400px;
	}
}

@media (max-width: 1499.98px) {

	.full-slider #yilivSlider:not(.f-screen) {
		max-width: 1340px;
	}
}

@media (max-width: 1199.98px) {

	.full-slider #yilivSlider:not(.f-screen) {
		max-width: 1100px;
	}

	.full-slider #yilivSlider:not(.f-screen) .fslider,
	.full-slider #yilivSlider:not(.f-screen) #yilivSlides,
	.full-slider #yilivSlider:not(.f-screen) .slider-wrap,
	.full-slider #yilivSlider:not(.f-screen) #yilivSlides .slide img {
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
	}

	#page-title:not(.full-slider) .titleonslides {
		right: 16%;
	}

	.full-slider #yilivSlides .titleonslides .text-container div {
		height: 30px;
	}


	.full-slider #yilivSlides .titleonslides .author-container {
		transform: scale(0.49);
		top: -28%;
		right: -51%;
	}
}

@media (max-width: 991.98px) {


	.full-slider #yilivSlider:not(.f-screen) {
		max-width: 900px;
	}

	.full-slider #yilivSlides .titleonslides .text-container div {
		height: 24px;
	}

	.full-slider #yilivSlides .titleonslides .author-container {
		transform: scale(0.4);
		top: -41%;
		right: -58%;
	}

	.full-slider #yilivSlides .titleonslides .text-container div {
		height: 16px;
	}

	.full-slider #yilivSlides .titleonslides .author-container {
		transform: scale(0.27);
		top: -72%;
		right: -77%;
	}

	.full-slider #yilivSlider:not(.f-screen) #yilivSlides {
		padding-right: 30px;
		padding-left: 30px;
	}

	.full-slider #yilivSlider:not(.f-screen) #yilivThumbs {
		width: calc(100% - 60px) !important;
	}

	.full-slider #yilivSlider:not(.f-screen) .flex-direction-nav i {
		font-size: 16px;
		padding: 7px 5px;
		width: 22px;
	}

	.full-slider #yilivSlider:not(.f-screen) #yilivThumbs {
		margin: 5px 30px 0;
	}

	.full-slider #yilivSlider:not(.f-screen) #yilivThumbs .flex-prev {
		left: -40px;
	}

	.full-slider #yilivSlider:not(.f-screen) #yilivThumbs .flex-next {
		right: -40px;
	}

	.full-slider #yilivSlider:not(.f-screen) #yilivThumbs .flex-prev i {
		margin-left: 10px;
	}

	.full-slider #yilivSlider:not(.f-screen) #yilivThumbs .flex-next i {
		margin-left: 8px;
	}

	.full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-direction-nav i,
	.full-slider #yilivSlider:not(.f-screen) #yilivThumbs .flex-direction-nav {
		display: none;
	}

	.full-slider #yilivSlider:not(.f-screen) .fs-wrap-right {
		right: 30px;
	}

	.full-slider #yilivSlides .titleonslides {
		margin-right: 24px;
	}

	.full-slider #yilivSlider .flex-next {
		right: 30px;
	}

	.full-slider #yilivSlider .flex-prev {
		left: 30px;
	}

}

@media (max-width: 823.98px) {

	/* .full-slider #yilivSlides .titleonslides .text-container div {
		height: 18px;
	}

	.full-slider #yilivSlides .titleonslides .author-container {
		transform: scale(0.3);
		top: -62%;
		right: -70%;
	} */
}

@media (max-width: 767.98px) {

	#yilivSlider.portrait #thumbsTrigger {
		left: 50%;
	}

	/* title of modal single slide series */
	h2#slideTitle div {
		font-size: 13px;
		line-height: 13px;
		min-height: 23px;
		padding-top: 10px;
	}

	#yilivThumbs .flex-next i,
	#yilivThumbs .flex-prev i {
		font-size: 18px;
	}

	#yilivThumbs .flex-nav-next {
		right: -28px;
	}

	#yilivThumbs .flex-nav-prev {
		left: -28px;
	}

}


@media (max-width: 567.98px) {

	.full-slider #yilivSlides .titleonslides {
		display: none;
	}

	#seriesTitle {
		font-size: 8px;
		padding: 2px 4px;
	}

	#seriesTitle li:nth-child(2) {
		display: none;
	}

	#seriesTitle li {
		width: 50%;
	}
}


@media (max-width: 479.98px) {

	.yilivflex-thumbs-caption {
		font-size: 16px;
	}

	body:not(.device-touch) #yilivThumbs .slide:not(:first-child):hover .yilivflex-thumbs-caption,
	#yilivThumbs .slide:not(:first-child).flex-active-slide .yilivflex-thumbs-caption {
		font-size: 20px;
	}

	.slides-pdf-btns {
		clear: left;
	}

	.full-slider #sContainer {
		margin-left: 0;
		margin-right: 0;
	}

	.dyncontent #sContainer {
		padding: 0 4px;
	}

	.full-slider #yilivSlider .fslider,
	.full-slider #yilivSlides,
	.full-slider .slider-wrap,
	.full-slider #yilivSlides .slide img {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	.full-slider #yilivSlider:not(.f-screen) {
		width: 100%;
	}

	.full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-direction-nav i,
	.full-slider #yilivSlider:not(.f-screen) #yilivThumbs .flex-direction-nav {
		display: none;
	}

	#yilivSlides .flex-direction-nav i,
	.full-slider #yilivThumbs .flex-direction-nav i,
	.f-screen #yilivThumbs .flex-direction-nav i {
		font-size: 14px;
		border-radius: 16px;
	}

	.full-slider #yilivSlider:not(.f-screen) #yilivSlides {
		padding-right: 0;
		padding-left: 0;
	}

	.full-slider #yilivSlider:not(.f-screen) .flex-prev i,
	.full-slider #yilivSlider:not(.f-screen) .flex-next i {
		width: 22px;
		padding: 7px 5px;
	}

	.full-slider #yilivThumbs {
		margin: -100px 28px 5px;
	}

	.full-slider #yilivSlider:not(.f-screen) #yilivThumbs {
		margin: auto;
		/* width: calc(100% - 56px) !important; */
		width: 100% !important;
	}

	.f-screen #yilivThumbs .flex-prev,
	.full-slider #yilivThumbs .flex-prev {
		left: -28px;
	}

	.f-screen #yilivThumbs .flex-next,
	.full-slider #yilivThumbs .flex-next {
		right: -28px;
	}

	.full-slider #yilivSlider:not(.f-screen) .fs-wrap-right {
		/* right: 27px; */
		right: 0;
	}

	#seriesDescription .title,
	#slideDescription .st {
		font-size: 200%;
	}

	#seriesDescription .title div,
	#slideDescription .st div {
		font-size: 50%;
	}

	.ptxt p {
		font-size: 0.85em;
	}

}

/* Portrait for iPhone X*/
@media only screen and (max-device-width: 375px) and (min-device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {

	#yilivSlider .titleonslides {
		display: none !important;
	}
}

/* -----------------------------------------------
	YIM-COLOR-LIGHT
-------------------------------------------------- */
#yilivSlides .slider-wrap {
	background: rgb(255, 255, 255);
}

.f-screen {
	background: rgb(250, 245, 240);
}

fsDesc {
	background: rgba(255, 250, 245, 0.86);
	z-index: 999;
}

#fsDesc .fs-desc-header,
#fsDesc .fs-desc-footer,
#yilivThumbs {
	background: rgb(228, 223, 218);
}

.f-screen #yilivThumbs {
	background: rgb(228, 223, 218);
}

#fsDesc .win-size-grip {
	background: url('../images/wingrip-light.png') no-repeat;
}

#yilivThumbs .slide:hover .yilivflex-thumbs-caption,
#yilivThumbs .slide.flex-active-slide .yilivflex-thumbs-caption {
	background-color: rgba(0, 0, 0, 0.1);
}

.yilivflex-thumbs-caption {
	text-shadow: 1px 1px 1px rgb(255, 255, 255);
}