﻿
:root	{}



body:not(.js-focus-visible) :focus, html:not(.js-focus-visible) :focus {
    outline:none;
}

.pc__disclaimer,
.o-cookie-message--active	{display: none !important}

/** FT CSS OVERRIDES **/
.disclaimer__sponsor				{font-weight:bold !important;}
.disclaimer .o-tooltip-content p	{font-size:16px !important;}
.o-tooltip--arrow-left.o-tooltip-arrow--align-top:after, .o-tooltip--arrow-left.o-tooltip-arrow--align-top:before	{top:50% !important;}
.o-header__drawer, .o-header    	{position: relative; z-index: 10;}
.o-footer							{margin-top:0 !important; position: relative; z-index: 5;}
.o-tooltip							{z-index:50 !important;}
.disclaimer__sponsor				{color:#1A1A1A !important; font-weight: 600 !important;}
.safari-fix			{position: absolute; background-color: #ffffff; left: 0; top: -350px; width: 100%; height: 350px; z-index: 0;}
.o-cookie-message__heading h1 {color: #000;}

.pc__client-title a    {color: #939598;}

/* 2020 OVERRIDES */
.pc 			{padding-top: 11px; padding-bottom: 10px; z-index: 30}
.o-footer *,
.pc__share-content,
.pc__client .pc__client-title,
.pc__title-content 		{font-family: MetricWeb, sans-serif !important;}
.pc__disclaimer-content {font-family: MetricWeb, sans-serif !important; font-size: 16px; line-height: 1.5em; color: #333333;}

[class*=col-]:not(.slick-slide) 	{float:none !important}

.o-header__drawer * {font-family: MetricWeb,sans-serif !important;}

#content .right {float: none; }

#form1 	{background-color:#ffffff;}
* 		{margin:0; padding:0;  }
ul 		{margin:0;}

/******************/


body 		{}
#tvnvcl		{ overflow: hidden; font-family: "Anek Tamil", sans-serif; background-color: #ffffff !important; height: auto !important; color: #1E1E20; outline:none; border:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#tvnvcl h1,
#tvnvcl h2,
#tvnvcl h3,
#tvnvcl h4,
#tvnvcl h5,
#tvnvcl h6	{font-family: "Fraunces", serif; font-weight: 600;}
#tvnvcl img	{max-width: 100%;}
#tvnvcl p,
#tvnvcl ul,
#tvnvcl ol, 
#tvnvcl a 	{line-height: 1.5em; margin-bottom: 1em; font-size: 18px; text-decoration: none}

#tvnvcl .inner 	{width:1340px; max-width: 100%; padding-left: 25px; padding-right: 25px; margin: auto;}

#tvnvcl .article-hero				{height: calc(100vh - 107px); position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 65px; overflow: hidden;}
#tvnvcl .article-hero-image			{position: absolute; width: 100%; height: 100%; left: 0; top: 0}
#tvnvcl .article-hero-image-inner	{background-size: cover; background-position: center; width: 100%; position: absolute; left: 0; top: -60px; bottom: -60px; content: ''; background-image: url(/_uploads/page-images/vcl-hero-image.jpg)}
#tvnvcl .article-hero-text			{position: relative; z-index: 1; text-align: center; color: #ffffff; width: 620px; max-width: 100%;}
#tvnvcl .article-hero-text h1		{font-size: 60px; letter-spacing: -1.5px; margin-bottom: 0.45em}
#tvnvcl .article-hero-text p		{font-size: 20px; line-height: 1.4em; width: 525px; max-width: 100%; margin-left: auto; margin-right: auto;}

#tvnvcl .article-text-section	{padding-bottom: 65px;}
#tvnvcl .pullout-inner,
#tvnvcl .article-inner			{width: 884px; max-width: 100%; margin: 0 auto; padding: 0 19px;}

/* FULL SCROLLER */
#tvnvcl .full-scroller			{padding-left: 90px; padding-top: 35px; padding-bottom: 65px; display: flex; align-items: flex-start; position: relative;}
#tvnvcl .full-scroller p		{font-size: 24px; font-family: "Fraunces", serif; font-weight: 600; line-height: 1.3em; width: 280px; margin-bottom: 0}
#tvnvcl .sb-text				{padding-right: 50px;}
#tvnvcl .scroller-box			{display: flex; padding-right: 70px; position: relative;}

#tvnvcl .full-scroller .line		{width: 2350px; display: block; border-top:1px solid #1E1E20; position: absolute; top:260px; left: 90px;}
#tvnvcl .full-scroller .line:before	{width: 7px; height: 7px; display: block; background-color: #1E1E20; position: absolute; left: 0; top: -4px; transform: rotate(45deg); content:'';}

#tvnvcl .sb-1-images		{position: relative; width: 492px; padding-bottom: 105px; margin-left: -170px; z-index: 2}
#tvnvcl .fs-1				{width: 324px; display: block; margin-left: auto;}
#tvnvcl .fs-2				{width: 243px; position: absolute; left: 0; bottom: 0; z-index: 2}

#tvnvcl .sb-2-images		{position: relative; width: 521px; padding-bottom: 160px; z-index: 2}
#tvnvcl .sb-2-text			{margin-top: 240px;}	
#tvnvcl .fs-3				{width: 362px;}
#tvnvcl .fs-3 p				{width: 235px;}
#tvnvcl .fs-4				{width: 274px; position: absolute; right: 0; bottom: 0; z-index: 2}

#tvnvcl .sb-3-images		{position: relative; width: 538px; padding-bottom: 160px; z-index: 2}
#tvnvcl .sb-3-text			{margin-top: 240px;}	
#tvnvcl .fs-5				{width: 470px;}
#tvnvcl .fs-5 p				{width: 240px;}
#tvnvcl .fs-6				{width: 275px; position:absolute; right: 0; bottom: 0; z-index: 2}
#tvnvcl .scroller-box-3		{padding-right: 200px;}

#tvnvcl p.caption			{font-family: "Anek Tamil", sans-serif; font-size: 14px; line-height: 1.2em; font-weight: 400 !important; margin-bottom: 0}

/* IMAGE SECTION */
#tvnvcl .image-section img					{transition: 0.2s ease-out; transform: scale(0.95);}
#tvnvcl .image-section img:hover			{transform: scale(1);}
#tvnvcl .image-section						{padding-bottom: 65px;}
#tvnvcl .image-section .article-inner		{width: 783px; max-width: 100%;}
#tvnvcl .image-section p					{width: 420px; max-width: 100%; margin: 10px auto 0}

#tvnvcl .pullout p				{font-size: 48px; font-family: "Fraunces", serif; font-weight: 600; line-height: 1.2em;}
#tvnvcl .pullout p span			{display: inline-block}
#tvnvcl .pullout .pullout-inner	{width: 1118px}
#tvnvcl .quotemark				{font-size: 100px; font-family: "Fraunces", serif; display: block; position: relative; left: -33px; top: 60px}
#tvnvcl .cite-container			{display: flex;}
#tvnvcl .cite-container:before	{display: block; width: 21px; height: 1px; margin-right: 17px; transform: translateY(10px); background-color: #1E1E20; content: '';}
#tvnvcl cite					{font-size: 18px; font-style: normal; line-height: 1.4em}
#tvnvcl cite span				{color:#98A2B3}

#tvnvcl .pullout.dark				{padding:45px 0 110px 0; background-color: #1E1E20; margin-bottom: 65px;}
#tvnvcl .pullout.dark p,
#tvnvcl .pullout.dark cite,
#tvnvcl .pullout.dark .quotemark				{color: #ffffff}
#tvnvcl .pullout.dark .cite-container:before	{background-color:#ffffff}

#tvnvcl .pullout.smaller					{margin-bottom: 75px;}
#tvnvcl .pullout.smaller .pullout-inner		{width: 800px;}
#tvnvcl .pullout.smaller p					{font-size: 36px;}

/* THREE IMAGES */
#tvnvcl .three-images			{display: flex; justify-content: center; gap:14px; padding: 0 19px 10px}	
#tvnvcl .image-column			{width: 312px; padding-top: 78px; transition: 0.2s ease-out}
#tvnvcl .image-column.hovered	{width: 410px; padding-top: 0}
#tvnvcl .image-column p.caption	{}

/* CTA SECTION */
#tvnvcl .cta-section			{padding: 70px 0; background-color: #1E1E20; text-align: center; color: #ffffff}
#tvnvcl .cta-section h3			{font-family: "Fraunces", serif; font-size: 36px; font-weight: 600; line-height: 1.3em; margin-bottom: 0.5em}
#tvnvcl .cta-section h3 a		{color: #ffffff; border-bottom:1px solid #ffffff; line-height: 1.3em; font-size: 36px;}
#tvnvcl .cta-section h3 a:hover	{color: #98A2B3; border-color: #98A2B3;}
#tvnvcl .cta-section p			{font-size: 18px;}
#tvnvcl .cta-section .btn		{margin-top: 25px;}
	
#tvnvcl .btn 								{width: 165px; height: 56px; overflow: hidden; display: flex; flex-direction: column; position: relative; border:1px solid #ffffff; margin: 25px auto 0; color: #1E1E20}
#tvnvcl .btn-inner							{position:absolute; top:0; left: 0; width: 100%; height: 100%; background-color: #ffffff; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; stroke:#1E1E20; transition: 0.75s cubic-bezier(0.75, 0, 0, 1);}
#tvnvcl .btn-inner svg						{position: relative; top:-2px; margin-left: 10px;}
#tvnvcl .btn-inner.hover-bottom				{background-color: #1E1E20; color: #ffffff; stroke:#ffffff; position: absolute; top:100%; z-index: 2}

#tvnvcl .btn:hover .btn-inner.hover-top		{top:-100%; opacity: 0}
#tvnvcl .btn:hover .btn-inner.hover-bottom	{top:0}


/** CSS ANIMATIONS **/

#tvnvcl .article-hero-image	{animation: 1.75s hero-image 0.75s ease-in-out forwards; opacity: 0}

@keyframes hero-image	{
	
	0%		{opacity: 0; transform: scale(1.1)}
	100%	{opacity: 1; transform: scale(1)}
	
}

#tvnvcl .article-hero-text h1	{animation: 1s hero-text 1.75s ease-in-out forwards; opacity: 0; filter: blur(5px);}
#tvnvcl .article-hero-text p	{animation: 1s hero-text 2s ease-in-out forwards; opacity: 0; filter: blur(5px);}

@keyframes hero-text	{
	
	0%		{opacity: 0; filter: blur(5px); transform: translateY(20px)}
	100%	{opacity: 1; filter: blur(0px); transform: translateY(0px)}
	
}


/** RESPONSIVE **/

@media (max-width: 1170px) {
	
	#tvnvcl .quotemark	{left: 0; top: 35px;}
	
}

@media (max-width: 768px) {
	
	#tvnvcl .article-hero-text		{width: 100%;}
	#tvnvcl .article-hero-text h1	{font-size: 8vw}
	#tvnvcl .article-hero-text p	{font-size: 18px; padding-left: 20px; padding-right: 20px;}
	
	#tvnvcl .article-hero			{margin-bottom: 25px;}

	/* FULL SCROLLER */
	#tvnvcl .full-scroller				{padding-left: 29px;}
	#tvnvcl .full-scroller p			{font-size: 18px}
	#tvnvcl .full-scroller p.caption	{font-size: 9px;}
	
	#tvnvcl .sb-1-text,
	#tvnvcl .sb-2-text				{width: 270px;}
	#tvnvcl .sb-1-text p,
	#tvnvcl .sb-2-text p			{width: 100%;}
	#tvnvcl .sb-1-images			{width: 344px; margin-left: -70px;}
	#tvnvcl .fs-1					{width: 226px}
	#tvnvcl .fs-2					{width: 170px}
	
	#tvnvcl .sb-2-images			{width: 364px;}
	#tvnvcl .fs-3					{width: 253px}
	#tvnvcl .fs-3 p					{width: 160px;}
	#tvnvcl .fs-4					{width: 192px}
	#tvnvcl .fs-4 p					{width: 100%}

	#tvnvcl .sb-3-images			{width: 376px;}
	#tvnvcl .fs-5					{width: 329px}
	#tvnvcl .fs-5 p 				{width: 170px;}
	#tvnvcl .fs-6					{width: 193px}
	#tvnvcl .fs-6 p 				{width: 100%;}
	
	#tvnvcl .scroller-box			{padding-right: 50px}
	
	#tvnvcl .full-scroller .line	{top: 223px; left: 29px;}
		
	#tvnvcl .scroller-box-1:before	{top: 185px;}
	#tvnvcl .scroller-box-3:after	{width: 50%}
	
	#tvnvcl .article-text-section	{padding-bottom: 35px;}
	
	/* PULLOUT */
	#tvnvcl .pullout p		{font-size: 30px;}	
	#tvnvcl .pullout.dark	{padding: 0 0 50px 0; margin-bottom: 40px;}
	#tvnvcl cite			{font-size: 16px;}
	
	/* THREE IMAGES */
	#tvnvcl .image-column	{padding-top: 5vw}
	
	#tvnvcl .pullout.smaller {margin-bottom: 45px;}
	
	/* CTA CONTAINER */
	#tvnvcl .cta-section		{padding: 45px 0}
	#tvnvcl .cta-section h3,
	#tvnvcl .cta-section h3 a	{font-size: 24px;}
	#tvnvcl .cta-section p		{font-size: 16px;}
	
}


@media (max-width: 500px) {
	
	/* THREE IMAGES */
	#tvnvcl .three-images			{gap: 3px}
	#tvnvcl .image-column p.caption	{font-size: 8px;} 
	
	
}

@media (max-height: 980px) and (min-width: 768px) {
	
	#tvnvcl .full-scroller.full-scroller-1					{height: calc(100vh - 51px); align-items: center; padding-top: 0; padding-bottom: 0; margin-bottom: 40px}
	#tvnvcl .full-scroller.full-scroller-1 .line			{top: 40vh}
	#tvnvcl .full-scroller.full-scroller-1 p				{position: relative; z-index: 3}
	#tvnvcl .full-scroller.full-scroller-1 p.caption		{font-size: 13px;}
	
	#tvnvcl .full-scroller.full-scroller-1 .scroller-box	{height: calc(100vh - 51px); padding-top:20px; padding-bottom: 20px;}
	#tvnvcl .full-scroller.full-scroller-1 .sb-2-text,
	#tvnvcl .full-scroller.full-scroller-1 .sb-3-text		{margin-top: 40vh;}
	#tvnvcl .full-scroller.full-scroller-1 .sb-1-images		{padding-bottom: 0;}
	#tvnvcl .full-scroller.full-scroller-1 .sb-2-images		{padding-bottom: 0; width: 83vh}
	#tvnvcl .full-scroller.full-scroller-1 .sb-3-images		{padding-bottom: 0;}
	
	#tvnvcl .full-scroller.full-scroller-1 .scroller-box-1	{}
	#tvnvcl .full-scroller.full-scroller-1 .scroller-box-2	{}
	#tvnvcl .full-scroller.full-scroller-1 .scroller-box-3	{}
	#tvnvcl .full-scroller.full-scroller-1 .fs-2			{top:50%; margin-top: -140px}
	#tvnvcl .full-scroller.full-scroller-1 .fs-3			{width: 52vh}	
	#tvnvcl .full-scroller.full-scroller-1 .fs-4			{width: 37vh}	
	#tvnvcl .full-scroller.full-scroller-1 .fs-5			{width: 55vh}	
	
	#tvnvcl .full-scroller.full-scroller-1 .fs-3 p.caption	{width: calc(100% - 10vh)}
	#tvnvcl .full-scroller.full-scroller-1 .fs-4 p.caption	{width: 100%;}
}

@media (max-height: 790px) {
	#tvnvcl .full-scroller.full-scroller-1 .fs-2	{top:auto; margin-top: 0; bottom: 0}

}






/*************************************************************************************************************************************************/
/*************************************************************************************************************************************************/
/******** ARTICLE 2 **********/
#tvnvcl.tvnvcl2 .fsj-box.fsj-image-5	{display: none}

#tvnvcl.tvnvcl2												{background-color: #f3f3f3 !important}
#tvnvcl.tvnvcl2	.article-inner								{width: 664px;}
#tvnvcl.tvnvcl2 section										{}
#tvnvcl.tvnvcl2 .article-text-section h2					{font-size: 30px; font-weight: 600; margin-bottom: 1em}
#tvnvcl.tvnvcl2 .image-section								{padding-bottom: 45px}

#tvnvcl.tvnvcl2 .article-hero									{background-color:#1E1E20; align-items: flex-end; margin-bottom: 48px;}
#tvnvcl.tvnvcl2 .article-hero h1								{font-size: 72px;}
#tvnvcl.tvnvcl2 .article-hero p									{font-size: 18px;}
#tvnvcl.tvnvcl2 .article-hero .article-hero-image-inner			{height: calc(60% + 60px); background-position: bottom center; background-image: url(/_uploads/page-images/db-hero-image.jpg)}
#tvnvcl.tvnvcl2 .article-hero .article-hero-image-inner:before	{position: absolute; bottom: 0; left: 0; width: 100%; height: 260px; content: ''; background: rgb(30,30,32); background: linear-gradient(0deg, rgba(30,30,32,1) 0%, rgba(30,30,32,0) 100%);}
#tvnvcl.tvnvcl2 .article-hero .article-hero-text				{width: 726px; padding-bottom: 40px;}
#tvnvcl.tvnvcl2 .article-hero .article-hero-text p				{width: calc(100% - 50px);}
#tvnvcl.tvnvcl2 .article-hero .article-hero-text img			{margin-bottom: 40px;}

/* DB SCROLLER 1 */
#tvnvcl.tvnvcl2 .db-full-scroller-1				{gap: 32px; padding-top: 0; padding-bottom: 0; margin-bottom: 120px;}
#tvnvcl.tvnvcl2 .db-full-scroller-1-box,	
#tvnvcl.tvnvcl2 .db-full-scroller-2-box			{flex-shrink: 0; height: 70vh; min-height: 600px; position: relative;}
#tvnvcl.tvnvcl2 .db-full-scroller-1-box	img,
#tvnvcl.tvnvcl2 .db-full-scroller-2-box	img		{width: auto; height: 100%;}
#tvnvcl.tvnvcl2 .db-full-scroller-1-text		{background-color: #f3f3f3; padding: 55px 50px 10px; width: 715px; position: absolute; bottom: -80px; right: -450px;}
#tvnvcl.tvnvcl2 .db-full-scroller-1-text p		{width: 100%; font-size: 36px;}
#tvnvcl.tvnvcl2 .db-full-scroller-1-box-1		{position: relative; z-index: 2}
#tvnvcl.tvnvcl2 .db-full-scroller-1-box-4		{padding-right: 80px}

#tvnvcl.tvnvcl2 .db-full-scroller-1-box-3, 
#tvnvcl.tvnvcl2 .db-full-scroller-1-box-4		{overflow: hidden}

/* DB SCROLLER 2 */
#tvnvcl.tvnvcl2 .db-full-scroller-2					{padding: 0; margin-bottom: 65px; position: relative;}
#tvnvcl.tvnvcl2 .db-full-scroller-2-box				{background-color: #1E1E20; box-shadow: 0 0 0 1px #1E1E20; padding: 60px 0; overflow: hidden}
#tvnvcl.tvnvcl2 .db-full-scroller-2-box-1			{padding-left: 90px}
#tvnvcl.tvnvcl2 .db-full-scroller-2-box-2 img		{height: 90%; min-width: 300px; position: relative;}
#tvnvcl.tvnvcl2 .db-full-scroller-2-box-3			{}

#tvnvcl.tvnvcl2 .db-full-scroller-2-line-1			{width: 708px; display: flex; flex-direction: column; padding-top: 133px;}
#tvnvcl.tvnvcl2 .db-full-scroller-2-line-2			{width: 708px; display: flex; flex-direction: column; padding-bottom: 20vh; justify-content: flex-end}
#tvnvcl.tvnvcl2 .db-full-scroller-2-line-1 img,
#tvnvcl.tvnvcl2 .db-full-scroller-2-line-2 img		{width: 100%; height: 19px;}
#tvnvcl.tvnvcl2 .full-scroller .db-full-scroller-2-line-1 p,
#tvnvcl.tvnvcl2 .full-scroller .db-full-scroller-2-line-2 p	{color: #ffffff; width: 100%; padding: 50px 120px 50px 50px; font-size: 24px; font-weight: 400}

/* DB SCROLLER 3 */
#tvnvcl.tvnvcl2 .full-scroller-japanese							{margin-bottom: 65px; display: flex;}
#tvnvcl.tvnvcl2 .full-scroller-japanese .fsj-text				{padding: 0 60px; width: 45%; flex-shrink: 0; background-color: #f3f3f3; display: flex; align-items: flex-end; position: relative; z-index: 5}
#tvnvcl.tvnvcl2 .full-scroller-japanese .fsj-text h2			{font-size: 48px; margin-bottom: 0.75em}
#tvnvcl.tvnvcl2 .full-scroller-japanese .fsj-text p:last-child	{margin-bottom: 0}
#tvnvcl.tvnvcl2 .fsj-box.fsj-image-5							{border-left: none}
#tvnvcl.tvnvcl2 .fsj-cols										{width:100%; display: flex;}
#tvnvcl.tvnvcl2 .fsj-box										{width: 13.75%; height: 80vh; transition: 0.2s ease-out; padding: 0 15px; border-left: 1px solid #000000; display: flex; flex-direction: column; justify-content: flex-end;}
#tvnvcl.tvnvcl2 .fsj-box img									{width: 100%; transition: 0.2s ease-out}
#tvnvcl.tvnvcl2 .fsj-box:hover									{width: 33.333%}

/** CSS ANIMATIONS **/

#tvnvcl.tvnvcl2 .article-hero-image	{animation: 1.75s hero-image 0.75s ease-in-out forwards; opacity: 0}

@keyframes hero-image	{
	
	0%		{opacity: 0; transform: scale(1.1)}
	100%	{opacity: 1; transform: scale(1)}
	
}

#tvnvcl.tvnvcl2 .article-hero-text h1	{animation: 1.75s hero-text 0.75s ease-in-out forwards; opacity: 0; filter: blur(5px);}
#tvnvcl.tvnvcl2 .article-hero-text p	{animation: 1.75s hero-text 0.75s ease-in-out forwards; opacity: 0; filter: blur(5px);}
#tvnvcl.tvnvcl2 .article-hero-text img	{animation: 1.75s hero-text 0.75s ease-in-out forwards; opacity: 0; filter: blur(5px);}

@keyframes hero-text	{
	
	0%		{opacity: 0; filter: blur(5px); transform: translateY(80px)}
	100%	{opacity: 1; filter: blur(0px); transform: translateY(0px)}
	
}


/**** ARTICLE 2 RESPONSIVE ****/

#tvnvcl.tvnvcl2 .scroller-text-mb,
#tvnvcl.tvnvcl2 .show-smaller		{display: none}
#tvnvcl.tvnvcl2 .hide-smaller		{display: flex}

@media (max-width:1300px) {
	
	#tvnvcl.tvnvcl2 .full-scroller-japanese .fsj-text		{padding: 0 30px;}	
	#tvnvcl.tvnvcl2 .full-scroller-japanese .fsj-text h2	{font-size: 36px;}

}

@media (max-width:1000px) {

	/* SCROLLER 3 */
	#tvnvcl.tvnvcl2 .full-scroller-japanese	{padding-left: 30px}
	#tvnvcl.tvnvcl2 .show-smaller			{display: block !important}
	#tvnvcl.tvnvcl2 .hide-smaller			{display: none !important}
	#tvnvcl.tvnvcl2 .fsj-box				{width: 33.333%; height: auto; min-height: 500px; flex-shrink: 0}
	#tvnvcl.tvnvcl2 .fsj-box:hover			{width: 40%}
	#tvnvcl.tvnvcl2 .fsj-box.fsj-image-5	{width: 150px; display: block}
	
}

	
@media (max-width:900px) {
	
	#tvnvcl.tvnvcl2 .article-hero			{height: auto; flex-direction: column; align-items: center}
	#tvnvcl.tvnvcl2 .article-hero-text img	{width: 343px; max-width: calc(100% - 40px)}
	#tvnvcl.tvnvcl2 .article-hero-text		{padding-left: 25px; padding-right: 25px; margin-top: -20vw}
	#tvnvcl.tvnvcl2 .article-hero-text h1	{font-size: 36px;}
	#tvnvcl.tvnvcl2 .article-hero .article-hero-text p	{width: 100%; padding: 0}
	
	#tvnvcl.tvnvcl2 .article-hero-2 .article-hero-image					{position: relative; height: 60vw;}
	#tvnvcl.tvnvcl2 .article-hero-2 .article-hero-image-inner			{height: 100%}
	#tvnvcl.tvnvcl2 .article-hero-2 .article-hero-image-inner:before	{height: 20vw}
}


@media (max-width:768px) {
	
	/* FS SCROLLER ONE */
	#tvnvcl.tvnvcl2 .db-full-scroller-1				{margin-bottom: 65px;}
	#tvnvcl.tvnvcl2 .db-full-scroller-1-box 		{height: auto; width: auto;}
	#tvnvcl.tvnvcl2 .db-full-scroller-1-box img		{width: auto; max-width: calc(100vw - 50px); height: auto}
	#tvnvcl.tvnvcl2 .db-full-scroller-1-box-1		{display: flex;}
	#tvnvcl.tvnvcl2 .db-full-scroller-1-text		{position: relative; right: auto; bottom: auto; width: 500px; display: flex; align-items: center; padding: 50px}
	#tvnvcl.tvnvcl2 .db-full-scroller-1-text p		{font-size: 26px;}
	#tvnvcl.tvnvcl2 .db-full-scroller-1-box,
	#tvnvcl.tvnvcl2 .db-full-scroller-2-box			{min-height: unset}
	#tvnvcl.tvnvcl2 .db-full-scroller-1-text-dk		{display: none}
	#tvnvcl.tvnvcl2 .scroller-text-mb				{display: block; padding: 15px 50px 40px}
	#tvnvcl.tvnvcl2 .scroller-text-mb p				{font-family: "Fraunces", serif; font-weight: 600; line-height: 1.3em; margin-bottom: 0; font-size: 30px;}
	
	/* FS SCROLLER TWO */
	#tvnvcl.tvnvcl2 .db-full-scroller-2				{align-items: stretch; background-color: #1E1E20; padding-left: 40px;}
	#tvnvcl.tvnvcl2 .db-full-scroller-2-box			{height: auto; width: calc(70vw - 50px); padding-top: 30px; padding-bottom: 30px;}
	#tvnvcl.tvnvcl2 .db-full-scroller-2-box-1		{padding-left: 0}
	#tvnvcl.tvnvcl2 .db-full-scroller-2-line-1 img, 
	#tvnvcl.tvnvcl2 .db-full-scroller-2-line-2 img	{height: auto}
	#tvnvcl.tvnvcl2 .db-full-scroller-2-box	img,
	#tvnvcl.tvnvcl2 .db-full-scroller-2-box-2 img	{height: auto; min-width: unset; width: 100%}
	
	#tvnvcl.tvnvcl2 .db-full-scroller-2-box.db-full-scroller-2-line-1	{padding-top: 100px;}
	#tvnvcl.tvnvcl2 .db-full-scroller-2-box.db-full-scroller-2-line-2	{padding-bottom: 100px;}
	#tvnvcl.tvnvcl2 .full-scroller .db-full-scroller-2-line-1 p,
	#tvnvcl.tvnvcl2 .full-scroller .db-full-scroller-2-line-2 p			{padding-right: 50px;}

	
	
}

@media (max-width:500px) {
	
	#tvnvcl.tvnvcl2 .article-hero-2 .article-hero-image	{height: 80vw}
	
	/* FS SCROLLER ONE */
	#tvnvcl.tvnvcl2 .db-full-scroller-1-text			{width: calc(100vw - 50px);}
	#tvnvcl.tvnvcl2 .db-full-scroller-1-text p			{font-size: 20px;}
	#tvnvcl.tvnvcl2 .db-full-scroller-1					{margin-bottom: 40px;}
	
	/* FS SCROLLER TWO */
	#tvnvcl.tvnvcl2 .full-scroller .db-full-scroller-2-line-1 p,
	#tvnvcl.tvnvcl2 .full-scroller .db-full-scroller-2-line-2 p	{font-size: 20px;}
	#tvnvcl.tvnvcl2 .db-full-scroller-2-box.db-full-scroller-2-line-1,
	#tvnvcl.tvnvcl2 .db-full-scroller-2-box.db-full-scroller-2-line-2	{width: 420px;}
	
	/* FS SCROLLER THREE */
	#tvnvcl.tvnvcl2 .full-scroller-japanese	{padding-left: 18px;}
	#tvnvcl.tvnvcl2 .fsj-box {width: 40%; min-height: 100vw}
	#tvnvcl.tvnvcl2 .fsj-box:hover	{width: 70%}
	#tvnvcl.tvnvcl2 .fsj-box.fsj-image-5	{width: 150px; display: block}
}

@media (max-width:414px) {
	
	#tvnvcl.tvnvcl2 .scroller-text-mb p	{font-size: 26px}
	
}




/* HEIGHT RESPONSIVE */
	
@media (max-height:900px) {
	
	#tvnvcl.tvnvcl2 .article-hero-text img	{width: 70vh}
	
}

@media (max-height:800px) {
	
	#tvnvcl.tvnvcl2 .article-hero-text		{padding-bottom: 15px;}
	#tvnvcl.tvnvcl2 .article-hero-text img	{margin-bottom: 20px}
	#tvnvcl.tvnvcl2 .article-hero-text h1	{font-size: 50px;}
	#tvnvcl.tvnvcl2 .article-hero-text p	{font-size: 16px;}
	
	#tvnvcl .article-hero-2 .article-hero-image-inner	{background-position: center; height: 80%}
	
}

@media (max-height: 980px) and (min-width: 768px) {

	#tvnvcl.tvnvcl2								{}
	#tvnvcl.tvnvcl2 .db-full-scroller-1			{height: calc(100vh - 52px);}
	#tvnvcl.tvnvcl2 .db-full-scroller-1-text	{bottom: 0}
	#tvnvcl.tvnvcl2 .db-full-scroller-1-box		{min-height: unset; height: calc(100% - 100px);}
}

@media (max-height: 768px) and (min-width: 1366px) {

	#tvnvcl.tvnvcl2 .article-hero .article-hero-image-inner	{height: calc(70% + 60px);}

}









