body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, h2, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, p {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
body{
	background-color:white;
}
/*@font-face {
	font-family: Manrope;
	src: url(../../../assets/fonts/manrope/manrope-bold.woff2) format("woff2"), url(../../../assets/fonts/manrope/manrope-bold.woff) format("woff"), url(../../../assets/fonts/manrope/manrope-bold.otf?) format("truetype");
	font-style: normal;
	font-weight: 700
}

@font-face {
	font-family: Manrope;
	src: url(../../../assets/fonts/manrope/manrope-medium.woff2) format("woff2"), url(../../../assets/fonts/manrope/manrope-medium.woff) format("woff"), url(../../../assets/fonts/manrope/manrope-medium.otf) format("truetype");
	font-style: normal;
	font-weight: 500
}*/

@supports (-webkit-background-clip:text) {
	/*.tl-text-effect {
		color: transparent;
		background-color: #000;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0.5' cy='0.5' r='0.499' gradientTransform='matrix(1, 0, 0, 1, 0,0)' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23FFA167'/%3E%3Cstop offset='1' stop-color='%23FFA167' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='100' fill='url(%23a)'/%3E%3C/svg%3E");
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: 75vh 75vh;
		-webkit-background-clip: text;
		background-position: var(--tl-spotlight)
	}*/
}
/*body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video,p{margin:0;padding:0;border:0;font-size:0;font:inherit;vertical-align:baseline}*/
.tl-smooth-scroll {
	transition: transform 1.5s cubic-bezier(0, .6, .3, 1);
	/* transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden */
	will-change: transform;
}
_:-ms-lang(x), .tl-smooth-scroll {
	transition: none;
	/* transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden */
	will-change: unset;
}
#tl-wrapper {
	letter-spacing: calc(-.03783em + .52609px);
	/*font-family: Manrope, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;*/
	font-size: calc(.2589vw + 15.02913px);
	padding: 0;
	margin: 0;
	font-weight: 500;
	color: #1e2022;
	-webkit-font-feature-settings: 'case' 1;
	font-feature-settings: 'case' 1
}

#tl-wrapper *,
#tl-wrapper ::after,
#tl-wrapper ::before {
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
	/*letter-spacing: calc(-.03783em + .52609px)*/
	/*letter-spacing: 0.1em;*/
}

#tl-wrapper ::-moz-selection {
	background: rgba(210, 10, 44, .8)
}

#tl-wrapper ::selection {
	background: rgba(210, 10, 44, .8)
}

#tl-wrapper ::-moz-selection {
	background: rgba(210, 10, 44, .8)
}

#tl-wrapper ::-webkit-selection {
	background: rgba(210, 10, 44, .8)
}

#tl-wrapper a:link,
#tl-wrapper a:visited {
	color: #000;
	text-decoration: none
}
#tl-wrapper a:hover{
	color: #ed3c40;
}


#tl-wrapper #tl-tvc a{
	color: #fff;
}
#tl-wrapper #tl-tvc a:hover{
	color: #ed3c40;
}
.tl-svg-play{
	fill: #fff;
}

#tl-wrapper a:hover .tl-svg-play{
	fill: #ed3c40;
}
#tl-wrapper p {
	margin-top: .5em;
	margin-bottom: .5em;
	-webkit-margin-before: 1.25em;
	margin-block-start: 1.25em;
	-webkit-margin-after: .5em;
	margin-block-end: .5em;
	font-size: calc(0.91vw + 13px);
	line-height: 1.3;
}

#tl-wrapper .h1,
#tl-wrapper .h2,
#tl-wrapper .h3,
#tl-wrapper .h4,
#tl-wrapper .h5,
#tl-wrapper .h6,
#tl-wrapper h1,
#tl-wrapper h2,
#tl-wrapper h3,
#tl-wrapper h4,
#tl-wrapper h5,
#tl-wrapper h6 {
	line-height: 1.25em
}

#tl-wrapper .h0{
	font-size: calc(6.696vw + -8.56320px);
	font-weight: 700
}

#tl-wrapper .h1,
#tl-wrapper h1 {
	/*font-size: calc(2.0712vw + 40.23301px);*/
	font-size: calc(3.56vw + 11.64800px);
	font-weight: 700;
}

#tl-wrapper .h2,
#tl-wrapper h2 {
	/*font-size: calc(1.5534vw + 34.17476px);*/
	font-size: calc(4.44vw + -21px);
	font-weight: 700;
}

#tl-wrapper .h3,
#tl-wrapper h3 {
	font-size: calc(1.0356vw + 28.1165px);
	font-weight: 700
}

#tl-wrapper .h4,
#tl-wrapper h4 {
	font-size: calc(1.0356vw + 20.1165px);
	font-weight: 700
}

#tl-wrapper .h5,
#tl-wrapper h5 {
	font-size: calc(.7767vw + 17.08738px);
	font-weight: 700
}

#tl-wrapper .h6,
#tl-wrapper h6 {
	font-size: calc(0.777vw + 9.08160px);
	font-weight: 700
}

#tl-wrapper .dead {
	display: none
}

#tl-wrapper .tl-section-title {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center
}

#tl-wrapper .tl-section-title>h6 {
	letter-spacing: .23em!important;
	text-transform: uppercase;
	margin: .25em 0 0 0
}

#tl-wrapper .tl-section-title::before {
	display: inline-block;
	width: 1px;
	height: 60px;
	background: #1e2022;
	content: ''
}

.tl-container {
	width: calc(82.848vw + -10.68160px);
	margin: 0 auto
}

.tl-3cols{
	width: calc(31.657vw + -26.21440px);
}

.tl-4cols {
	width: calc(30.421vw + 35.91680px);
}

.tl-5cols {
	width: calc(31.25vw + 180px);
}
.tl-7cols {
	width: calc(55.663vw + -8.72960px);
}
.tl-8cols {
	width: calc(66.489vw + 79.41120px);
}

[class^=text-animate] {
	display: inline-block;
	overflow-y: hidden;
	position: relative;
	height: 1.5em;
	line-height: 1.5em;
	margin: -.05em 0 -.45em 0
}

[class^=text-animate]>span {
	transform: translate3d(0, 100%, 0);
	transform-style: preserve-3d;
	display: block;
	height: 1.5em;
	line-height: 1.5em;
	transition: transform 1s cubic-bezier(.25, 1.6, .6, .95);
	will-change: transform
}

.animated [class^=text-animate]>span {
	transform: translate(0, 0)
}

.text-animate-2>span {
	transition-delay: .1s
}

.text-animate-3>span {
	transition-delay: .2s
}

.text-animate-4>span {
	transition-delay: .3s
}

.text-animate-5>span {
	transition-delay: .4s
}

.text-animate-6>span {
	transition-delay: .5s
}

.text-animate-7>span {
	transition-delay: .6s
}

.text-animate-8>span {
	transition-delay: .7s
}

.text-animate-9>span {
	transition-delay: .8s
}

.text-animate-10>span {
	transition-delay: .9s
}

.text-animate-11>span {
	transition-delay: 1s
}

#tl-viewport {
	overflow: hidden;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.touch-true #tl-viewport {
	position: relative
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .tl-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0px;
        z-index: 1;
    }
    @media (min-width: 1024px) {
        .tl-sticky {
            top: 0px;
        }
    }
}

.tl-ie{
	display: none;
}
/*mob*/
@media (max-width: 1024px){
	#tl-wrapper h2{
		font-size: 4vw;
	}
}
@media (max-width: 600px),(max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.tl-container {
		width: 85%;
		margin: 0 auto
	}
	
	.tl-3cols,
	.tl-4cols,
	.tl-5cols,
	.tl-7cols,
	.tl-8cols {
		width: 100%;
	}
	#tl-wrapper .h1,
	#tl-wrapper h1 {
		font-size: 8.53vw;
		font-weight: 700;
		margin-bottom: 6vw;
	}
	
	#tl-wrapper .h2,
	#tl-wrapper h2 {
		font-size: calc(2.38vw + 19px);
		font-weight: 700;
		margin-bottom: 6vw;
	}
	
	#tl-wrapper .h3,
	#tl-wrapper h3 {
		font-size: calc(1.0356vw + 12.1165px);
		font-weight:normal;
	}
	
	#tl-wrapper .h4,
	#tl-wrapper h4 {
		font-size: calc(1.0356vw + 20.1165px);
		font-weight: 700
	}
	
	#tl-wrapper .h5,
	#tl-wrapper h5 {
		font-size: calc(.7767vw + 17.08738px);
		font-weight: 700
	}
	
	#tl-wrapper .h6,
	#tl-wrapper h6 {
		font-size: 3.2vw;
		font-weight: 700
	}
	
}
