html, 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, font, img, ins, kbd, q, s, samp, small, strike, strong, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }
ul, li { float:left; display:inline; }
h1, h2, h3, h4, h5 { font-weight:normal; }
i, em { font-style:normal; }
button, select { border:none; margin:0; padding:0; background:transparent; }
figure { margin:0; padding:0; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

/*	Finish RESET	*/

html::-webkit-scrollbar { width:10px; }
html::-webkit-scrollbar-track { background:#666; }
html::-webkit-scrollbar-thumb { background-color: #FFF; border:3px solid #666; }
html { scrollbar-color:#FFF #666; scrollbar-width:thin; }

body { margin:0; color:#FFF; font-size:16px; font-family:'Gilroy', Arial; line-height:20px; -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-text-size-adjust:100%; background-color:#121212; }

*::-moz-selection { background:rgba(100,100,100,0.5); }
*::selection { background:rgba(100,100,100,0.5); }

a { color:#FFF; text-decoration:none;  }
a:hover { color:#AAA; text-decoration:none; }

:root {
	--input-background-color: #FFF;
	--input-border-color: #FFF;
	--input-border-color-inline: #FFF;
	--input-border-color-checked: #FFCA02;
	--input-background-color-checked: #FFCA02;
	--input-border-color-inline-checked: #FFCA02;
	--input-border-color-disabled: #FFF;
	--input-background-color-disabled: #efefef;
	--input-border-color-inline-disabled: #FFF;
	--input-border-color-hover:transparent;
	--input-background-color-hover:#FFF;
	--input-border-color-inline-hover: #FFF;
	--input-border-color-focus: #FFCA02;
}

/* Reset Css */
input, select, textarea, input[type='checkbox'], input[type='radio'] { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; }
input:focus, select:focus, textarea:focus, input[type='checkbox']:focus, input[type='radio']:focus { outline:0; }
input[type='submit'], button { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; outline:0; }

/* Customization checkbox & radio */
input[type='checkbox'], input[type='radio'] { width:24px; height:24px; line-height:24px; min-width:1px !important; margin-right:13px; padding:0; cursor:pointer; }
input[type='checkbox']::before, input[type='radio']::before { display:block; position:absolute; content:""; width:calc(100% - 2px); height:calc(100% - 2px); background-color:var(--input-background-color); transition:background-color 500ms, border-color 500ms; }
input[type='checkbox']::after, input[type='radio']::after { display:block; position:absolute; content:""; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); transition:background-color 500ms, border-color 250ms; }

/* Customization checbox */
input[type='checkbox']::before { border-radius:6px; border:solid 1px; border-color:var(--input-border-color); }
input[type='checkbox']::after { border:solid; border-color:var(--input-border-color-inline); border-width:0 3px 3px 0; width:6px; height:12px; left:8px; bottom:6px; }
input[type='checkbox']:not(:checked)::before { border-color:var(--input-border-color); }
input[type='checkbox']:not(:checked)::after { border-color:var(--input-border-color-inline); }
input[type='checkbox']:checked:not(:disabled)::before { border-color:var(--input-border-color-checked); background-color:var(--input-background-color-checked); }
input[type='checkbox']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); }
input[type='checkbox']:disabled::before { border-color:var(--input-border-color-disabled); background-color:var(--input-background-color-disabled); }
input[type='checkbox']:disabled::after { border-color:var(--input-border-color-inline-disabled); }
input[type='checkbox']:checked:not(:disabled):focus::before, input[type='checkbox']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); }
input[type='checkbox']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color:var(--input-background-color-hover); }
input[type='checkbox']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); }

/* Customization radio */
input[type='radio']::before { border-radius: 50%; border: solid 1px; }
input[type='radio']::after { border: solid; border-color: var(--input-border-color-inline-checked); border-width: 5px; border-radius: 50%; width: 0px; height:0px; left:4px; bottom:4px; }
input[type='radio']:not(:checked)::before { border-color:var(--input-border-color); }
input[type='radio']:not(:checked)::after { border-color:var(--input-border-color-inline); }
input[type='radio']:checked:not(:disabled)::before { border-color: var(--input-border-color-checked); background-color: var(--input-background-color); }
input[type='radio']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); }
input[type='radio']:disabled::before {}
input[type='radio']:disabled::after { border-color:var(--input-border-color-inline-disabled); }
input[type='radio']:checked:not(:disabled):focus::before, input[type='radio']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); }
input[type='radio']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color: var(--input-background-color); }
input[type='radio']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); }

input, textarea, select { float:left; font-size:16px; font-family:'Gilroy', Arial; font-weight:500; letter-spacing:0.5px; border-radius:0; }
button { border:none; padding:0; margin:0; cursor:pointer; border-radius:0; font-family:'Gilroy', Arial; font-size:16px; font-weight:700; letter-spacing:1px; }

.input { width:100%; height:50px; padding:0 16px; border-bottom:2px solid rgba(255,255,255,0.2); transition:ease 0.3s; color:#FFF; background-color:transparent; border-radius:0; }
.select { background:#FFF url(../images/arrow-select.png) no-repeat right center; background-size:auto 5px; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.input:focus , .select:focus , .get-started-form .input:focus { border-color:#FFF; }

textarea.input { padding-top:13px !important; padding-bottom:13px !important; }

.button { float:none; height:50px; display:inline-block; padding:0 52px 0 25px; cursor:pointer; position:relative; color:#FFF; transition:all 0.3s; border-radius:25px; overflow:hidden; line-height:46px; }
.button:hover { background-color:#FFF; color:#121212; border-radius:8px; }
	.button::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; border:2px solid #FFF; border-radius:25px; }
	.button:hover::before { border-radius:8px; transition:all 0.3s; }
	.button::after { content:""; position:absolute; top:0; bottom:0; right:18px; width:24px; background:url(../images/arrow-white-right.png) no-repeat right center / 18px auto; transition:all 0.3s; transform:rotate(-45deg); }
	.button:hover::after { background-image:url(../images/arrow-right.png); transform:rotate(-180deg); }
	
a.button { color:#FFF; font-weight:600; font-size:14px; line-height:50px; }

.affdirect { float:left; width:100%; position:relative; z-index:10; background-color:#121212; }
	.outer { float:left; width:100%; padding:0 40px; position:relative; }
		.wrap , .wrap-slim , .content-wrap { margin:0 auto; width:1620px; min-height:10px; position:relative; }
			.wrap-slim { width:100%; max-width:1080px; }
			.wrap .wrap-slim { padding:0 !important; }
			.content-wrap { width:100%; max-width:840px; }
		
		.wrap-right { float:right; padding-right:0 !important; }
		.wrap-left { float:left; padding-left:0 !important; }
	
.tac { text-align:center; }
.tar { text-align:right; }

.fl { float:left !important; }
.fr { float:right !important; }
.fn { float:none !important; }

.wa { width:auto !important; }
.w100 { float:left; width:100% !important; }
.w50 { float:left; width:50%; }
.w25 { float:left; width:25%; }
.mt40 { margin-top:40px; }
.mt30 { margin-top:30px; }
.mt20 { margin-top:20px; }
.mt10 { margin-top:10px; }
.mb40 { margin-bottom:40px; }
.mb30 { margin-bottom:30px; }
.mb20 { margin-bottom:20px; }
.mb10 { margin-bottom:10px; }

/*	Start TOP	*/

.header { position:fixed; top:0; left:0; right:0; padding:10px 0; z-index:8000; border-radius:0 0 16px 16px; transition:all 0.4s; }
.header:hover { background-color:#000; }
.nav-up , .nav-down { padding:0; background-color:#000; }
.header-light.nav-up , .header-light.nav-down { background-color:rgba(0,0,0,0.8) !important; }
.header .wrap { position:static; }
.header-flex { padding:0 40px; display:flex; align-items:center; position:relative; }

.header-connect { float:right; margin-left:auto; text-align:right; }
	.header-connect strong , .header-connect small { display:block; }
	.header-connect strong { margin-bottom:5px; font-size:20px; }

.nav-opened .header::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#000; border-radius:0 0 16px 16px; z-index:210; } 

	#logo { float:left; position:relative; margin:23px 0; z-index:300; transition:all 0.7s; }
		#logo a { float:left; position:relative; }
			#logo img { height:34px; }
			#logo img:hover { opacity:0.8; }
	
	.nav-icon { float:right; width:70px; height:70px; margin-left:auto; position:relative; cursor:pointer; display:block; text-indent:-9999px; z-index:1000; }
		.nav-icon span { position:absolute; top:50%; left:50%; width:40px; height:2px; margin:-1px 0 0 -16px; transition:all 0.5s; }
			.nav-icon span::before { content:""; position:absolute; top:-7px; left:0; right:0; height:3px; background-color:#FFF; transition:all 0.5s; }
			.nav-icon span::after { content:""; position:absolute; bottom:-7px; left:0; right:6px; height:3px; background-color:#FFF; transition:all 0.5s; }
			
			.header-light .nav-icon span::before , .header-light .nav-icon span::after { background-color:#FFF; }
		
		.nav-icon-close span { background-color:transparent; }
			.nav-icon-close span::before { 
				-webkit-transform:rotate(-135deg);
				-moz-transform:rotate(-135deg);
				-o-transform:rotate(-135deg);
				-ms-transform:rotate(-135deg);
				transform:rotate(-135deg);
				top:0;
			}
			.nav-icon-close span::after { 
				-webkit-transform:rotate(135deg);
				-moz-transform:rotate(135deg);
				-o-transform:rotate(135deg);
				-ms-transform:rotate(135deg);
				transform:rotate(135deg);
				bottom:0;
				right:0;
			}
	
	.nav-opened { overflow:hidden; }
	
#nav-wrap { position:fixed; top:0; bottom:0; left:0; right:0; padding-top:80px; z-index:200; flex:1; display:none; background-color:rgba(18,18,18,0.95); backdrop-filter:blur(13px); -webkit-backdrop-filter:blur(13px); overflow:hidden; overflow-y:auto; }

@media only screen and (min-width:1023px) {

#nav-wrap::-webkit-scrollbar { width:10px; }
#nav-wrap::-webkit-scrollbar-track { background:#666; }
#nav-wrap::-webkit-scrollbar-thumb { background-color: #FFF; border:3px solid #666; }
#nav-wrap { scrollbar-color:#FFF #666; scrollbar-width:thin; }

}
	
	#nav-wrap .wrap , #nav-wrap .vertical-out { position:relative; z-index:1000; }
	
	.btn-get-offer { position:absolute; top:30px; right:160px; font-size:20px; font-weight:700; letter-spacing:1px; line-height:40px; z-index:1000; }
	.scroll .btn-get-offer { top:20px; }
		.btn-get-offer::after { content:""; float:right; width:40px; height:40px; margin-left:15px; background:#FFCA02 url(../images/arrow-right.png) no-repeat center / 16px auto; border-radius:50%; transform:rotate(-45deg); transition:all 0.2s; }
		.btn-get-offer:hover::after { margin-left:20px; transform:rotate(-180deg); }
	
	#nav { float:left; width:100%; margin-bottom:60px; position:relative; }
		#nav ul { position:relative; }
			#nav li { margin:30px 0; margin-right:100px; position:relative; }
				
				#nav li > a { float:left; position:relative; font-size:100px; font-weight:700; color:#999; line-height:100%; transition:all 0.4s; z-index:10; }
				#nav li > a:hover { color:#FFF; }
				#nav li > a.active { color:#FFF; }
					
					/* #nav li > a::before , #nav li > a::after { content:""; position:absolute; top:calc(50% - 50px); left:calc(50% - 50px); width:100px; height:100px; border-radius:50%; transition:all 0.3s; transform:scale(0.2,0.2); mix-blend-mode:hard-light; }
					#nav li > a:hover::before { right:-24px; transform:scale(1.5,1.5); background-color:#FFCA02; }
					#nav li > a:hover::after { transform:scale(2,2); border:1px solid #FFCA02; opacity:0.3; } */
					
					
					#nav li > a small { position:absolute; top:0; right:-40px; width:30px; font-size:20px; font-family:Bebas; letter-spacing:1px; line-height:100%; }
					#nav li > a:hover small { color:#FFF; }
	
	.cursor {
		top: -20px;
		left: -20px;
		position: fixed;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #FFF;
		transition: transform .5s ease;
		transform: translate(-50%, -50%);
		pointer-events: none;
		mix-blend-mode: difference;
		z-index:10;
		}

		#nav ul li:hover ~ .cursor {
		transform: scale(7);
		}
	
	.nav-bottom { float:left; width:100%; margin-bottom:40px; position:relative; display:flex; align-items:center; letter-spacing:0.5px; }
		
		.nav-social { float:left; position:relative; }
		.nav-connect { float:right; margin-left:auto; position:relative; }
			.nav-social li , .nav-connect li { width:100%; }
			.nav-social li a , .nav-connect li a { float:left; padding:7px 0; }
			.nav-connect li a { float:right; }
				.nav-social a::after , .nav-connect a::after { content:""; float:right; width:30px; height:30px; margin-left:5px; margin-top:-5px; background:url(../images/arrow-white-right.png) no-repeat center / 16px auto; border-radius:50%; transform:rotate(-45deg); transition:all 0.2s; }
				.nav-social a:hover::after , .nav-connect a:hover::after { transform:rotate(-180deg); }

/*	Finish TOP	*/

.controls { height:100%; }
	.slick-prev , .slick-next { 
		position:absolute;
		top:50%;
		width:50px; 
		height:50px; 
		margin-top:-25px;
		text-indent:-9999px; 
		cursor:pointer;
		z-index:1000;
		transition:all 0.2s ease;
		background:#FFF url(../images/arrow-left.png) no-repeat center / auto 16px;
		border-radius:50%;
		box-shadow:0 0 20px rgba(0,0,0,0.1);
		}
		
	.slick-prev { left:0; }
	.slick-next { right:0; background-image:url(../images/arrow-right.png); }
		
	.slick-prev:hover { background-color:#FFCA02; background-position:40% center; }
	.slick-next:hover { background-color:#FFCA02; background-position:60% center; }
	
	ul.slick-dots { position:absolute; text-align:center; right:0; left:0; bottom:0; padding:60px 0 30px 0; z-index:1000; background-image:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.2)); }
		ul.slick-dots li { float:none; height:3px; margin:0 5px; display:inline-block; transition:all 0.3s; }
			ul.slick-dots li button { float:left; width:20px; height:3px; cursor:pointer; background-color:#FFF; transition:all 0.3s; position:relative; text-indent:-9999px; opacity:0.5; }
			ul.slick-dots li button:hover { opacity:0.6; }
			ul.slick-dots li.slick-active button { opacity:1; }

.vertical-out { width:100%; height:100%; display:table; }
.vertical-in { width:100%; display:table-cell; vertical-align:middle; }

.slider-gallery-out { position:relative; overflow:hidden; } 
	.slider-gallery-out::before { content:""; position:absolute; left:0; right:0; bottom:0; top:50%; background-color:#F6F6FF; } 
	
	.slider-gallery-wrap { float:left; width:100%; margin-top:30px; position:relative; overflow:hidden; } 
		.slider-gallery { float:left; width:110%; padding-bottom:80px; position:relative; } 
			.slider-gallery .slick-list { float:left; width:100%; position:relative; } 
			.slider-gallery-item { float:left; width:100%; position:relative; }
				.slider-gallery-item picture { float:left; width:100%; height:40vh; max-height:400px; min-height:300px; padding:40px 0 0 40px; overflow:hidden; transition:all 1s; }
				.slider-gallery-item.slick-current picture { padding:0; }
					.slider-gallery-item picture img { width:100%; height:100%; object-position:center; object-fit:cover; border-radius:16px; }
				
		.slider-gallery .slick-prev { top:auto; bottom:0; background-color:transparent; } 
		.slider-gallery .slick-next { top:auto; bottom:0; right:auto; left:70px; background-color:transparent; }

.slider-wide { float:left; width:100%; position:relative; overflow:hidden; }
	.slider-wide div { float:left; width:100%; position:relative; }
		.slider-wide div a , .slider-full div img { float:left; width:100%; }
		.slider-wide div a { background-size:cover; background-position:center; background-repeat:no-repeat; }

.slider-leaders-wrap { float:left; width:100%; margin-top:40px; position:relative; }
	
	.slider-leaders-title { float:left; width:25%; padding:6px 0 6px 40px; margin-top:30px; position:relative; font-size:16px; font-weight:600; line-height:24px; }
		.slider-leaders-title::before { content:""; position:absolute; top:0; bottom:0; left:0; width:3px; background-color:#FFCA02; border-radius:0 3px 3px 0; }
		.slider-leaders-title strong { display:block; color:#FFCA02; font-weight:600; }
	
	.slider-leaders { float:right; width:75%; max-width:1040px; padding-right:20px; position:relative; }
		
		.slider-leaders .slick-list { height:100%; overflow:hidden; }
		.slider-leaders .slick-track { height:100%; }
		
		.slider-leaders-item { float:left; width:100%; padding-right:50px; position:relative; }
			.slider-leaders-item picture { float:left; width:100%; }
				.slider-leaders-item picture img { width:100%; max-width:120px; border-radius:8px; transition:all 0.4s; }
				.slider-leaders-item picture:hover img { border-radius:20px; }
			.slider-leaders-item strong { float:left; width:100%; margin:10px 0 -4px 0; font-weight:600; }
			.slider-leaders-item small { float:left; width:100%; font-size:11px; color:#66447B; }
			
		.slider-leaders .slick-prev { left:auto; right:0; margin-top:-70px; border-radius:8px; }
		.slider-leaders .slick-next { margin-top:-20px; border-radius:8px; }
		.slider-leaders .slick-prev:hover , .slider-leaders .slick-next:hover { background-color:#F5F5F5; }

/*	Finish SLIDER	*/

.mask , .mask-top { position:absolute; bottom:0; left:0; right:0; z-index:700; }
.mask-top { top:0; bottom:auto; }
	.mask > img , .mask-top > img { float:left; width:100%; }

/*	Start FOOTER	*/

.footer { float:left; width:100%; position:relative; }
	
	.lets-talk { float:left; width:100%; margin-bottom:140px; position:relative; }
		.lets-talk article { float:left; width:calc(50% - 30px); position:relative; font-family:Bebas; font-size:200px; line-height:100%; }
		.lets-talk section { float:right; width:calc(50% - 30px); position:relative; }
			.lets-talk section strong { float:left; width:100%; margin-top:68px; font-size:40px; font-weight:400; line-height:50px; }
			.lets-talk section small { float:left; width:100%; padding-right:10%; margin:28px 0 26px 0; font-size:18px; color:rgba(255,255,255,0.7); letter-spacing:0.5px; line-height:30px; }
			.lets-talk section a { float:left; position:relative; font-size:17px; font-weight:700; letter-spacing:1px; line-height:40px; }
				.lets-talk section a::after { content:""; float:right; width:40px; height:40px; margin-left:10px; background:#FFCA02 url(../images/arrow-right.png) no-repeat center / 16px auto; border-radius:50%; transform:rotate(-45deg); transition:all 0.2s; }
				.lets-talk section a:hover::after { margin-left:15px; transform:rotate(-180deg); }
	
	.footer-block-wrap { float:left; width:calc(100% + 60px); margin-left:-30px; position:relative; display:flex; flex-flow:row wrap; overflow:hidden; }
		.footer-block { float:left; width:25%; padding:0 30px; margin-bottom:30px; position:relative; }
			.footer-block-in { float:left; width:100%; box-shadow:inset 0 1px 0 rgba(255,255,255,0.1); }
		
			.footer-title { float:left; width:100%; padding:57px 0 13px 0; position:relative; font-size:20px; font-weight:700; line-height:30px; }
			
			.footer-content { float:left; width:100%; position:relative; color:rgba(255,255,255,0.7); letter-spacing:0.5px; line-height:30px; }
			.footer-content a { color:rgba(255,255,255,0.7); }
			.footer-content a:hover { color:#FFF; }
			.footer-social a { float:left; width:50%; }
		
	.copyright { float:right; width:100%; padding-top:80px; position:relative; z-index:10; color:rgba(255,255,255,0.7); }
		.copyright .left { float:left; }
		.copyright .right { float:right; }
	
.footer-fixed { position:fixed; left:0; right:0; bottom:0; background-color:#FFF; overflow:hidden; }
	
/*	Start CONTENT	*/

.connect-whatsapp { position:fixed; bottom:40px; right:40px; z-index:9999; }
	.connect-whatsapp a { float:right; width:48px; height:48px; border:2px solid #FFF; background:linear-gradient(45deg,#047737,#00C451 100%); border-radius:50%; position:relative; text-indent:-9999px; box-shadow:0 0 15px rgb(0 0 0 / 20%); }
	.connect-whatsapp a:hover { background:linear-gradient(45deg,#00C451,#047737 100%); }
		.connect-whatsapp a::before { content:""; position:absolute; top:0; left:0; bottom:0; right:0; background:url(../images/icon-whatsapp.png) no-repeat center / 50px; }

.hello-screen-wrap { float:left; width:100%; height:100vh; position:relative; color:#FFF; overflow:hidden; display:flex; align-items:center; }
	.hello-screen-wrap::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/lines.png) no-repeat center / 100% auto; opacity:; mix-blend-mode:hard-light; }
	
	.hello-hero { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index:10; object-fit:cover; opacity:0.5; }
	.hello-lines , .nav-video { opacity:0.1; }
	.hello-rainbow { opacity:0.15; filter:grayscale(100%); -webkit-filter:grayscale(100%); }
	.hello-project { opacity:0.2; }
	
	.hello-screen-in { width:100%; position:relative; z-index:100; mix-blend-mode:overlay; }
	
	.hello-screen { float:left; width:100%; padding:30px 0; position:relative; }
		
		.hello-screen-title { float:left; width:100%; position:relative; font-family:Bebas; font-size:200px; font-weight:700; letter-spacing:-3px; line-height:100%; }
			.hello-screen-title span { padding:20px 0; margin:-20px 0; display:block; font-weight:800; }
		
		.hello-screen-summary { float:left; width:50%; margin-top:30px; position:relative; font-size:38px; font-weight:500; line-height:60px; }
		
		.hello-screen-cats { float:left; width:100%; margin-top:60px; position:relative; z-index:100; }
			.hello-screen-cats ul { width:calc(100% + 40px); margin-left:-20px; display:flex; flex-flow:row wrap; }
				.hello-screen-cats li { width:20%; padding:0 20px; color:rgba(255,255,255,0.7); }
					.hello-screen-cats li section { float:left; width:100%; padding:34px 0; position:relative; border-top:2px solid #FFF; overflow:hidden; display:flex; align-items:center; transition:all 0.5s; }
					.hello-screen-cats li section:hover { border-bottom-color:#FFF; }
						
					.hello-screen-cats li picture { float:left; position:relative; overflow:hidden; }
						.hello-screen-cats li picture img { float:left; width:64px; height:64px; }
					.hello-screen-cats li span { flex:1; margin-left:30px; font-size:30px; font-family:Bebas; font-weight:700; line-height:100%; }

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.hello-video { position:absolute; bottom:0; left:calc(50% - 160px); width:320px; height:160px; background:url(../images/video-window.png) no-repeat center / 100%; z-index:1000; cursor:pointer; }

.hello-social { position:absolute; top:calc(50% - 100px); right:40px; z-index:3000; }
	.hello-social ul { width:50px; }
		.hello-social li { width:50px; }
			.hello-social li a , .hello-social li a img { float:left; width:100%; transition:all 0.3s; }
			.hello-social li a { border-radius:20%; }
			.hello-social li a:hover { border-radius:50%; background-color:rgba(255,255,255,0.2); }

.hello-video-showcase { float:left; width:100%; height:100vh; position:relative; z-index:10; object-fit:cover; }

.rotate-works , .rotate-affdirect { position:absolute; top:-100px; right:100px; width:200px; height:200px; background:url(../images/rotate-works.png) no-repeat center / 100%; z-index:1000; cursor:pointer; }
.rotate-affdirect { background-image:url(../images/icon-affdirect.png); }

.page-cta { float:left; width:100%; position:relative; text-align:center; overflow:hidden; z-index:1000; }
	.page-cta section { display:inline-block; position:relative; }
		.page-cta section::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/arrow-white-right.png) no-repeat center / auto 20px; transition:all 0.4s; }
		.page-cta section:hover::before { transform:scale(1.5,1.5); }
		.page-cta section a { float:left; width:200px; height:200px; position:relative; background:url(../images/cta-works.png) no-repeat center / 100%; text-indent:-9999px; }
		.page-cta-all section a { background-image:url(../images/cta-all.png); }

.rotating { animation:rotating 10s linear infinite; transition:all 0.75s; }
.rotating:hover { animation-play-state:paused; }

.title-xl , .title-large { float:left; width:100%; position:relative; z-index:30; font-size:140px; letter-spacing:-0.5px; line-height:100%; }
.title-large { font-weight:300; font-size:100px; }

.title-stats { color:transparent; position:relative; }
.title-stats::after { content:""; position:absolute; left:0; right:0; bottom:-10px; height:12px; background-color:#FFCA01; transform:skewY(-5deg); }
.title-stats em { position:absolute; top:0; left:0; right:0; color:#FFCA01; line-height:126%; text-align:center; }

.title-hero { float:left; width:100%; position:relative; z-index:30; font-size:70px; letter-spacing:-0.5px; line-height:80px; }
.title-medium { float:left; width:100%; position:relative; font-size:50px; font-weight:600; line-height:60px; z-index:30; }
.title-small { float:left; width:100%; position:relative; font-family:Bebas; font-size:20px; font-weight:700; color:rgba(255,255,255,0.7); letter-spacing:3px; line-height:30px; z-index:30; }
.title-small-project { margin-top:12px; font-size:23px; }
.title-small-project::after { content:""; position:absolute; left:0; bottom:-23px; width:50px; height:3px; background-image:linear-gradient(90deg,#FFF,rgba(255,255,255,0.0)); }

.cta-back { float:left; padding-left:40px; opacity:0.7; background:url(../images/arrow-white-left.png) no-repeat 0 center / 18px 14px; transition:all 0.3s; }
.cta-back:hover { padding-left:33px; opacity:1; color:#FFF; }

.page-flexed { float:left; width:100%; position:relative; display:flex; align-items:center; z-index:100; }
	.page-flexed-left { flex:1; padding-right:120px; }
	.page-flexed-right { float:right; margin-left:auto; }
		.page-flexed-right .page-flexed-right-text { width:100%; padding:0 40px; text-align:right; font-size:20px; line-height:30px; box-shadow:inset -2px 0 0 #FFF; }
		.page-flexed-right .link-all-bold a { float:right; }

.page-summary { float:left; width:100%; position:relative; font-size:50px; font-weight:300; line-height:70px; z-index:30; }
.page-summary-slim { width:90%; }
.page-summary-center { padding-left:10%; padding-right:10%; text-align:center; }

.page-text { float:left; width:100%; position:relative; font-size:30px; color:rgba(255,255,255,0.7); line-height:50px; z-index:20; }
.page-text-slim { width:80%; }
.page-text-small { font-size:20px; line-height:40px; }
	.page-text a , .page-text b , .page-text strong { display:inline-block; position:relative; color:#FFF; }
	.page-text a , .page-text b , .page-text strong::after { content:""; position:absolute; left:-5px; right:-5px; bottom:-2px; height:3px; background:url(../images/brush.png) no-repeat 0 0 / 100% 100%; }
	.page-text a { text-decoration:underline; }
	.page-text a:hover { text-decoration:none; }

.page-tags { float:left; width:100%; position:relative; z-index:100; }
	.page-tags ul { width:100%; }
		.page-tags li { margin:0 20px 20px 0; }
			.page-tags li strong { float:left; padding:14px 24px; border:1px solid #FFF; border-radius:25px; font-size:18px; font-weight:500; transition:all 0.4s; }

.static-text { float:left; width:100%; position:relative; font-size:18px; color:rgba(255,255,255,0.85); line-height:40px; z-index:20; }

.color-white { color:#FFF !important; }
.color-yellow { color:#FFCA02 !important; }
.color-grey { color:#999 !important; }
.color-black { color:#000 !important; }

.two-column { column-count:2; column-gap:80px; }

.button-cta { float:left; width:100%; margin-bottom:-20px; position:relative; }
	.button-cta a { float:left; padding:8px 28px; margin:0 20px 20px 0; position:relative; font-size:18px; font-weight:600; color:#BD79DF; display:flex; align-items:center; border:2px solid #BD79DF; border-radius:30px; transition:all 0.4s; }
	.button-cta a:hover { border-color:#140F1B; color:#140F1B; }
		.button-cta a img { float:left; height:40px; padding:8px 0; margin-right:15px; }
		.button-cta a small { float:left; white-space:nowrap; }

.inner-80 { margin:0 -80px; }
.inner-40 { margin:0 -40px; }
.inner-30 { margin:0 -30px; }
.inner-20 { margin:0 -20px; }
.inner-15 { margin:0 -15px; }
.inner-10 { margin:0 -10px; }
.inner-6 { margin:0 -6px; }
.inner-5 { margin:0 -5px; }
.inner-1 { margin:0 -1px; }

.top-150 { padding-top:150px; }
.top-100 { padding-top:100px; }
.top-50 { padding-top:50px; }
.bottom-150 { padding-bottom:150px; }
.bottom-100 { padding-bottom:100px; }
.bottom-50 { padding-bottom:50px; }

.block-lines { position:relative; }
.block-lines::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/lines.png) no-repeat center / 100% auto; opacity:0.5; }

.block-radial , .block-lights { position:relative; overflow:hidden; }
.block-radial::before , .block-lights::before { content:""; position:absolute; top:-200px; left:-40px; width:400px; height:400px; background:radial-gradient(closest-side,rgba(255,255,255,0.07),rgba(255,255,255,0.0)); transform:scale(3,3); }
.block-lights::before { background:url(../images/lights.png) no-repeat center / 100% auto; opacity:0.05; }

.block-gradient { float:left; width:100%; position:relative; background-image:linear-gradient(180deg,#F7F7F7,#FFF); }
.block-grey { background-color:#F9FAFE; }
.block-grey-top { position:relative; }
.block-grey-top::before { content:""; position:absolute; left:0; right:0; top:50%; bottom:0; background-color:#F9FAFE; }

.block-clients , .block-bottom-gradient { position:relative; }
.block-bottom-gradient::before { content:""; position:absolute; top:50%; bottom:0; left:0; right:0; background:linear-gradient(180deg,rgba(255,255,255,0.0),rgba(255,255,255,0.07)); border-radius:0 0 48px 48px; }

.block-flexed { float:left; width:100%; position:relative; display:flex; }
.align-center { align-items:center; }
	.flex-left , .flex-right { float:left; width:calc(50% - 80px); }
	.flex-right { float:right; margin-left:auto; }
		.flex-photo { float:left; width:100%; position:relative; text-align:center; }
			.flex-photo img { float:left; width:100%; border-radius:32px; }

.affdirect-services { float:left; width:100%; position:relative; }
	.affdirect-services ul { width:100%; }
		.affdirect-services li { width:100%; }
			.affdirect-services li a { float:left; padding:40px 460px 40px 0; position:relative; color:#999; transition:all 0.5s; }
			.affdirect-services li a:hover { color:#FFF; }
				.affdirect-services li a strong { display:block; position:relative; font-size:120px; font-family:Bebas; font-weight:400; line-height:100%; }
				.affdirect-services li a section { display:block; position:relative; font-size:18px; color:#999; line-height:30px; }
					.affdirect-services li a section small { float:left; }
					.affdirect-services li a section small::after { content:"/"; float:right; margin:0 15px; opacity:0.4; }
					.affdirect-services li a section small:last-child::after { display:none; }
					
				.affdirect-services li a picture { position:absolute; top:calc(50% - 90px); right:400px; width:0; height:160px; background-size:cover; background-repeat:no-repeat; background-position:center; border-radius:80px; transition:all 0.5s; }
				.affdirect-services li a:hover picture { right:0; width:400px; }
					.affdirect-services li a picture::after { content:""; position:absolute; bottom:0; right:40%; width:40px; height:40px; background-color:#FFCA02; border-radius:50%; opacity:0; transition:all 0.75s; }
					.affdirect-services li a:hover picture::after { right:0; opacity:1; }

.showcase-latest { float:left; width:100%; position:relative; }
	.showcase-latest ul { width:calc(100% + 40px); margin-left:-20px; }
		.showcase-latest li , .showcase-latest li:nth-child(4) { width:66.66666%; padding:0 20px; margin-bottom:40px; }
		.showcase-latest li:nth-child(2) , .showcase-latest li:nth-child(3) { width:33.33334%; }
		.showcase-latest li:last-child { width:100%; }

.showcase-latest-item { float:left; width:100%; position:relative; overflow:hidden; }
	
	.showcase-latest-item picture { float:left; width:100%; height:50vh; max-height:480px; min-height:360px; overflow:hidden; border-radius:16px; text-align:center; transition:all 0.5s; }
	.showcase-latest-item:hover picture { padding:25px; background-color:rgba(102,102,102,0.1); border-radius:32px; }
		.showcase-latest-item picture img { width:100%; height:100%; object-fit:cover; border-radius:16px; }
		
	.showcase-latest-item section { position:absolute; left:40px; right:30px; bottom:40px; z-index:100; }
		.showcase-latest-title { float:left; width:100%; font-size:30px; line-height:30px; }
		.showcase-latest-item small { float:left; height:25px; padding:0 12px; margin:10px 10px 0 0; border:1px solid #FFF; border-radius:13px; font-size:11px; font-weight:700; line-height:23px; transition:all 0.4s; }
		.showcase-latest-item:hover small { background-color:#FFF; color:#121212; }

.hero-clients { float:left; width:100%; position:relative; text-align:center; z-index:30; }
	.hero-clients ul { width:100%; display:flex; flex-flow:row wrap; }
		.hero-clients li { width:20%; padding:0 15px; margin:20px 0; }
			.hero-clients li section { float:left; width:100%; height:100%; border-radius:16px; transition:all 0.4s; display:flex; align-items:center; }
			.hero-clients li section:hover { background-color:rgba(255,255,255,0.1); backdrop-filter:blur(13px); -webkit-backdrop-filter:blur(13px); }
				.hero-clients li picture { float:left; width:100%; }
					.hero-clients li picture img { max-width:100%; max-height:140px; }

.hero-affdirect-picture { float:left; width:100%; padding:0 40px; position:relative; text-align:center; z-index:1000; }
	.hero-affdirect-picture img { width:100%; max-width:1520px; object-fit:size; filter:grayscale(100%); -webkit-filter:grayscale(100%); transition:all 0.5s; }
	.hero-affdirect-picture:hover img { filter:none; -webkit-filter:none; }

.hero-career { float:left; width:100%; position:relative; background-color:rgba(102,102,102,0.2); border-radius:32px; overflow:hidden; }
	.hero-career::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/circles.png) no-repeat center / 60% auto; opacity:0.4; }
	.hero-career-cta { float:left; width:100%; padding:100px 0; position:relative; text-align:center; z-index:20; }
		.hero-career-cta a { float:left; width:100%; padding:100px 0; position:relative; z-index:100; transition:all 0.4s; }
		.hero-career-cta a:hover { color:#FFCA02; }
			.hero-career-cta a::before { content:""; position:absolute; top:calc(50% - 200px); left:calc(50% - 200px); width:400px; height:400px; background-color:rgba(0,0,0,0.5); backdrop-filter:blur(13px); opacity:0; transition:all 0.5s; }
			.hero-career-cta a:hover::before { border-radius:50%; opacity:1; }
			.hero-career-cta a strong { position:relative; display:block; font-size:120px; line-height:100%; }
			.hero-career-cta a span { position:relative; display:block; margin:-4px 0 14px 0; font-size:54px; line-height:60px; }
			.hero-career-cta a small { position:relative; display:block; font-size:30px; line-height:100%; }

.blog-list { float:left; width:100%; margin-bottom:30px; position:relative; }
.blog-list ul { width:100%; border-bottom:1px solid rgba(255,255,255,0.1); }
.blog-list li { width:100%; }

.trackElement { position:relative; }
.imageTracker { position:absolute; display:none; pointer-events:none; width:160px; height:160px; margin-left:-80px; margin-top:-80px; text-align:center; border-radius:50%; overflow:hidden; transition:all 0.2s; transition-timing-function:ease; }
.imageTracker img { width:100%; height:100%; object-fit:cover; }

.blog-item { float:left; width:100%; padding:80px 0; position:relative; border-top:1px solid rgba(255,255,255,0.1); letter-spacing:0.5px; display:flex; align-items:center; transition:all 1s; z-index:10; mix-blend-mode:difference; }
.blog-item:hover { border-top-color:#FFF; }
	.blog-item section { float:left; width:15%; }
		.blog-item section small { float:left; padding:6px 19px; border:1px solid #FFF; border-radius:20px; font-size:14px; font-weight:700; transition:all 0.4s; }
		.blog-item:hover section small { background-color:#FFF; color:#121212; }
	.blog-item strong { padding:0 40px; flex:1; font-size:30px; font-weight:400; line-height:40px; }
	.blog-item i { float:left; width:15%; text-align:right; }

.page-info { float:left; width:100%; position:relative; z-index:100; display:flex; align-items:center; }
	
	.page-author { float:left; width:35%; display:flex; align-items:center; }
		.page-author picture { float:left; width:50px; height:50px; margin-right:25px; border-radius:50px; overflow:hidden; text-align:center; }
			.page-author picture img { width:100%; height:100%; object-fit:cover; filter:grayscale(100%); -webkit-filter:grayscale(100%); }
		.page-author section { flex:1; }
			.page-author section strong { display:block; margin-top:4px; }
			.page-author section small { display:block; font-size:14px; color:rgba(255,255,255,0.7); }
	
	.page-info-cat { float:left; width:35%; }
		.page-info-cat small { float:left; padding:14px 29px; border:1px solid #FFF; border-radius:25px; font-size:14px; font-weight:700; letter-spacing:1px; transition:all 0.4s; }
	
	.page-info-time { float:left; color:#CCC; }
	.page-info-date { flex:1; text-align:right; color:#CCC; }



.right-block { float:right; width:calc(100% - 480px); position:relative; }

.sidebar { float:left; width:400px; position:relative; }
	
	.sidebar-title { float:left; font-size:20px; font-weight:500; }
	
	.left-menu { float:left; width:100%; position:relative; }
		.left-menu > ul , .left-menu > ul > li { width:100%; }
				.left-menu > ul > li a { float:left; width:100%; padding:8px 0; position:relative; font-size:20px; line-height:24px; }
				.left-menu > ul > li a.small { padding:15px 15px 15px 20px; font-size:18px; }

.article-wrap { float:left; width:100%; position:relative; }
	
	.article-summary { float:left; width:100%; position:relative; }
		.article-summary .title-hero { margin-bottom:30px; font-weight:700; }
	
	.article-content { float:left; width:100%; margin-bottom:60px; position:relative; font-size:20px; line-height:200%; }
	.article-wrap .article-summary:last-child .article-content { margin-bottom:0; }
		.article-content a { font-weight:600; }
		.article-content a:hover { text-decoration:underline; }
		
		.article-content-image { float:left; width:100%; margin:30px 0; position:relative; }
			.article-content-image section { float:left; width:100%; display:flex; flex-flow:row wrap; }
				.article-content-image section picture { float:left; flex:1; flex-basis:50%; padding:1px; }
					.article-content-image section picture img { width:100%; border-radius:16px; }
					
		.article-content-photo { display:inline-block; width:100%; text-align:center; }
			.article-content-photo a { display:inline-block; position:relative; border-radius:16px; overflow:hidden; }
			.article-content-photo a::before { content:""; position:absolute; top:calc(50% - 24px); left:calc(50% - 24px); width:48px; height:48px; border:2px solid #FFF; border-radius:25%; background:#FFCA02 url(../images/icon-search.png) no-repeat center / 20px; transition:all 0.5s; opacity:0; z-index:10; }
			.article-content-photo a:hover::before { opacity:1; }
			.article-content-photo a::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#FFCA02; transition:all 0.3s; opacity:0; }
			.article-content-photo a:hover::after { opacity:0.15; }
			.article-content-photo img { max-width:100%; height:auto; border-radius:16px; }
		
		.article-content ul , .article-content ol { float:none; width:100%; padding-bottom:20px; display:inline-block; }
		.article-content ol { padding-left:30px; padding-bottom:20px; display:inline-block; }
			
			.article-content ul li { width:100%; padding-left:40px; margin-bottom:15px; position:relative; }
				.article-content ul li::before { content:""; position:absolute; top:15px; left:10px; width:10px; height:10px; background-color:#FFCA02; border-radius:50%; }
			
			.article-content ol li { width:100%; margin-bottom:15px; display:list-item; list-style:decimal; }
			.article-content ul li:last-child , .article-content ol li:last-child { margin-bottom:0; }
				.article-content ol li::marker { font-weight:600; }
		
		.article-content blockquote { display:inline-block; width:100%; padding:30px 40px; margin:20px 0; position:relative; background-color:rgba(255,255,255,0.1); border-radius:16px; font-size:30px; line-height:50px; }
			.article-content blockquote::before { content:""; float:left; width:100%; height:40px; margin-top:-45px; margin-bottom:10px; background:url(../images/icon-quote.png) no-repeat 0 0 / auto 100%; }
		
		.article-content-hyperlink { display:inline-block; width:100%; position:relative; }
			.article-content-hyperlink a { display:flex; width:100%; padding:16px 25px 16px 55px; margin-bottom:20px; position:relative; background:rgba(255,255,255,0.1) url(../images/icon-hyperlink.png) no-repeat 20px center / 20px; border-radius:16px; color:#FFCA02; line-height:24px; }
			.article-content-hyperlink a:last-child { margin-bottom:0; }
		
		.article-content-gallery { display:inline-block; width:calc(100% + 2px); margin:0 -1px; position:relative; overflow:hidden; }
			.article-content-gallery ul { width:100%; margin:-2px 0; display:flex; flex-flow:row wrap; }
				.article-content-gallery li { flex:1; flex-basis:50%; height:20vh; min-height:244px; padding:2px; }
					.article-content-gallery li img { width:100%; height:100%; object-position:center; object-fit:cover; border-radius:8px; }

.page-sidebar-share { float:left; width:100%; padding-top:40px; margin-top:50px; border-top:1px solid rgba(255,255,255,0.15); display:flex; align-items:center; }
	.page-sidebar-share small { float:left; font-size:20px; font-weight:500; }
	.page-sidebar-share ul { float:right; margin-left:auto; }
		.page-sidebar-share li { padding-right:15px; }
			.page-sidebar-share li:last-child { padding-right:0; }
				.page-sidebar-share li a { float:left; background-color:rgba(255,255,255,0.06); border-radius:50%; transition:all 0.25s; }
				.page-sidebar-share li a:hover { background-color:#FFCA02; }
					.page-sidebar-share li a img { float:left; height:40px; }




.parallax-photo { position:absolute; left:0; right:0; bottom:0; top:0; background:transparent; background-size:100% auto; border-radius:48px; }
.parallax-mirror { border-radius:48px; }
.parallax-photo::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-image:linear-gradient(90deg,#066,rgba(0,102,102,0.3)); opacity:0.85; }

.link-all { float:left; position:relative; text-align:center; z-index:100; }
	.link-all a { display:inline-block; padding-right:55px; position:relative; font-weight:600; letter-spacing:1px; line-height:40px; transition:all 0.3s; overflow:hidden; white-space:nowrap; }
		.link-all a::after { content:""; position:absolute; top:calc(50% - 20px); right:0; width:40px; height:40px; background:#FFCA02 url(../images/arrow-right.png) no-repeat center / 16px auto; border-radius:50%; transform:rotate(-45deg); transition:all 0.2s; }
		.link-all a:hover::after { transform:rotate(-180deg); }
	
	.link-all-bold a { float:left; padding:10px 60px 10px 30px; background-color:#FFCA02; color:#121212; text-align:left; border-radius:30px; }
	.link-all-bold a:hover { background-color:#FFF; }
		.link-all-bold a::after { right:10px; }

.link-all-fixed { position:fixed; bottom:20px; right:-300px; z-index:7990; opacity:0; transition:all 0.5s; }
.launch-project .link-all-fixed { right:20px; opacity:1; }
.link-all-fixed a { width:200px; padding-left:20px; line-height:50px; background-color:rgba(45,45,45,0.5); backdrop-filter:blur(13px); -webkit-backdrop-filter:blur(13px); font-size:13px; font-weight:700; border-radius:25px; box-shadow:0 0 20px rgba(255,255,255,0.25); }
.link-all-fixed a:hover { background-color:rgba(255,255,255,0.75); color:#121212; }
.link-all-fixed a::after { top:calc(50% - 16px); right:8px; width:32px; height:32px; background:#FFCA02 url(../images/arrow-right.png) no-repeat center / 16px auto; border-radius:50%; transform:rotate(-45deg); transition:all 0.2s; }

.grayscale { filter:grayscale(100%); -webkit-filter:grayscale(100%); }
.grayscale:hover { filter:none; -webkit-filter:none; }

.cta-block { float:left; width:100%; padding:80px 0; position:relative; background-image:linear-gradient(135deg,#FFCA02,#140F1B); color:#FFF; overflow:hidden; border-radius:32px; }
.cta-block-flex-center { display:flex; align-items:center; }
.block-dark { background-image:linear-gradient(135deg,#140F1B 20%,#838C9A); color:#FFF; }
.block-light { background-image:linear-gradient(135deg,#FFF,#F6F6FF); color:#151515; }
	.cta-block::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/bg-lines.html) no-repeat right center / 90% auto; opacity:0.15; mix-blend-mode:multiply; }
	.block-light::before { opacity:0.1; }
	.cta-block-content { float:left; padding-right:30px; position:relative; flex:1; }
	.cta-block-action { float:right; margin-left:auto; position:relative; }
.block-bordered { border:1px solid #C1A8EB; }

.slim { margin:0 !important; }

.breadcrumb { float:left; width:100%; padding:10px 0; position:relative; color:#000; line-height:40px; z-index:10; overflow:hidden; text-align:center; box-shadow:inset 0 -1px 0 rgba(0,0,0,0.05); }
	.breadcrumb section { display:inline-block; }
		.breadcrumb a { float:left; color:#999; }
		.breadcrumb a:hover { text-decoration:underline; }
		.breadcrumb i { float:left; margin:0 20px; opacity:0.4; }
		.breadcrumb strong { float:left; font-weight:600; }

.two-block { width:calc(50% - 60px); }
.two-block-full { width:50%; }

.col-33 { width:33%; }
.col-67 { width:67%; }

.show , .hide { float:left; width:100%; height:50px; margin-top:20px; text-align:center; position:relative; font-size:14px; font-weight:700; line-height:48px; }
	.show::before , .hide::before { content:""; position:absolute; top:calc(50% - 1px); left:0; right:0; height:2px; background-color:rgba(0,0,0,0.05); }
	.show::after { content:""; position:absolute; bottom:50px; left:0; right:0; height:100px; background-image:linear-gradient(0deg,#FBF9FE 30%,rgba(251,249,254, 0.0)); z-index:100; }
	.show span , .hide span { display:inline-block; padding:0 20px; background-color:#FBF9FE; position:relative; }
		.show a , .hide a { float:left; height:50px; padding:0 20px; transition:all 0.3s; border:1px solid #CFD2DA; border-radius:25px; color:#FFCA02; }
		.show a:hover , .hide a:hover { border-color:#FFCA02; background-color:#FFF; }
	
.hidden { display:none; }
.page-show-hide { height:760px; overflow:hidden; }
.page-show-hide.active { height:inherit; }

.promo-block { float:left; width:100%; position:relative; overflow:hidden; }
	.promo-block-photo { position:absolute; top:0; bottom:0; left:0; width:calc(50% - 80px); background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:0 12px 12px 0; }
	.promo-block-content { float:right; width:calc(50% - 80px); position:relative; }

.vh-100 { min-height:100vh; padding:100px 0; position:relative; display:flex; align-items:center; }

.relative { position:relative; }
.block-mask { position:relative; }
.block-mask::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-image:linear-gradient(180deg,rgba(12,12,12,0.0),#121212); z-index:11; }

.page-hero { float:left; width:100%; position:relative; }
.page-hero.top { padding-top:200px; }
.page-hero.bottom { padding-bottom:200px; }
.page-hero .hello-hero { opacity:0.1; filter:grayscale(100%); -webkit-filter:grayscale(100%); }

.block-top-in { margin-top:-60px; position:relative; z-index:1111; }

.page-photo-wide { float:left; width:100%; position:relative; z-index:100; }
	.page-photo-wide picture { float:left; width:100%; max-height:750px; position:relative; overflow:hidden; border-radius:48px; }
	.page-article-photo picture { max-height:640px; }
		.page-photo-wide picture img { width:100%; height:100%; object-fit:cover; }

.block-cta { float:left; width:100%; position:relative; }
	.block-cta ul { width:calc(100% + 60px); margin-left:-30px; display:flex; flex-flow:row wrap; }
		.block-cta li { flex:1; flex-basis:33.33334%; padding:0 30px; color:rgba(255,255,255,0.7); }
		.block-cta-wide li { flex-basis:100%; margin-bottom:30px; }
		.block-cta-wide li:last-child { margin-bottom:0; }
			.block-cta li a { float:left; width:100%; height:100%; padding:38px; position:relative; border:2px solid rgba(255,255,255,0.15); transition:all 0.5s; mix-blend-mode: difference; border-radius:16px; }
			.block-cta li a:hover { border-color:#FFCA02; border-radius:32px; }
				.block-cta li a strong { display:block; padding-bottom:20px; font-family:Bebas; font-weight:400; font-size:40px; letter-spacing:1px; line-height:100%; }
				.block-cta li a small { display:block; font-size:18px; color:rgba(255,255,255,0.7); line-height:30px; }

.blog-grid { float:left; width:100%; position:relative; }
	.blog-grid ul { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; }
		.blog-grid li { margin-bottom:150px; flex-basis:calc(33% - 50px); max-width:500px; }
			.blog-grid li a { float:left; width:100%; position:relative; }
				.blog-grid li a span { position:absolute; top:15px; left:15px; padding:6px 19px; border:1px solid #FFF; border-radius:20px; font-size:11px; font-weight:700; letter-spacing:1px; transition:all 0.4s; z-index:100; }
				.blog-grid li a picture { float:left; width:100%; position:relative; transition:all 1s; border-radius:24px; overflow:hidden; }
				.blog-grid li a:hover picture { padding:30px; border-radius:0; }
					.blog-grid li a picture > img { float:left; width:100%; transition:all 0.5s; }
					.blog-grid li a:hover picture > img { border-radius:16px; }
				.blog-grid li a small { float:left; width:100%; margin-top:25px; position:relative; color:rgba(255,255,255,0.7); font-size:14px; display:flex; align-items:center; }
					.blog-grid li a small em { float:left; width:32px; height:32px; margin-right:15px; border-radius:50px; overflow:hidden; text-align:center; }
						.blog-grid li a small em img { width:100%; height:100%; object-fit:cover; filter:grayscale(100%); -webkit-filter:grayscale(100%); }
					.blog-grid li a small i { float:left; padding-right:15px; margin-right:15px; border-right:1px solid rgba(255,255,255,0.2); }
					.blog-grid li a small i:last-child { padding-right:0; margin-right:0; border-right:0; }
				.blog-grid li a strong { float:left; width:100%; padding:15px 0; position:relative; font-size:30px; font-weight:600; line-height:40px; }
				.blog-grid li a section { float:left; position:relative; font-size:13px; font-weight:600; letter-spacing:2px; color:#999; line-height:40px; }
				.blog-grid li a:hover section { color:#FFF; }
					.blog-grid li a section::after { content:""; float:right; width:40px; height:40px; margin-left:15px; background:rgba(255,255,255,0.1) url(../images/arrow-white-right.png) no-repeat center / 16px auto; border-radius:50%; transform:rotate(-45deg); transition:all 0.2s; }
					.blog-grid li a:hover section::after { background-color:#FFCA02; background-image:url(../images/arrow-right.png); transform:rotate(-180deg); }

.affdirect-brands { float:left; width:100%; position:relative; text-align:center; z-index:30; }
	.affdirect-brands ul { width:100%; display:flex; flex-flow:row wrap; }
		.affdirect-brands li { width:20%; padding:0 15px; margin:30px 0; }
			.affdirect-brands li section { float:left; width:100%; height:100%; padding:5px 0; border-radius:16px; transition:all 0.4s; display:flex; align-items:center; }
			.affdirect-brands li section:hover { background-color:rgba(255,255,255,0.1); backdrop-filter:blur(13px); -webkit-backdrop-filter:blur(13px); }
				.affdirect-brands li picture { float:left; width:100%; }
					.affdirect-brands li picture img { max-width:100%; max-height:140px; }

/*	Start SERVICES	*/

.service-main { float:left; width:100%; margin-bottom:140px; position:relative; z-index:100; }
.service-main:last-child { margin-bottom:0; }
	.service-main-left { float:left; width:50%; padding-right:120px; position:relative; }
		.service-main-left::after { content:""; position:absolute; top:-60px; left:-60px; width:160px; height:160px; background:linear-gradient(180deg,#FFF,rgba(255,255,255,0.0)); border-radius:50%; transform:rotate(-45deg); transition:all 0.5s; mix-blend-mode:difference; z-index:1000; opacity:0.15; }
	.service-main-right { float:right; width:50%; }

.service-main-links { float:left; width:100%; position:relative; }
	.service-main-links ul { width:100%; border-top:1px solid rgba(255,255,255,0.1); counter-reset:item; }
		.service-main-links li { width:100%; position:relative; border-bottom:1px solid rgba(255,255,255,0.1); list-style:decimal inside; }
			.service-main-links li a { float:left; width:100%; padding:35px 0; position:relative; font-size:40px; font-family:Bebas; letter-spacing:1px; line-height:100%; transition:all 0.5s; display:flex; align-items:center; }
				.service-main-links li a::before { content:counter(item)""; counter-increment:item; width:50px; font-family:Bebas; font-weight:400; font-size:20px; line-height:100%; color:#999; }
				.service-main-links li a::after { content:""; position:absolute; top:calc(50% - 20px); right:0; width:40px; height:40px; background:rgba(255,255,255,0.06) url(../images/arrow-white-right.png) no-repeat center / 16px auto; border-radius:50%; transform:rotate(-45deg); transition:all 0.5s; }
				.service-main-links li a:hover::after { opacity:0; right:10%; }
				.service-main-links li a section { flex:1; padding-right:50px; }

/*	Start PORTFOLIO	*/

.affdirect-projects { float:left; width:100%; position:relative; }
	.affdirect-projects ul { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; }
		.affdirect-projects li { margin-bottom:150px; flex-basis:calc(50% - 80px); max-width:700px; }
		.affdirect-projects li:nth-child(even) { margin:150px 0 -150px 0; }

.project-item { float:left; width:100%; position:relative; }
	
	.project-item-photo { float:left; width:100%; position:relative; overflow:hidden; border-radius:32px; transition:all 1s; }
	.project-item:hover .project-item-photo { padding:30px; border-radius:16px; }
		.project-item-photo img { width:100%; height:100%; object-fit:cover; transition:all 0.5s; }
		.project-item:hover .project-item-photo img { border-radius:16px; }
	
	.project-item-photo .imageTracker , .block-cta .imageTracker , .blog-grid .imageTracker , .service-main-links .imageTracker , .job-list .imageTracker , .showcase-latest .imageTracker { width:120px; height:120px; margin-left:-60px; margin-top:-60px; mix-blend-mode:difference; }
	
	.project-item-name { float:left; width:100%; position:relative; z-index:100; }
		.project-item-title { float:left; width:100%; margin:30px 0 20px 0; font-size:40px; font-weight:600; line-height:100%; }
		.project-item-name small { float:left; height:25px; padding:0 12px; margin:10px 10px 0 0; border:1px solid #FFF; border-radius:13px; font-size:11px; font-weight:700; line-height:23px; transition:all 0.4s; }
		.project-item:hover .project-item-name small { background-color:#FFF; color:#121212; }


.project-hero { float:left; width:100%; position:relative; z-index:100; }
	.project-hero picture { float:left; width:100%; position:relative; overflow:hidden; border-radius:48px; }
		.project-hero picture img { width:100%; height:100%; object-fit:cover; }

.project-section { float:left; width:100%; padding:240px 0 140px 0; position:relative; z-index:1000; }
	.project-section-left { float:left; width:calc(50% - 120px); }
	.project-section-right { float:right; width:50%; }

.slider-ux-wrap { float:left; width:100%; position:relative; overflow:hidden; }
		
	.slider-ux { float:left; width:100%; max-width:1340px; padding-bottom:80px; position:relative; text-align:center; }
		.slider-ux-item { float:left; width:100%; padding-right:60px; position:relative; cursor:grab; }
			.slider-ux-item img { float:left; width:100%; padding:5px; background-color:#FFF; border-radius:24px; opacity:0.5; transition:all 0.5s; }
			.slider-ux-item.slick-active img { opacity:1; }
	
	.slider-ux .slick-prev , .slider-ux .slick-next { top:auto; bottom:0; background-color:rgba(255,255,255,0.1); }
	.slider-ux .slick-prev { background-image: url(../images/arrow-white-left.png); }
	.slider-ux .slick-next { right:auto; left:70px; background-image: url(../images/arrow-white-right.png); }
	.slider-ux .slick-prev:hover , .slider-ux .slick-next:hover { opacity:0.5; }

.project-typography-coloz { float:left; width:100%; position:relative; z-index:100; }
	.project-typography , .project-coloz { float:left; width:calc(50% - 25px); }
	.project-coloz { float:right; }
		.project-typography picture , .project-coloz picture { float:left; width:100%; position:relative; overflow:hidden; border-radius:48px; }
			.project-typography picture img , .project-coloz picture img { float:left; width:100%; }

.project-production-video { float:left; width:100%; position:relative; z-index:20; object-fit:cover; border-radius:48px; overflow:hidden; }

.project-social-media { float:left; width:100%; position:relative; z-index:20; }
	.project-social-media picture { float:left; width:100%; position:relative; }
		.project-social-media picture img { width:100%; height:100%; object-fit:cover; }

.slider-mobile-screens-out { float:left; width:100%; position:relative; overflow:hidden; text-align:center; z-index:1000; }
	.slider-mobile-screens-wrap { margin:0 auto; width:100%; max-width:440px; position:relative; }
		.slider-mobile-screens { float:left; width:100%; padding-bottom:80px; position:relative; }
			.slider-mobile-screens-item { float:left; width:100%; padding:0 20px; position:relative; cursor:grab; }
				
				.slider-mobile-screens-item picture { float:left; width:100%; padding:19px; position:relative; border:1px solid rgba(255,255,255,0.1); transform:scale(0.9,0.9); transition:all 1s; border-radius:32px; overflow:hidden; }
				.slider-mobile-screens-item.slick-active picture { opacity:1; transform:scale(1,1); border-color:rgba(255,255,255,0.75); }
					.slider-mobile-screens-item picture img { width:100%; border-radius:16px; }
	
	.slider-mobile-screens .slick-prev { left:calc(50% - 270px); }
	.slider-mobile-screens .slick-next { right:calc(50% - 270px); }

.project-digital-marketing { float:left; width:100%; position:relative; }
	.project-digital-marketing ul { width:calc(100% + 60px); margin-left:-30px; display:flex; flex-flow:row wrap; }
		.project-digital-marketing li { flex:1; flex-basis:33.33334%; padding:0 30px; margin-bottom:60px; }
			.project-digital-marketing li img { float:left; width:100%; border-radius:32px; }

.project-dm-overall { float:left; width:100%; padding:7%; position:relative; background-color:rgba(102,102,102,0.2); border-radius:32px; }

.project-navigation { float:left; width:100%; position:relative; }
	.project-navigation ul { width:100%; position:relative; display:flex; flex-flow:row wrap; }
		.project-navigation ul::after { content:""; position:absolute; top:0; bottom:0; left:calc(50% - 1px); width:2px; background-color:#FFF; opacity:0.06; }
		.project-navigation li { width:calc(50% - 30px); }
		.project-navigation li:last-child { float:right; margin-left:auto; }
			.project-navigation li a { float:left; width:100%; height:100%; padding:100px 80px; position:relative; overflow:hidden; border-radius:32px; }
			.project-navigation li a:hover { color:#FFF; }
				
				.project-navigation li a::before { content:""; position:absolute; top:0; bottom:100%; right:0; left:0; background-color:#FFCA02; opacity:0; transition:all 0.5s; z-index:1; mix-blend-mode:overlay; }
				.project-navigation li a:hover::before { bottom:0; opacity:0.75; }
				
				.project-navigation li a picture { position:absolute; top:0; left:0; bottom:0; right:0; background-size:cover; background-position:center; transition:all 1.2s; opacity:0; transform-origin:center; }
				.project-navigation li a:hover picture { opacity:1; transform:scale(1.1, 1.1); }
				.project-navigation li a section { float:left; height:50px; padding-left:65px; position:relative; letter-spacing:1px; font-weight:700; line-height:50px; border-radius:25px; transition:all 0.3s; z-index:10; }
				.project-navigation li a:hover section { letter-spacing:2px; }
					.project-navigation li a section::before { content:""; position:absolute; top:0; left:0; width:50px; height:50px; background-color:rgba(255,255,255,0.5); border-radius:25px; transition:all 0.3s; }
					.project-navigation li a:hover section::before { background-color:#FFF; }
					.project-navigation li a section:hover::before { background-color:#FC0; opacity:1; }
					.project-navigation li a section::after { content:""; position:absolute; top:0; bottom:0; left:0; width:50px; background:url(../images/arrow-left.png) no-repeat right center / auto 14px; transition:all 0.3s; }
					.project-navigation li a:hover section::after { background-position:center !important; }
				
				.project-navigation li a strong { float:left; width:100%; margin:47px 0 -7px 0; position:relative; font-weight:500; font-size:30px; line-height:30px; z-index:10; }
		
		.project-navigation li:last-child { text-align:right; }
			.project-navigation li:last-child a section { float:right; padding-left:0; padding-right:65px; }
				.project-navigation li:last-child a section::before { left:auto; right:0; }
				.project-navigation li:last-child a section::after { left:auto; right:0; background-image:url(../images/arrow-right.png); background-position:0 center; }


/*	Start CAREER	*/


.job-list { margin-bottom:0; }
.job-list .blog-item { padding:50px 0; }
.job-list .blog-item strong { font-size:43px; font-family:Bebas; line-height:50px; }


/*	Start PROCESS	*/

.process-wrap { float:left; width:100%; position:relative; z-index:100; }

.process-step { float:left; width:100%; margin:80px 0; position:relative; }

.process-step-count { float:left; width:100%; position:relative; z-index:200; mix-blend-mode:overlay; }
	.process-step-count small { float:left; margin-bottom:-100px; position:relative; font-size:300px; font-family:Bebas; color:#FFCA01; line-height:100%; }
		.process-step-count small::after { content:""; position:absolute; left:-10px; right:-10px; bottom:-10px; height:20px; background-color:#FFCA01; transform:skewY(-7deg); }
	.process-step-count strong { float:left; margin-left:100px; font-size:60px; font-weight:800; line-height:200px; }

.process-step-photo { float:left; width:100%; position:relative; z-index:100; }
	.process-step-photo picture { float:left; width:100%; max-height:480px; position:relative; overflow:hidden; border-radius:0 48px 48px 0; }
		.process-step-photo picture img { width:100%; height:100%; object-fit:cover; }

.process-step-summary { float:left; width:100%; padding-top:65px; position:relative; z-index:100; }
	.process-step-summary .page-text { width:60%; }

.process-wrap .process-step:nth-child(even) { text-align:right; }
.process-wrap .process-step:nth-child(even) .page-text { float:right; }
.process-wrap .process-step:nth-child(even) .wrap-left { float:right; }
.process-wrap .process-step:nth-child(even) .process-step-count small { float:right; }
.process-wrap .process-step:nth-child(even) .process-step-count strong { float:right; margin-left:0; margin-right:100px; }
.process-wrap .process-step:nth-child(even) .process-step-photo picture { border-radius:48px 0 0 48px; }

/*	Start GALLERY	*/

.simple-list { float:left; width:100%; }
	.simple-list ul { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; }
		.simple-list li { flex-basis:calc(50% - 60px); padding-left:40px; margin-bottom:40px; position:relative; }
			.simple-list li::before { content:""; position:absolute; top:19px; left:0; width:12px; height:12px; background-color:#FFCA02; border-radius:50%; }
		
.gallery { float:left; width:100%; position:relative; overflow:hidden; }
	.gallery ul { width:100%; }
		.gallery li { width:25%; padding:0 1px 2px 1px; position:relative; }
		.news-gallery li { width:33.33334%; }
			.gallery li a { float:left; width:100%; position:relative; overflow:hidden; color:#FFF; border-radius:8px; }
				.gallery li a::before { 
					content:""; 
					position:absolute; 
					top:calc(50% - 20px);
					left:calc(50% - 20px);
					width:38px;
					height:38px;
					border:1px solid #FFF;
					background:url(../images/icon-zoom.png) no-repeat center / 20px;
					transition:all 0.3s;
					border-radius:50%;
					z-index:10;
					opacity:0.5;
					}
				.gallery li a:hover::before { opacity:1; }
				.gallery li a section { float:left; width:100%; position:relative; overflow:hidden; }
					.gallery li a span { float:left; width:100%; background-size:cover; background-position:center; transform-origin:center bottom; transition:all 1s; }
					.gallery li a:hover span { transform:scale(1.09, 1.09); }
						.gallery li a span img { float:left; width:100%; }	

/*	Start CONTACT	*/
	
.accordion { float:left; width:100%; position:relative; }

	.accordion-item { float:left; width:100%; margin-bottom:15px; border:1px solid #F2E5F9; border-radius:12px; }
	.accordion .accordion-item:last-child { margin-bottom:0; }
	
	.accordion-section-title { float:left; width:100%; padding:30px; position:relative; font-size:18px; font-weight:600; color:#66447B; z-index:10; }
	.accordion-section-title:hover , .accordion-section-title.active { color:#140F1B !important; }
		.accordion-section-title::after { content:""; position:absolute; top:0; bottom:0; right:20px; width:14px; background:url(../images/arrow-down.png) no-repeat center / 100% auto; transition:all 0.3s; }
		.accordion-section-title.active::after { transform:rotate(180deg); }
		.accordion-section-title section { float:left; }

	.accordion-section-content { float:left; width:100%; padding:0 30px 25px 30px; position:relative; display:none; }
		.accordion-section-text { float:left; width:100%; font-size:16px; line-height:30px; }
	
	.accordion-slim .accordion-item { border-color:#FFCA02; }
	.accordion-slim .accordion-section-title { padding:19px 24px; font-size:14px; letter-spacing:1px; }
	.accordion-slim .accordion-section-title::after { right:15px; }
	.accordion-slim .accordion-section-content { padding:24px 24px; box-shadow:inset 0 1px 0 #FFCA02; }
	
.contact-cta { float:left; width:100%; margin-bottom:20px; position:relative; z-index:1000; }
	.contact-cta section { float:left; margin-right:80px; }
	.contact-cta section:last-child { margin:0; }
		.contact-cta section small { display:inline-block; padding:0 10px; margin-bottom:10px; font-weight:700; font-size:11px; letter-spacing:2px; line-height:25px; background-color:rgba(255,255,255,0.2); border-radius:4px; }
		.contact-cta section a { display:block; font-size:40px; font-weight:600; color:#FFCA02; line-height:100%; transition:all 0.4s; }
		.contact-cta section a:hover { color:#FFF; }

.contact-info { float:right; width:30%; position:relative; z-index:1000; }

.contact-form { float:left; width:70%; padding-right:120px; position:relative; z-index:1000; }
.get-offer-form { width:100%; max-width:1200px; padding-right:0 !important; }

	.contact-form .title-hero { margin-bottom:5px; }
	
	.form-item { float:left; width:50%; padding:0 15px; margin-bottom:30px; position:relative; }
	.form-item-text { float:left; width:100%; margin-top:-10px; color:#666; }
	.form-item:last-child { margin-bottom:0; }
		.form-item label { float:left; width:100%; }
		.form-item section { float:left; width:100%; font-size:16px; font-weight:600; margin-bottom:-10px; }
		.form-item i { float:left; width:100%; font-weight:500; margin:-10px 0 5px 0; }
		
		.security-code img { float:left; width:120px; height:50px; margin-right:10px; padding:3px; border:1px solid #999; background-color:#FFF; border-radius:6px; box-shadow:5px 5px 0 rgba(0,0,0,0.03); }
		.security-code a.refresh { float:left; width:50px; height:50px; text-indent:-9999px; background:#FFF url(../images/refresh.png) no-repeat center center / 24px; border:1px solid #999; border-radius:6px; box-shadow:5px 5px 0 rgba(0,0,0,0.03); }
		.security-code a:hover.refresh { background-color:#EEE; }
	
	.contact-form .form-item label { float:left; width:100%; margin-bottom:15px; font-size:16px; display:flex; align-items:center; }
	.contact-form .form-item label:last-child { margin-bottom:0; }
		.contact-form .form-item label a { font-weight:600; text-decoration:underline; }

.form-item-title { float:left; width:100%; padding:30px 15px 25px 15px; position:relative; font-weight:600; font-size:24px; line-height:25px; }

.project-type { float:left; width:100%; position:relative; text-align:center; }
	.project-type ul { width:100%; margin-bottom:-20px; display:flex; flex-flow:row wrap; }
		.project-type li { padding:0 15px; margin-bottom:20px; flex:1; flex-basis:25%; }
			.project-type li article { float:left; width:100%; height:100%; padding:20px 10px; position:relative; transition:all 0.3s; border-bottom:2px solid rgba(255,255,255,0.2); cursor:pointer; overflow:hidden; }
			.project-type li article:hover { border-color:#FFF; }
			.project-type li article.selected { border-color:#FFF; background-color:#FFCA02; color:#FFF; }
				
				.project-type li article::before {
					content:"";
					width:60px;
					height:60px;
					position:absolute;
					right:-65px;
					top:-65px;
					z-index:4;
					transform:rotate(45deg);
					color:#FFF;
					font-weight:600;
					font-size:10px;
					line-height:17px;
					text-align:center;
					background-color:#121212;
					transition:all 0.3s;
				}
				.project-type li article.selected::before { right:-30px; top:-30px; }
				
				.project-type li article::after { content:""; width:24px; height:24px; position:absolute; right:0; top:0; z-index:5; background:url(../images/icon-check-2.png) no-repeat center / 12px auto; opacity:0; transition:all 0.3s; }
				.project-type li article.selected::after { opacity:1; }
				
				.pt-item { display:inline-block; position:relative; }
					.pt-item em { display:flex; align-items:center; }
				
				.project-type li article picture { display:inline-block; width:32px; height:32px; margin-right:10px; overflow:hidden; }
					.project-type li article picture img { width:100%; height:100%; object-fit:cover; opacity:0.5; transition:all 0.3s; }
					.project-type li article:hover picture img { opacity:1; }
					.project-type li article.selected picture img { filter:none; -webkit-filter:none; opacity:1; }
					.project-type li article small { flex:1; font-family:Bebas; font-size:17px; font-weight:700; letter-spacing:1px; }

.upload { float:left; width:100%; height:60px; position:relative; text-align:center; }
	.upload section { float:left; height:60px; padding:0 30px; line-height:60px; border-bottom:2px solid #F6F6FE; font-family:Bebas; font-size:20px; letter-spacing:2px; transition:all 0.3s; }
	.fancy-form .upload section { height:50px; padding:0 30px; line-height:50px; font-size:17px; }
	.upload:hover section { border-color:#FFCA02; color:#FFCA02; }
		.upload section::after { content:""; position:absolute; top:0; bottom:0; right:0; width:60px; background:url(../images/icon-clip.png) no-repeat center / 20px; }
		.upload:hover section::after { opacity:1; }
	.upload input { display:block !important; width:100% !important; height:100% !important; opacity:0 !important; overflow:hidden !important; position:absolute; left:0; top:0; z-index:3; cursor:pointer; }

.contact-social { float:left; width:100%; position:relative; }
	.contact-social li { margin-right:20px; }
		.contact-social li a { float:left; border:1px solid #FFCA02; border-radius:25%; }
		.contact-social li a:hover { border-color:#BD79DF; }
			.contact-social li a img { float:left; height:50px; margin:-1px; }

.contact-map-wrap { float:left; width:100%; position:relative; background-color:rgba(255,255,255,0.1); border-radius:32px; overflow:hidden; }
.contact-map { float:left; width:100%; height:600px; position:relative; border-radius:32px; overflow:hidden; filter:grayscale(100%); -webkit-filter:grayscale(100%); }

.request-form { display:none; float:left; width:100%; max-width:800px; }
	.request-form .contact-form { width:100%; margin-top:-10px; }

/*	Start LIGHTBOX	*/

.fancybox-slide--iframe .fancybox-content { width:800px; min-height:300px; max-width:80%; max-height:80%; margin:0; }

.my-fancy { display:none; padding:25px !important; border-radius:16px; }
	
	.my-fancy-wrap , .my-fancy-filter-wrap { width:100%; max-width:960px; max-height:720px; overflow:hidden; overflow-y:auto; }
	.my-fancy-filter-wrap { max-width:600px; min-width:600px; max-height:300px; }
		.my-fancy-wrap::-webkit-scrollbar { width:5px; }
		.my-fancy-wrap::-webkit-scrollbar-track { background:#EEEEEE; }
		.my-fancy-wrap::-webkit-scrollbar-thumb { background-color:#555; }
		.my-fancy-wrap { scrollbar-color:#FFF #EEEEEE; scrollbar-width:thin; }

.fancy-title { float:left; width:100%; padding:0 20px; margin-bottom:15px; position:relative; }
	.fancy-title::before { content:""; position:absolute; top:9px; left:0; width:50px; height:2px; background-color:#CEC9C8; }
	.fancy-title strong { float:left; padding:0 15px; position:relative; font-weight:600; font-size:16px; color:#FFCA02; background-color:#FFF; }

.fancy-content { float:left; width:100%; position:relative; }

.fancy-form { float:left; width:100%; }
	.fancy-form .item { float:left; width:50%; padding:0 10px; margin-bottom:20px; }
	.fancy-form .item:last-child { margin-bottom:0; }
	.fancy-form .item-2 { width:calc(50% - 10px); }
		.fancy-form .item-2 label { float:left; width:100%; padding:9px; border:1px solid #999; border-radius:16px; font-weight:600; }
		.fancy-form .item a { font-weight:600; text-decoration:underline; }

/*	Start PAGINATION	*/
	
.pages { float:left; width:100%; position:relative; font-weight:600; font-size:16px; line-height:50px; text-align:center; }
	
	.page-prev , .page-next { position:absolute; top:0; left:0; }
	.page-next { left:auto; right:0; }
	.page-prev a , .page-next a { float:left; width:50px; height:50px; background:#F6F6F6 url(../images/arrow-left.png) no-repeat center / 20px auto; border-radius:8px; transition:all 0.3s; }
		.page-next a { background-image:url(../images/arrow-right.png); }
		.page-prev a:hover , .page-next a:hover { background-color:#EEE; }
	
	.pages ul { width:100%; }
		.pages li { float:none; display:inline-block; padding:0 5px; }
			.pages li a { float:left; width:50px; height:50px; color:#66447B; transition:all 0.3s; border-radius:8px; }
			.pages li a:hover , .pages li a.current { background-color:#F6F6F6; }
			.pages li a.current { background-color:#FFCA02; color:#FFF; }
			.pages li span { float:left; width:50px; color:#66447B; }
				
.cookies-wrap { position:fixed; right:25px; bottom:25px; width:480px; z-index:7950; line-height:25px; color:#FFF; display:non; }
	.cookies { float:left; width:100%; padding:30px; position:relative; background-color:rgba(45,45,45,0.85); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border-radius:16px; box-shadow:0 0 40px rgba(255,255,255,0.15); }
		/* .cookies::before { content:""; position:absolute; top:-20px; right:30px; left:25px; height:60px; background:url(../images/icon-cookies.png) no-repeat 0 top / auto 100%; } */
		.cookies h5 { float:left; width:100%; margin:-4px 0 12px 0; position:relative; font-size:20px; font-weight:600; }
		.cookies section { float:left; width:100%; position:relative; font-size:14px; letter-spacing:0.5px; }
		
		.cookies-ok { float:left; width:100%; margin-top:17px; font-size:14px; letter-spacing:1px; line-height:40px; }
			.cookies-ok a { float:left; margin-left:20px; color:#FFF; text-decoration:underline; }
			.cookies-ok a:hover { text-decoration:none; }
			.cookies-ok i { float:left; padding:0 20px; background-color:#FFCA02; font-weight:700; color:#000; border-radius:20px; cursor:pointer; transition:all 0.3s; }
			.cookies-ok i:hover { background-color:#FFF; border-radius:8px; }
		
		.cookies-close { position:absolute; top:-16px; right:30px; width:32px; height:32px; }
			.cookies-close span { float:left; width:100%; height:100%; position:relative; border-radius:50%; text-indent:-9999px; background:#FFCA02 url(../images/icon-close.png) no-repeat center / 12px; cursor:pointer; transition:all 0.3s; }
			.cookies-close span:hover { border-radius:20%; background-color:#FFF; background-image:url(../images/icon-close-2.png) }

.scroll-down { position:absolute; left:50%; bottom:0; width:200px; margin-left:-100px; z-index:1000; cursor:pointer; text-align:center; font-size:13px; font-weight:600; color:#666; letter-spacing:2px; line-height:60px; }
	.scroll-down::after { content:""; position:absolute; left:50%; top:-15px; width:2px; height:30px; margin-left:-1px; background-color:#A3C1C1; }
	.scroll-down:hover::after { background-color:#FFF; }

.tab { float:left; width:100%; margin-bottom:30px; position:relative; box-shadow:inset 0 -1px 0 #BD79DF; }
	.tab ul { width:100%; position:relative; }
		.tab li { margin-right:5px; }
			.tab li a { float:left; height:45px; padding:0 25px; position:relative; font-weight:700; color:#BD79DF; letter-spacing:1px; line-height:45px; transition:all 0.3s; border-radius:12px 12px 0 0; overflow:hidden; }
			.tab li a:hover { color:#000; }
			.tab li a.tab-active { color:#000; background-color:#FFF; border:1px solid #BD79DF; border-bottom:0; }
				.tab li a::before { content:""; position:absolute; top:0; left:0; bottom:0; right:0; background-image:linear-gradient(180deg,#BD79DF,rgba(111,41,211,0.6)); opacity:0.2; transition:all 0.3s; z-index:-1; }
				.tab li a.tab-active::before { display:none; }



@media only screen and (max-width:1680px) {

.wrap { float:left; width:100%; padding:0 40px; }

.wrap-right { width:100% !important; padding-left:40px !important; }
.wrap-left { padding-left:0 !important; padding-right:40px !important; }

.title-xl { font-size:120px; }
.hero-career-cta , .hero-career-cta a { padding:60px 0; }
.affdirect-services li a strong { font-size:100px; }

.slider-ux-item { padding-right:40px; }

}



@media only screen and (max-width:1520px) {

.top-150 { padding-top:100px; }
.top-100 { padding-top:75px; }
.top-50 { padding-top:35px; }
.bottom-150 { padding-bottom:100px; }
.bottom-100 { padding-bottom:75px; }
.bottom-50 { padding-bottom:35px; }

#nav li { margin:20px 0; margin-right:70px; }
#nav li > a { font-size:80px; }

.hello-screen-title { font-size:150px; }
.hello-screen-title span { margin:-10px 0; }
.hello-screen-summary { margin-top:20px; font-size:30px; line-height:50px; }

.block-mask .title-small { margin-top:50px; }

.title-hero { font-size:50px; line-height:70px; }

}


@media only screen and (max-width:1440px) {

.hello-video { left:calc(50% - 120px); width:240px; height:120px; }

.title-xl { font-size:100px; }
.title-large { font-size:70px; }

.lets-talk { margin-bottom:100px; }
.lets-talk article { font-size:160px; }
.lets-talk section strong { margin-top:48px; }

.process-step { margin:40px 0; }
.process-step-count small { font-size:160px; }
.process-step-count small::after { height:10px; }
.process-step-count strong { margin-left:50px; font-size:40px; line-height:120px; }
.process-wrap .process-step:nth-child(even) .process-step-count strong { margin-right:50px; }
.process-step-summary .page-text { width:75%; }

.affdirect-projects li { margin-bottom:80px; flex-basis:calc(50% - 40px); }
.affdirect-projects li:nth-child(even) { margin:80px 0 -80px 0; }

.project-section { padding:120px 0 80px 0; }

}



@media only screen and (max-width:1280px) {

.hello-screen-title { font-size:120px; }
.hello-screen-summary { font-size:24px; line-height:40px; }
.page-summary , .title-hero { font-size:40px; line-height:60px; }
.page-summary-slim { width:100%; }

.affdirect-services li a strong { font-size:80px; }
.affdirect-services li a section { font-size:16px; }
.affdirect-services li a { padding:30px 340px 30px 0; }
.affdirect-services li a picture { right:300px; }
.affdirect-services li a:hover picture { width:300px; }

.rotate-works , .rotate-affdirect { right:40px; top:-70px; width:140px; height:140px; }
.page-cta section a { width:140px; height:140px; }

.footer-block-wrap , .block-cta ul { width:calc(100% + 40px); margin-left:-20px; }
.footer-block , .block-cta li { padding:0 20px; }

.blog-item { padding:50px 0; }
.page-summary-center { padding-left:20px; padding-right:20px; }

.showcase-latest-item section { left:30px; right:20px; bottom:30px; }

.block-radial::before , .block-lights::before { transform:scale(2,2); }

.page-text { font-size:20px; line-height:40px; }

.block-cta li a { padding:28px; }

.block-top-in { margin-top:-40px; }
.page-photo-wide picture , .contact-map-wrap , .contact-map , .project-hero picture , .project-typography picture , .project-coloz picture , .project-production-video { border-radius:24px; }

.process-step-photo picture { border-radius:0 24px 24px 0; }
.process-wrap .process-step:nth-child(even) .process-step-photo picture { border-radius:24px 0 0 24px; }

.flex-left , .flex-right { width:calc(50% - 40px); }

.stats li small , .stats li strong { font-size:80px; }

.service-main-left , .page-flexed-left , .contact-form { padding-right:50px; }
.service-main-links li a { padding:30px 0; font-size:30px; }

.affdirect-brands li { width:25%; }

.blog-grid li { margin-bottom:100px; flex-basis:calc(33% - 30px); }
.blog-grid li a strong { font-size:24px; line-height:30px; }

.right-block { width:calc(100% - 360px); }
.article-content blockquote { padding:20px 30px; font-size:24px; line-height:40px; }

.sidebar { width:300px; }
.left-menu > ul > li a { font-size:16px; }

.contact-map { height:480px; }

.contact-cta section { margin-right:40px; }
.project-type li article picture { width:24px; height:24px; margin-right:8px; }

.simple-list li { flex-basis:calc(50% - 20px); padding-left:30px; margin-bottom:30px; }
.simple-list li::before { top:14px; }

.project-navigation li a { padding:80px 60px; border-radius:16px; }

.project-section-left { width:calc(50% - 50px); }

.project-dm-overall { padding:40px; }
.title-stats::after { bottom:-5px; height:8px; }

.project-digital-marketing ul { width:calc(100% + 40px); margin-left:-20px; }
.project-digital-marketing li { flex-basis:50%; padding:0 20px; margin-bottom:40px; }

.hello-screen-cats ul { width:calc(100% + 20px); margin-left:-10px; }
.hello-screen-cats li { padding:0 10px; }
.hello-screen-cats li section { padding:24px 0; }
.hello-screen-cats li picture img { width:48px; height:48px; }
.hello-screen-cats li span { margin-left:20px; font-size:20px; line-height:120%; }

}



@media only screen and (max-width:1023px) {

.outer , .wrap , .wrap-slim { padding:0 30px; }
.wrap-right { padding-left:30px !important; }
.wrap-left { padding-left:0 !important; padding-right:30px !important; }

.header { padding:0; }
.header-flex { padding:0 25px; }
#logo { margin:18px 0; }

.btn-get-offer { top:15px; right:120px; }
#nav li { margin:10px 60px 10px 0; }
#nav li > a { font-size:60px; }
#nav li > a small { font-size:17px; }

.hello-screen-title { font-size:90px; }
.hero-clients li { width:25%; }
.hero-career-cta , .hero-career-cta a { padding:20px 0; }

.hello-social { right:20px; }

.hello-video-showcase { height:auto; }

.showcase-latest li { width:100% !important; }
.blog-item section small { font-size:11px; }
.blog-item strong { padding:0 30px; font-size:24px; line-height:30px; }
.blog-item i { font-size:14px; }

.page-text-slim { width:100%; }

.lets-talk article { width:100%; font-size:120px; }
.lets-talk section { width:100%; }
.footer-block { width:50%; margin-bottom:50px; }
.footer-title { padding-top:37px; }
.copyright { padding-top:30px; font-size:14px; }

.affdirect::after { bottom:-24px; height:24px; border-radius:0 0 24px 24px; }
.footer-fixed { float:left; width:100%; position:relative; left:auto; right:auto; bottom:auto; }

.top-150 { padding-top:75px; }
.top-100 { padding-top:50px; }
.top-50 { padding-top:25px; }
.bottom-150 { padding-bottom:75px; }
.bottom-100 { padding-bottom:50px; }
.bottom-50 { padding-bottom:25px; }

.affdirect-services li a { padding:30px 0; }
.affdirect-services li a picture { display:none; }

.title-xl { font-size:80px; }
.title-large { font-size:60px; }

.stats li section { padding:24px 10px; }
.stats li small , .stats li strong { font-size:50px; }
.stats li strong { top:24px; left:10px; }
.stats li span { margin-left:15px; font-size:16px; }

.block-cta ul { width:calc(100% + 30px); margin-left:-15px; margin-bottom:30px; }
.block-cta li { padding:0 15px; margin-bottom:30px; }

.service-main { margin-bottom:100px; }
.service-main-left { width:100%; padding-right:0; padding-bottom:30px; }
.service-main-right { width:100%; }
.service-main-links li a::before { width:40px; }

.page-flexed { display:block; }
.page-flexed-left { float:left; width:100%; padding-right:0; }
.page-flexed-right { width:100%; margin-top:30px; }
.page-flexed-right .page-flexed-right-text { padding:0 30px; text-align:left; box-shadow:inset 2px 0 0 #FFF; }
.page-flexed-right .link-all-bold a { float:left; width:100%; }

.affdirect-brands li { width:33.33334%; }

.blog-grid li { flex-basis:calc(50% - 20px); }

.right-block , .sidebar , .contact-form , .contact-info { width:100%; }
.sidebar-title , .left-menu { display:none; }

.contact-cta section a { font-size:30px; }
.contact-form { padding-right:0; }
.contact-info { margin-top:50px; }

.project-type .inner-15 { margin:0 -8px; }
.project-type li { padding:0 8px; }

.project-type li article { padding:15px 10px; }
.project-type li article small { letter-spacing:0.5px; }
.project-type li article::after { right:-5px; top:-5px; }
.project-type li article.selected::before { right:-37px; top:-37px; }

.simple-list li { flex-basis:100%; margin-bottom:20px; }

.cursor , .imageTracker { display:none !important; }

.affdirect-projects li { margin-bottom:80px !important; flex-basis:100%; }
.affdirect-projects li:nth-child(even) { margin:auto; }

.title-projects { font-size:64px; }

.project-hero , .project-production-video { width:calc(100% + 60px); margin-left:-30px; }
.project-typography , .project-coloz { width:100%; }
.project-coloz { margin-top:30px; }

.slider-mobile-screens-wrap { max-width:380px; }
.slider-mobile-screens-item { padding:0 10px; }
.slider-mobile-screens-item picture { padding:12px; border-radius:16px; }
.slider-mobile-screens-item picture img { border-radius:8px; }

.project-navigation ul::after { display:none; }
.project-navigation li { width:100%; margin-bottom:30px; }
.project-navigation li:last-child { margin-bottom:0; }
.project-navigation li a { padding:40px 30px; background-color:rgba(255,255,255,0.1); }
.project-navigation li a strong { margin:25px 0 -5px 0; font-size:24px; }

.form-item-title { line-height:30px; }

.slider-ux-item { padding-right:30px; }
.slider-ux-item img { padding:2px; border-radius:16px; }

.header-connect small { font-size:14px; }
.header-connect strong { margin-bottom:3px; font-size:17px; }

.hello-screen-cats li { width:50%; }
.hello-screen-cats li:first-child { width:100%; }

}





@media only screen and (max-width:767px) {

.outer , .wrap , .wrap-slim { padding:0 25px; }
.wrap-right { padding-left:25px !important; }
.wrap-left { padding-left:0 !important; padding-right:25px !important; }

.cookies-wrap { right:15px; left:15px; bottom:15px; width:auto; }
.cookies { padding:25px; font-size:12px; border-radius:12px; }
.cookies-ok { font-size:14px; letter-spacing:0; }
.cookies-ok a { margin-left:15px; }
.cookies-close { right:20px; }

#nav ul { width:100%; margin-top:30px; }
#nav li { width:100%; margin:15px 0; }
#nav li > a { font-size:40px; }

.hello-screen-wrap { height:auto; padding:150px 0 100px 0; }
.hello-screen-title { font-size:80px; }
.hello-video { left:calc(50% - 60px); width:120px; height:60px; }
.hello-social { display:none; }
.hello-screen { width:95%; }

.hero-career-cta a strong { font-size:90px; }
.hero-career-cta a span { font-size:40px; }
.hero-career-cta a small { font-size:20px; }

.block-flexed { display:block; }
.flex-left , .flex-right { width:100%; }
.block-flexed .flex-right:nth-child(2) { margin-top:30px; }

.vh-100 { min-height:initial; }

.stats ul { width:calc(100% + 20px); margin-left:-10px; }
.stats li { padding:0 10px; }

.process-step-count { padding:20px 0 5px 0; }
.process-step-count .wrap { display:flex; align-items:center; }
.process-wrap .process-step:nth-child(even) .process-step-count .wrap { padding:0 0 0 50px; }

.process-step-count small { margin-bottom:0; font-size:80px; }
.process-step-count strong { margin-left:25px !important; margin-right:0 !important; font-size:30px; line-height:100%; }
.process-step-summary { padding-top:40px; }
.process-step-summary .page-text { width:95%; }

.page-photo-wide { width:calc(100% + 50px); margin:0 0 -20px -25px; }
.page-info { margin:-10px 0; display:block; font-size:14px; }
.page-author { width:auto; }
.page-author picture { margin-right:15px; }
.page-info-cat { width:100%; padding:10px 0 0 65px; }
.page-info-cat small { padding:9px 19px; font-size:11px; }
.page-info-time { display:none; }
.page-info-date { margin-top:15px; }

.page-tags li { margin:0 10px 10px 0; }
.page-tags li strong { padding:9px 19px; font-size:16px; font-weight:600; }

.project-hero , .project-production-video { width:calc(100% + 50px); margin-left:-25px; }

.project-section { padding:80px 0 40px 0; }
.project-section-left { width:100%; }
.project-section-right { width:100%; }
.title-small-project { margin-bottom:40px; font-size:20px; }

.link-all-fixed { bottom:15px; }
.launch-project .link-all-fixed { right:15px; }
.link-all-fixed a { width:50px; height:50px; padding:0; text-indent:-9999px; }
.link-all-fixed a::after { right:9px; }

.slider-ux-item { padding-right:25px; }

.connect-whatsapp { position:fixed; bottom:16px; right:16px; z-index:9999; }

}



@media only screen and (max-width:640px) {

.hello-screen-summary { font-size:18px; line-height:30px; }
.affdirect-services li a strong { font-size:60px; }
.title-xl { font-size:60px; line-height:120%; }
.title-projects { font-size:40px; }
.title-large { font-size:40px; line-height:120%; }
.page-summary { font-size:30px; line-height:50px; }
.hero-clients li { width:33.33334%; }

.blog-item { display:block; }
.blog-item section { width:auto; }
.blog-item strong { float:left; width:100%; padding:15px 0 10px 0; }
.blog-item i { width:auto; margin-right:15px; }
.blog-item i:last-child { margin-right:0; }

.block-cta li a { padding:23px; }

.contact-map { height:360px; }

.contact-cta section { width:100%; margin-right:0; margin-bottom:30px; }

.project-type li { margin-bottom:10px; flex-basis:50%; }

.slider-mobile-screens-wrap { max-width:320px; }

.project-dm-overall { padding:25px 20px; border-radius:16px; }
.title-stats::after { height:5px; }

.project-digital-marketing li { flex-basis:100%; margin-bottom:30px; }
.project-digital-marketing li img { border-radius:16px; }

}



@media only screen and (max-width:540px) {

#nav { margin-bottom:30px; }
.btn-get-offer { float:left; width:calc(100% - 50px); padding:9px 9px 9px 24px; margin-top:15px; margin-left:25px; position:relative; top:auto; right:auto; border:1px solid #FFF; border-radius:30px; }
.nav-bottom { display:block; }
.nav-social , .nav-connect , .form-item , .fancy-form .item , .fancy-form .item .button { width:100%; }
.nav-social { margin-bottom:35px; }
.nav-connect li a { float:left; }

.hello-screen-wrap { padding:100px 0 50px 0; }
.hello-screen-title { font-size:80px; }

.affdirect-services li a strong { font-size:50px; }
.affdirect-services li a section { font-size:14px; }
.affdirect-services li a section small::after { margin:0 10px; }

.rotate-works , .rotate-affdirect { right:calc(50% - 70px); }

.showcase-latest-item section { left:20px; right:10px; bottom:20px; }

.block-cta li { flex-basis:100%; margin-bottom:20px; }
.block-cta li:last-child { margin-bottom:0; }

.page-summary { font-size:26px; line-height:40px; }
.affdirect-brands li { width:50%; }
.blog-grid li { flex-basis:100%; }

.contact-form .form-item label { display:block; }
.form-item .button { width:100%; }

.hello-screen-cats li { width:100%; }

}



@media only screen and (max-width:440px) {

.hero-clients li { width:50%; }
.process-step-count strong { font-size:26px; font-weight:700; }
.footer-block , .copyright .left , .copyright .right { width:100%; }
.copyright .right { margin-top:10px; }

.project-type li { flex-basis:100%; margin-bottom:20px; }

.slider-mobile-screens-wrap { max-width:280px; }
.slider-mobile-screens-item { padding:0 5px; }

.hello-screen-summary { width:80%; }

}



@media only screen and (max-width:374px) {



}



.word-animation {
    background-color: #101d24;
    background-image: -webkit-image-set(url(../images/word-animation.jpg) 1x, url(../images/word-animation.jpg) 2x);
    background-image: image-set("../images/word-animation.jpg" 1x, "../images/word-animation.jpg" 2x);
    background-repeat: repeat;
    background-size: 1024px;
    -webkit-animation: 71s diagonal-flow infinite linear, 23s hue-rotate infinite linear;
    animation: 71s diagonal-flow infinite linear, 23s hue-rotate infinite linear;
}
.word-animation {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-right: 5px;
    margin-right: -5px;
}

@-webkit-keyframes diagonal-flow {
    0% {
        background-position: 100px 100px
    }
    100% {
        background-position: -5020px 4196px
    }
}

@keyframes diagonal-flow {
    0% {
        background-position: 100px 100px
    }
    100% {
        background-position: -5020px 4196px
    }
}

@-webkit-keyframes hue-rotate {
    0% {
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg)
    }
    50% {
        -webkit-filter: hue-rotate(-60deg);
        filter: hue-rotate(-60deg)
    }
    100% {
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg)
    }
}

@keyframes hue-rotate {
    0% {
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg)
    }
    50% {
        -webkit-filter: hue-rotate(-60deg);
        filter: hue-rotate(-60deg)
    }
    100% {
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg)
    }
}