/*******************************************************
 *
 * Media
 *
 *******************************************************/

/* Page Globals */
.page-template-media #inner-page-wrapper {
	margin-bottom: 0;
}

/* Image Wrapper */
.imgWrap {
	position: relative;
}
.imgWrap img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
.imgWrap canvas {
	display: block;
	width: 100%;
}

/* Video popUp */
.video-popUp:before, .video-popUp:after {
	position: absolute;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.video-popUp:before {
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.45);
	z-index: 2;
}
.video-popUp:after {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: 1px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 20px;
	content: "\b0087";
	font-family: 'agentimage'!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    z-index: 3;
}
.video-popUp:hover:before {
	background: rgba(0,0,0,.25);
}

/* PopUp CSS */
.pop {
	width: 100%;
    margin: auto;
    padding: 70px 30px;
    background: url('../../images/pop_bg.jpg')no-repeat center top/cover;
    position: relative;
}
.pop button.mfp-close {
	display: none;
}
.pop .popup-modal-dismiss {
    font-size: 20px;
    color: var(--primary-color);
    position: absolute;
    top: 30px;
    right: 20px;
}
.pop iframe {
	display: block;
	width: 100%;
}

/* Custom Title */
.customTtl {
	color: var(--primary-color);
	font-size: 5vw !important;
	font-weight: 400 !important;
	font-family: var(--PlayfairDisplay);
	text-transform: uppercase;
	text-align: center;
	line-height: .75;
	margin: 0 0 70px!important;
}
.customTtl small {
	display: block;
	color: var(--secondary-color);
	font-size: 1.875vw !important;
	font-family: var(--Lato);
	letter-spacing: .1em;
	line-height: 1;
	margin: 0 0 6px;
}
.customTtl span {
	display: flex;
	align-items: center;
	justify-content: center;
}
.customTtl span:after, .customTtl .customTtl__line  {
	content: '';
	width: 22.18%;
	height: 1px;
}
.customTtl span:after {
	margin: 0 0 0 2.5%;
}
.customTtl .customTtl__line {
	background: #e0e0e0;
	margin: 0 2.5% 0 0;
	position: relative;
}
.customTtl .customTtl__line:after {
	position: absolute;
	content: '';
	width: 28.16%;
	height: 3px;
	background: #e0e0e0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}


.customTtl02 {
	color: var(--primary-color);
	font-size: 3.750vw !important;
	font-weight: 400 !important;
	font-family: var(--PlayfairDisplay);
	text-align: center;
	line-height: 1;
	margin: 0 0 45px!important;
}
.cap {
	font-weight: 300;
	text-align: center;
	letter-spacing: .025em;
	margin: 0 auto !important;
	max-width: 980px;
}

/* Page Carousel Global CSS */
.carouselWrap {
    position: relative;
    font-size: 0;
}
.carouselWrap .slick-slide a {
	display: block;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.carouselWrap .slick-slide a .imgWrap {
	overflow: hidden;
}
.carouselWrap .slick-slide a .imgWrap img {
	backface-visibility: none;
	-moz-backface-visibility: none;
	-webkit-backface-visibility: none;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.carouselWrap .slick-slide a:hover .imgWrap img {
	transform: scale(1.1);
}
.carouselWrap .media__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 15px;
	font-style: normal !important;
	padding: 5px;
	cursor: pointer;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.carouselWrap .media__arrow:hover {
	color: var(--secondary-color);
}
.carouselWrap .media__prev {
	left: -25px;
	transform: translateY(-50%) rotate(180deg);
}
.carouselWrap .media__next {
	right: -25px;
}

/* Page CSS */
section {
	position: relative;
}
section ul {
	margin: 0 !important;
	list-style: none !important;
}
.customWrap {
	padding: 0 6.25%;
	position: relative;
	z-index: 2;
}
.customWrap p {
	text-align: center;
}

.media__bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	z-index: 1;

	display: none;
}

.media__sec01 {
	padding: 70px 0 0;
}
.fv {
	width: 100%;
	max-width: 81.42%;
	margin: 0 auto !important;
}
.fvThumb {
	margin: -7px;
}
.fvThumb .slick-track {
    display: flex !important;
}
.fvThumb .slick-slide {
    height: inherit !important;
}
.fvThumb .slick-slide > div, .fvThumb .slick-slide li, .fvThumb .slick-slide a {
	height: 100%;
}
.fvThumb__item {
	padding: 7px;
}
.fvThumb__link {
	background: #fff;
	padding: 0 0 40px;
}
.fvThumb__link:before, .fvThumb__link:after {
	display: none;
}
.fvThumb__link p {
	font-size: 16px;
	line-height: 1 !important;
	letter-spacing: .05em;
	padding: 0 20px;
	margin: 20px 0 0 !important;
}
.media__sec01 .carouselWrap {
	margin: 5px 0 0;
}
.media__sec01 .media__bg, .media__sec03 .media__bg {
	filter: grayscale(1);
	opacity: .10;
}

.media__sec02 {
	padding: 120px 0 0;
	margin: -20px 0 0;
/*	background: #fff;*/
	z-index: 1;
}
.media__sec02 .carouselWrap {
	margin: 25px 0 0;
}
.vision, .tours, .print {
	margin: -8px;
}
.vision__item, .tours__item, .print__item {
	padding: 8px;
}
.media__sec03 {
	padding: 100px 0 0;
}
.media__sec04 {
	padding: 100px 0;
}


.media__sec04 .carouselWrap {
	margin: 50px 0 0;
}
.print__link {
	position: relative;
	padding: 0 35px 30px;
	box-shadow: none !important;
}
.print__link:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 90.61%;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	z-index: 1;
}
.print__link .imgWrap {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	z-index: 2;
}
.print__ttl {
	font-size: 18px;
	letter-spacing: .05em;
	text-align: center;
	text-transform: uppercase;
	margin: 25px 0 0 !important;
	position: relative;
	z-index: 2;
}

/* Media Queries */
@media only screen and (min-width: 1601px) {
	.customTtl {
		font-size: 80px !important;
	}
	.customTtl small {
		font-size: 30px !important;
	}
	.customTtl02 {
		font-size: 60px !important;
	}
}
@media only screen and (max-width: 1279px) {
	.fvThumb__link p {
		font-size: 14px;
	}
	.print__ttl {
		font-size: 16px;
	}
}
@media only screen and (max-width: 1199px) {
	.fvThumb__link p {
		font-size: 11px;
	}

	.print__link {
	    padding: 0 30px 30px;
	}
	.print__ttl {
		font-size: 12px;
	}
}
@media only screen and (max-width: 991px) {
	.customWrap {
		padding: 0 15px;
	}

	.customTtl {
		font-size: 50px !important;
		padding: 0 0 30px;
		position: relative;
	}
	.customTtl small {
		font-size: 20px !important;
	}
	.customTtl span:after {
		display: none;
	}
	.customTtl__line {
	    position: absolute !important;
	    width: 300px !important;
	    bottom: 0;
	    left: 50%;
	    top: unset;
	    transform: translate(-50%, 0);
	}
	.customTtl .customTtl__line:after {
		width: 100px;
		right: 50%;
		transform: translate(50%,-50%);
	}

	.customTtl02 {
		font-size: 40px !important;
	}

	.fv, .carouselWrap {
		width: 100%;
		max-width: 800px;
		margin: auto;
	}
	.fvThumb__link p {
		font-size: 14px;
	}

	.media__sec01 .carouselWrap {
	    margin: 5px auto 0;
	}
	.media__sec02 .carouselWrap {
	    margin: 25px auto 0;
	}
	.media__sec04 .carouselWrap {
	    margin: 50px auto 0;
	}

	.print__ttl {
		font-size: 16px;
	}

	.carouselWrap .media__prev {
		left: -11px;
	}
	.carouselWrap .media__next {
		right: -11px;
	}
}