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	*/
.theme-dark strong {
    color: var(--color-light);
}
body { margin:0; color:#222; font-size:14px; font-family:'Inter', Arial; line-height:20px; -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-text-size-adjust:100%; }
.theme-dark body { color:#FFF; background-color:var(--color-dark-2); }

*::-moz-selection { background:rgba(0, 0, 0, 0.1); }
*::selection { background:rgba(0, 0, 0, 0.1); }

a { color:var(--color-dark); text-decoration:none;  }
a:hover { color:var(--color-blue); text-decoration:none; }

.theme-dark a , .theme-dark .page-title , .theme-dark .feature-item section strong { color:#FFF; }
.theme-dark a:hover { color:var(--color-border); }
.filter-calendar-in li a { color:#000 !important; }
:root {
	--color-blue:#3663F6;
	--color-light:#EBF0FF;
	--color-light-2:#F5F7FF;
	--color-gold:#FFC400;
	--color-dark:#010C29;
	--color-dark-2:#131D38;
	--color-border:#C2C7D4;
	--color-grey:#808594;
	--color-green:#14DC50;
	--color-red:#DC143C;
	--color-yellow:#FFC400;
	
	--input-background-color: #FFF;
	--input-border-color: #bfbfbf;
	--input-border-color-inline: #FFF;
	--input-border-color-checked: #3663F6;
	--input-background-color-checked: #3663F6;
	--input-border-color-inline-checked: #3663F6;
	--input-border-color-disabled: #bfbfbf;
	--input-background-color-disabled: #F2F2F2;
	--input-border-color-inline-disabled: #bfbfbf;
	--input-border-color-hover: #3663F6;
	--input-background-color-hover: #FFF;
	--input-border-color-inline-hover: #bfbfbf;
	--input-border-color-focus: #3663F6;
}

/* 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:18px; height:18px; line-height:18px; min-width:1px !important; margin:1px 10px -1px 0; padding:0; }
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:4px; 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 2px 2px 0; width:5px; height:10px; left:7px; bottom:5px; }
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:'Inter', Arial; border-radius:0; border:0; }
button { border:none; padding:0; margin:0; cursor:pointer; border-radius:0; font-family:'Nohemi', Arial; font-size:18px; font-weight:500; letter-spacing:1px; }

.input { width:100%; height:50px; padding:0 18px; border:0; transition:ease 0.3s; background-color:#FFF; border-radius:6px; }
.theme-dark .input { background-color:var(--color-dark); color:#FFF; }
.select { background:url(../images/arrow-select.png) no-repeat right center; background-size:auto 5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.input:focus , .select:focus { box-shadow:0 7px 20px rgba(1,42,56,0.17); }
.theme-dark .input:focus , .theme-dark .select:focus { box-shadow:0 7px 20px rgba(255,255,255,0.1); }

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

.button { float:none; height:50px; display:inline-block; padding:0 45px 0 25px; cursor:pointer; position:relative; color:#FFF; background-color:var(--color-blue); transition:all 0.25s; border-radius:6px; overflow:hidden; text-align:left; }
.button:hover { background-color:var(--color-dark); }
.button-green { background-color:var(--color-blue) !important; color:var(--color-dark); }
	.button::after { content:""; position:absolute; top:0; bottom:0; right:15px; width:20px; background:url(../images/arrow-white-right.png) no-repeat right center / 20px; transition:all 0.25s; }
	.button-green::after { background-image:url(../images/arrow-right.png); }
	.button:hover::after { right:10px; }
	
a.button { color:#FFF; font-weight:600; font-size:14px; line-height:50px; }

.tahminoloji { float:left; width:100%; position:relative; }
.theme-dark .tahminoloji { background-color:var(--color-dark-2); }
	.wrap , .wrap-slim { margin:0 auto; width:1200px; min-height:10px; position:relative; }
	.wrap-slim { width:100%; max-width:1040px; }

.tac { text-align:center; }

.fl { float:left !important; }
.fr { float:right !important; }
.fn { float:none !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; }
.mt15 { margin-top:15px; }
.mt10 { margin-top:10px; }
.mt5 { margin-top:5px; }
.mb40 { margin-bottom:40px; }
.mb30 { margin-bottom:30px; }
.mb20 { margin-bottom:20px; }
.mb15 { margin-bottom:15px; }
.mb10 { margin-bottom:10px; }
.mb5 { margin-bottom:5px; }

/*	Start TOP	*/

.header { position:fixed; top:0; left:0; right:0; z-index:8000; transition:all 0.4s; font-family:Nohemi; }
.header-flex { display:flex; align-items:center; }
.nav-up , .nav-down { backdrop-filter:blur(13px); -webkit-backdrop-filter:blur(13px); background-color:rgba(255,255,255,0.9); box-shadow:0 0 20px rgba(1,42,56,0.1); }
.theme-dark .nav-up , .theme-dark .nav-down { background-color:rgba(1,12,41,0.9); }
	
	#logo { float:left; margin:2px 0; position:relative; }
		#logo a { float:left; }
		#logo a:hover { opacity:0.7; }
			#logo img { float:left; height:32px; }
			#logo img.logo-dark { display:none; }
			.theme-dark #logo img { display:none; }
			.theme-dark #logo img.logo-dark { display:block; }
	
	.header-start-wrap , .header-start { float:left; position:relative; z-index:750; }
		.header-start a { float:left; height:44px; padding:0 20px; margin-right:10px; font-weight:600; font-size:15px; color:var(--color-blue); line-height:44px; border:1px solid var(--color-blue); background-color:#FFF; border-radius:8px; transition:all 0.4s; }
		.theme-dark .header-start a { background-color:transparent; border-color:#FFF; color:#FFF; }
		.header-start a:last-child { margin-right:0; color:#FFF; background-color:var(--color-blue); }
		.theme-dark .header-start a:last-child { border-color:var(--color-blue); }
		.header-start a:hover { border-color:var(--color-dark); background-color:var(--color-dark); color:#FFF; }
		.theme-dark .header-start a:hover { border-color:var(--color-blue); }
	
	.header-menu { top:50px !important; border:0 !important; box-shadow:0 10px 50px rgba(0, 0, 0, 0.15); border-radius:8px !important; }
	.header-menu::before { border-bottom-color:#FFF !important; }
	.header-menu::after , .sidebar-icon { display:none; }
	
	.header-lang-wrap { float:right; height:44px; margin-left:10px; position:relative; z-index:800; font-weight:500; letter-spacing:0.5px; }
		.header-lang-icon { float:right; width:120px; height:44px; padding:0 20px; position:relative; cursor:pointer; z-index:250; background-color:var(--color-dark); font-size:15px; color:#FFF; line-height:44px; border-radius:8px; }
			.header-lang-icon::before { content:""; position:absolute; top:0; right:15px; bottom:0; width:14px; background:url(../images/arrow-white-down.png) no-repeat left center / 100% auto; transition:all 0.4s; }
			.lang-icon-close::before { transform:rotate(180deg); }
			
		.theme-dark .header-lang-icon { background-color:#FFF; color:var(--color-dark); }
		.theme-dark .header-lang-icon::before { background-image:url(../images/arrow-down.png); }
		
		.header-lang { position:absolute; top:50px; right:0; width:120px; background-color:#FFF; display:none; z-index:300; box-shadow:0 10px 50px rgba(0, 0, 0, 0.15); border-radius:8px; }
			
			.header-lang::before { 
				content:"";
				border-bottom:3px solid transparent;
				border-left:8px solid transparent;
				border-right:8px solid transparent;
				height:0;
				position:absolute;
				width:0;
				left:50%;
				top:-3px;
				margin-left:-8px;
				border-bottom-color:#FFF;
			}
			
			.header-lang ul , .header-menu ul { width:100%; border-radius:8px; overflow:hidden; }
				.header-lang li , .header-menu li { width:100%; }
					.header-lang li a , .header-menu li a { float:left; width:100%; height:40px; padding-left:20px; font-size:13px; font-weight:500; letter-spacing:0.5px; line-height:40px; transition:all 0.4s; }
					.header-lang li a:hover , .header-menu li a:hover { color:#FFF; background-color:var(--color-dark); }
					
					.header-lang li a , .header-menu li a { color:var(--color-dark); }
	
.theme-switch { float:right; width:44px; height:44px; margin-left:10px; background:url(../images/icon-moon.png) no-repeat center / 20px; border:1px solid var(--color-dark); border-radius:8px; cursor:pointer; transition:all 0.3s; }
.theme-switch-close { background-image:url(../images/icon-sun.png); background-size:24px; border-color:var(--color-gold); }


#nav-wrap { float:left; flex:1; position:relative; z-index:700; display:flex; align-items:center; }
	.nav-wrap-in { float:left; width:100%; position:relative; flex:1; display:flex; align-items:center; }

	#nav { float:left; flex:1; height:100px; position:relative; z-index:700; text-align:center; }
		#nav ul { float:none; display:inline-block; }
			#nav li { margin-right:20px; position:relative; }
			#nav li.nav-multi::after { content:""; float:right; width:10px; height:100px; margin-left:-3px; background:url(../images/arrow-down.png) no-repeat center 47% / 100% auto; }
			.theme-dark #nav li.nav-multi::after { background-image:url(../images/arrow-white-down.png); }
				#nav li > a { float:left; padding:0 10px; position:relative; font-size:16px; font-weight:500; line-height:100px; transition:all 0.3s; z-index:10; overflow:hidden; }
				#nav li > a.active { color:var(--color-blue); }
				#nav li.nav-multi > a { font-weight:600; }
					#nav li > a::before { content:""; position:absolute; top:0; left:0; width:0; height:3px; background-color:var(--color-blue); transition:all 0.3s; opacity:0; border-radius:0 0 3px 3px; }
					#nav li:hover > a::before , #nav li > a.active::before { width:100%; opacity:1; }
					#nav li > a.active::before { background-color:var(--color-blue); }
						
						#nav li > a img { float:left; height:100px; padding:42px 0 44px 0; margin-right:7px; }
					
					#nav > ul li span { display:none; position:absolute; top:90px; left:-15px; width:300px; padding:15px; background-color:#FFF; box-shadow:0 7px 27px rgba(54,99,246,0.18); border-radius:6px; z-index:20; }
					.theme-dark #nav > ul li span { background-color:var(--color-dark); }
						#nav li span::before { 
							content:"";
							border-bottom:3px solid transparent;
							border-left:8px solid transparent;
							border-right:8px solid transparent;
							height: 0;
							position: absolute;
							width:0;
							left:35px;
							top:-3px;
							border-bottom-color:#FFF;
						}
						.theme-dark #nav li span::before { border-bottom-color:var(--color-dark); }
						#nav > ul li span a { float:left; width:100%; padding:10px 15px; position:relative; font-size:15px; font-weight:500; letter-spacing:0.5px; transition:all 0.3s; border-radius:6px; display:flex; align-items:center; }
						#nav > ul li span a:hover { background-color:var(--color-light); }
						.theme-dark #nav > ul li span a:hover { background-color:var(--color-blue); }
							#nav > ul li span a picture { width:48px; height:48px; margin-left:-5px; margin-right:15px; text-align:center; }
								#nav > ul li span a picture img { height:100%; padding:6px; }

/*	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 / 20px;
		border-radius:6px; 
		}
		
	.slick-prev { left:0; }
	.slick-next { right:0; background-image:url(../images/arrow-right.png); }
	
	.slick-prev:hover , .slick-next:hover { background-color:var(--color-blue) !important; }
	.slick-prev:hover { background-image:url(../images/arrow-white-left.png); }
	.slick-next:hover { background-image:url(../images/arrow-white-right.png); }
	
	ul.slick-dots { position:absolute; text-align:center; left:0; right:0; bottom:0; z-index:1000; }
		ul.slick-dots li { float:none; display:inline-block; width:20px; height:6px; margin:0 5px; transition:all 0.4s; }
		ul.slick-dots li.slick-active { width:40px; }
			ul.slick-dots li button { float:left; width:100%; height:100%; cursor:pointer; transition:all 0.3s; position:relative; text-indent:-9999px; opacity:0.27; }
			ul.slick-dots li button:hover { opacity:0.6; }
				ul.slick-dots li button::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:var(--color-dark); border-radius:3px; }
			ul.slick-dots li.slick-active button { opacity:1; }

.slider-hero-out { float:left; width:100%; position:relative; z-index:700; }
.slider-hero-wrap { float:left; width:100%; position:relative; background-color:#09353E; z-index:700; }
	
	.slider-hero { float:left; width:100%; position:relative; z-index:700; }
		.slider-hero .slick-list { overflow:hidden; }
		.slider-hero-item { float:left; width:100%; height:100vh; min-height:520px; position:relative; text-align:center; overflow:hidden; }
			
			.item-zoom { position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover; background-position:center; background-repeat:no-repeat; transition:all 3s; transform-origin:center; transform:scale(1.5); }
			
			.slider-hero-video { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index:1; object-fit:cover; transition:all 3s; transform-origin:center; transform:scale(1.5); }
				.item-zoom::before , .hero-video-mask { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.4); }
				.hero-video-mask { z-index:20; }
				.item-zoom::after , .hero-video-mask::after { content:""; position:absolute; top:0; bottom:50%; left:0; right:0; background-image:linear-gradient(180deg,#000,rgba(0,0,0,0.0)); opacity:0.5; }
			
			.slick-current .item-zoom , .slick-current .slider-hero-video { transform:scale(1); }
			
			.slider-hero-title { position:absolute; top:120px; bottom:0; left:0; right:0; z-index:40; color:#FFF; }
			
			.slider-hero-title-in { float:right; width:50%; }
			
			.slider-hero-title article { float:left; width:100%; margin-bottom:36px; font-size:39px; font-weight:200; line-height:40px; letter-spacing:1px; }
			.slider-hero-title section { float:left; width:100%; position:relative; overflow:hidden; }
				.slider-hero-title section strong { display:inline-block; position:relative; font-family:Fox Grotesque Pro; font-size:70px; line-height:80px; letter-spacing:1px; }
					.slider-hero-title section strong::before , .slider-hero-title section strong::after { content:""; position:absolute; top:calc(50% - 1px); left:-1040px; width:10px; height:2px; background-color:#FFF; }
					.slider-hero-title section strong::after { left:auto; right:-1040px; }
					
					.slick-active .slider-hero-title section strong::before , .slick-active .slider-hero-title section strong::after { width:1000px; }
					
			.slider-hero-title small { float:left; width:100%; padding-top:26px; position:relative; }
				.slider-hero-title small a { display:inline-block; padding:0 10px; font-size:13px; font-weight:700; color:#FFF; letter-spacing:2px; line-height:50px; box-shadow:inset 0 -2px 0 #FFF; opacity:0.6; transition:all 0.3s; }
				.slider-hero-title small a:hover { letter-spacing:3px; opacity:1; }
			
			.slider-hero-item picture { position:absolute; bottom:0; top:25%; left:0; width:50%; z-index:30; text-align:left; }
				.slider-hero-item picture img { height:100%; }
			
	.slider-hero ul.slick-dots { bottom:60px; background:none; }
	
.vertical-out { width:100%; height:100%; display:table; }
.vertical-in { width:100%; display:table-cell; vertical-align:middle; }

.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; }

/*	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%; max-height:32px; }

/*	Start FOOTER	*/

.footer-wrap { float:left; width:100%; position:relative; border-radius:48px 48px 0 0; }
	
	.footer { float:left; width:100%; padding-top:60px; padding-bottom:30px; position:relative; color:#FFF; }
		
		.footer-connect { float:left; width:100%; padding:40px 0; margin-bottom:50px; position:relative; display:flex; align-items:center; border-bottom:1px dashed var(--color-light); }
			
			.footer-logo { float:left; flex:1; }
				.footer-logo img { float:left; height:48px; }
				
			.footer-contact { float:right; margin-right:10px; position:relative; }
				.footer-contact li { margin-right:12px; }
					.footer-contact li a { float:left; padding:0 12px; font-size:15px; font-weight:600; color:var(--color-dark); line-height:32px; background-color:var(--color-light); border-radius:5px; transition:all 0.4s; }
					.footer-contact li a:hover { background-color:var(--color-blue); color:#FFF; }
			
			.footer-social { float:right; position:relative; }
				.footer-social ul { width:100%; }
					.footer-social li { padding-right:15px; }
					.footer-social li:last-child { padding-right:0; }
						.footer-social li a { float:left; transition:all 0.4s; border-radius:50%; background-color:var(--color-light); }
						.footer-social li a:hover { background-color:var(--color-blue); }
							.footer-social li a img { float:left; height:48px; padding:4px; }
		
		.footer-flex { float:left; width:100%; margin-bottom:50px; position:relative; display:flex; align-items:center; }
			.footer-flex-left { float:left; }
			.footer-flex-right { float:right; margin-left:auto; }
		
			.footer-links { float:left; position:relative; }
				.footer-links li { margin-right:40px; }
				.footer-links li:last-child { margin-right:0; }
					.footer-links li a { float:left; font-size:15px; font-weight:500; color:var(--color-light); transition:all 0.4s; }
					.footer-links li a:hover { color:var(--color-blue); }
			
		.copyright { margin-top:20px; }
			
			.kuik-pos { float:left; }
				.kuik-pos img { float:left; height:48px; }
	
/*	Start CONTENT	*/

.hero-screen { float:left; width:100%; padding:120px 0 80px 0; position:relative; border-radius:0 0 48px 48px; overflow:hidden; }
	.hero-screen::before { content:""; position:absolute; top:0; bottom:0; left:50%; right:0; background-image:linear-gradient(90deg,rgba(235,240,255,0.0),var(--color-blue)); opacity:0.33; }

	.hero-screen-in { float:left; width:100%; position:relative; display:flex; align-items:center; }
		.hero-screen-content { float:left; width:50%; }
		
		.hero-screen-picture { float:right; width:50%; margin-left:auto; position:relative; z-index:10; text-align:center; }
			.hero-screen-picture picture { float:right; width:100%; padding-left:50px; margin-right:-30px; }
				.hero-screen-picture picture img { float:left; width:100%; }
	
	.hero-screen-text { margin-top:-13px !important; margin-bottom:31px !important; opacity:0.8; }

	.hero-screen-subscribe { float:left; width:calc(100% + 80px); position:relative; display:flex; align-items:center; }
		.hero-screen-subscribe .input { width:auto; flex:1; border:0; }
		.hero-screen-subscribe .button { float:right; margin-left:10px; }
	
	.hero-screen .link-cta a { float:left; }
	
	.block-apps { float:left; width:100%; margin-top:30px; margin-bottom:15px; position:relative; }
		.block-apps li { margin:0 20px 15px 0; position:relative; }
		.block-apps li:last-child { margin-right:0; }
			.block-apps li a { float:left; transition:all 0.4s; }
			.block-apps li a:hover { opacity:0.75; }
				.block-apps li a img { float:left; height:60px; border-radius:8px; }

.block-light { background-color:var(--color-light); }
.theme-dark .block-light { background-color:rgba(1,12,41,0.75); }
.block-dark { position:relative; background-color:var(--color-dark); color:#FFF; }
.block-lines { position:relative; }
.block-lines::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/bg-lines.png) no-repeat center top / 100% auto; opacity:0.05; }
.border-top { box-shadow:inset 0 1px 0 rgba(1,42,56,0.07); }
.theme-dark .border-top { box-shadow:inset 0 1px 0 rgba(255,255,255,0.07); }

.page-title { float:left; width:100%; position:relative; font-family:Nohemi; font-size:36px; color:var(--color-dark); letter-spacing:0.5px; line-height:40px; }
	.page-title small { display:inline-block; padding:2px 10px; font-family:Inter; font-size:13px; color:#FFF; letter-spacing:0; line-height:20px; background-color:var(--color-blue); border-radius:5px; }
.narrow { padding-left:10%; padding-right:10%; }
.fs-46 { font-size:46px; line-height:54px; }
.fs-54 { font-size:54px; line-height:64px; }

.medium-title { float:left; width:100%; position:relative; font-size:28px; color:var(--color-dark);  letter-spacing:-0.5px; line-height:30px; }
.medium-title.space-bottom { margin-bottom:30px; }

.fw-500 { font-weight:500; }
.fw-600 { font-weight:600; }
.fw-700 { font-weight:700; }
.fw-800 { font-weight:800; }

.text-white { color:#FFF !important; }
.text-blue { color:var(--color-blue) !important; }

.small-title { float:left; width:100%; padding:25px 0; position:relative; font-weight:600; font-size:13px; letter-spacing:1px; color:#6C7885; z-index:30; }
.small-title-white { color:var(--color-light); }
	.small-title::before { content:""; position:absolute; top:0; left:0; width:40px; height:2px; background-color:var(--color-light); }
	.small-title-white::before { background-color:#FFF; }
	.small-title.tac::before { left:calc(50% - 20px); }

.page-summary { float:left; width:100%; position:relative; font-size:20px; line-height:30px; z-index:20; }

.page-text { float:left; width:100%; position:relative; font-size:16px; line-height:24px; z-index:40; }
.page-text.space-in { margin-top:-10px; }
	.page-text a { font-weight:600; color:var(--color-blue); }
	.page-text a:hover { color:var(--color-dark); }
	.theme-dark .page-text a:hover { color:#FFF; }
	
	.page-text h2 , .page-text h3 , .page-text h4 , .page-text h5 { display:block; margin-bottom:10px; font-size:32px; font-weight:700; color:var(--color-dark); line-height:40px; }
	.page-text h3 { font-size:28px; line-height:35px; }
	.page-text h4 { font-size:24px; line-height:30px; }
	.page-text h5 { font-size:20px; line-height:25px; }
	.page-text p { margin-bottom:20px; }
	.page-text p:last-child { margin-bottom:0; }
	
	.page-text img { max-width:100%; }

	.page-text ul , .page-text ol { float:none; display:table; margin-top:15px; }
	.page-text ul:first-child , .page-text ol:first-child { margin-top:0; }
	.page-text ol { padding-left:20px; display:inline-block; }
		
		.page-text ul li { width:100%; padding-left:20px; margin-bottom:8px; position:relative; }
		.page-text ul li:last-child { margin-bottom:0; }
			.page-text ul li::before { content:""; position:absolute; left:0; top:9px; width:6px; height:6px; background-color:var(--color-gold); border-radius:50%; }
		
		.page-text ol li { width:100%; display:list-item; list-style:decimal; }
		.page-text ul li:last-child , .article-content ol li:last-child { margin-bottom:0; }
			.page-text ol li::marker { font-weight:600; }

.block-narrow { width:27%; position:relative; }
.block-wide { width:calc(73% - 40px); position:relative; }

.feature-list { float:left; width:100%; position:relative; }
	.feature-list > ul { width:calc(100% + 24px); margin-left:-12px; display:flex; flex-flow:row wrap; }
		.feature-list > ul > li { width:33.33334%; padding:0 12px; margin-bottom:24px; }
		.feature-list > ul > li:last-child { width:66.66666%; }

.feature-item { float:left; width:100%; height:100%; position:relative; border:1px solid #E2E8F0; transition:all 0.4s; border-radius:20px; display:flex; flex-direction:column; flex:1 1; overflow:hidden; }
.theme-dark .feature-item { border-color:rgba(255,255,255,0.1); }
.feature-item:hover { border-color:var(--color-blue); }
	
	.feature-item picture { float:left; width:100%; height:205px; position:relative; border-bottom:1px solid #E2E8F0; background-color:#F1F5F9; text-align:center; overflow:hidden; }
	.theme-dark .feature-item picture { border-bottom-color:var(--color-dark-2); }
		.feature-item picture img { max-width:100%; height:100%; object-fit:cover; }
	
	.feature-item section { float:left; width:100%; padding:19px; position:relative; line-height:24px; }
		.feature-item section strong { display:block; font-size:16px; color:var(--color-dark); }
		.feature-item section small { display:block; margin-top:4px; }
		.theme-dark .feature-item section small { color:var(--color-border); }

	
.stats { float:left; width:100%; position:relative; z-index:100; }
	.stats ul { width:calc(100% + 40px); margin-left:-20px; margin-bottom:-24px; display:flex; flex-flow:row wrap; }
		.stats li { position:relative; padding:0 20px; margin-bottom:24px; flex:1; flex-basis:25%; }
			.stats li section { float:left; width:100%; height:100%; padding:50px 160px 50px 30px; position:relative; border-radius:20px; background-color:#FFF; font-family:Nohemi; color:var(--color-dark); overflow:hidden; }
			.stats li section.dark { background-color:var(--color-dark); color:#FFF; }
			.theme-dark .stats li section.dark { background-color:var(--color-blue); }
				.stats li strong { display:block; position:relative; z-index:10; margin-bottom:10px; font-size:48px; line-height:50px; letter-spacing:-1px; }
				.stats li small { display:block; position:relative; z-index:20; font-size:24px; font-weight:500; line-height:30px; }
				.stats li picture { position:absolute; top:0; bottom:0; left:0; right:0; background-position:right bottom; background-size:auto 100%; background-repeat:no-repeat; }

.block-review { float:left; width:100%; position:relative; border-radius:20px; overflow:hidden; }
	.block-review picture { position:absolute; top:0; bottom:0; left:0; width:50%; background-repeat:no-repeat; background-position:center; background-size:100% auto; }
		.block-review picture::before , .block-review picture::after { content:""; position:absolute; top:0; bottom:0; left:0; width:20%; background-image:linear-gradient(90deg,var(--color-dark),rgba(1,12,41,0.0)); }
		.block-review picture::after { left:auto; right:0; background-image:linear-gradient(-90deg,var(--color-dark),rgba(1,12,41,0.0)); }
	.block-review section { float:right; width:50%; padding:100px 60px; position:relative; }
		.block-review section .page-summary { font-weight:200; }

.block-membership { float:left; width:100%; padding:50px; border-radius:20px; display:flex; align-items:center; }
	.block-membership-title { float:left; flex:1; }
	.block-membership-specs { float:left; width:47%; padding-right:40px; }
		.block-membership-specs ul { width:100%; display:flex; flex-flow:row wrap; }
			.block-membership-specs li { width:50%; padding-left:30px; margin:10px 0; position:relative; font-size:16px; }
				.block-membership-specs li::before { content:""; position:absolute; top:calc(50% - 10px); left:0; width:20px; height:20px; background:var(--color-light) url(../images/icon-ok-2.png) no-repeat center / 14px auto; border-radius:25%; }
	.block-membership-cta { float:right; width:23%; margin-left:auto; }

.block-join { float:left; width:100%; padding:50px; padding-right:35% !important; position:relative; border-radius:20px; }
	.block-join::after { content:""; position:absolute; top:64px; bottom:0; right:0; width:calc(35% + 20px); background:url(../images/block-join.png) no-repeat center top / 264px auto; }
	.block-join-in { float:left; width:calc(100% - 40px); position:relative; }
		.block-join-in .page-title { max-width:400px; position:relative; }
	.block-join section { float:left; width:100%; position:relative; }
		.block-join section .input { width:calc(100% - 215px); border-color:transparent; background-color:var(--color-light); }
		.block-join section .button { float:right; width:200px; padding:0; text-align:center; font-size:15px; }
		.block-join section .button:hover { background-color:var(--color-light); color:var(--color-blue); }
			.block-join section .button::after { display:none; }

.cta-block { float:left; width:100%; padding:100px 0; position:relative; background-color:var(--color-dark); color:#FFF; overflow:hidden; }
	.cta-block-in { float:left; width:100%; position:relative; display:flex; align-items:center; z-index:100; }
	.cta-block-content { float:left; max-width:840px; padding-right:30px; position:relative; flex:1; }
		.cta-block-content .page-title { padding:0; }
	.cta-block-action { float:right; min-width:240px; margin-left:auto; position:relative; }
		.cta-block-action .link-cta a { float:left; width:100%; text-align:left; }

.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-2 { margin:0 -2px; }

.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; }

.link-cta { float:left; width:100%; margin-bottom:-12px; position:relative; text-align:center; }
	.link-cta > a { display:inline-block; height:50px; padding:0 25px; margin-right:20px; margin-bottom:12px; position:relative; font-family:Nohemi; font-size:15px; color:var(--color-blue); font-weight:600; letter-spacing:1px; line-height:50px; border:1px solid var(--color-blue); transition:all 0.3s; border-radius:6px; }
	.link-cta > a:last-child { margin-right:0; }
	.link-cta > a.dark { background-color:var(--color-blue); color:#FFF; }
	.link-cta > a:hover { border-color:var(--color-dark); background-color:var(--color-dark); color:#FFF; }
	.theme-dark .link-cta > a { border-color:#FFF; color:#FFF; }
	.block-dark .link-cta > a:hover { border-color:var(--color-dark); background-color:var(--color-light); color:var(--color-blue); }
	.link-cta small { display:block; }

.link-cta-small a { height:40px; padding:0 25px; line-height:40px; }
.link-cta-small a::after { display:none; }

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

.hero-cari-picture { float:left; width:100%; margin-top:-20px; overflow:hidden; text-align:center; }
	.hero-cari-picture img { width:100%; max-width:1200px; margin-bottom:-5px; }

/*	Start LIGHTBOX	*/

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

.my-fancy { display:none; padding:30px !important; border-radius:6px; }
	
	.my-fancy-wrap { width:100%; max-width:800px; max-height:600px; overflow:hidden; overflow-y:auto; }
		.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; font-size:16px; color:var(--color-dark); }
	.fancy-title::before { content:""; position:absolute; top:50%; left:0; width:50px; height:2px; margin-top:-1px; background-color:#CEC9C8; }
	.fancy-title strong { float:left; padding:0 15px; position:relative; font-weight:500; letter-spacing:1px; background-color:#FFF; }

.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:4px; font-weight:600; }
		.fancy-form .item a { font-weight:600; text-decoration:underline; }

.sub-hero { float:left; width:100%; padding:100px 0 53px 0; position:relative; z-index:100; }
	.sub-hero-title { float:left; width:100%; padding:50px 0 65px 0; position:relative; font-size:41px; line-height:50px; color:#FFF; }

.breadcrumb-wrap { float:left; width:100%; padding:12px 15px; box-shadow:inset 0 -1px 0 rgba(1,42,56,0.07); font-size:11px; }
.theme-dark .breadcrumb-wrap { box-shadow:inset 0 -1px 0 rgba(255,255,255,0.1); }
.breadcrumb { float:left; width:100%; height:20px; overflow:hidden; }
	.breadcrumb a { float:left; color:#555; }
	.theme-dark .breadcrumb a { color:var(--color-border); }
	.breadcrumb a:hover { color:#353535; text-decoration:underline; }
	.breadcrumb i { float:left; width:6px; height:20px; margin:0 15px; background:url(../images/breadcrumb.png) no-repeat center / 100% auto; opacity:0.4; }
	.theme-dark .breadcrumb i { background-image:url(../images/breadcrumb-2.png); opacity:0.4; }
	.breadcrumb strong { float:left; font-weight:600; color:var(--color-blue); display:flex; align-items:center; } 
		.breadcrumb strong img { float:left; height:16px; margin-right:7px; border-radius:3px; } 

.mega-photo { float:left; width:100%; position:relative; }
	.mega-photo img { float:left; width:100%; }

.simple-list { float:left; width:100%; margin-top:10px; font-size:17px; line-height:25px; }
	.simple-list ul { width:100%; display:flex; flex-flow:row wrap; }
		.simple-list li { width:100%; padding:0 20px 20px 30px; position:relative; display:inline-block; vertical-align:top; background:url(../images/icon-ok.png) no-repeat 0 4px / 17px auto; }
		
.block-two { width:48%; }

.hide-x { overflow-x:hidden; }

/*	Start PRICING	*/

.pricing { float:left; width:100%; margin-top:40px; position:relative; }
	.pricing > ul { width:calc(100% + 40px); margin-left:-20px; display:flex; flex-flow:row wrap; }
		.pricing > ul > li { width:33.33334%; padding:0 20px; margin-bottom:40px; }

.pack-item { float:left; width:100%; height:100%; padding:34px; position:relative; background-color:var(--color-light); border:1px solid var(--color-light); border-radius:20px; transition:all 0.3s; display:flex; flex-direction:column; flex:1 1; }
.theme-dark .pack-item { background-color:var(--color-dark); border-color:rgba(255,255,255,0.2); }
.pack-item:hover { box-shadow:0 7px 27px rgba(54,99,246,0.15); border-color:var(--color-blue); }

	.pack-item-top { float:left; width:100%; position:relative; }
	.pack-item-bottom { float:left; width:100%; margin-top:auto; position:relative; }
	
	.pack-icon { position:absolute; top:0; right:0; width:64px; height:64px; }
		.pack-icon img { float:left; width:100%; height:100%; border-radius:50%; }
	
	.pack-name { float:left; width:100%; margin-bottom:10px; position:relative; display:flex; align-items:center; }
		.pack-name strong { float:left; padding:2px 10px; font-family:Inter; font-size:13px; color:#FFF; letter-spacing:0; line-height:20px; background-color:var(--color-blue); border-radius:5px; }
	
	.pack-price { float:left; width:100%; position:relative; font-family:Nohemi; color:var(--color-dark); }
		.pack-price strong { font-size:40px; letter-spacing:-2px; line-height:100%; }
		.pack-price small { font-size:24px; font-weight:500; opacity:0.7; }
	
	.pack-summary { float:left; width:100%; margin:6px 0 35px 0; font-size:13px; }
	
	.pack-try { float:left; width:100%; margin-top:30px; position:relative; }
		.pack-try a { width:100%; padding:0; font-size:20px; }
	
	.pack-specs { float:left; width:100%; margin-bottom:20px; position:relative; }
		.pack-specs small { display:block; padding-left:30px; margin-bottom:15px; position:relative; }
		.pack-specs small:last-child { margin-bottom:0; }
			.pack-specs small::before { content:""; position:absolute; top:calc(50% - 10px); left:0; width:20px; height:20px; background:var(--color-blue) url(../images/icon-ok.png) no-repeat center / 14px auto; border-radius:25%; }

.pack-gold { background-color:var(--color-blue) !important; color:#FFF; }
.pack-gold:hover { border-color:var(--color-dark) !important; }
.theme-dark .pack-gold:hover { border-color:#FFF !important; }
.pack-gold .pack-name strong , .pack-gold .link-cta > a.dark { background-color:var(--color-gold); border-color:var(--color-gold); color:var(--color-dark); }
.pack-gold .link-cta > a.dark:hover { background-color:var(--color-light); border-color:var(--color-light); color:var(--color-dark); }
.pack-gold .pack-specs small::before { background-color:var(--color-light); background-image:url(../images/icon-ok-2.png); }
.pack-gold .pack-price { color:#FFF; }


.sub-page { padding-top:100px; }
.theme-dark .sub-page { background-color:var(--color-dark-2); }

.faq-wrap { float:left; width:100%; min-height:calc(100vh - 150px); padding-bottom:50px; position:relative; box-shadow:0 -1px 0 rgba(1,42,56,0.07); }
.theme-dark .faq-wrap { box-shadow:0 -1px 0 rgba(255,255,255,0.07); }
	.faq-wrap::before { content:""; position:absolute; left:50%; right:0; top:0; bottom:0; background-color:#FFF; }
	.theme-dark .faq-wrap::before { background-color:var(--color-dark); }
	.faq-wrap .flex-right { padding-left:60px; }

.accordion-wrap { float:left; width:100%; max-height:calc(100vh - 200px); padding-right:30px; position:relative; overflow:hidden; overflow-y:auto; }
.accordion-wrap::-webkit-scrollbar { height:7px; width:7px; background:#BCC0CC; border-radius:4px; }
.accordion-wrap::-webkit-scrollbar-thumb { background:#4C546B; border-radius:4px; }
.accordion-wrap::-webkit-scrollbar-corner { background:#4C546B; border-radius:4px; }


/*	Start CONTACT	*/
	
.accordion { float:left; width:100%; }
	.accordion-section { float:left; width:100%; position:relative; }
	
	.accordion-section-title { float:left; width:100%; padding:25px 50px 25px 25px; margin-bottom:20px; position:relative; font-size:18px; font-weight:500; border:1px solid var(--color-border); background-color:var(--color-light); z-index:10; border-radius:12px; transition:all 0.4s; }
	.theme-dark .accordion-section-title { border-color:rgba(255,255,255,0.2); background-color:var(--color-dark); }
		.accordion-section-title::before , .accordion-section-title::after { 
			content:""; 
			position:absolute; 
			top:50%; 
			right:20px; 
			width:20px; 
			height:4px; 
			margin-top:-1px; 
			background-color:var(--color-dark); 
			transition:all 0.4s;
			border-radius:2px;
			}
		.theme-dark .accordion-section-title::before , .theme-dark .accordion-section-title::after { background-color:var(--color-light); }
		.accordion-section-title::after {
			transform:rotate(90deg);
			opacity:1;
		}
		.accordion-section-title section { float:left; }
	
	.accordion-section-title.active { background-color:#FFF; color:var(--color-blue) !important; }
		.accordion-section-title.active::before { background-color:var(--color-blue); }
		.accordion-section-title.active::after { transform:rotate(360deg); background-color:var(--color-blue); }
	
	.accordion-section-content { float:left; width:100%; padding-left:25px; margin-bottom:40px; position:relative; display:none; }
		.accordion-section-text { float:left; width:100%; font-size:16px; line-height:30px; }
	
	.accordion-more { float:left; width:100%; padding:20px 0; margin-top:20px; font-size:17px; line-height:30px; }
		.accordion-more a { font-weight:500; color:var(--color-light); }
		.accordion-more a:hover { text-decoration:underline; }	

.block-flexed { float:left; width:100%; position:relative; display:flex; }
.align-center { align-items:center; }
	.flex-left { float:left; width:50%; padding-right:60px; position:relative; }
	.flex-right { float:right; width:50%; margin-left:auto; position:relative; }

.contact-form { float:left; width:100%; position:relative; text-align:left; }
	
	.form-item { float:left; width:100%; padding-bottom:20px; position:relative; }
	.form-item-50 { width:calc(50% - 10px); }
	.form-item:last-child { padding-bottom:0; }
		.form-item-title { float:left; width:100%; margin-bottom:5px; font-weight:600; color:var(--color-dark); }
		.theme-dark .form-item-title { color:var(--color-border); }
		.form-item-text { float:left; width:100%; margin-top:10px; color:#666; }
		.theme-dark .form-item-text { color:rgba(255,255,255,0.35); }
		.form-item .button { min-width:200px; }
		
		.form-item-eye { float:left; width:100%; position:relative; }
			.show-pass { position:absolute; top:0; right:0; width:50px; height:50px; background:url(../images/icon-eye.png) no-repeat center / 20px; cursor:pointer; }
			.hide-pass { background-image:url(../images/icon-eye-hide.png); }
			.theme-dark .show-pass { background-image:url(../images/icon-eye-white.png); }
			.theme-dark .hide-pass { background-image:url(../images/icon-eye-hide-white.png); }
		
		.form-item-remember { float:left; font-size:13px; }
		.form-item-pass { float:right; }
		
	.contact-block .input { color:#FFF; border-color:rgba(255,255,255,0.3); background-color:rgba(0,0,0,0.15); }
	.contact-block .input:focus { border-color:#FFF; }
	
	.upload { float:left; width:100%; height:50px; position:relative; text-align:center; }

		.upload section {
			float:left;
			width:100%;
			height:100%;
			position:relative;
			border-bottom:2px solid rgba(0,0,0,0.2);
			font-weight:600;
			font-size:15px;
			line-height:48px;
			z-index:2;
		}
		.upload:hover section { border-color:var(--color-dark); }
			
			.upload section::after { content:""; position:absolute; top:0; bottom:0; right:0; width:50px; background:url(../images/icon-clip.png) no-repeat center / auto 16px; }

		.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;
		}

.account-form .form-item { display:flex; align-items:center; }
.account-form .form-item-title { width:40%; margin-bottom:0; }
.account-form .input { background-color:var(--color-light-2); }
.theme-dark .account-form .input { background-color:var(--color-dark-2); }

.contact-reviews { float:left; width:100%; height:100%; position:relative; }
	.contact-reviews picture { position:absolute; top:0; bottom:0; left:0; width:100%; background-repeat:no-repeat; background-position:center; background-size:100% auto; }
		.contact-reviews picture::before , .contact-reviews picture::after { content:""; position:absolute; top:0; bottom:0; left:0; width:20%; background-image:linear-gradient(90deg,var(--color-light),rgba(235,240,255,0.0)); }
		.contact-reviews picture::after { left:auto; right:0; background-image:linear-gradient(-90deg,var(--color-light),rgba(235,240,255,0.0)); }
		.theme-dark .contact-reviews picture::before { background-image:linear-gradient(90deg,var(--color-dark-2),rgba(1,12,41,0.0)); }
		.theme-dark .contact-reviews picture::after { background-image:linear-gradient(-90deg,var(--color-dark-2),rgba(1,12,41,0.0)); }


/*	Start LOGIN + SIGN UP	*/

.login-wrap , .sub-wrap { float:left; width:100%; padding-bottom:100px; position:relative; box-shadow:0 -1px 0 rgba(1,42,56,0.07); }
.theme-dark .login-wrap , .theme-dark .sub-wrap { box-shadow:0 -1px 0 rgba(255,255,255,0.07); }
.sub-wrap { padding-top:30px; }
	.login-wrap .flex-left { max-width:560px; }

.login-spacer { float:left; width:100%; padding:30px 0; text-align:center; position:relative; }
	.login-spacer::before { content:""; position:absolute; top:50%; left:0; right:0; height:1px; margin-top:-1px; background-color:var(--color-dark); }
	.theme-dark .login-spacer::before { background-color:var(--color-border); opacity:0.3; }
	.login-spacer span { display:inline-block; padding:0 20px; background-color:var(--color-light); position:relative; font-weight:600; color:var(--color-dark); }
	.theme-dark .login-spacer span { background-color:var(--color-dark-2); color:var(--color-border); }

.connect-social { float:left; width:100%; text-align:center; position:relative; }
	.connect-social ul { width:100%; margin-bottom:-12px; }
		.connect-social li { width:100%; padding-bottom:12px; }
		.connect-social-50 li { width:calc(50% - 10px); }
		.connect-social-50 li:nth-child(even) { float:right; }
			.connect-social li a { float:left; width:100%; height:50px; font-weight:600; color:#FFF; line-height:50px; background-color:var(--color-dark); border-radius:6px; position:relative; transition:all 0.25s; }
			.connect-social li a:hover { background-color:var(--color-blue); color:#FFF; }
				.connect-social li a section { display:inline-block; }
					.connect-social li a img { float:left; height:50px; margin-left:-12px; }

.login-review { float:left; width:100%; height:100%; padding:30px 30px 0 30px; position:relative; }
	.login-review picture { top:140px; width:100%; background-position:center top; }

.success-wrap { float:left; width:100%; min-height:510px; display:flex; align-items:center; }

.action-success { float:left; width:100%; margin-bottom:20px; position:relative; text-align:center; }
	.action-success::before { content:""; display:inline-block; width:120px; height:120px; background:var(--color-blue) url(../images/icon-ok.png) no-repeat center / 60px; border-radius:50%; }


/*	Start PAGINATION	*/

.ai-modal-wrap { width:100%; max-width:760px; margin:0 auto; }
.ai-modal { float:left; width:100%; padding:20px; position:relative; }

.ai-modal-teams { float:left; width:100%; margin-bottom:20px; position:relative; display:flex; align-items:center; }
	.ai-modal-teams section { float:left; flex:1; color:var(--color-dark); }
		.ai-modal-teams section time { display:block; font-weight:500; opacity:0.7; }
		.ai-modal-teams section strong { display:block; font-size:26px; font-weight:700; letter-spacing:-0.5px; line-height:30px; }
	.ai-modal-teams picture { float:right; margin-left:auto; }
		.ai-modal-teams picture img { float:left; height:48px; margin-right:8px; }
		.ai-modal-teams picture img:last-child { margin-right:0; }

.ai-modal-tab { float:left; width:100%; margin-bottom:20px; position:relative; }
	.ai-modal-tab ul { width:100%; position:relative; }
		.ai-modal-tab li { padding-right:8px; }
		.ai-modal-tab li:last-child { padding-right:0; }
			.ai-modal-tab li a { float:left; height:28px; padding:0 12px; border:1px solid var(--color-border); font-weight:700; color:var(--color-dark); line-height:26px; position:relative; border-radius:4px; }
			.ai-modal-tab li a:hover { border-color:var(--color-blue); color:var(--color-blue); }
			.ai-modal-tab li a.tab-active { border-color:var(--color-blue) !important; background-color:var(--color-blue) !important; color:#FFF; }

.ai-modal-box { float:left; width:100%; position:relative; display:flex; flex-flow:row wrap; }
	
.ai-modal-filter { float:left; width:100%; margin-bottom:20px; display:flex; align-items:center; }
	.ai-modal-filter strong { float:left; font-size:18px; color:var(--color-dark); }
	.ai-modal-filter section { float:right; margin-left:auto; }
		.ai-modal-filter section .input { height:28px; padding:0 29px 0 9px; font-size:12px; font-weight:500; letter-spacing:0; line-height:26px; color:var(--color-dark); border-color:var(--color-grey); box-shadow:none; background-color:transparent; }

.ai-modal-stats-header { float:left; width:100%; margin-bottom:15px; position:relative; font-weight:600; font-size:13px; color:#FFF; background-color:var(--color-dark); text-align:center; border-radius:6px; }
	.ai-modal-stats-header ul { width:100%; }
		.ai-modal-stats-header ul li { width:20%; padding:15px; position:relative; }
			.ai-modal-stats-header ul li::after { content:""; position:absolute; top:13px; bottom:13px; right:0; width:1px; background-color:var(--color-border); }
			.ai-modal-stats-header ul li:last-child::after { display:none; }

.ai-modal-stats-wrap { float:left; width:100%; max-height:calc(100vh - 389px); position:relative; overflow:hidden; overflow-y:auto; }
	
	.ai-modal-stats-in { float:left; width:calc(100% + 10px); margin-left:-5px; margin-top:-10px; }
		.ai-modal-stats-column { float:left; width:20%; min-height:100%; padding:15px; border-radius:6px; background-color:var(--color-light); }
		.ai-modal-stats-wrap .ai-modal-stats-column:nth-child(even) { background-color:transparent; }
			.ai-modal-stats-title { float:left; width:100%; padding:5px; margin-bottom:10px; border-radius:6px; background-color:var(--color-dark); font-weight:600; font-size:13px; color:#FFF; display:none; }
	
	.ai-modal-stats-item { float:left; width:100%; margin-bottom:10px; text-align:center; color:#000; }
	.ai-modal-stats-item:last-child { margin-bottom:0; }
		.ai-modal-stats-item section { float:left; width:100%; height:110px; padding:9px; background-color:#FFF; border:1px solid var(--color-grey); border-radius:4px; }
			.ai-modal-stats-item small { display:block; height:27px; background-color:#FAC515; font-size:19px; font-weight:700; color:var(--color-dark); line-height:29px; border-radius:4px; }
			.ai-modal-stats-item.win small { background-color:#06D280; }
			.ai-modal-stats-item.loss small { background-color:#FF4747; }
			.ai-modal-stats-item span { display:block; margin:8px 0 4px 0; font-size:10px; font-weight:700; line-height:100%; }
			.ai-modal-stats-item strong { display:block; padding-top:3px; margin-bottom:5px; font-size:23px; font-weight:900; line-height:100%; }
			.ai-modal-stats-item i { display:block; font-size:12px; font-weight:700; color:var(--color-grey); line-height:100%; }

.ai-similar-wrap { float:left; width:100%; padding:20px; margin-top:20px; position:relative; background-color:var(--color-light); border-radius:6px; overflow:hidden; }
	.ai-similar-wrap > strong { float:left; margin-bottom:20px; font-size:18px; color:var(--color-dark); line-height:22px; }
	.ai-similar-wrap > a { float:right; height:27px; padding:0 14px; font-size:12px; font-weight:700; color:var(--color-dark); line-height:25px; border:1px solid var(--color-dark); border-radius:4px; }
	.ai-similar-wrap > a:hover { background-color:var(--color-dark); color:#FFF; }

	.similar-matches { float:left; width:100%; position:relative; }
		.similar-matches ul { width:calc(100% + 12px); margin-left:-6px; margin-bottom:-12px; position:relative; display:flex; flex-flow:row wrap; }
			.similar-matches li { width:33.33334%; padding:0 6px; margin-bottom:12px; }
	
		.similar-match-item { float:left; width:100%; height:50px; padding:8px; color:var(--color-dark); border:1px solid var(--color-border); border-radius:4px; background-color:#FFF; }
			.similar-match-item section { float:left; width:100%; position:relative; display:flex; align-items:center; }
				
				.similar-match-item article { float:left; flex:1; padding-right:5px; color:var(--color-dark); }
					.similar-match-item article time { display:block; margin-top:-2px; font-size:8px; font-weight:500; line-height:100%; opacity:0.5; }
					.similar-match-item article span { display:block; height:10px; margin:3px 0; font-size:11px; font-weight:700; letter-spacing:-0.5px; line-height:100%; overflow:hidden; }
					.similar-match-item article small { display:block; font-size:12px; letter-spacing:-0.5px; line-height:100%; }
				
				.similar-match-item picture { float:right; margin-right:-4px; margin-left:auto; }
					.similar-match-item picture img { float:left; height:32px; margin-right:2px; }
					.similar-match-item picture img:last-child { margin-right:0; }


/*	Start MATCH LIST + MEMBERSHIP	*/

.match-list-title-wrap { float:left; width:100%; margin:40px 0 30px 0; position:relative; }
	.title-lined { float:left; width:100%; position:relative; overflow:hidden; }
		.title-lined strong { float:left; position:relative; font-size:23px; color:var(--color-dark); letter-spacing:-0.5px; line-height:30px; }
		.theme-dark .title-lined strong { color:var(--color-light); }
			.title-lined strong::after { content:""; position:absolute; top:calc(50% - 1px); right:-2020px; width:2000px; height:2px; background-color:var(--color-dark); }
			.theme-dark .title-lined strong::after { background-color:var(--color-border); opacity:0.35; }
	.match-list-date { float:left; width:100%; margin-top:15px; font-size:18px; font-weight:500; color:var(--color-dark); }
	.theme-dark .match-list-date { color:var(--color-border); }

.match-list { float:left; width:100%; position:relative; }
	.match-list > ul { width:calc(100% + 20px); margin-left:-10px; display:flex; flex-flow:row wrap; }
		.match-list > ul > li { width:50%; padding:0 10px; margin-bottom:20px; }
		
.match-list-item , .match-list-detailed { float:left; width:100%; padding:15px; position:relative; display:flex; border-radius:8px; border:1px solid transparent; background-color:var(--color-light); box-shadow:0 3px 5px rgba(1,12,41,0.1); transition:all 0.4s; }
.theme-dark .match-list-item , .theme-dark .match-list-detailed { border:1px solid transparent; background-color:var(--color-dark); }
.match-list-item:hover , .match-list-detailed:hover { border-color:#FFF; box-shadow:0 7px 14px rgba(1,12,41,0.1); }
	.match-list-item small , .row-match-title small { float:left; }
		.match-list-item small time , .row-match-title small time { float:left; padding:5px 12px; border-radius:5px; font-weight:700; font-size:15px; color:var(--color-light); background-color:var(--color-dark); }
		.theme-dark .match-list-item small time , .theme-dark .row-match-title small time { color:var(--color-dark); background-color:var(--color-light); }
	.match-list-item section { float:left; flex:1; padding-left:20px; font-size:18px; color:var(--color-dark); }
	.theme-dark .match-list-item section { color:var(--color-light); }
		.match-list-item section span { display:block; margin:4px 0 10px 0; }
		.match-list-item section strong { display:block; }

.match-list-detailed { display:block; }
	.row-match-title { float:left; width:100%; position:relative; display:flex; align-items:center; }
		.row-match-title strong { float:left; flex:1; padding:0 15px; font-size:18px; }
		.row-match-title > a { float:right; margin-left:auto; font-size:16px; font-weight:700; }
		.row-match-title > a:hover { text-decoration:underline; }

.row-match-prediction { float:left; width:100%; margin-top:15px; position:relative; }
	.row-match-prediction ul { width:100%; }
		.row-match-prediction li { width:100%; padding:5px 0; border-bottom:1px solid rgba(1,12,41,0.2); display:flex; align-items:center; font-size:16px; }
		.theme-dark .row-match-prediction li { border-bottom-color:rgba(255,255,255,0.2); }
		.row-match-prediction li:last-child { border-bottom:0; }
			.row-match-prediction li strong { float:left; width:40%; }
			.row-match-prediction li small { float:left; flex:1; padding:0 8px 0 15px; font-weight:500; }
			.row-match-prediction li picture { float:right; margin-left:auto; background-color:var(--color-dark); border-radius:5px; }
				.row-match-prediction li picture img { float:left; width:40px; }

.row-match-analyze { float:left; width:100%; position:relative; }
	.row-match-analyze title { display:block; margin:20px 0 10px 0; font-size:24px; font-weight:700; line-height:30px; }
	.row-match-analyze article { display:block; font-size:14px; line-height:22px;  }
		.row-match-analyze article small { font-weight:700; cursor:pointer; }

.n-membership-pro { float:left; width:100%; padding:25px; margin:5px 0 20px 0; border-radius:8px; display:flex; align-items:center; background-color:var(--color-blue); color:#FFF; }
	.n-membership-left { float:left; width:60%; padding-right:30px; }
	.n-membership-right { float:right; width:40%; margin-left:auto; }
	
	.n-page-text { float:left; width:100%; font-size:15px; line-height:28px; }
	.n-page-text.narrow { padding-left:10%; padding-right:10%; }
	
	.n-membership-specs { float:left; width:100%; }
		.n-membership-specs ul { width:100%; display:flex; flex-flow:row wrap; }
			.n-membership-specs li { width:50%; padding-left:30px; margin:10px 0; position:relative; font-size:16px; }
				.n-membership-specs li::before { content:""; position:absolute; top:calc(50% - 10px); left:0; width:20px; height:20px; background:var(--color-gold) url(../images/icon-ok.png) no-repeat center / 12px auto; border-radius:25%; }
	
	.n-membership-price { float:left; width:100%; display:flex; align-items:center; font-family:Nohemi; }
		.n-membership-price strong { margin-right:10px; font-size:70px; font-weight:600; line-height:100%; }
		.n-membership-price small { font-size:30px; font-weight:500; line-height:100%; opacity:0.5; }
	
	.n-membership-cta { float:left; width:100%; position:relative; }
		.n-membership-cta ul { width:calc(100% + 12px); margin-left:-6px; margin-bottom:-10px; display:flex; flex-flow:row wrap; text-align:center; }
			.n-membership-cta li { flex:1; flex-basis:auto; padding:0 6px; margin-bottom:10px; }
				.n-membership-cta li a { float:left; width:100%; padding:14px; border:1px solid var(--color-gold); font-weight:500; font-size:16px; color:var(--color-gold); border-radius:8px; transition:all 0.4s; }
				.n-membership-cta li a.gold { background-color:var(--color-gold); color:var(--color-dark); }
					.n-membership-cta li a small { width:100%; }
				.n-membership-cta li a:hover { border-color:var(--color-light); background-color:var(--color-light); color:var(--color-dark); }



/*	Start TIPS	*/

.theme-dark .tips-out { background-color:transparent; }
.tips-wrap { width:100%; max-width:470px; padding:20px; margin:0 auto; }
	
	.tip-box { float:left; width:100%; padding:32px; position:relative; background-color:#FFF; text-align:center; border-radius:10px; }
	.theme-dark .tip-box { background-color:var(--color-dark); text-align:center; border-radius:10px; }
		.tip-box-close { position:absolute; top:6px; right:6px; width:30px; height:30px; background:url(../images/icon-close-2.png) no-repeat center / 12px; text-indent:-9999px; cursor:pointer; opacity:0.7; border-radius:50%; }
		.tip-box-close:hover { opacity:1; background-color:var(--color-light); }
		.theme-dark .tip-box-close { background-image:url(../images/icon-close.png); }
		.theme-dark .tip-box-close:hover { background-color:var(--color-border); }
		
		.tip-box-title { float:left; width:100%; padding-top:9px; font-size:20px; font-weight:700; color:var(--color-dark); line-height:25px; }
		.theme-dark .tip-box-title { color:var(--color-light); }
		
		.tip-box-summary { float:left; width:100%; padding:5px 0 21px 0; font-size:15px; line-height:22px; }
			.tip-box-summary ul { display:block; }
				.tip-box-summary ul li { float:none; display:block; }
		
		.tip-box-picture { float:left; width:100%; border-radius:10px; overflow:hidden; }
			.tip-box-picture img { float:left; width:100%; }
		
		.tip-box-cta { float:left; width:calc(100% + 12px); margin-left:-6px; margin-top:20px; display:flex; }
			.tip-box-cta a { flex:1; flex-basis:calc(50% - 6px); padding:10px; margin:0 6px; color:#FFF; font-weight:600; background-color:var(--color-blue); border-radius:10px; transition:all 0.4s; }
			.tip-box-cta a.yt { background-color:#FF4747; }
			.tip-box-cta a:hover , .tip-box-cta a.dark { background-color:var(--color-dark) !important; }
			.theme-dark .tip-box-cta a.dark { background-color:var(--color-dark-2) !important; }
			.theme-dark .tip-box-cta a:hover { background-color:rgba(255,255,255,0.3) !important; }
			.tip-box-cta a.dark:hover { background-color:var(--color-grey) !important; }
				.tip-box-cta a section { display:inline-block; }
					.tip-box-cta a section img { float:left; height:20px; padding:2px 0; margin-right:5px; }
		
		.tip-box-dots { float:left; width:100%; margin-top:20px; margin-bottom:13px; flex:1; display:flex; align-items:center; }
			.tip-box-dots ul { width:calc(100% + 8px); margin-left:-4px; display:flex; text-indent:-9999px; overflow:hidden; }
				.tip-box-dots li { flex:1; flex-basis:10%; padding:0 4px; position:relative; }
					.tip-box-dots li small { float:left; width:100%; height:8px; background-color:var(--color-light); border-radius:4px; cursor:pointer; transition:all 0.4s; }
					.tip-box-dots li small:hover { background-color:#9AB1FA; }
					.tip-box-dots li.passed small { background-color:var(--color-blue); }
		
		.tip-box-count { float:left; width:100%; margin-bottom:-2px; font-size:21px; font-weight:800; color:var(--color-dark); line-height:25px; }
		.theme-dark .tip-box-count { color:var(--color-light); }


/*	Start PAGINATION	*/
	
.pages { float:left; width:100%; margin-bottom:5px; position:relative; font-size:13px; font-weight:600; line-height:32px; text-align:center; }
	
	.pages ul { width:100%; }
		.pages li { float:none; display:inline-block; padding:0 1px; }
			.pages li a { float:left; min-width:32px; height:32px; padding:0 5px; color:var(--color-blue); background-color:#FFF; transition:all 0.3s; border-radius:6px; }
			.pages li a:hover { background-color:var(--color-light-2); }
			.theme-dark .pages li a { background-color:rgba(0,0,0,0.65); }
			.pages li a.current { color:#FFF; background-color:var(--color-blue); }
				
.cookies-wrap { position:fixed; right:20px; bottom:20px; width:400px; z-index:7950; display:none; }
	.cookies { float:left; width:100%; padding:25px 30px; position:relative; background-color:rgba(6,26,38,0.8); backdrop-filter:blur(13px); -webkit-backdrop-filter:blur(13px); color:rgba(255, 255, 255, 0.8); border-radius:6px; }
		.cookies::before { content:""; position:absolute; right:15px; top:15px; left:15px; bottom:0; background:url(../images/icon-cookies.png) no-repeat 0 top / 60px auto; opacity:0.2; }
		.cookies section { float:left; width:100%; position:relative; }
		.cookies-close { position:absolute; top:-16px; right:20px; width:32px; height:32px; }
			.cookies-close span { float:left; width:100%; height:100%; position:relative; border-radius:6px; text-indent:-9999px; background:var(--color-light) url(../images/icon-close.png) no-repeat center / 12px; cursor:pointer; border:1px solid #FFF; }
			.cookies-close span:hover { background-size:14px; background-color:var(--color-blue); }

/*	LIVE MATCHES	*/

.sidebar { float:left; width:240px; position:relative; }
.right-block { float:right; width:calc(100% - 270px); position:relative; }

.sb-my-teams { float:left; width:100%; margin:10px 0; position:relative; }
	.sb-my-teams ul { width:100%; padding-right:10px; }
		.sb-my-teams li { width:100%; display:flex; align-items:center; border-bottom:1px solid rgba(1,12,41,0.06); }
		.theme-dark .sb-my-teams li { border-bottom-color:rgba(255,255,255,0.1); }
			.sb-my-teams li a { float:left; width:calc(100% - 20px); padding:8px 0; }
				.sb-my-teams li a img { float:left; height:20px; margin-right:7px; }
				.sb-my-leagues li a img { padding:2px 0; }

.btn-fav , .btn-faved { width:32px; height:32px; background:url(../images/icon-fav.png) no-repeat center / 15px 14px; display:inline-block; cursor:pointer; border-radius:50%; }
.btn-faved { background-image:url(../images/icon-faved.png); }
.btn-fav:hover , .btn-faved:hover { background-color:var(--color-light); }
.sb-my-teams .btn-fav , .sb-my-teams .btn-faved { float:right; margin-left:auto; }

.title-small { float:left; width:100%; padding:13px 19px; border:1px solid rgba(1,12,41,0.07); color:var(--color-dark); font-weight:600; }
.theme-dark .title-small { border-color:rgba(255,255,255,0.1); color:var(--color-light); }
.title-small.slim { padding:9px 14px; }
.title-small.box { border-color:transparent; }

.static-menu { float:left; width:100%; margin-top:10px; position:relative; }
	.static-menu ul { float:left; width:100%; }
		.static-menu li { width:100%; margin-bottom:2px; }
			.static-menu li a { float:left; width:100%; padding:7px 10px 7px 20px; position:relative; font-size:15px; font-weight:500; display:flex; align-items:center; z-index:10; border-radius:6px; transition:all 0.3s; }
			.static-menu li a:hover , .static-menu li a.static-menu-active { background-color:#FFF; }
			.theme-dark .static-menu li a:hover , .theme-dark .static-menu li a.static-menu-active { background-color:var(--color-dark); }
				.static-menu li a img { float:left; height:20px; margin:5px 10px 5px -5px; }

.static-photo , .static-photo img { float:left; width:100%; border-radius:6px; }

.static-text { float:left; width:100%; padding:12px; position:relative; font-size:13px; line-height:25px; }

.sb-country-wrap { float:left; width:100%; margin:10px 0; position:relative; }

.sb-country-title { float:left; width:100%; padding:7px 10px; margin-bottom:1px; position:relative; font-size:15px; font-weight:500; display:flex; align-items:center; z-index:10; border-radius:6px; transition:all 0.3s; }
.sb-country-title:hover , .sb-country-title-here , .sb-country-title-active { background-color:#FFF; }
.theme-dark .sb-country-title:hover , .theme-dark .sb-country-title-here , .theme-dark .sb-country-title-active { background-color:var(--color-dark); }
	.sb-country-title img { float:left; width:20px; height:14px; margin-right:10px; border-radius:3px; }
	.sb-country-title::after { content:""; position:absolute; top:0; bottom:0; right:10px; width:14px; background:url(../images/arrow-down.png) no-repeat center / 10px 5px; opacity:0; transition:all 0.3s; }
	.theme-dark .sb-country-title::after { background-image:url(../images/arrow-white-down.png); }
	.sb-country-title:hover::after , .sb-country-title-active::after { opacity:1; }
	.sb-country-title-active::after { transform:rotate(180deg); }
	.sb-country-title section { float:left; }

.sb-country-content { float:left; width:100%; padding-left:10px; margin-top:-5px; margin-bottom:5px; position:relative; display:none; font-size:13px; }

.page-filter { float:left; width:100%; }
.filter-wrap { float:right; font-size:13px; }

.filter-box { position:absolute; right:-5px; top:46px; width:250px; background-color:#FFF; z-index:100; border-radius:6px; border:1px solid var(--color-blue); display:none; color:#333; }
.theme-dark .filter-box { border-color:#FFF; }
	.filter-box::before , .filter-box::after { 
		content:"";
		border-bottom:4px solid transparent;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		height: 0;
		top:-4px;
		right:18px;
		position:absolute;
		width:0;
		border-bottom-color:var(--color-blue);
	}
	.filter-box::after { top:-3px; border-bottom-color:#FFF; }
	.theme-dark .filter-box::before { border-bottom-color:#FFF; }

.filter-icon { float:left; width:48px; height:48px; position:relative; cursor:pointer; text-indent:-9999px; }
	.filter-icon::before { content:""; position:absolute; top:calc(50% - 10px); left:calc(50% - 10px); width:20px; height:20px; background-position:0 0; background-size:20px auto; background-repeat:no-repeat; z-index:5; transition:all 0.3s; }
	.filter-icon span { position:relative; z-index:10; }

.filter-search { float:left; position:relative; }
.filter-search-icon::before { background-image:url(../images/icon-search.png); }
.filter-search-content { float:left; width:100%; padding:0; }
	.filter-search-in { float:left; width:100%; max-width:320px; position:relative; }
		.filter-search-in input { width:100%; height:40px; padding:0 44px 0 14px; border:0; border-radius:6px; background-color:transparent; font-size:13px; line-height:38px; }
		.filter-search-in button { position:absolute; width:32px; height:32px; top:4px; right:4px; background:url(../images/arrow-right.png) no-repeat center / 14px; text-indent:-9999px; border-radius:50%; }
		.filter-search-in button:hover { background-color:var(--color-light); }

.filter-arrange { float:left; position:relative; }
.filter-arrange-icon::before { background-image:url(../images/icon-arrange.png); }

.filter-calendar { float:left; position:relative; }
.filter-calendar-icon::before { background-image:url(../images/icon-calendar.png); }
.filter-calendar-content , .filter-arrange-content { width:160px; text-align:center; }
	.filter-calendar-in { float:left; width:100%; padding:9px; border-radius:4px; overflow:hidden; }
		.filter-calendar-in ul { width:100%; }
			.filter-calendar-in li { width:100%; padding:2px 0; border-bottom:1px solid var(--color-light); }
			.filter-calendar-in li:last-child { border-bottom:0; }
				.filter-calendar-in li section { float:left; width:100%; font-weight:500; line-height:25px; cursor:pointer; border-radius:6px; }
				.filter-calendar-in li section:hover { background-color:var(--color-light); }
				.filter-calendar-in li section.active { background-color:var(--color-blue); color:#FFF; }

.menu-trigger { transition:all 0.3s; }
.menu-trigger-active::after { content:""; position:absolute; top:4px; bottom:4px; left:4px; right:4px; background-color:rgba(54,99,246,0.1); border-radius:4px; }

.tab { float:left; position:relative; }
	.tab ul { padding:0 20px; position:relative; }
		.tab li { padding-right:25px; }
		.tab li:last-child { padding-right:0; }
			.tab li a { float:left; height:48px; font-weight:500; font-family:Nohemi; letter-spacing:0.3px; line-height:50px; position:relative; }
				.tab li a i { position:absolute; top:-3px; right:-5px; min-width:14px; height:14px; padding:0 4px; font-size:8px; font-family:Inter; color:#FFF; line-height:14px; background-color:var(--color-grey); border-radius:3px; text-align:center; }
				.tab li a::after { content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background-color:var(--color-blue); border-radius:3px 3px 0 0; opacity:0; transition:all 0.3s; }		
				.tab li a:hover::after , .tab li a.tab-active::after { opacity:1; }		
			.tab li a.tab-active { color:var(--color-blue) !important; }

.tab-sub { float:left; width:100%; margin-bottom:10px; position:relative; }
	.tab-sub ul { width:100%; position:relative; }
		.tab-sub li { padding-right:10px; }
			.tab-sub li a { float:left; padding:5px 10px; position:relative; font-weight:600; font-family:Nohemi; font-size:13px; letter-spacing:0.3px; border-radius:6px; background-color:var(--color-light); }
			.tab-sub li a:hover { background-color:var(--color-light-2); }
			.theme-dark .tab-sub li a { background-color:rgba(255,255,255,0.2); }
			.tab-sub li a.tab-sub-active { background-color:var(--color-blue); color:#FFF; }

/*	Start LIVE SCORE	*/

.box { float:left; width:100%; position:relative; background-color:#FFF; }
.theme-dark .box { background-color:var(--color-dark); }
.box-title { float:left; margin-bottom:-4px; font-family:Nohemi; font-size:20px; font-weight:500; color:var(--color-dark); letter-spacing:0.75px; line-height:24px; }
.theme-dark .box-title { color:var(--color-light); }

.padding-12 { padding:12px; }
.padding-20 { padding:20px; }
.br-6 { border-radius:6px; }

.live-score-match-info { float:left; width:100%; padding:15px; margin:10px 0; position:relative; background-color:#FFF; }
.theme-dark .live-score-match-info { background-color:var(--color-dark); }
	.live-score-match-info ul { width:100%; margin-bottom:-5px; display:flex; flex-flow:row wrap; }
		.live-score-match-info li { width:50%; padding:0 5px; margin-bottom:5px; font-size:11px; font-weight:500; }
			.live-score-match-info li section { float:left; width:100%; display:flex; align-items:center; }
				.live-score-match-info li section span { float:right; width:calc(100% - 20px); margin-left:auto; line-height:16px; }

.team-play-dot { display:inline-block; width:10px; height:10px; background-color:var(--color-border); border-radius:50%; }
.team-play-dot-blue { background-color:var(--color-blue); }
.team-play-dot-green { background-color:var(--color-green); }
.team-play-dot-yellow { background-color:var(--color-yellow); }

@keyframes tpanimation {
	0% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
	100% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
}

.tp-animation { animation:tpanimation 0.7s ease-in-out infinite alternate; -webkit-animation:tpanimation 0.7s ease-in-out infinite alternate; }
.tp-animation-fast { animation:tpanimation 0.35s ease-in-out infinite alternate; -webkit-animation:tpanimation 0.35s ease-in-out infinite alternate; }

.live-score-box { float:left; width:100%; position:relative; background-color:#FFF; }
.theme-dark .live-score-box { background-color:var(--color-dark); }
.live-score-box-in { float:left; width:100%; }
.live-score-head { float:left; width:100%; min-height:40px; padding-right:40px; margin-bottom:6px; position:relative; background-color:var(--color-light); display:flex; align-items:center; border-radius:6px; }
.theme-dark .live-score-head { background-color:rgba(255,255,255,0.1); }
.popup-wrap .live-score-head { border-radius:0; }

.ls-head-country { float:left; width:100%; padding-left:15px; display:flex; align-items:center; }
	.ls-head-country a { display:flex; align-items:center; font-weight:600; }
	.ls-head-country img { float:left; width:20px; /* height:14px; */ margin-right:10px; border-radius:3px; }
	.ls-head-country i { float:left; width:1px; height:20px; margin:0 15px; background-color:#FFF; opacity:0.1; }

.live-score-content { float:left; width:100%; margin-bottom:20px; position:relative; }
.live-score-content:last-child { margin-bottom:0; }
.live-score-box-in .live-score-content:last-child { margin-bottom:20px; }
.live-score-item { float:left; width:100%; padding-right:40px; position:relative; display:flex; flex-flow:row wrap; font-size:13px; border-bottom:1px solid rgba(1,12,41,0.07); color:var(--color-dark); font-weight:500; border-radius:4px; }
.theme-dark .live-score-item { border-bottom:1px solid rgba(255,255,255,0.07); color:var(--color-light); }
.pro-bulten-list .live-score-head , .pro-bulten-list .live-score-item { padding-right:0; }
.reaction-content .live-score-item { padding-right:10px; }
.live-score-item:hover { background-color:var(--color-light-2); }
.theme-dark .live-score-item:hover { background-color:rgba(255,255,255,0.1); }
.live-score-content .live-score-item:last-child { margin-bottom:0; }

.live-score-item-live::after { content:"CANLI"; position:absolute; top:calc(50% - 8px); right:-10px; width:36px; height:16px; background-color:var(--color-green); border-radius:4px; font-size:8px; font-weight:600; color:#FFF; line-height:16px; text-align:center; transform:rotate(-90deg); }

.btn-reaction { position:absolute; top:calc(50% - 8px); right:-10px; width:16px; height:16px; border:1px solid var(--color-blue); color:var(--color-blue) !important; border-radius:4px; font-size:9px; font-weight:600; line-height:14px; text-align:center; }
.btn-reaction:hover { background-color:var(--color-blue); color:#FFF !important; }

.ls-inner { float:left; width:100%; position:relative; }

.ls-left , .ls-right { float:left; width:50%; height:100%; display:flex; flex-flow:row wrap; align-items:center; text-align:center; }
.reaction-content .ls-left { width:100%; }
.live-score-content .ls-left { cursor:pointer; }

.ls-col { height:60px; position:relative; flex:1; flex-basis:10%; }
.ls-col::before { content:""; position:absolute; top:10px; bottom:10px; left:0; width:1px; background-color:var(--color-dark); opacity:0.06; }
.live-score-head .ls-col { height:40px; border-color:transparent !important; }

.ls-goal { font-weight:500; }
.reaction-content .ls-goal { flex-basis:20%; }

.ls-col-in { width:100%; height:100%; display:flex; align-items:center; }
.ls-col-row { width:100%; }
.live-score-head .ls-col-row { height:16px; }
	
	.ls-fav { flex-basis:10%; }
	.ls-fav::before , .ls-date::before , .ls-teams::before { display:none; }
	.ls-date { width:100%; padding-left:15px; text-align:left; flex-basis:15%; font-size:11px; line-height:16px; }
		
	.ls-date-finish { color:var(--color-grey); font-weight:600; }
	.ls-date-live { font-size:12px; color:var(--color-red); font-weight:700; position:relative; }
	.ls-date-live::after { content:""; width:5px; height:5px; display:inline-block; margin:0 0 7px 2px; border-radius:50%; animation:nowplaying 2s; -moz-animation:nowplaying 1.5s infinite; -webkit-animation:nowplaying 1.5s infinite; }

	@-moz-keyframes nowplaying {
		0% {background:var(--color-red);}
		50% {background:rgba(0,0,0,0.0);}
		100% {background:var(--color-red);}
	}

	@-webkit-keyframes nowplaying {
		0% {background:var(--color-red);}
		50% {background:rgba(0,0,0,0.0);}
		100% {background:var(--color-red);}
	}

	.ls-teams { flex-basis:70%; }
	.reaction-content .ls-teams { flex-basis:50%; }
	.ls-team-1 , .ls-team-2 { padding:2px 0 2px 45px; position:relative; text-align:left; display:flex; align-items:center; font-weight:500; }
		.ls-team-1 img , .ls-team-2 img { float:left; height:20px; margin-right:10px; }
		.ls-team-1 .team-play-dot , .ls-team-2 .team-play-dot { position:absolute; top:calc(50% - 5px); left:12px; }
		.ls-team-name { max-width:130px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.ls-team-1 picture , .ls-team-2 picture { width:20px; height:20px; margin-right:10px; text-align:center; overflow:hidden; border-radius:3px; display:flex; align-items:center; }
.ls-team-1 picture img , .ls-team-2 picture img { width:100%; height:auto; margin:0 !important; border-radius:3px; }

.ls-card-yellow , .ls-card-red { display:inline-block; width:8px; height:10px; margin-left:5px; text-align:center; color:#FFF; font-size:9px; font-weight:600; line-height:10px; background-color:var(--color-yellow); border-radius:2px; }
.ls-card-red { background-color:var(--color-red); }

.ls-icon { display:inline-block; width:16px; height:16px; position:relative; background-repeat:no-repeat; background-size:100% auto; background-position:0 0; transition:all 0.3s; }
.theme-dark .ls-icon { background-position:0 -16px; }
.ls-icon-goal { background-image:url(../images/icon-ball.png); }
.ls-icon-shot { background-image:url(../images/icon-shot.png); }
.ls-icon-corner { background-image:url(../images/icon-corner.png); }
.ls-icon-possession { background-image:url(../images/icon-possession.png); }
.ls-icon-foul { background-image:url(../images/icon-foul.png); }
.ls-icon-lock-1 { background-image:url(../images/icon-lock-1.png); }
.ls-icon-lock-2 { background-image:url(../images/icon-lock-2.png); }
.ls-icon-lock-3 { background-image:url(../images/icon-lock-3.png); }

.ls-right-col-top , .ls-right-col-bottom { float:left; width:100%; }
.ls-right-col-locked { width:100%; height:20px; background:url(../images/icon-lock.png) no-repeat center / 10px 12px; text-indent:-9999px; }

.tooltip { position:absolute; top:-4px; bottom:-4px; left:-4px; right:-4px; cursor:pointer; text-align:center; }
.tooltip:hover { z-index:9999; }
	.tooltip span { 
		padding:5px 7px;
		background-color:var(--color-blue); 
		position:absolute; 
		bottom:24px; 
		left:-30px; 
		right:-30px; 
		border-radius:3px;
		display:none;
		font-size:11px;
		line-height:10px; 
		font-weight:500;
		color:#FFF;
		}
	.tooltip:hover span { display:block; }
		.tooltip span::before { 
			content:"";
			border-top:3px solid transparent;
			border-left:5px solid transparent;
			border-right:5px solid transparent;
			height:0;
			position:absolute;
			width:0;
			left:50%;
			bottom:-3px;
			margin-left:-5px;
			border-top-color:var(--color-blue);
			z-index:5;
			}

.ls-col-row-lock { width:100%; height:14px; text-align:center; } 
	.ls-col-row-lock img { height:14px; } 

.icon-var { position:absolute; right:8px; top:calc(50% - 8px); padding:0 3px; border:1px solid var(--color-blue); color:var(--color-blue); background-color:#FFF; font-size:9px; font-weight:700; line-height:14px; border-radius:3px; cursor:pointer; }
.theme-dark .icon-var { background-color:var(--color-dark); }


.hero-team { float:left; width:100%; position:relative; display:flex; align-items:center; background-color:#FFF; }
.theme-dark .hero-team { background-color:var(--color-dark); }
	
	.hero-team-badge { float:left; width:90px; height:90px; position:relative; background-color:#FFF; border-radius:12px; }
		.hero-team-badge::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid var(--color-dark); opacity:0.07; border-radius:12px; }
		.hero-team-badge img { width:100%; height:100%; }
	
	.hero-team-info { float:left; width:calc(100% - 120px); margin-left:auto; position:relative; }
		.hero-team-country , .hero-team-name , .hero-team-details { float:left; width:100%; position:relative; }
		.hero-team-country .ls-head-country , .hero-team-name .ls-team-1 { padding-left:0; }
		.hero-team-name { margin:5px 0; }
		.hero-team-name .ls-team-name { padding-right:7px; font-size:18px; font-weight:600; }
		.hero-team-details { font-size:13px; }
			.hero-team-details span { opacity:0.4; }

.tournament-table-head , .tournament-table-item { padding-right:0; }
.tournament-table-head .tt-row { font-weight:700; }

.tt-row { float:left; width:100%; padding:10px 0; position:relative; display:flex; align-items:center; font-size:13px; font-weight:500; color:var(--color-dark); }
.theme-dark .tt-row { color:var(--color-light); }
	.tt-position ,
	.tt-live ,
	.tt-mp ,
	.tt-win ,
	.tt-draw ,
	.tt-loss ,
	.tt-goals ,
	.tt-points ,
	.tt-form { float:left; width:40px; height:20px; text-align:center; }
	.tt-live , .tt-goals { width:50px; }
	.tt-form { width:128px; }
	.tt-team { float:left; width:calc(100% - 468px); }
	
	.tt-position .tt-cell , .tt-live .tt-cell { display:inline-block; width:20px; height:20px; position:relative; z-index:10; font-size:12px; font-weight:600; border-radius:4px; }
	.tt-live .tt-cell { width:auto; padding:0 6px; color:#FFF; }
	.tt-live .tt-cell.win { background-color:var(--color-green); }
	.tt-live .tt-cell.draw { background-color:var(--color-gold); }
	.tt-live .tt-cell.loss { background-color:var(--color-red); }
	
	.tt-team .ls-team-1 , .tt-team .ls-team-2 { padding:0; }
	
	.tournament-table-head .tt-position , 
	.tournament-table-head .tt-live , 
	.tournament-table-head .tt-mp , 
	.tournament-table-head .tt-win , 
	.tournament-table-head .tt-draw , 
	.tournament-table-head .tt-loss , 
	.tournament-table-head .tt-goals , 
	.tournament-table-head .tt-points , 
	.tournament-table-head .tt-form { font-size:12px; }

.row-standing-live { background-color:#323D5A; box-shadow:inset 2px 0 0 #FFF; }

.team-standing-down , .team-standing-up { padding-right:12px; position:relative; }
.team-standing-up::before { 
	content:"";
	border-bottom:3px solid transparent;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	height:0;
	position: absolute;
	width:0;
	right:0;
	top:calc(50% - 2px);
	border-bottom-color:var(--color-green);
}
.team-standing-down::before { 
	content:"";
	border-top:3px solid transparent;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	height:0;
	position: absolute;
	width:0;
	right:0;
	top:calc(50% - 1px);
	border-top-color:var(--color-red);
}

.tournament-info { float:left; width:100%; margin:10px 0; position:relative; }
	.tournament-info ul { width:100%; display:flex; flex-flow:row wrap; }
		.tournament-info li { width:100%; margin-bottom:5px; font-size:13px; }
			.tournament-info li section { float:left; width:100%; display:flex; align-items:center; }
				.tournament-info li section span { float:right; width:calc(100% - 25px); margin-left:auto; line-height:16px; }
	
	.tournament-info li section span { float:right; width:calc(100% - 25px); margin-left:auto; line-height:16px; }

.tt-info-dot { display:inline-block; width:14px; height:14px; background-color:#C6C6C6; color:#FFF; border-radius:4px; }
.tt-info-dot-cl { background-color:var(--color-gold); color:#FFF; }
.tt-info-dot-el { background-color:var(--color-blue); color:#FFF; }
.tt-info-dot-ecl { background-color:var(--color-green); color:#FFF; }
.tt-info-dot-rel { background-color:var(--color-red); color:#FFF; }

.team-form-head , .team-form-item { padding-right:0; }

.team-pitch { float:left; flex:1; }
.team-matches , .team-win , .team-draw , .team-loss { float:left; width:70px; text-align:center; }
.team-last-5 { float:left; width:140px; height:20px; text-align:center; }

.team-form-head .team-matches , 
.team-form-head .team-win , 
.team-form-head .team-draw , 
.team-form-head .team-loss , 
.team-form-head .team-last-5 { font-size:12px; opacity:0.7; }

.team-form-inner { float:left; width:100%; padding:10px 0; position:relative; display:flex; align-items:center; font-size:13px; }
.team-form-inner .team-pitch { padding-left:20px; }

.form-run-box { display:inline-block; position:relative; text-align:center; }
.reaction-content .form-run-box { float:right; }
	.form-run { float:left; width:20px; height:20px; margin-right:2px; font-size:12px; font-weight:500; color:#FFF; border-radius:6px; }
	.form-run:last-child { margin-right:0; }
	.form-run.win { background-color:var(--color-green); }
	.form-run.draw { background-color:var(--color-gold); }
	.form-run.loss { background-color:var(--color-red); }

.form-run-box-mini .form-run { width:10px; height:10px; margin-right:5px; border-radius:50%; text-indent:-9999px; }


/*	Start MATCH SQUADS	*/


.match-squad-head { padding-right:0; margin-bottom:0; font-weight:700; text-align:center; }
	.match-squad-head-formation { position:absolute; top:calc(50% - 10px); }
	.match-squad-head-formation.fl { left:20px; }
	.match-squad-head-formation.fr { right:20px; }

.match-squad-box { float:left; width:100%; position:relative; }
	
	.match-squad-content { float:left; width:100%; padding:0 20px; margin:15px 0; position:relative; }
		.match-squad-content::before { content:""; position:absolute; top:-15px; bottom:-15px; left:calc(50% - 1px); border-left:2px solid var(--color-blue); opacity:0.1; }
		.theme-dark .match-squad-content::before { border-left:2px solid var(--color-dark-2); opacity:1; }
		.match-squad-block { float:left; width:calc(50% - 30px); }
		.match-squad-block:last-child { float:right; }
	
	.match-squad-row { padding:10px 0; display:flex; justify-content:flex-start; }
		.match-squad-item { width:100%; flex:1; display:flex; flex-flow:row wrap; align-items:center; font-size:13px; }
			.match-squad-no { display:inline-block; width:20px; height:20px; margin-right:10px; color:#FFF; font-weight:500; font-size:12px; background-color:var(--color-blue); text-align:center; border-radius:6px; }
			.match-squad-name { display:inline-block; margin-right:5px; font-weight:600; }
		
		.match-squad-block:last-child .match-squad-item { flex-flow:row-reverse wrap; }
			.match-squad-block:last-child .match-squad-no { margin-right:0; margin-left:10px; background-color:var(--color-red); }
			.match-squad-block:last-child .match-squad-name { margin-right:0; margin-left:5px; }
			
			.match-squad-icon { display:inline-block; margin:0 5px; }
				.match-squad-icon picture { float:left; width:28px; height:28px; padding:5px; margin-right:4px; display:flex; align-items:center; border:1px solid var(--color-border); border-radius:6px; }
				.match-squad-icon picture:last-child { margin-right:0; }
					.match-squad-icon img { width:100%; }
			.match-squad-text { display:inline-block; margin:0 5px; opacity:0.7; }

.pitch-wrap { float:left; width:100%; padding:25px; position:relative; border-radius:4px; text-align:center; border-bottom:2px solid var(--color-light); overflow:hidden; }
.theme-dark .pitch-wrap { border-bottom:2px solid var(--color-dark-2); }
	.pitch-in { width:100%; max-width:660px; display:inline-block; }
		.pitch-main { float:left; width:100%; position:relative; }
			.pitch-bg { float:left; width:100%; position:relative; }
				.pitch-bg img { float:left; width:100%; }
			
.pitch { position:absolute; top:0; bottom:0; left:0; right:0; z-index:100; display:flex; }
	.pitch-home-team , .pitch-away-team { display:flex; width:100%; height:100%; }
	.pitch-home-team { margin-left:-40px; margin-right:10px; }
	.pitch-away-team { flex-direction:row-reverse; margin-left:10px; margin-right:-40px; }

	.pitch-line { display:flex; flex-direction: column-reverse; justify-content: space-evenly; align-items: center; width: 100%; height: 100%; }
		.pitch-player { position:relative; height:50px; display:flex; align-items:center; flex-direction:column; }
			.pitch-player-incident { display:flex; align-items:center; position:absolute; z-index:1; top:-10px; left:-5px; }
				.pitch-player-incident picture { float:left; margin-right:2px; background-color:#FFF; border-radius:4px; border:1px solid var(--color-grey); }
				.theme-dark .pitch-player-incident picture { background-color:var(--color-dark); }
				.pitch-player-incident picture:last-child { margin-right:0; }
					.pitch-player-incident picture img { float:left; height:10px; margin:3px; }
			.pitch-player-jersey { width:32px; height:30px; padding-top:4px; justify-content:center; font-size:11px; font-weight:700; color:#FFF; background:url(../images/player-home.png) no-repeat 0 0 /100% 100%; }
			.pitch-away-team .pitch-player-jersey { background-image:url(../images/player-away.png); }
			.pitch-player-name { display:block; max-width:70px; padding:0 5px; margin-top:4px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:9px; font-weight:600; line-height:16px; background-color:var(--color-light); border-radius:3px; }
			.theme-dark .pitch-player-name { background-color:#1B253F; border-radius:3px; }


/*	Start TEAM SERIES	*/

.team-series-box .live-score-head { padding:10px 20px; font-weight:700; }
.team-series-box .live-score-item { padding:15px 20px; }
.team-series-box .live-score-content { margin-bottom:0; }

.list-line { float:left; width:100%; position:relative; display:flex; align-items:center; }

.ts-league , .ts-team , .ts-pitch , .ts-serie , .ts-next , .ts-date { float:left; width:20%; font-size:13px; }
.ts-team , .ts-next { width:22.5%; }
.ts-team .ls-team-1 , .ts-next .ls-team-2 { padding-left:0; }
.ts-pitch , .ts-serie { width:10%; }
.ts-date { width:15%; }

.team-where { padding:0 5px; margin-left:7px; background-color:#4C556E; color:#FFF; font-size:9px; line-height:16px; border-radius:3px; }

.pro-bulten-list .ls-team-1 , .pro-bulten-list .ls-team-2 { padding-left:15px; }

/*	Start PRO BULTEN	*/


.pro-bulten-box { float:left; width:100%; position:relative; }
.pro-bulten-table { width:100%; text-align:center; font-size:12px; }
	.pro-bulten-table thead { font-size:10px; line-height:14px; background-color:var(--color-light); vertical-align:middle; }
	.theme-dark .pro-bulten-table thead { background-color:rgba(255,255,255,0.1); }
		.pro-bulten-table tbody tr { border-bottom:1px solid rgba(1,12,41,0.07); }
		.theme-dark .pro-bulten-table tbody tr { border-bottom-color:rgba(255,255,255,0.1); }
		.pro-bulten-table tbody tr:first-child { border-top:5px solid #FFF; }
		.theme-dark .pro-bulten-table tbody tr:first-child { border-top-color:var(--color-dark); }
			.pro-bulten-table th , .pro-bulten-table td { padding:8px; vertical-align:middle; }
			.pro-bulten-table tr:hover td { background-color:var(--color-light-2); }
			.theme-dark .pro-bulten-table tr:hover td { background-color:var(--color-dark-2); }

.pro-date { width:60px; padding-left:20px !important; padding-right:0 !important; text-align:left; position:relative; }
	td.pro-date::before { content:""; position:absolute; top:15px; bottom:15px; left:0; width:4px; background-color:var(--color-blue); transition:all 0.3s; opacity:0; border-radius:0 4px 4px 0; }
	.pro-bulten-table tr:hover .pro-date::before { opacity:1; }

.pro-league { width:120px; text-align:left; }
.pro-teams { width:180px; text-align:left; }
	
	.pro-league-content , .pro-teams-content { width:100%; font-weight:500; overflow:hidden; display:flex; align-items:center; }
	.pro-teams-content { padding:3px 0; font-weight:600; line-height:14px; }
	.pro-teams-content { text-overflow:ellipsis; white-space:nowrap; }
		.pro-league-content img , .pro-teams-content img { float:left; width:18px; margin-right:6px; border-radius:3px; }

.pro-locked img { height:14px; }

.pro-filter { float:left; width:calc(100% + 8px); margin-left:-4px; margin-bottom:-8px; position:relative; display:flex; flex-flow:row wrap; }
	.pro-filter-item { float:left; flex:1; flex-basis:25%; padding:0 4px; margin-bottom:8px; }
		.pro-filter-item .input { height:40px; padding:0 12px; font-size:13px; font-weight:500; line-height:38px; border:1px solid var(--color-blue); }


/*	Start REACTION	*/

.reaction-box { float:left; width:100%; position:relative; }
.reaction-table { width:100%; text-align:center; }
	.reaction-table thead { font-size:12px; background-color:#272F47; vertical-align:middle; }
		.reaction-table tbody tr { border-top:2px solid #12192D; }
			.reaction-table th , .reaction-table td { padding:10px; vertical-align:middle; }
			.reaction-table td { background-color:#1B2136; }
			.reaction-table tr:hover td { background-color:#272F47; }

.r-date { padding-left:15px !important; text-align:left; }
.r-team-home , .r-team-away { padding-left:10px; text-align:left; }


/*	Start POPUP	*/

.popup-out { float:left; width:100%; min-height:100vh; background-color:var(--color-light); }
.theme-dark .popup-out { background-color:var(--color-dark-2); }

.popup-wrap { width:100%; max-width:680px; padding:0 12px; margin:0 auto; }
.popup-header { float:left; width:100%; height:48px; padding:10px; margin-bottom:12px; background-color:var(--color-dark); text-align:center; border-radius:0 0 6px 6px; }
	.popup-logo { display:inline-block; height:28px; }
		.popup-logo img { height:100%; padding:2px 0; }
.popup-inner { float:left; width:100%; padding:0 20px; }
.popup-content { float:left; width:100%; padding-bottom:10px; position:relative; background-color:#FFF; }
.theme-dark .popup-content { background-color:var(--color-dark); }

.popup-wrap .match-summary-box , .popup-wrap .match-summary-info-box { width:100% !important; }
.popup-wrap .match-summary-info-box { padding:0 20px; margin-top:20px; }

.popup-fixed-score { position:fixed; top:-70px; left:0; right:0; z-index:8800; text-align:center; transition:all 0.4s; }
.scroll .popup-fixed-score { top:0; }
	.fixed-score-hero { float:left; width:100%; padding:5px; position:relative; background-color:#FFF; display:flex; align-items:center; }
	.theme-dark .fixed-score-hero { background-color:var(--color-dark); }
		.fixed-score-hero::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background-color:var(--color-blue); }
		.fixed-score-hero-cell { width:33.33334%; }
			.fixed-score-hero-cell .hero-score-left , .fixed-score-hero-cell .hero-score-right , .fixed-score-hero-cell .hero-score-center { width:100%; }
			.fixed-score-hero-cell .hero-score-left section picture , .fixed-score-hero-cell .hero-score-right section picture { width:44px !important; height:44px !important; padding:2px !important; }
			.fixed-score-hero-cell .hero-score-center section { font-size:30px; line-height:30px; }
			.fixed-score-hero-cell .ls-date-live { float:left; width:100%; font-size:11px; }

.popup-hero-score { float:left; width:100%; padding:20px; position:relative; display:flex; align-items:center; text-align:center; box-shadow:inset 0 -1px 0 rgba(1,42,56,0.07); overflow:hidden; }
.theme-dark .popup-hero-score { box-shadow:inset 0 -1px 0 rgba(255,255,255,0.1); }

.popup-footer { padding:12px !important; text-align:center; }
.popup-close { display:inline-block; padding-left:20px; background:url(../images/icon-close-2.png) no-repeat 0 center / 12px; font-size:11px; font-weight:600; color:var(--color-red); line-height:30px; }
.theme-dark .popup-close { background-image:url(../images/icon-close.png); }

.popup-wrap .hero-score-in { padding:12px 0; }
.popup-wrap .hero-score-left section picture , .popup-wrap .hero-score-right section picture { width:80px; height:80px; padding:10px; position:relative; }
.popup-wrap .hero-score-left section picture a , .popup-wrap .hero-score-right section picture a { position:relative; z-index:10; }
.hero-score-left section picture::after , .hero-score-right section picture::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid var(--color-dark); opacity:0.07; border-radius:12px; }

.hero-score { float:left; width:100%; position:relative; }
	.hero-score-in { float:left; width:100%; padding:10px; position:relative; display:flex; align-items:center; text-align:center; }
		.hero-score-left , .hero-score-right { width:25%; position:relative; z-index:100; }
		.hero-score-left { padding-left:24px; }
		.hero-score-right { padding-right:24px; margin-left:auto; }

		.hero-score-left .btn-fav , .hero-score-left .btn-faved , .hero-score-right .btn-fav , .hero-score-right .btn-faved { position:absolute; top:30px; z-index:20; }
		.hero-score-left .btn-fav , .hero-score-left .btn-faved { left:0; }
		.hero-score-right .btn-fav , .hero-score-right .btn-faved { right:0; }
			
			.hero-score-left section , .hero-score-right section { float:left; width:100%; position:relative; }
				.hero-score-left section picture , .hero-score-right section picture { display:inline-block; width:100px; height:100px; padding:10px; position:relative; background-color:#FFF; border-radius:12px; }
					.hero-score-left section picture img , .hero-score-right section picture img { width:100%; height:100%; }
				.hero-score-name { display:inline-block; margin-top:10px; }
					.hero-score-name span { display:flex; align-items:center; }
						.hero-score-name span strong { height:20px; font-weight:600; overflow:hidden; }
			
		.hero-score-center { width:50%; position:relative; }
		.theme-dark .hero-score-center { color:#FFF; }
			.hero-score-center span { float:left; width:100%; font-size:16px; font-weight:500; }
			.hero-score-center i { float:left; width:100%; margin:1px 0 3px 0; font-size:13px; font-weight:600; color:var(--color-grey); }
			.hero-score-center section { float:left; width:100%; margin-top:5px; font-family:Nohemi; font-size:50px; line-height:50px; }
				.hero-score-center section strong { font-weight:600; }
			.hero-score-time { display:inline-block; }

.match-summary-box { float:left; width:calc(100% - 330px); }
.match-summary-info-box { float:right; width:300px; }
	.match-summary-info { float:left; width:100%; font-size:13px; font-weight:600; }
		.match-summary-info ul { width:100%; }
			.match-summary-info li { width:100%; margin-bottom:10px; display:flex; align-items:center; }
				.match-summary-info li picture { float:left; width:16px; }
					.match-summary-info li picture img { float:left; width:100%; }
				.match-summary-info li span { float:left; margin-left:10px; font-size:12px; color:var(--color-grey); }
				.match-summary-info li strong { float:right; margin-left:auto; }

.match-summary-head { padding:0 20px; margin-bottom:0; font-weight:500; }
	.match-summary-head .half-time { float:left; font-weight:700; }
	.match-summary-head .score { float:right; margin-left:auto; font-weight:500; }

.match-summary-content { float:left; width:100%; padding:15px 20px; font-size:13px; }

	.match-summary-row-home , .match-summary-row-away { padding:5px 0; display:flex; justify-content:flex-start; }
	.match-summary-row-away { text-align:right; justify-content:flex-end; }
		.match-incident { display:flex; flex-flow:row wrap; align-items:center; }
		.match-summary-row-away .match-incident { flex-flow:row-reverse wrap; }
			.incident-time { display:inline-block; min-width:20px; }
			.incident-icon { display:inline-block; margin:0 5px; }
				.incident-icon picture { width:28px; height:28px; padding:5px; display:flex; align-items:center; border:1px solid var(--color-border); border-radius:6px; }
					.incident-icon img { width:100%; }
			.incident-text-main { display:inline-block; margin:0 5px; font-weight:600; }
			.incident-text-sub { display:inline-block; margin:0 5px; opacity:0.7; }


.match-stats-box { float:left; width:100%; padding:20px; position:relative; box-shadow:0 -1px 0 rgba(1,12,41,0.07); }
.theme-dark .match-stats-box { box-shadow:0 -1px 0 rgba(255,255,255,0.1); }
	
	.match-stats-row { float:left; width:100%; margin-bottom:14px; position:relative; }
	.match-stats-box .match-stats-row:last-child { margin-bottom:0; }
	
	.match-stats-info-title { float:left; width:100%; position:relative; text-align:center; font-weight:700; font-size:11px; color:var(--color-grey); letter-spacing:1px; }
	.match-stats-bar-wrap { float:left; width:100%; display:flex; align-items:center; justify-content:space-between; }
		.match-stats-count { width:60px; font-size:18px; font-weight:600; font-family:Nohemi; }
		.match-stats-count:last-child { text-align:right; }
		.match-stats-bar-inner { width:100%; display:flex; max-width:calc(100% - 120px); }
			.match-stats-bar-home-team , .match-stats-bar-away-team { height:8px; border-radius:3px; transform:skewX(-20deg); }
			.match-stats-bar-home-team { margin-right:2px; background-color:var(--color-blue); }
			.match-stats-bar-away-team { flex:1; margin-left:2px; background-color:var(--color-red); }


.account-info { float:left; width:100%; margin-bottom:-12px; position:relative; }
	.account-info-item { float:left; width:calc(50% - 6px); margin-bottom:12px; display:flex; align-items:center; }
		.account-info-item picture { float:left; padding:15px; margin-right:20px; background-color:var(--color-light-2); border-radius:12px; border:1px solid rgba(0,0,0,0.07); }
		.theme-dark .account-info-item picture { background-color:var(--color-dark-2); }
			.account-info-item picture img { float:left; width:48px; }
		.account-info-item section { flex:1; }
			.account-info-item section small { display:block; font-weight:600; font-size:11px; color:var(--color-grey); letter-spacing:1px; }
			.account-info-item section strong { display:block; margin-top:3px; font-weight:600; font-size:24px; font-family:Nohemi; color:var(--color-blue); line-height:30px; }
			.account-info-item section span { display:block; color:var(--color-border); }
				.account-info-item section span a { font-weight:600; }
				.account-info-item section span a:hover { text-decoration:underline; }



.wrap-payment { max-width:640px; }

.payment-agree { float:left; width:100%; margin:10px 0 15px 0; position:relative; }
	.payment-agree label { float:left; width:100%; margin-bottom:10px; }
	.payment-agree label:last-child { margin-bottom:0; }
		.payment-agree label a { font-weight:500; text-decoration:underline; }

.payment-logos { float:left; width:100%; padding:12px; text-align:center; background-color:var(--color-light); display:flex; align-items:center; justify-content:center; }
	.payment-logos img { max-width:100%; max-height:31px; }



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

.wrap { width:980px; }
.wrap-slim { max-width:900px; }

#nav li { margin-right:0; }

.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; }

.block-apps li a img { height:50px; }

.stats ul { width:calc(100% + 24px); margin-left:-12px; }
.stats li { padding:0 12px; }
.stats li section { padding:40px 100px 40px 30px; }

.block-review section { padding:60px 40px; }
.block-join , .block-membership { padding:30px; }

.pack-item { padding:24px; }
.pack-price strong { font-size:36px; }

.footer { padding-top:30px; padding-bottom:0; }

.narrow { padding-left:5%; padding-right:5%; }

.sidebar { width:200px; }
.right-block { width:calc(100% - 220px); }

.live-score-item { font-size:11px; }
.ls-left { width:55%; }
.ls-right { width:45%; }

.tab li { padding-right:20px; font-size:13px; }

.pro-bulten-table th , .pro-bulten-table td { padding:5px; }
.pro-date { width:48px; padding-left:10px !important; }
.pro-league { width:105px; }
.pro-teams { width:150px; }

.n-membership-price strong { font-size:60px; }
.n-membership-price small { font-size:24px; }

}



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

.tahminoloji { padding-top:70px; }
.wrap , .wrap-slim { float:left; width:100%; max-width:initial; padding:0 30px; }

.header { height:70px; background-color:var(--color-light) !important; }
.theme-dark .header { background-color:var(--color-dark) !important; }
.header .wrap { padding:0 12px 0 20px; }

.header-start a { width:calc(50% - 6px); padding:0; margin-right:0; text-align:center; }
.header-start a:last-child { float:right; }

.theme-switch { margin-left:0; border-color:transparent !important; }

.nav-opened { overflow:hidden; }

.nav-icon { float:right; width:80px; height:70px; margin-left:auto; margin-right:-5px; position:relative; cursor:pointer; display:block; text-indent:-9999px; z-index:200; }
	.nav-icon span { position:absolute; top:50%; left:50%; width:32px; height:2px; margin:-1px 0 0 -16px; transition:all 0.5s; }
		.nav-icon span::before { content:""; position:absolute; top:-6px; left:0; right:0; height:2px; background-color:var(--color-dark); transition:all 0.5s; }
		.nav-icon span::after { content:""; position:absolute; bottom:-6px; left:0; right:6px; height:2px; background-color:var(--color-dark); transition:all 0.5s; }
		.theme-dark .nav-icon span::before , .theme-dark .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;
			background-color:var(--color-blue);
		}
		.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;
			background-color:var(--color-blue);
		}
		
	.nav-icon-close::before { 
		content:"";
		border-bottom:4px solid transparent;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		height:0;
		position: absolute;
		width:0;
		left:50%;
		bottom:0;
		margin-left:-10px;
		border-bottom-color:#FFF;
	}
		
	.theme-dark .nav-icon-close::before { border-bottom-color:var(--color-dark-2); }

#nav-wrap { position:fixed; top:70px; bottom:0; left:0; right:0; height:calc(100vh - 70px); padding:30px 30px 100px 30px; background-color:#FFF; overflow-y:auto; z-index:200; display:none; }
.theme-dark #nav-wrap { background-color:var(--color-dark-2); }
#nav { width:100%; height:auto; }
	#nav ul { float:left; width:100%; border-top:1px solid rgba(1,42,56,0.1); display:block; }
		#nav li { width:100%; margin:0; position:relative; border-bottom:1px solid rgba(1,42,56,0.1); text-align:left; }
		.theme-dark #nav ul  , .theme-dark #nav li { border-color:rgba(255,255,255,0.1); }
		#nav li:first-child { display:block; }
			
			#nav li.nav-multi::after { position:absolute; top:0; right:10px; width:16px; height:60px; }
			
			#nav li > a { width:100%; padding:0 25px; font-size:22px; font-weight:600; line-height:60px; }
			#nav li > a img { float:left; height:60px; padding:22px 0 24px 0; margin-right:12px; }
			#nav li > a::before { display:none; }
			
			#nav > ul li span { float:left; width:100% !important; margin-bottom:30px; position:relative; top:auto; left:auto !important; }	

.nav-wrap-in { flex-flow:column; }

.header-lang-wrap { width:100%; margin-left:0; margin-bottom:15px; }
.header-lang-icon , .header-lang { width:100%; }
.header-start-wrap { float:right; width:100%; margin-bottom:30px; order:1; }
.header-start { float:right; width:100%; order:1; }
#nav { order:3; }

.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; }

.hero-screen { padding:60px 0 0 0; border-radius:0 0 24px 24px; }
.hero-screen::before { top:50%; left:0; right:0; background-image:linear-gradient(180deg,rgba(235,240,255,0.0),var(--color-blue)); opacity:0.2; }

.hero-screen-in { display:block; }
.hero-screen-content , .hero-screen-picture { width:100%; text-align:center; }
.hero-screen-picture picture { width:100%; height:260px; padding-left:0; margin-right:0; overflow:hidden; }
.hero-screen-picture picture img { float:none; display:inline-block; max-width:480px; }

.narrow { padding-left:0; padding-right:0; }

.feature-list > ul > li { width:50%; }
.feature-list > ul > li:last-child , .pricing > ul > li , .block-membership-title , .block-membership-specs , .block-membership-cta , .flex-left , .flex-right , .block-join-in , .footer-logo , .footer-contact , .footer-flex-left , .footer-flex-right { width:100%; }
.pricing > ul > li { margin-bottom:20px; }

.stats li { flex-basis:50%; }

.block-review picture , .contact-reviews picture { float:left; width:100%; height:360px; position:relative; top:auto; bottom:auto; left:auto; background-position:center top; }
.block-review section { width:100%; padding:30px; text-align:center; }
.block-review section::before { content:""; position:absolute; top:-120px; left:0; right:0; height:120px; background-image:linear-gradient(180deg,rgba(1,12,41,0.0),var(--color-dark)); }
.block-review section .link-cta > a.dark { float:none !important; }

.contact-reviews::after { content:""; position:absolute; top:50%; bottom:0; left:0; right:0; z-index:100; background-image:linear-gradient(0deg,var(--color-light),rgba(235,240,255,0.0)); }

.block-membership , .block-flexed , .footer-connect , .footer-flex { display:block; }
.block-membership-specs { padding:30px 0; }
.block-membership-cta { padding-bottom:10px; }

.flex-left { padding-right:0; margin-bottom:30px; }
.flex-left:last-child { margin-bottom:0; }

.page-title { font-size:28px; line-height:34px; }
.fs-46 { font-size:36px; line-height:40px; }
.fs-54 { font-size:44px; line-height:50px; }

.block-join { padding-right:30px !important; }
.block-join::after { float:left; width:100%; height:180px; margin:30px 0 -30px 0; position:relative; top:auto; bottom:auto; right:auto; }

.footer-wrap { border-radius:24px 24px 0 0; }
.footer-connect { padding:0 0 30px 0; margin-bottom:40px; }
.footer-contact { margin:25px 0 30px 0; }
.footer-social { float:left; }

.footer-flex { margin-bottom:30px; }
.footer-flex-left , .footer-flex-right , .footer-links li a { padding:5px 0; }

.copyright { display:flex; }
.copyright .footer-flex-left , .copyright .footer-flex-right { width:auto; }
.copyright .footer-flex-right { text-align:right; }
.kuik-pos img { height:32px; }

.mobile-tac , .block-join-in { text-align:center; }
.mobile-tac .link-cta > a.dark { float:none !important; }

.block-join-in .page-title { max-width:initial; }

.sub-page , .sub-wrap { padding-top:0; }
.faq-wrap::before { display:none; }

.faq-wrap .flex-left { padding-bottom:40px; }
.faq-wrap .flex-right::before { content:""; position:absolute; left:-30px; right:-30px; top:-30px; bottom:-50px; background-color:#FFF; }
.theme-dark .faq-wrap .flex-right::before { background-color:var(--color-dark); }

.faq-wrap .flex-right { padding-left:0; }
.accordion-wrap { max-height:initial; padding-right:0; overflow:auto; }

.login-wrap .flex-left { max-width:initial; }
.login-review { margin-top:20px; }

.success-wrap { min-height:initial; padding-top:10px; }

.header-menu { top:50px !important; right:0 !important; left:0 !important; width:auto !important; }

.sidebar-icon { float:left; width:100%; position:relative; font-weight:600; font-family:Nohemi; line-height:60px; letter-spacing:1px; cursor:pointer; z-index:90; display:block; text-align:center; box-shadow:inset 0 1px 0 rgba(1,42,56,0.07); transition:all 0.4s; }
.theme-dark .sidebar-icon { box-shadow:none; }
.sidebar-icon-close { margin-bottom:10px; box-shadow:inset 0 1px 0 rgba(1,42,56,0.07) , inset 0 -1px 0 rgba(1,42,56,0.07); }
.theme-dark .sidebar-icon-close { box-shadow:inset 0 -1px 0 rgba(255,255,255,0.07); }
.sidebar-icon::after { content:""; position:absolute; top:0; bottom:0; right:20px; width:16px; background:url(../images/arrow-down.png) no-repeat center / 100% auto; transition:all 0.4s; }
.theme-dark .sidebar-icon::after { background-image:url(../images/arrow-white-down.png); }
.sidebar-icon-close::after { transform:rotate(180deg); }

.sidebar , .sidebar .title-small { display:none; }
.sidebar { width:100%; margin-bottom:30px; }
.right-block { width:100%; }

.tab , .tab-sub { width:100%; height:48px; overflow:hidden; overflow-x:auto; white-space:nowrap; }
.tab-sub { height:30px; }
.tab-live { width:calc(100% - 150px); }
.tab-pro { width:calc(100% - 105px); }
.tab-prediction { width:calc(100% - 55px); }
.tab ul , .tab-sub ul { float:none; display:block; }
.tab li , .tab-sub li { float:none; display:inline-block; padding-right:16px !important; }
.tab-sub li { padding-right:6px !important; }
.tab li a i { top:0; }

.sb-country-title::after { opacity:0.3; }

.pro-bulten-table thead { font-size:9px; line-height:12px; } 
.pro-bulten-table tbody { font-size:11px; line-height:16px; } 

.match-list-item section { padding-left:15px; }
.match-list > ul > li { width:100%; }

.border-top { box-shadow:none !important; }

}





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

.wrap , .wrap-slim { padding:0 25px; }
.wrap-sub { padding:0 12px; }
.cookies-wrap { right:5px; bottom:5px; left:5px; width:auto; }
.cookies { float:left; width:100%; padding:20px 25px; }

.footer { text-align:center; }
.footer-logo img { float:none; height:40px; }
.footer-contact ul , .footer-social ul , .footer-links ul { float:none; width:auto; display:inline-block; }
.footer-contact li:last-child { margin-right:0; }
.footer-social , .footer-links { width:100%; }

.faq-wrap .flex-right::before { left:-25px; right:-25px; }

.account-info-item { width:100%; }
.padding-12 { padding:10px; }

.ls-team-name { max-width:95px; }
.hero-team-info { width:calc(100% - 110px); }

.match-stats-box { padding:15px; }
.match-stats-count { width:44px; font-size:14px; }
.match-stats-bar-inner { max-width:calc(100% - 88px); }
.match-stats-bar-home-team , .match-stats-bar-away-team { height:5px; }

.pro-bulten-box { overflow:hidden; overflow-x:auto; }
.pro-bulten-table { min-width:780px; }
.pro-bulten-ai .pro-bulten-table { min-width:initial; }

.n-membership-pro { padding:20px; display:block; }
.n-membership-left { width:100%; padding-right:0; padding-bottom:20px; }
.n-membership-left:last-child { padding-bottom:0; }
.n-membership-right { width:100%; }

.title-lined strong { font-size:18px; line-height:24px; }
.match-list-date { margin-top:10px; font-size:15px; }
.match-list-item section , .row-match-title strong { font-size:16px; }
.match-list-item section span { margin-bottom:5px; }
.row-match-prediction li , .row-match-title > a { font-size:14px; }

}



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

.stats li { flex-basis:100%; }
.block-review picture { height:240px; }
.footer-links li { margin-right:24px; }
.login-spacer { padding:20px 0; }
.login-review .fs-46 { margin-bottom:10px; font-size:27px; line-height:30px; }
.action-success::before { width:80px; height:80px; background-size:40px; }

.ai-modal-stats-header { display:none; }
.ai-modal-stats-column { width:100%; min-height:initial; }
.ai-modal-stats-title { display:block; }
.ai-modal-stats-item { width:calc(50% - 5px); }
.ai-modal-stats-item:nth-child(odd) { float:right; }
.similar-matches li { width:50%; }

.account-form .form-item { display:block; }
.account-form .form-item-title { width:100%; margin-bottom:10px; }
.account-form .input { background-color:var(--color-light-2); }

.live-score-box-in { overflow:hidden; overflow-x:auto; border-radius:6px; }
.live-score-head , .live-score-content { min-width:596px; }

.analysis-goal-box .live-score-head , 
.analysis-goal-box .live-score-content , 
.match-summary-head , 
.match-squad-head , 
.reaction-box .live-score-head , 
.reaction-box .live-score-content ,
.pro-bulten-list .live-score-head , 
.pro-bulten-list .live-score-content 
{ min-width:initial; }

.tournament-table-head { margin-bottom:1px; }
.tt-position { position:sticky; left:0; top:calc(50% - 10px); z-index:110; }
.tt-team { position:sticky; left:40px; top:calc(50% - 10px); width:calc(100% - 458px); z-index:110; }
.tt-team .ls-team-name { position:relative; z-index:10; }
	.tt-position::before , .tt-team::before { content:""; position:absolute; left:-5px; right:0; top:-10px; bottom:-10px; background-color:#FFF; }
	.theme-dark .tt-position::before , .theme-dark .tt-team::before { background-color:var(--color-dark); }
	.tt-team::before , .tournament-table-head .tt-team::before { right:5px; }
	.tournament-table-head .tt-position::before , .tournament-table-head .tt-team::before { background-color:var(--color-light); }
	.theme-dark .tournament-table-head .tt-position::before , .theme-dark .tournament-table-head .tt-team::before { background-color:#1B253F; }
	.tt-team::after { content:""; position:absolute; right:-4px; top:-10px; bottom:-10px; width:12px; background-image:linear-gradient(90deg,var(--color-dark),rgba(1,12,41,0)); opacity:0.06; }
	.theme-dark .tt-team::after { background-image:linear-gradient(90deg,var(--color-light),rgba(255,255,255,0)); }

.tooltip span { margin-bottom:-20px; }
.hero-score-in { padding:5px 0; }

.pitch-wrap { height:590px; padding:25px 20px; background-color:transparent !important; }
.pitch-in { width:320px; max-width:initial; }

.pitch-bg { transform:rotate(90deg); }
.pitch-bg img { width:528px; }

.pitch { width:320px; height:528px; max-width:none; max-height:none; flex-direction:column; justify-content:center; }
	
.pitch-home-team , .pitch-away-team { margin:0 auto; flex-direction:column; }
.pitch-home-team { margin-top:-20px; margin-bottom:5px; }
.pitch-away-team { margin-bottom:-20px; margin-top:5px; flex-direction:column-reverse; }
.pitch-line { flex-direction: row; }

.pitch-player-name { width:60px; }

.pro-filter-item { flex-basis:50%; }

.footer-wrap { border-radius:12px 12px 0 0; }

.ls-fav { flex-basis:32px; } 
.ls-date { padding-left:5px; flex-basis:40px; } 
.ls-teams { flex-basis:calc(100% - 72px); } 
.ls-team-1 , .ls-team-2 { padding-left:35px; }

}



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

.hero-screen .link-cta a { width:100%; margin-right:0; }
.block-apps { margin-bottom:30px; }
.block-apps li { margin:0 8px 8px 0; position:relative; }
.block-apps li a img { height:44px; }

.feature-list > ul > li , .block-join section .input , .block-join section .button , .block-membership-specs li , .n-membership-specs li { width:100%; }
.block-join section .button { margin-top:15px; }

.feature-item section { text-align:center; }

.footer-links ul , .footer-links li a , .form-item .button , .connect-social-50 li , .form-item-50 , .similar-matches li { width:100%; }
.footer-links li { width:50%; margin-right:0; }
.copyright .footer-flex-right { font-weight:300; font-size:12px; }

.contact-reviews picture { height:280px; }

.tip-box { padding:20px; }

.popup-wrap { padding:0; }
.popup-header { height:48px; margin-bottom:0; border-radius:0; }
.theme-dark .popup-header { background-color:var(--color-dark-2); }
.popup-content { border-radius:0; }

.fixed-score-hero-cell .ls-date-live { margin-top:-5px; }

.breadcrumb-wrap { padding:10px 15px; }
.breadcrumb i { margin:0 10px; }

.popup-hero-score { padding:15px 10px; }
.popup-wrap .hero-score-left section picture , .popup-wrap .hero-score-right section picture , .hero-score-left section picture , .hero-score-right section picture { width:60px; height:60px; padding:5px; }
.hero-score-name { margin-top:5px; }
.hero-score-name span strong , .hero-score-center i , .ls-date-live { font-size:11px; }
.hero-score-center section { font-size:40px; line-height:40px; }
.hero-score-left .btn-fav , .hero-score-left .btn-faved , .hero-score-right .btn-fav , .hero-score-right .btn-faved { top:20px; }
.hero-score-left .btn-fav , .hero-score-left .btn-faved { left:-4px; }
.hero-score-right .btn-fav , .hero-score-right .btn-faved { right:-4px; }

.live-score-match-info li { width:100%; margin-bottom:2px; }

.tab li a { font-size:11px; font-weight:600; }

.reaction-content .live-score-item { padding-right:5px; }
.popup-reaction .live-score-item { padding:0 12px; }
.reaction-content .ls-date { padding-left:5px; flex-basis:85px; }
.reaction-content .ls-teams { flex-basis:calc(100% - 170px); }
.reaction-content .ls-team-1 , .reaction-content .ls-team-2 { padding-left:0; }
.reaction-content .ls-goal { flex-basis:50px; }
.reaction-content .ls-result { flex-basis:35px; }

.btn-fav , .btn-faved { width:24px; height:24px; }

.match-squad-item , .match-squad-no { font-size:11px; }

.match-squad-icon picture { width:20px; height:20px; padding:3px; }
.match-squad-no { margin-right:6px; }
.match-squad-block:last-child .match-squad-no { margin-left:6px; }

.n-membership-price strong { font-size:48px; }

}



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

.header-start a { width:100%; height:48px; font-size:18px; letter-spacing:1px; line-height:48px; margin-bottom:20px; }
.header-start a:last-child { margin-bottom:0; }

.hero-screen-picture picture { height:220px; }
.block-apps li a img { height:36px; }
.feature-item picture { height:180px; }
.stats li strong { font-size:40px; line-height:40px; }
.block-review picture { height:200px; }
.accordion-section-title { padding:20px 50px 20px 20px; font-size:16px; font-weight:600; }
.footer-contact ul , .footer-contact li , .footer-contact li a { width:100%; text-align:center; }
.footer-contact li { margin-bottom:20px; }
.footer-contact li:last-child { margin-bottom:0; }
.footer-contact li a { line-height:48px; }

.ls-head-country a { font-size:13px; }
.ls-left { width:63%; }
.ls-right { width:37%; }

.live-score-mobile .ls-inner { width:556px; display:flex; align-items:center; }
.live-score-mobile .ls-left { width:calc(100vw - 84px); }
.live-score-mobile .ls-right { width:auto; flex:1; }

.pro-bulten-list .ls-left { width:72%; }
.pro-bulten-list .ls-right { width:28%; }

.match-list-item section , .row-match-title strong { font-size:14px; }

}



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

.live-score-mobile .ls-left { width:calc(100vw - 96px); }

}



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

#logo img { padding:3px 0; }
#nav-wrap { padding:20px 20px 90px 20px; }
.pitch-wrap { height:600px; padding:25px 0; }
.pitch-in { width:300px; }
.pitch { width:300px; height:560px; }

}


.reveal { position:relative; transform:translateY(200px); opacity:0; transition:1.5s all ease; }
.reveal.active { transform:translateY(0); opacity:1; }
.reveal-left { transform:translateX(-220px); }
.reveal-left.active { transform:translateX(0); }
.reveal-right { transform:translateX(220px); }
.reveal-right.active { transform:translateX(0); }


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

.reveal { transform:initial; opacity:1 !important;}

}