/*================================================================
/*
/* Handcrafted with love by all the good people of STUDIO SYNAPSE
/*
/*	    www.studiosynapse.cz | justwow@studiosynapse.cz
/*
/*================================================================


/* ============================================== */
/* -----  00. COMMON SETTINGS  ------------------------------ */
/* ---------------------------------------------- */
body, table, th, td, div, p, caption, tr, ul, ol, li, img, form, h1, h2, h3, input, select, textarea, blockquote { margin:0; padding:0; border:0 none;}
html { min-height:100vh; overflow-x:hidden; background:var(--fi-color-white); scroll-behavior:smooth;}
body { min-height:100vh; color:var(--fi-color-black);}

/* -----  Fun Stuff  ------------------------------ */
*:focus { outline:0;}
::selection { background:#000; color:#fff;}
::-moz-selection { background:#000; color:#fff;}
::-webkit-selection { background:#000; color:#fff;}
textarea { resize:none;}
input[type=button], input[type=submit] { -webkit-appearance:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; cursor:pointer;}

/* -----  Common Basics  ------------------------------ */
body, table, form, ul, li, input, select, textarea, label, button { font-size:100%; line-height:1.25em; font-family:'EB Garamond', Garamond, serif; font-style:normal; font-weight:normal;}
a {	text-decoration:none; color:var(--fi-color-black); -moz-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
a:hover { text-decoration:none; color:var(--fi-color-black); -moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out;}
a:active { color:var(--fi-color-black);}
h1, h2, h3, h4, h5, h6 { font-weight:500; text-align:left; margin:0; padding:0; line-height:1.13333em;}
b { font-weight:normal;}
i { font-weight:normal; font-style:normal;}
strong { font-weight:500;}
p strong, li strong { font-weight:normal;}
em { font-style:normal;}
img { display:block; margin:0; padding:0;}

/* -----  Buttons  ------------------------------ */
button { border:none; cursor:pointer; transition:all 0.5s ease-out; -webkit-tap-highlight-color:transparent;}

/* -----  Variables  ------------------------------ */
:root {
	/* --- Base Colors --- */
	--fi-color-black:#000;
	--fi-color-white:#fff;

	/* --- Neutral / UI --- */
	--fi-color-neutral:#e5e5de;
	--fi-color-neutral-light:#f6f6f6;
	--fi-color-neutral-warm:#f2f2ee;
	--fi-color-ultralite:#efefe8;

	/* --- Accent --- */
	--fi-color-accent-brown:#aa610b;

	/* --- Shuffle Colors (decorative cards) --- */
	--fi-shuffle-color-1:#d1d4bc;
	--fi-shuffle-color-2:#ceccc7;
	--fi-shuffle-color-3:#e3c076;
	--fi-shuffle-color-4:#c6a98d;

	/* --- Fancy Background Set 1 --- */
	--fi-fancybcg-1:#dfdbd3;
	--fi-fancybcg-2:#bfc1a1;

	/* --- Lawyer Profile Colors --- */
	--fi-color-lawyer-1:#fcd1be;
	--fi-color-lawyer-1-rgba-lite:rgba(252,209,190,0.35);
	--fi-color-lawyer-2:#b5cae4;
	--fi-color-lawyer-2-rgba-lite:rgba(181,202,228,0.35);
	--fi-color-lawyer-3:#ffcc8a;
	--fi-color-lawyer-3-rgba-lite:rgba(255,204,138,0.35);
	--fi-color-lawyer-4:#d4d3e5;
	--fi-color-lawyer-4-rgba-lite:rgba(212,211,229,0.35);
	--fi-color-lawyer-5:#e4debb;
	--fi-color-lawyer-5-rgba-lite:rgba(228,222,187,0.35);
	--fi-color-lawyer-6:#fbe194;
	--fi-color-lawyer-6-rgba-lite:rgba(251,225,148,0.35);
	--fi-color-lawyer-7:#dcddea;
	--fi-color-lawyer-7-rgba-lite:rgba(220,221,234,0.35);

	/* --- Journal --- */
	--journal-paper-color:#f5f1ec;
	--journal-paper-color-trans:#f5f1ecdd;
	--journal-paper-color-light:#fcf8f4;
	--journal-paper-color-light-trans:#fcf8f4dd;
	--fi-color-journal-1:#fcd1be;
	--fi-color-journal-2:#b5cae4;
	--fi-color-journal-3:#ffcc8a;
	--fi-color-journal-4:#d4d3e5;
	--fi-color-journal-5:#e4debb;
	--fi-color-journal-6:#fbe194;
	--fi-color-journal-7:#dcddea;

	/* --- Shadows & Effects --- */
	--fi-shadow-color:rgba(0,0,0,0.2);
	--fi-shadow-color-lite:rgba(0,0,0,0.1);
	--fi-shadow-eyecandy:rgba(137,64,2,0.2);
	--card-box-radius:0 10px 10px 10px;
	--card-box-shadow:0px 30px 20px 5px var(--fi-shadow-color);
	--card-box-shadow-lite:0px 30px 20px 5px var(--fi-shadow-color-lite);
}


/* ============================================== */
/* -----  01. HEADER, MENU & ADDON STUFF ------------------------------ */
/* ---------------------------------------------- */

/* -----  logo  ------------------------------ */
#theLogo { position:fixed; z-index:1000;}
#logoPart1 { display:block; position:fixed; width:132px; height:auto; top:16px; left:32px;}
#logoPart2 { display:block; position:fixed; width:94px; height:auto; bottom:10px; right:34px;}
#logoPart2.logo-fi { width:24px; height:auto; bottom:8px; right:34px;}
#logoPart3 { display:none;}

/* -----  menu  ------------------------------ */
#theMenu { display:block; position:fixed; width:100%; height:48px; background:var(--fi-color-white); z-index:900; overflow:visible; transition:all 0.5s ease-out;}
#theMenu #theFrontPart { display:block; position:absolute;}
#theMenu #theFrontPart .logo-lawyer { display:block; float:left; font-size:1.375em; line-height:1.1em; font-weight:500; margin:11px 0 0 38px;}
#theMenu #theFrontPart .logo-lawyer em { font-size:0.818182em;}
#theMenu #theFrontPart .back-link { display:block; float:left; font-size:1em; line-height:1.1em; font-weight:400; margin:10px 0 0 36px;}
#theMenu #theFrontPart .back-link:before { content:""; display:inline-block; position:relative; top:5px; left:0px; width:12px; height:18px; margin-right:10px; background-image:url(../images/arrow-left.svg); background-size:contain; background-position:50% 50%; background-repeat:no-repeat; transition:all 0.15s ease-out;}
#theMenu #theFrontPart .back-link:hover:before { left:-3px;}
.main-menu { display:block; text-align:right; padding-right:56px;}
.main-menu li { display:inline-block; position:relative; list-style-type:none; font-size:1.125em; font-weight:normal;}
.main-menu > li:nth-of-type(1),
.main-menu > li:nth-of-type(5),
.main-menu > li:nth-of-type(6),
.main-menu > li:nth-of-type(9) { font-weight:500;}
.main-menu > li:nth-of-type(5),
.main-menu > li:nth-of-type(9) { margin:0 0.333em;}
.main-menu li a { display:block; padding:0.7em 0.6em 0.7em;}
.main-menu > li:nth-of-type(1):after,
.main-menu > li:nth-of-type(2):after,
.main-menu > li:nth-of-type(3):after,
.main-menu > li:nth-of-type(6):after,
.main-menu > li:nth-of-type(7):after { content:""; display:block; position:absolute; right:-8px; top:50%; width:14px; height:1px; background-color:var(--fi-color-black);}
.main-menu > li.current-page-ancestor a,
.main-menu > li.current-menu-item a { background:var(--fi-color-neutral);}
.main-menu > li.current-menu-item ul.sub-menu li.current-menu-item a { background:none;}
.main-menu li.selected a { }
.main-menu li ul.sub-menu { display:none;}
.main-menu > li.menu-item ul.sub-menu { display:block; position:fixed; left:18px; width:calc(100% - 36px - 80px); height:40px; padding-right:80px; background:var(--fi-color-neutral); z-index:-100; overflow:hidden;
	transition:all 0.25s ease-out; top:24px; transform:scale(1,0); opacity:0;}
.main-menu > li.menu-item:hover { z-index:10;}
.main-menu > li.menu-item:hover ul.sub-menu { top:48px; transform:scale(1,1); opacity:1;}
.main-menu > li.current-menu-item ul.sub-menu { display:block; position:fixed; top:48px; left:18px; width:calc(100% - 36px - 80px); height:40px; padding-right:80px; background:var(--fi-color-neutral); z-index:-100; overflow:hidden;
	transition:all 0.25s ease-out; transform:scale(1,1); opacity:1;}
.scrollingdown.scrolled .main-menu > li.current-menu-item ul.sub-menu { top:24px; transform:scale(1,0); opacity:0;}
.scrollingdown.scrolled .main-menu > li.current-menu-item:hover ul.sub-menu { top:48px; transform:scale(1,1); opacity:1;}
.main-menu li .sub-menu li { font-size:0.9444em; font-weight:normal;}
.main-menu li .sub-menu li a { padding:0.575em .667em 0.575em;}
.main-menu li a:hover { background:var(--fi-color-black) !important; color:var(--fi-color-white) !important;}
/* -----  menu Lawyer  ------------------------------ */
.islawyer .main-menu > li:last-of-type::after { display:none;}
/* -----  menu Rezervace  ------------------------------ */
.main-menu li#menu-item-294 { font-size:1em; top:-2px; margin-left:10px;}
.main-menu li#menu-item-294 a { display:block; color:var(--fi-color-white); padding:0.35em 0.85em 0.4em 0.85em; background:var(--fi-color-black); font-weight:500;
	border-radius:50px;	box-shadow:0px 15px 50px 0px rgba(0,0,0,0.1); transform:scale(1,1); /*transition:all 0.3s ease-out;*/}
.main-menu li#menu-item-294 a:hover { background:var(--fi-color-white) !important; color:var(--fi-color-black) !important; transform:scale(1.05,1.05); box-shadow:0px 10px 25px 0px rgba(0,0,0,0.25);}

/* -----  Mobile Menu  ------------------------------ */
#theMobileMenu { display:none;}
#theMenuSwitch { display:none;}

/* -----  up down box  ------------------------------ */
#theUpDownBox { position:fixed; z-index:1100;}
.updown-navi { display:block; position:fixed; width:48px; height:48px; border-radius:50%; overflow:hidden; background:var(--fi-color-white); background-size:50% 50%; background-position:center; background-repeat:no-repeat;
	opacity:1; box-shadow:0px 20px 50px 0px rgba(0,0,0,0.15); transform:scale(1,1); transition:all 0.25s ease-out;}
.updown-navi span { display:none;}
.updown-navi:hover { box-shadow:0px 15px 30px 0px rgba(0,0,0,0.25); transform:scale(1.1,1.1);}
.updown-navi#updownDown { left:12px; bottom:10px; background-image:url(../images/arrow-down.svg);}
.updown-navi#updownUp { right:12px; top:16px; background-image:url(../images/arrow-up.svg);}
.activepart1 .updown-navi#updownUp { top:-50px; opacity:0;}
.activepart12 .updown-navi#updownDown,
.activepart13 .updown-navi#updownDown,
.activepart14 .updown-navi#updownDown,
.activepart15 .updown-navi#updownDown { bottom:-50px; opacity:0;}

/* -----  Buy box  ------------------------------ */
#buybox { position:fixed; z-index:1100; width:100%; bottom:0px; text-align:center; transform:translate(0px, 100px); transition:transform 0.5s ease-out; }
.isloaded #buybox { transform:translate(0px, 0px);}
.islawyer #buybox { width:calc(100% - 36vw); right:0px;}
#buybox.isnarrowcontent  { width:calc(100% - 36vw); right:0px;}
#buybox .button { /*width:230px;*/ top:-16px; margin:0 6px; transform:translate(0px, -32px);}
.activepart12 #buybox,
.activepart13 #buybox,
.activepart14 #buybox,
.activepart15 #buybox { transform:translate(0px, 100px);}
.activepart6.islawyer #buybox { transform:translate(0px, 100px);}


/* ============================================== */
/* -----  02. LAYOUT & SLIDES  ------------------------------ */
/* ---------------------------------------------- */
.slide { position:relative; z-index:1; width:auto; margin:0px auto; padding:0;}
.slide.active { z-index:10;}
.slide.ismap { z-index:11; padding-top:18px;}

/* -----  CTA box  ------------------------------ */
.ctabox { display:block; position:fixed; z-index:20; bottom:0; left:25%; width:50%; transform:translate(0,200px); opacity:0; font-size:1em; font-weight:500; text-align:center;  transition:opacity 0.5s ease-out, transform 0.2s ease-in;}
.slide.active .ctabox { transform:translate(0,0); opacity:1; transition:opacity 0.35s ease-in, transform 0.5s ease-out;}

/* -----  FancyBcg  ------------------------------ */
.fancybcg { position:fixed; z-index:-100; opacity:0; left:18px; top:16px; height:calc(100vh - 42px); width:calc(100% - 36px); background:var(--fi-color-white); transition:opacity 0.5s ease-out; }
.fancybcg.pale { background:var(--fi-color-neutral);}
.fancybcg.pebblegrey { background:var(--fi-shuffle-color-1);}
.fancybcg.ultralight { background:var(--fi-color-neutral-light);}
.fancybcg.black { background:var(--fi-color-black);}
.fancybcg.white { background:var(--fi-color-white);}
.fancybcg.set-1-color-1 { background:var(--fi-fancybcg-1);}
.fancybcg.set-1-color-2 { background:var(--fi-fancybcg-2);}
.fancybcg.set-1-color-3 { background:var(--fi-shuffle-color-3);}
.fancybcg.set-1-color-4 { background:var(--fi-shuffle-color-4);}
.fancybcg.set-2-color-1 { background:var(--fi-color-lawyer-1);}
.fancybcg.set-2-color-2 { background:var(--fi-color-lawyer-2);}
.fancybcg.set-2-color-3 { background:var(--fi-color-lawyer-3);}
.fancybcg.set-2-color-4 { background:var(--fi-color-lawyer-4);}
.fancybcg.set-2-color-5 { background:var(--fi-color-lawyer-5);}
.fancybcg.set-2-color-6 { background:var(--fi-color-lawyer-6);}
.fancybcg.set-2-color-7 { background:var(--fi-color-lawyer-7);}
.fancybcg.image { background-color:none; background-size:cover; background-position:center; background-repeat:no-repeat; background-image:url(../img-tests/office-shoot01-01.jpg);}
.fancybcg.image img { display:none;}
.slide.active .fancybcg { z-index:0; opacity:1;}

/* -----  FancyProfilePicture  ------------------------------ */
.fancyprofilepicture { position:fixed; z-index:100; opacity:1; left:18px; top:16px; height:calc(100vh - 42px); width:36vw; background-color:none; background-size:cover; background-position:50% 20%; background-repeat:no-repeat; transition:opacity 0.5s ease-out;}
.fancyprofilepicture img { display:none;}

/* -----  FancyProfileBcg  ------------------------------ */
.fancyprofilebcg { position:fixed; z-index:1; opacity:1; left:18px; top:16px; height:calc(100vh - 42px); width:calc(100% - 36px); background:var(--fi-color-white); transition:opacity 0.5s ease-out; }
.fancyprofilebcg.set-2-color-1 { background:var(--fi-color-lawyer-1);}
.fancyprofilebcg.set-2-color-2 { background:var(--fi-color-lawyer-2);}
.fancyprofilebcg.set-2-color-3 { background:var(--fi-color-lawyer-3);}
.fancyprofilebcg.set-2-color-4 { background:var(--fi-color-lawyer-4);}
.fancyprofilebcg.set-2-color-5 { background:var(--fi-color-lawyer-5);}
.fancyprofilebcg.set-2-color-6 { background:var(--fi-color-lawyer-6);}
.fancyprofilebcg.set-2-color-7 { background:var(--fi-color-lawyer-7);}

/* -----  Slide Profile  ------------------------------ */
.slide.profile { width:64vw; width:calc(64vw - 18px); margin:0 0 0 auto;}

/* -----  Slide Profile  ------------------------------ */
.slide.workshop { width:64vw; width:calc(64vw - 18px); margin:0 0 0 auto;}

/* -----  FancyCandy  ------------------------------ */
.fancycandy { position:fixed; z-index:-100; opacity:0; left:18px; top:16px; height:calc(100vh - 42px); width:calc(100% - 36px); background:none; overflow:hidden; transition:opacity 1s ease-out; }
.fancycandy img { display:block; position:relative; margin:0 auto; height:auto; width:auto; transform:scale(1,1); transition:transform 5s ease-out;}
.fancycandy.center-1 img { margin:0 auto; height:65vh; top:15vh; width:auto;}
.fancycandy.center-2 img { margin:0 auto; height:50vh; top:22vh; width:auto;}
.fancycandy.right-down-1 img { margin:0 0 0 auto; height:65vh; top:25vh; right:10vw;}
.fancycandy.left-down-1 img { margin:0 auto 0 0; height:50vh; top:52vh; left:-2vw;}
.fancycandy.left-up-1 img { margin:0 auto 0 0; height:60vh; top:10vh; left:10vw;}
.slide.active .fancycandy { z-index:0; opacity:1;}
.slide.active .fancycandy img { transform:scale(1.1,1.1);}


/* ============================================== */
/* -----  03. CONTENT PARTS  ------------------------------ */
/* ---------------------------------------------- */

/* -----  Quote box  ------------------------------ */
.quotebox { display:table; position:relative; width:100%; height:100vh; overflow:hidden; z-index:-10; opacity:0; transition:opacity 0.5s ease-out;}
.quotebox .inside { display:table-cell; position:relative; width:100%; height:100%; text-align:center; vertical-align:middle;}
.slide.active .quotebox { z-index:10; opacity:1;}
/*.quotebox.full p { width:85%; max-width:520px; margin:0 auto; font-size:2em; line-height:1.5em; text-align:center;}*/
.quotebox p { width:48%; min-width:640px; margin:1em auto; font-size:4vh; line-height:1.5em; text-align:center;}
.quotebox em { color:var(--fi-color-white); background:var(--fi-color-black);}
.quotebox i { color:var(--fi-color-white); background:var(--fi-color-black); font-size:0.75em; font-style:italic;}
.quotebox strong { color:var(--fi-color-black); background:var(--fi-shuffle-color-3);}
.quotebox p a { color:var(--fi-color-neutral); background:var(--fi-color-black);}
.quotebox p a:hover { color:var(--fi-color-black); background:var(--fi-color-white);}

/* -----  Promo box  ------------------------------ */
.promobox { display:table; position:relative; width:100%; height:100vh; overflow:hidden; z-index:-10; opacity:0; transition:opacity 0.5s ease-out;}
.promobox .inside { display:table-cell; position:relative; width:100%; height:100%; text-align:center; vertical-align:middle;}
.slide.active .promobox { z-index:10; opacity:1;}
.promobox h1 { width:48%; min-width:640px; margin:0.5em auto; font-size:5vh; line-height:1.5em; text-align:center;}
.promobox p { width:48%; min-width:640px; margin:1em auto; font-size:3.5vh; line-height:1.66em; text-align:center;}
.promobox p.parallax { margin:0 auto;}
.promobox strong { color:var(--fi-color-black); background:var(--fi-shuffle-color-1);}
.promobox em { color:var(--fi-color-white); background:var(--fi-color-black);}

/* -----  Text box  ------------------------------ */
.textbox { display:table; position:relative; width:100%; height:100vh; overflow:hidden; z-index:-10; opacity:0; transition:opacity 0.5s ease-out;}
.textbox .inside { display:table-cell; position:relative; width:100%; height:100%; text-align:center; vertical-align:middle;}
.slide.active .textbox { z-index:10; opacity:1;}
.textbox h1 { width:48%; min-width:640px; margin:1.5em auto 0.5em; font-size:5vh; line-height:1.5em; text-align:left;}
.textbox h2 { width:48%; min-width:640px; margin:2.5em auto 0.5em; font-size:5vh; line-height:1.5em; text-align:left;}
.textbox h3 { width:48%; min-width:640px; margin:1.5em auto 0; font-size:4vh; line-height:1.5em; text-align:left;}
.textbox p { width:48%; min-width:640px; margin:1em auto 0; font-size:3.1vh; line-height:1.75em; text-align:left;}
.textbox.right h1, .textbox.right h2, .textbox.right p { text-align:right;}
.textbox p.parallax { margin:0 auto;}
.textbox strong { color:var(--fi-color-black); background:var(--fi-color-neutral-light);}
.textbox em { color:var(--fi-color-white); background:var(--fi-color-black);}
.textbox p a { border-bottom:1px dotted var(--fi-color-white); color:var(--fi-color-white);}
.textbox p a:hover { border-bottom:1px solid var(--fi-color-white);}
.textbox .bigprice { display:block; color:var(--fi-color-white); font-size:1.75em; line-height:1.5em;}
.textbox .bigprice small { font-size:.65em;}
.textbox.colorscheme-3 h1, .textbox.colorscheme-3 p { color:var(--fi-shuffle-color-1);}
.textbox.colorscheme-3 strong { color:var(--fi-color-black); background:var(--fi-color-neutral-light);}
.textbox.colorscheme-3 em { color:var(--fi-color-black); background:var(--fi-shuffle-color-1);}
.textbox.colorscheme-3 p em { color:var(--fi-color-neutral); background:var(--fi-color-black);}

/* -----  Card box  ------------------------------ */
.cardbox { display:table; position:relative; width:100%; min-height:100vh; z-index:-10; opacity:0; transition:opacity 0.5s ease-out;}
.cardbox .inside { display:table-cell; position:relative; width:100%; height:100%; text-align:center; vertical-align:middle;}
.slide.active .cardbox { z-index:10; opacity:1;}
.cardbox h1 { width:90%; max-width:1200px; margin:0.5em auto; font-size:6em; line-height:1.15em; text-align:left;}
.cardbox h1 strong { /*display:inline-block;*/ color:var(--fi-color-white); background:var(--fi-color-black); line-height:1em;}
.cardbox h2 { width:90%; max-width:1200px; margin:0.5em auto; font-size:5vh; line-height:1.15em; text-align:left;}
.cardbox h2 strong { /*display:inline-block;*/ color:var(--fi-color-white); background:var(--fi-color-black); line-height:1em;}
.cardbox .cards { display:block; position:relative; width:90%; margin:0 auto; text-align:left;}
.cardbox .cards .card-item { display:inline-block; position:relative; vertical-align:top; width:264px; min-height:296px; margin:24px 16px; font-weight:500; text-align:left; transition:background 0.25s ease-out, color 0.1s ease-out; border-radius:var(--card-box-radius); box-shadow:var(--card-box-shadow);}
.cardbox .cards .card-item .card-number { display:block; position:absolute; bottom:18px; left:26px; font-size:2.75em; line-height:1em; font-weight:normal; opacity:1; transition:opacity 0.5s ease-out;}
.cardbox .cards .card-item p { font-size:1.5em; line-height:1.25em; padding:1px 32px 1px 28px; margin:1.5em 0 0.5em;}

.cardbox.type-2 h1 { text-align:right;}
.cardbox.type-2 h2 { text-align:right;}
.cardbox.type-2 .cards { width:100%; text-align:center;}
.cardbox.type-2 .cards .card-item { width:412px; min-height:320px; margin:24px 12px;}
.cardbox.type-2 .cards .card-item .card-number { bottom:22px; left:27px; font-size:2.25em;}
.cardbox.type-2 .cards .card-item h2 { font-size:2.25em; line-height:1.1em; padding:1px 36px 1px 28px; margin:0.975em 0 0.5em;}
.cardbox.type-2 .cards .card-item h3 { font-size:2.25em; line-height:1.1em; padding:1px 36px 1px 28px; margin:0.975em 0 0.5em;}
.cardbox.type-2 .cards .card-item p { font-size:1.125em; line-height:1.3333em; margin:1em 0 0.5em;}

.cardbox.type-3 .cards { width:100%; text-align:center;}
.cardbox.type-3 .cards .card-item { width:624px; min-height:0; margin:24px 12px; padding-bottom:104px;}
.cardbox.type-3 .cards .card-item.nonumber { padding-bottom:48px;}
.cardbox.type-3 .cards .card-item .card-number { bottom:48px; left:46px; font-size:2.75em;}
.cardbox.type-3 .cards .card-item h2 { width:auto; font-size:3em; line-height:1.1em; padding:1px 48px 1px 48px; margin:0.975em 0 0.5em;}
.cardbox.type-3 .cards .card-item p { font-size:1.25em; line-height:1.5em; margin:1em 0 0.5em; padding:1px 48px 1px 48px;}
.cardbox.type-3 .cards .card-item .button { margin:0.875em 0 0.5em 48px;}

.card-item.color-1 { background:var(--fi-shuffle-color-1);}
.card-item.color-2 { background:var(--fi-shuffle-color-2);}
.card-item.color-3 { background:var(--fi-shuffle-color-3);}
.card-item.color-4 { background:var(--fi-shuffle-color-4);}
.cardbox .cards .card-item:hover { background:var(--fi-color-black); color:var(--fi-color-white); transition:background 0.25s ease-out, color 0.1s ease-out; transform:rotateY(0deg) rotateX(0deg) scale(1.01,1.01) !important;}
.cardbox .cards .card-item:hover .card-number { opacity:0; transition:opacity 0.1s ease-out;}
.cardbox.type-3 .cards .card-item.nonumber:hover { background:var(--fi-color-neutral); color:var(--fi-color-black); transition:background 0.25s ease-out, color 0.1s ease-out; transform:rotateY(0deg) rotateX(0deg) scale(1.01,1.01) !important;}

/* -----  News Card box  ------------------------------ */
.newsbox { display:block; position:relative; width:100%; z-index:10; margin-top:-30vh; padding-bottom:50px; text-align:left; white-space:nowrap; overflow-x:scroll; -ms-overflow-style:none; -webkit-overflow-scrolling:touch;}
.newsbox::-webkit-scrollbar { display:none;}
.newsbox h1 { font-size:2.25em; line-height:1.15em; text-align:left; margin-left:96px;}
.newsbox h1 strong { color:var(--fi-color-black); background:var(--fi-color-white);}
.newsbox .button.circle { margin:0 8px 0 12px;}
.newsbox .card-item { display:inline-block; /*pointer-events:none;*/ position:relative; vertical-align:middle; width:360px; height:238px; overflow:hidden; margin:24px 15px; padding:1px 0 1px; text-align:left; white-space:normal; transition:background 0.25s ease-out, color 0.1s ease-out; border-radius:var(--card-box-radius); box-shadow:var(--card-box-shadow);}
.newsbox .card-item:first-of-type { margin-left:80px;}
.newsbox .card-item:last-of-type { margin-right:80px;}
.newsbox .card-item:after { content:" "; display:block; position:absolute; right:14px; bottom:16px; width:64px; height:64px; background-color:rgba(255,255,255,0.25); background-image:url(../images/arrow-right.svg); background-position:50% 50%; background-size:48% auto; background-repeat:no-repeat; border-radius:50%; transform:scale(1,1); transition:all 0.5s ease-out;}
.newsbox .card-item h2 { font-size:1.875em; line-height:1.05em; padding:1px 30px 1px 26px; margin:1.5em 0 0; width:auto; text-align:left; pointer-events:none;}
.newsbox .card-item .card-time { display:block; position:absolute; top:8px; left:14px; pointer-events:none;}
.newsbox .card-item .card-tags { display:block; position:absolute; bottom:10px; left:14px; color:var(--fi-color-white); pointer-events:none;}
.newsbox .card-item .card-tags i { margin-right:10px;}
.newsbox .card-item .card-tags i:before { content:"#";}
.newsbox .card-item .button { margin:0 .05em .5em;}
.newsbox .card-item .button:first-of-type { margin-left:36px;}
.newsbox .card-item:hover { background:var(--fi-color-black); color:var(--fi-color-white); transition:background 0.25s ease-out, color 0.1s ease-out; transform:rotateY(0deg) rotateX(0deg) scale(1.01,1.01) !important;}
.newsbox .card-item:hover:after { background-color:rgba(255,255,255,0); background-image:url(../images/arrow-right-white.svg); transform:scale(1.25,1.25);}
/* -----  archive  ------------------------------ */
.newsbox.archive { margin-top:1em; padding-bottom:50px; text-align:center; white-space:normal; overflow-x:auto;}
.newsbox.archive .card-item { box-shadow:var(--card-box-shadow-lite);}
.newsbox.archive .card-item:first-of-type { margin:24px 15px;}
.newsbox.archive .card-item:last-of-type { margin:24px 15px;}

/* -----  Services Card box  ------------------------------ */
.servicesbox { display:block; position:relative; width:98%; max-width:1280px; margin:0 auto; text-align:left;}
.servicesbox .card-item { display:block; position:relative; float:left; width:46%; margin:12px 16px 56px; padding:1px 0 36px; text-align:left; transition:background 0.25s ease-out, color 0.1s ease-out; border-radius:var(--card-box-radius); box-shadow:var(--card-box-shadow-lite);}
.servicesbox .card-item:nth-of-type(even) { float:right;}
.longtextbox .servicesbox .card-item h2 { width:auto; font-size:3em; line-height:1.15em; padding:1px 48px 1px 48px; margin:0.75em 0 0.5em; text-align:center;}
.longtextbox .servicesbox .card-item h3 { width:auto; font-size:1.875em; line-height:1.15em; padding:1px 48px 1px 48px; margin:1em 0 0; text-align:left; font-style:normal;}
.longtextbox .servicesbox .card-item p { font-size:1.25em; line-height:1.5em; padding:1px 48px 1px 48px; margin:0.5em 0 0.5em;}
.longtextbox .servicesbox .card-item ul { font-size:1.5em; line-height:1.333em; padding:1px 48px 1px 48px; margin:0.5em 0 0.5em 1em;}
.longtextbox .servicesbox .card-item li { font-size:1em; padding-left:0.25em; margin:0.5em 0 0.5em;}
.servicesbox .card-item:hover { background:var(--fi-color-black); color:var(--fi-color-white); transition:background 0.25s ease-out, color 0.1s ease-out; transform:rotateY(0deg) rotateX(0deg) scale(1.01,1.01) !important;}

/* -----  Person Card box  ------------------------------ */
.personcardbox { display:table; position:relative; width:100%; min-height:100vh; z-index:-10; opacity:0; transition:opacity 0.5s ease-out;}
.personcardbox .inside { display:table-cell; position:relative; width:100%; height:100%; text-align:center; vertical-align:middle;}
.slide.active .personcardbox { z-index:10; opacity:1;}
.personcardbox h1 { width:90%; max-width:1200px; margin:0.5em auto 0; font-size:6em; line-height:1.15em; text-align:left;}
.personcardbox.firstslide h1 { margin-top:2em;}
.personcardbox h1 strong { /*display:inline-block;*/ color:var(--fi-color-white); background:var(--fi-color-black); line-height:1em;}
.personcardbox.firstslide .inside > p { font-size:1.875em; line-height:1.6em; text-align:left; position:relative; left:10vh; width:90%; max-width:800px; margin:-0.5em auto 0.5em;}
.personcardbox.firstslide .inside > p em { color:var(--fi-color-black); background:var(--fi-color-white);}
.personcardbox.firstslide .inside > p a { border-bottom:3px dotted var(--fi-color-black);}
.personcardbox.firstslide .inside > p a:hover { border-bottom:3px solid var(--fi-color-black);}
.personcardbox .cards { display:block; width:95%; max-width:none; margin:0 auto;}
.personcardbox .card-item-person { display:inline-block; position:relative; vertical-align:top; text-align:center; margin:24px 0;}
.personcardbox .card-item-person:nth-of-type(odd) { transform:translate(10vw, 0px); margin-top:-30px;}
.personcardbox .card-item-person:nth-of-type(even) { transform:translate(-10vw, 0px);}
.personcardbox .card-item-person .card-item-image { display:block; position:relative; width:420px; height:420px; margin:0 0 0 370px;}
.personcardbox .card-item-person .card-item-image img { width:100%; height:auto; border-radius:50%; box-shadow:var(--card-box-shadow);}
.personcardbox .card-item-person .card-item-text { display:block; position:relative; width:460px; background:var(--fi-color-lawyer-1); padding:1.75em 0 3em; margin:-285px 0 0 0; border-radius:var(--card-box-radius); box-shadow:var(--card-box-shadow);}
.personcardbox .card-item-person .card-item-text h2 { font-size:1.875em; line-height:1.1em; padding:1px 40px 1px 40px; margin:0.975em 0 0.5em; text-align:center;}
.personcardbox .card-item-person .card-item-text h2 em { font-size:.8em;}
.personcardbox .card-item-person .card-item-text h2 strong { background:var(--fi-color-black); color:var(--fi-color-white);}
.personcardbox .card-item-person .card-item-text p { font-size:1.25em; line-height:1.333em; padding:1px 40px 1px 40px; margin:.5em 0 1.5em;}
.personcardbox .card-item-person.color-1 .card-item-text { background:var(--fi-color-lawyer-1);}
.personcardbox .card-item-person.color-2 .card-item-text { background:var(--fi-color-lawyer-2);}
.personcardbox .card-item-person.color-3 .card-item-text { background:var(--fi-color-lawyer-3);}
.personcardbox .card-item-person.color-4 .card-item-text { background:var(--fi-color-lawyer-4);}
.personcardbox .card-item-person.color-5 .card-item-text { background:var(--fi-color-lawyer-5);}
.personcardbox .card-item-person.color-6 .card-item-text { background:var(--fi-color-lawyer-6);}
.personcardbox .card-item-person.color-7 .card-item-text { background:var(--fi-color-lawyer-7);}
/* -----  card tiny  ------------------------------ */
.personcardbox .card-item-person.tiny { }
.personcardbox .card-item-person.tiny:nth-of-type(odd),
.personcardbox .card-item-person.tiny:nth-of-type(even) { transform:none; margin:32px 1.25vw;}
.personcardbox .card-item-person.tiny .card-item-image { width:256px; height:256px; margin:0 auto; z-index:100; transform:scale(1,1); transition:transform 0.15s ease-out;}
.personcardbox .card-item-person.tiny:hover .card-item-image { transform:scale(1.08,1.08); transition:transform 0.25s ease-out;}
.personcardbox .card-item-person.tiny .card-item-text { width:340px; padding:1.75em 0 2em; margin:-32px 0 0 0;}
.personcardbox .card-item-person.tiny .card-item-text h2 { font-size:1.625em; padding:1px 32px; margin:0.975em 0 0.35em;}
.personcardbox .card-item-person.tiny .card-item-text h2 em { font-size:.6923em;}
.personcardbox .card-item-person.tiny .card-item-text h2 small.podtitul { display:block; margin:.25em 0 .15em; font-size:.76923em; line-height:1.15; font-weight:normal; font-style:italic;}
.personcardbox .card-item-person.tiny .card-item-text p { font-size:1em; line-height:1.425em; padding:1px 32px; margin:.5em 0 1.125em;}

/* -----  Long Text box  ------------------------------ */
.longtextbox { display:table; position:relative; width:100%; min-height:100vh; z-index:-10; opacity:0; transition:opacity 0.5s ease-out;}
.longtextbox .inside { display:table-cell; position:relative; width:100%; height:100%; text-align:center; vertical-align:middle;}
.slide.active .longtextbox { z-index:10; opacity:1;}
.longtextbox h1 { width:90%; max-width:1200px; margin:0.5em auto 0.5em; font-size:6em; line-height:1.15em; text-align:center;}
.longtextbox h2 { width:90%; max-width:1200px; margin:0.5em auto 0.75em; font-size:3em; line-height:1.15em; text-align:center;}
.longtextbox h3 { width:90%; max-width:800px; margin:2.5em auto 0.75em; font-size:1.125em; line-height:1.15em; text-align:center; font-style:italic;}
.longtextbox h3:first-of-type { margin:.5em auto 0.75em;}
.longtextbox h3 em { display:block; font-style:normal; font-weight:normal; font-size:0.875em; line-height:1.1em;}
.longtextbox h3 strong { font-style:normal;}
.longtextbox.firstslide h1 { margin-top:1.5em;}
.longtextbox .longtext-perex { width:90%; max-width:880px; margin:0 auto; text-align:center; font-size:1.5em; line-height:1.6667em; font-weight:500;}
.longtextbox:not(.news) .longtext-perex p em { background-color:var(--fi-color-white); color:var(--fi-color-black);}
.longtextbox:not(.news) .longtext-perex p em strong { font-weight:bold;}
.longtextbox:not(.news) .longtext-perex p strong em { font-style:italic; font-weight:500; background-color:transparent;}
.longtextbox .longtext-content { width:90%; max-width:1024px; margin:3em auto 2em; font-size:1.25em; line-height:1.5em; text-align:left; column-count:3; column-gap:4em;}
.longtextbox .longtext-content.col-3 { column-count:3; column-gap:4em;}
.longtextbox .longtext-content.col-2 { column-count:2; column-gap:4em;}
.longtextbox .longtext-content.col-1 { column-count:1; column-gap:4em; max-width:640px; text-align:center; margin:2em auto 1em;}
.longtextbox .longtext-content.col-1-left { column-count:1; column-gap:4em; max-width:640px; text-align:left; margin:2em auto 1em;}
.longtextbox .longtext-content.col-2.list { max-width:640px; margin:2em auto 1em;}
.longtextbox .longtext-content p { margin:0 0 1em;}
.longtextbox .longtext-content.reference p { font-style:italic; margin:0 0 2em;}
.longtextbox .longtext-content p em { font-weight:500; font-style:italic;}
.longtextbox .longtext-content p strong { font-weight:500; /*background-color:var(--fi-color-black); color:var(--fi-color-white);*/}
.longtextbox .longtext-content ul { text-align:left; margin:0 0 2em;}
.longtextbox .longtext-content ul li { line-height:1.5em; margin:0 0 0.25em 1em; padding-left:0.25em;}
.longtextbox .longtext-content ol { text-align:left; margin:0 0 2em;}
.longtextbox .longtext-content ol li { line-height:1.5em; margin:0 0 0.25em 1em; padding-left:0.25em;}
.longtextbox .longtext-content .button { font-size:1.2em; line-height:0.8334em;}
.longtextbox .longtext-content.col-1-left h3 { margin:1.75em 0 1em; text-align:left;}
.longtextbox p a { border-bottom:2px dotted var(--fi-color-black);}
.longtextbox p a:hover { border-bottom:2px solid var(--fi-color-black);}
.longtextbox .crew { margin:4em auto 2em;}
.longtextbox .crew-member { display:inline-block; vertical-align:top; text-align:center; width:320px; max-width:86%; margin:0 0.375em 2em;}
.longtextbox .crew-member .member-thumb { display:block; position:relative; width:128px; height:128px; margin:0 auto 12px; border-radius:50%; transform:scale(1); transition:transform 0.5s ease-out;}
.longtextbox .crew-member h2 { font-size:1.375em; line-height:1.333em; font-weight:500; margin:0.5em auto 0.375em;}
.longtextbox .crew-member h2 small { font-size:0.875em;}
.longtextbox .crew-member h2 em { font-size:1.2em; color:var(--fi-color-white); background:var(--fi-color-black); font-weight:500;}
.longtextbox .crew-member h2 strong { /*display:block;*/ font-size:1.2em; font-weight:500;}
.longtextbox .crew-member h3 { line-height:1.375em; margin:0em auto 0.75em;}
.longtextbox .crew-member h3 em { display:inline; font-style:italic; font-size:1em; line-height:inherit; background-color:rgba(255,255,255,0); transition:all 0.5s ease-out;}
.longtextbox .crew-member:hover .member-thumb { transform:scale(1.1); transition:transform 0.15s ease-out;}
.longtextbox .crew-member:hover h3 em { background-color:rgba(255,255,255,0.5); transition:all 0.375s ease-in;}
.gallery-container { position:relative; width:98%; width:calc(100% - 36px - 18px); margin:48px auto; padding:48px 0;}
.gallery-container img { display:block; float:left; width:calc(50% - 16px); height:auto; margin:0 8px 16px 8px; border-radius:10px;}
.gallery-container img.big { float:none; clear:both; width:calc(100% - 16px);}
.gallery-container img.big.limited { width:auto; height:auto; max-width:calc(100% - 16px); max-height:90vh; margin-left:auto; margin-right:auto;}
.gallery-container img.tiny { float:none; clear:both; width:50%; margin:0 auto;}
.people-container { position:relative; width:98%; width:calc(100% - 36px - 36px); margin:48px auto; padding:48px 0; text-align:center;}
.people-container .one-face { display:inline-block; vertical-align:top; width:360px; margin:0 0 3em;}
.people-container .one-face img { display:block; width:224px; height:auto; border-radius:50%; margin:0 auto; filter:grayscale(100%);}
.people-container .one-face h2 { font-size:1.5em; margin:1em auto 0.15em auto;}
.people-container .one-face h2 em { font-size:1.5em; font-size:.8em;}
.people-container .one-face h3 { font-size:1.25em; font-style:italic; font-weight:normal; margin:0.15em auto 0.5em auto;}
/* -----  with numbers  ------------------------------ */
.longtextbox.withnumbers .longtext-content p { margin:0 0 2em;}
.longtextbox.withnumbers .longtext-content ul { margin:-1em 0 1em;}
.longtextbox.withnumbers .longtext-content ul li { line-height:1.5em; margin:0 0 0.25em 2em; padding-left:0.25em;}
.longtextbox.withnumbers h2 { width:auto; margin:-0.75em 0 0.25em; font-size:1.275em; line-height:1.15em; text-align:left;}
.longtextbox .longtext-content p.number:before { content:"01"; display:block; position:relative; width:48px; height:48px; left:-4px; margin:0 0 12px; background:var(--fi-color-black); border-radius:50%; color:var(--fi-color-white); text-align:center; font-size:1.275em; line-height:1.85em;}
.longtextbox .longtext-content p.number.two:before { content:"02";}
.longtextbox .longtext-content p.number.three:before { content:"03";}
.longtextbox .longtext-content p.number.four:before { content:"04";}
.longtextbox .longtext-content p.number.five:before { content:"05";}
.longtextbox .longtext-content p.number.six:before { content:"06";}
/* -----  plainandsimple  ------------------------------ */
.longtextbox.plainandsimple h2 { width:auto; margin:0 0 0.5em; font-size:1.275em; line-height:1.15em; text-align:left;}
/* -----  news  ------------------------------ */
.longtextbox.news h1 { font-size:4.5em; margin-top:.75em; margin-bottom:0.5em;}
.longtextbox.news.archive h1 { width:90%; max-width:1200px; margin:1.5em auto 0.5em; font-size:6em; line-height:1.15em; text-align:center;}
.longtextbox.news .breadcrumbs { margin-top:7em; font-weight:500 !important;}
.longtextbox.news .breadcrumbs a { margin:0 1.25em; font-weight:500 !important; border-bottom:2px dotted var(--fi-color-black);}
.longtextbox.news .breadcrumbs a:hover { border-bottom:1px solid var(--fi-color-black);}
.longtextbox.news .breadcrumbs b { margin:0 1.25em; font-weight:500 !important;}
.longtextbox.news .breadcrumbs i { margin:0 1.25em;}
.longtextbox.news .author { display:flex; align-items:center; justify-content:center; margin:2.5em 0 -1em; font-size:1.25em; font-weight:500; line-height:1.1333em;}
.longtextbox.news .author img { width:64px; height:64px; border-radius:50%; margin-right:0.75em;}
.longtextbox.news .author span { display:inline; border-bottom:2px dotted var(--fi-color-black);}
.longtextbox.news .author span em { font-size:0.833em;}
.longtextbox.news .author span strong { background-color:var(--fi-color-black); color:var(--fi-color-white);}
.longtextbox.news .author:hover span { border-bottom:2px solid var(--fi-color-black);}
.longtextbox.news .longtext-perex p em { font-style:italic;}
.longtextbox.news .longtext-content { margin-top:2.25em;}
.longtextbox.news .gallery-container { margin:0 auto; padding:0 0 48px;}
.longtextbox.news .gallery-container.bottom { padding:48px 0 0;}
.longtextbox.news .gallery-container.bottom img { aspect-ratio:3 / 2; object-fit:cover; object-position:center;}
.longtextbox.news .video-container { position:relative; width:98%; width:calc(100% - 36px - 18px - 16px); margin:4em auto 0; padding:0 0 24px;}
.videoplayer { width:100%; /*height:52.66666vw;*/ height:calc(52.66666vw + 24px); margin:0 auto; overflow:hidden; border-radius:10px;}
.longtextbox.news .longtext-content.buttons { margin-top:3em; margin-bottom:3em;}
.longtextbox.news .longtext-content.buttons .button { margin:0.75em 0.5em;}
/* -----  Profile  ------------------------------ */
.slide.profile .longtextbox { width:90%; margin:0 auto;}
.slide.profile .longtextbox h1 { font-size:3.75em; margin:2em auto 0.5em;}
.slide.profile .longtextbox h1 em { font-size:.8em;}
.slide.profile .longtextbox h1 small.podtitul { display:block; margin:.25em 0 .15em; font-size:.6em; line-height:1.15; font-weight:normal; font-style:italic;}
.slide.profile .longtextbox h1 strong { background:var(--fi-color-black); color:var(--fi-color-white);}
.slide.profile .longtextbox h2 strong { background:var(--fi-color-black); color:var(--fi-color-white);}
/* -----  Workshop  ------------------------------ */
.slide.workshop .longtextbox { width:90%; margin:0 auto;}
.slide.workshop .longtextbox .inside { padding:4em 0 3em;}
.slide.workshop .longtextbox .workshop-logo { font-size:1.5em; line-height:1.5em; font-weight:500; text-align:center; margin-bottom:-3.5em;}
.slide.workshop .longtextbox .workshop-logo strong { display:inline-block; color:var(--fi-color-white); background:var(--fi-color-black); text-transform:uppercase; line-height:1.333em; letter-spacing:0.25em;}
.slide.workshop .longtextbox h1 { font-size:3.75em; margin:2em auto 0.5em;}
.slide.workshop .longtextbox h1 em { font-size:.8em;}
.slide.workshop .longtextbox h1 strong { background:var(--fi-color-black); color:var(--fi-color-white);}
.slide.workshop .longtextbox h2 { margin-top:1.25em;}
.slide.workshop .longtextbox h2 strong { background:var(--fi-color-black); color:var(--fi-color-white);}
.slide.workshop .longtextbox p strong { font-size:1.1em; font-weight:500;}
.slide.workshop .crew { margin:1em auto 2em;}
.slide.workshop .crew-member { display:inline-block; vertical-align:top; text-align:center; width:212px; margin:0 0.5em;}
.slide.workshop .crew-member .member-thumb { display:block; width:128px; height:128px; margin:0 auto 12px; border-radius:50%;}
.slide.workshop .crew-member p { font-size:1.5em; line-height:1.333em;}
.slide.workshop .crew-member p em { font-size:1.2em; color:var(--fi-color-white); background:var(--fi-color-black); font-weight:500;}
.slide.workshop .crew-member p strong { display:block; font-size:1.2em; font-weight:500;}
.slide.workshop .workshop-time { font-size:1.875em; line-height:1.2em; margin:2em auto 0;}
.slide.workshop .workshop-time strong { font-size:1.2em;}
.slide.workshop .workshop-time small { font-size:0.8em;}

/* -----  Journal  ------------------------------ */
:root {
	--journal-item-width:360px;
	--journal-item-height:auto;
	/* --journal-item-margin:24px 15px; */
	--journal-item-headline-size:2.125em;
	--journal-item-headline-padding:1px 30px 1px 0px;
	--journal-item-headline-margin:1.15em 0 0;
	--journal-item-text-size:1em;
	--journal-item-author-thumbnail:48px;
	--journal-item-author-margin:1em 0 32px 0px;
	--journal-item-space-h:14px;
	--journal-item-space-v:8px;
	--journal-item-arrow:64px;
}
/* -----  background colors and logo  ------------------------------ */
.fancybcg.journalpaper { background:var(--journal-paper-color); left:0; top:0; width:100vw; height:100vh;}
.is-journal #theMenu { background:var(--journal-paper-color-trans); backdrop-filter:blur(3px);}
.is-journal .main-menu > li.current-menu-item ul.sub-menu { background:var(--journal-paper-color-light);}
.is-journal .main-menu > li.current-menu-item a { background:var(--journal-paper-color-light);}
.is-journal #theLogo { display:none;}
#theJournalLogo { position:fixed; z-index:1000; font-size:1em; left:48px; top:28px; transform:scale(.667); transform-origin:left top;}
#theJournalLogo h1 { position:relative; font-size:5.75rem; line-height:.5; letter-spacing:-0.005em;}
#theJournalLogo em { display:block; position:relative; font-size:.42em; left:1.1em; top:0.05em;}
#theJournalLogo strong { display:block; font-weight:bold;}
.scrolled #theJournalLogo { top:30px; transform:scale(.5);}
/* -----  catalogue  ------------------------------ */
.journalbox { display:block; position:relative; width:100%; min-height:100vh; padding-top:96px; padding-bottom:128px; z-index:-10; opacity:0; transition:opacity 0.5s ease-out;}
.journalbox.minimize { min-height:auto; padding-top:104px; padding-bottom:80px;}
.slide.active .journalbox { z-index:10; opacity:1;}
.journalbox .journalsection { width:90%; max-width:1200px; padding:64px 0 48px; margin:0 auto;}
.journalbox .journalsection:not(:last-of-type) { border-bottom:2px solid var(--fi-color-black);}
.journalbox.minimize .journalsection { border-top:2px solid var(--fi-color-black);}
.journalbox .journalsection-intro { display:flex; flex-direction:row; position:relative; align-items:center; justify-content:space-between; width:100%; gap:5%; padding-bottom:16px;}
.journalbox .journalsection-intro p { font-size:1.375rem; font-weight:500; line-height:1.5; width:50%;}
.journalbox .journalsection-intro p em { font-weight:normal; font-style:italic;}
.journalbox .journalsection-intro p strong { font-weight:bold;}
.journalbox .journalsection-intro h1 { font-size:4.5rem; font-weight:normal; width:45%;}
.journalbox .journalsection-intro h1 strong { font-weight:bold; letter-spacing:-0.005em;}
.journalbox .journalsection > h2 { display:none; font-size:3em; padding-left:140px; margin:0.5em 0 -10px;}
.journalbox .journalsection-items { gap:32px;}
.journalbox .journalsection-items.grid-xby3 { display:grid; grid-template-columns:repeat(auto-fit, minmax(var(--journal-item-width), 1fr));}
.journalbox .journalsection-items.grid-with-hero { display:grid; grid-template-columns:1.25fr 1fr; gap:clamp(16px,2vw,28px); align-items:stretch;}
.journalbox .journalsection-items.grid-with-hero > .journal-item:first-child { grid-column:1;}
.journalbox .journalsection-items.grid-with-hero .grid-sidebar { grid-column:2; display:flex; flex-direction:column; gap:24px;}
.journalbox .journalsection-items.grid-with-hero .grid-sidebar .journal-item:not(:last-of-type) { border-bottom:2px solid var(--fi-color-black);}
.journalbox .journal-item { display:flex; position:relative; width:var(--journal-item-width); height:var(--journal-item-height); overflow:hidden; text-align:left; white-space:normal; color:var(--fi-color-black); background-color:transparent;}
.journalbox .journal-item a { display:flex; flex-direction:column;}
.journalbox .journal-item .card-time { display:none; position:absolute; top:var(--journal-item-space-v); left:var(--journal-item-space-h); font-size:var(--journal-item-text-size); pointer-events:none;}
.journalbox .journal-item .card-tags { display:none; font-size:var(--journal-item-text-size); color:var(--fi-color-white); pointer-events:none;}
.journalbox .journal-item .card-tags i { margin-right:10px;}
.journalbox .journal-item .card-tags i:before { content:"#";}
.journalbox .journal-item .card-category { display:block; position:absolute; top:0px; left:0px; background:var(--fi-color-journal-1); color:var(--fi-color-black); font-size:.875em; font-weight:500; padding:0.25em 0.75em 0.25em 1em; border-radius:25px 16px 0 25px;}
.journalbox .journal-item h3 { font-size:var(--journal-item-headline-size); line-height:1; font-weight:bold; letter-spacing:-0.005em; padding:var(--journal-item-headline-padding); margin:var(--journal-item-headline-margin); width:auto; text-align:left; pointer-events:none;  transition:color 0.1s ease-out;}
.journalbox .journal-item h3 span { background: linear-gradient(to top, var(--fi-color-journal-1), var(--fi-color-journal-1));
    background-repeat: no-repeat;
    background-position: 0% 85%;
    background-size: 0% 25%;
    /* background-size: 100% 25%; */
    transition:background-size 0.75s ease-out;}
.journalbox .journal-item .item-lawyer { display:flex; align-items:center; margin:var(--journal-item-author-margin); font-size:var(--journal-item-text-size); font-weight:500; line-height:1.1333em;}
.journalbox .journal-item .item-lawyer img { width:var(--journal-item-author-thumbnail); height:var(--journal-item-author-thumbnail); border-radius:50%; margin-right:0.75em;}
.journalbox .journal-item .item-lawyer span { display:inline;}
.journalbox .journal-item .item-lawyer span em { font-size:0.875em;}
.journalbox .journal-item .item-lawyer span strong { background-color:var(--fi-color-black); color:var(--fi-color-white);}
.journalbox .journal-item.size-2 {
	--journal-item-width:auto;
	--journal-item-height:auto;
	--journal-item-headline-size:3.75em;
	--journal-item-headline-padding:1px 52px 1px 0;
	--journal-item-headline-margin:.65em 0 0;
	--journal-item-text-size:1.125em;
	--journal-item-author-thumbnail:80px;
	--journal-item-author-margin:1em 0 32px 0;
}
.journalbox .journal-item.size-2 .card-category { font-size:.9375rem; padding:0.35em 0.85em 0.35em 1.1em;}
.journalbox .journal-item.size-3 {
	--journal-item-width:auto;
	--journal-item-height:auto;
	--journal-item-headline-size:1.75em;
	--journal-item-headline-margin:1.1em 0 0;
	--journal-item-text-size:0.9375em;
	--journal-item-author-thumbnail:40px;
	--journal-item-author-margin:0.5em 0 24px 0;
}
.journalbox .journal-item.size-3 .card-category { font-size:.6875rem; padding:0.15em 0.7em 0.15em .9em;}
.journalbox .journal-item.color-1 .card-category { background-color:var(--fi-color-journal-1);}
.journalbox .journal-item.color-2 .card-category { background-color:var(--fi-color-journal-2);}
.journalbox .journal-item.color-3 .card-category { background-color:var(--fi-color-journal-3);}
.journalbox .journal-item.color-4 .card-category { background-color:var(--fi-color-journal-4);}
.journalbox .journal-item.color-5 .card-category { background-color:var(--fi-color-journal-5);}
.journalbox .journal-item.color-6 .card-category { background-color:var(--fi-color-journal-6);}
.journalbox .journal-item.color-7 .card-category { background-color:var(--fi-color-journal-7);}
.journalbox .journal-item.color-1 h3 span { background-image:linear-gradient(to top, var(--fi-color-journal-1), var(--fi-color-journal-1));}
.journalbox .journal-item.color-2 h3 span { background-image:linear-gradient(to top, var(--fi-color-journal-2), var(--fi-color-journal-2));}
.journalbox .journal-item.color-3 h3 span { background-image:linear-gradient(to top, var(--fi-color-journal-3), var(--fi-color-journal-3));}
.journalbox .journal-item.color-4 h3 span { background-image:linear-gradient(to top, var(--fi-color-journal-4), var(--fi-color-journal-2));}
.journalbox .journal-item.color-5 h3 span { background-image:linear-gradient(to top, var(--fi-color-journal-5), var(--fi-color-journal-5));}
.journalbox .journal-item.color-6 h3 span { background-image:linear-gradient(to top, var(--fi-color-journal-6), var(--fi-color-journal-6));}
.journalbox .journal-item.color-7 h3 span { background-image:linear-gradient(to top, var(--fi-color-journal-7), var(--fi-color-journal-7));}
/* .journalbox .journal-item:hover h3 { color:#fff; transition:color 0.1s ease-out;} */
/* .journalbox .journal-item:hover .item-lawyer span { color:#fff;} */
.journalbox .journal-item a:hover h3 span { background-size: 100% 25%; transition:background-size 0.5s ease-out;}
.journalbox .journal-item .card-category:hover { background:var(--fi-color-white); color:var(--fi-color-black);}
/* -----  Journal Article  ------------------------------ */
.is-journal .longtextbox.news h1 { font-weight:bold; letter-spacing:-0.005em; line-height:1;}
.longtextbox.journal .longtext-perex { font-size:1.6667em; line-height:1.5em; font-weight:500;}
/* .longtextbox.journal .longtext-content.col-1 { text-align:left;} */
.longtextbox.journal .longtext-content.col-1 { max-width:680px;}
.longtextbox.journal .longtext-content.col-1-left { max-width:680px;}
.longtextbox.journal .longtext-content.buttons { margin-top:3em; margin-bottom:3em; max-width:none;}
.longtextbox.journal .longtext-content.buttons .button.mega { }
.longtextbox.journal .longtext-content { font-size:1.375em;}
.longtextbox.journal .longtext-content h2 { font-size:1.5em; text-align:left; width:auto; margin:1.5em 0 1em;}
.longtextbox.journal .longtext-content p em { font-weight:500; font-style:italic; font-size:1.05em;}
.longtextbox.journal .longtext-content p strong { font-weight:500; font-size:1.05em;}
.longtextbox.journal .longtext-content.citace ul { position:relative; font-size:0.875em;}
.longtextbox.journal .longtext-content.citace ul::before { content:""; display:block; width:50%; height:1px; background-color:var(--fi-color-black); margin-bottom:1em;}
.longtextbox.journal .longtext-content.citace ul li { list-style-type:none; margin-left:0;}
.longtextbox.journal .longtext-content.citace ul li sup { margin-right:0.375em;}



/* -----  Reference  ------------------------------ */
.referencebox { display:block; position:relative; width:95%; max-width:1360px; margin:0 auto; padding:0;}
.referencebox .one-item { display:block; float:left; width:44%; margin:2em 3%; text-align:left;}
.referencebox .one-item p { font-size:1.5em; line-height:1.6667; font-weight:500; margin:0.75em 0;}
.referencebox .one-item p em { font-style:italic; background-color:var(--fi-color-ultralite);}
.referencebox .one-item p.color-1 em { background-color:var(--fi-color-lawyer-1-rgba-lite);}
.referencebox .one-item p.color-2 em { background-color:var(--fi-color-lawyer-2-rgba-lite);}
.referencebox .one-item p.color-3 em { background-color:var(--fi-color-lawyer-3-rgba-lite);}
.referencebox .one-item p.color-4 em { background-color:var(--fi-color-lawyer-4-rgba-lite);}
.referencebox .one-item p.color-5 em { background-color:var(--fi-color-lawyer-5-rgba-lite);}
.referencebox .one-item p.color-6 em { background-color:var(--fi-color-lawyer-6-rgba-lite);}
.referencebox .one-item p.color-7 em { background-color:var(--fi-color-lawyer-7-rgba-lite);}
.referencebox .item-lawyer { display:flex; align-items:center; font-size:1.5em; font-weight:500; line-height:1.1333em;}
.referencebox .item-lawyer img { width:64px; height:64px; border-radius:50%; margin-right:0.75em;}
.referencebox .item-lawyer span { display:inline; border-bottom:2px dotted var(--fi-color-black);}
.referencebox .item-lawyer:hover span { border-bottom:2px solid var(--fi-color-black);}
.referencebox .item-lawyer span em { font-size:0.833em;}
.referencebox .item-lawyer span strong { background-color:var(--fi-color-neutral);}
.referencebox .item-lawyer.color-1 span strong { background:var(--fi-color-lawyer-1);}
.referencebox .item-lawyer.color-2 span strong { background:var(--fi-color-lawyer-2);}
.referencebox .item-lawyer.color-3 span strong { background:var(--fi-color-lawyer-3);}
.referencebox .item-lawyer.color-4 span strong { background:var(--fi-color-lawyer-4);}
.referencebox .item-lawyer.color-5 span strong { background:var(--fi-color-lawyer-5);}
.referencebox .item-lawyer.color-6 span strong { background:var(--fi-color-lawyer-6);}
.referencebox .item-lawyer.color-7 span strong { background:var(--fi-color-lawyer-7);}

/* -----  Price box  ------------------------------ */
.pricebox { display:table; position:relative; width:100%; min-height:100vh; z-index:-10; opacity:0; transition:opacity 0.5s ease-out;}
.pricebox .inside { display:table-cell; position:relative; width:100%; height:100%; text-align:center; vertical-align:middle;}
.slide.active .pricebox { z-index:10; opacity:1;}
.pricebox h1 { width:90%; max-width:1200px; margin:1.5em auto 0.5em; font-size:6em; line-height:1.15em; text-align:center;}
.pricebox h2 { width:90%; max-width:640px; margin:2.5em auto 1em auto; font-size:2.75em; line-height:1.15em; text-align:center;}
.pricebox h2 em { color:var(--fi-color-accent-brown);}
.pricebox .pricetable { position:relative; width:96%; margin:0.5em auto;}
.pricebox .pricetable table { width:100%; border-spacing:0; border-collapse:collapse;}
.pricebox .pricetable.small table { width:50%; border-spacing:0; border-collapse:collapse; margin:0 auto; font-size:0.75em;}
.pricebox .pricetable table th { font-size:1.125em; line-height:1em; font-weight:500; text-align:center; vertical-align:top; border-left:1px solid var(--fi-color-black); /*border-bottom:1px solid var(--fi-color-black);*/ padding-bottom:1.5em;}
.pricebox .pricetable table th:first-of-type { border-left:none;}
.pricebox .pricetable table th strong { display:block; margin:0 auto 1.5em auto; font-size:1.125em;}
.pricebox .pricetable table th span { display:block; font-size:1em; margin:0.75em auto;}
.pricebox .pricetable table th span small { display:block; font-size:0.77778em; font-weight:normal;}
.pricebox .pricetable table th span.price-old { text-decoration:line-through;}
.pricebox .pricetable table span.price-new { font-size:1.66667em; color:var(--fi-color-accent-brown);}
.pricebox .pricetable table span.price-new small { font-size:0.466667em; line-height:2em;}
.pricebox .pricetable table th.info { font-size:1.5em; line-height:1.25em; text-transform:uppercase; text-align:left; vertical-align:middle;  color:var(--fi-color-accent-brown);}
.pricebox .pricetable table th.info small { display:block; text-transform:none;}
.pricebox .pricetable table td { font-size:1.125em; line-height:1.125em; font-weight:500; text-align:center; vertical-align:middle; border-left:1px solid var(--fi-color-black); border-top:1px solid var(--fi-color-neutral); padding:1.25em 0.5em;}
.pricebox .pricetable table td:first-of-type { border-left:none;}
.pricebox .pricetable table td strong { font-size:1.5em;}
.pricebox .pricetable table td small { display:block; font-size:0.625em;}
.pricebox .pricetable table td em i { display:none;}
.pricebox .pricetable table td a { border-bottom:2px dotted var(--fi-color-black);}
.pricebox .pricetable table td a:hover { border-bottom:2px solid var(--fi-color-black);}
/*.pricebox .pricetable table td em:before { content:""; display:inline-block; width:10px; height:10px; background:#000; border-radius:50%;}*/
.pricebox .pricetable table td em:before { content:""; display:inline-block; width:22px; height:22px; background:none; background-image:url(../images/bullet-check.svg); background-position:50% 50%; background-size:contain; background-repeat:no-repeat;}
.pricebox .pricetable table td.label { font-size:1.5em; line-height:1.2em; font-weight:normal; text-align:left; padding:1.25em 0.25em 1.25em 0;}
.pricebox .pricetable table td.center { text-align:center;}
.pricebox .pricetable table td.label.big { font-size:1.75em; color:var(--fi-color-accent-brown);}
.pricebox .pricetable table td.label strong { font-size:1em;}
.pricebox .pricetable table td.label i { font-style:italic;}
.pricebox .pricetable table tr:hover td { background:var(--fi-color-neutral-warm);}
/* -----  links  ------------------------------ */
.pricebox .pricetable.small.links table { font-size:0.9375em; width:100%; max-width:680px;}
.pricebox .pricetable.small.links table td { text-align:center; padding:2.5em 0 2.75em; border-top:1px solid rgba(0,0,0,0.1); line-height:1.25;}
/* .pricebox .pricetable.small.links table td:first-of-type { border-top:none;} */
.pricebox .pricetable.small.links table tr:hover td { background-color:transparent;}

/* -----  Price list  ------------------------------ */
.pricelist { display:block; position:relative; width:100%; min-height:100vh; z-index:-10; opacity:0; transition:opacity 0.5s ease-out;
	--hr-line-border:1px solid rgba(255,255,255,0.25);}
.pricelist .inside { display:block; position:relative; width:auto; height:100%; padding:1px 0; text-align:center;}
.pricelist .inside > p { font-size:1.125em; line-height:1.333em; margin:2em auto 3em; font-style:italic;}
.pricelist .inside > p strong { font-weight:500; font-size:1.125em;}
.pricelist .inside > p strong:first-of-type { font-size:1.5em;}
.slide.active .pricelist { z-index:10; opacity:1;}
.pricelist h1 { width:90%; max-width:1200px; margin:1.5em auto 0.5em; font-size:6em; line-height:1.15em; text-align:center;}
.pricelist h2 { width:90%; max-width:640px; margin:0 auto 1em auto; font-size:2.75em; line-height:1.15em; text-align:center;}
.pricelist-items { display:flex; flex-wrap:wrap; justify-content:center;}
.pricelist-item { box-sizing:border-box; background:var(--fi-shuffle-color-1); margin:8px 6px; padding:12px 12px 24px; width:23%; min-width:240px; max-width:360px; text-align:center; border-radius:var(--card-box-radius);}
.pricelist-item.selected { transform:scale(1.0333); box-shadow:var(--card-box-shadow-lite); margin:8px 14px;}
.pricelist-item.color-2 { background:var(--fi-shuffle-color-2);}
.pricelist-item.color-3 { background:var(--fi-shuffle-color-3);}
.pricelist-item.color-4 { background:var(--fi-shuffle-color-4);}
.pricelist-item .headline { position:relative;}
.pricelist-item h3 { font-size:1.75em; letter-spacing:0.1em; text-transform:uppercase; text-align:center; padding:1.5rem 0 1.5rem; border-bottom:var(--hr-line-border);}
.pricelist-item.selected h3 { font-size:2em; padding:1.875rem 0 1.75rem;}
.pricelist-item .headline span { display:block; position:absolute; top:-12px; right:-12px; background:var(--fi-color-black); color:var(--fi-color-white); font-size:1em; padding:0.35em 1em; border-radius:25px 12px 0 25px;}
.pricelist-item .priceandbutton { padding:2.25rem 0 2rem; border-bottom:var(--hr-line-border);}
.pricelist-item .priceandbutton span { display:block; margin:0.25rem;}
.pricelist-item .priceandbutton .button { margin:1rem 0 0.25rem;}
.pricelist-item .price { font-size:1.5em;}
.pricelist-item .price strong { font-size:2em;}
.pricelist-item .time small { font-size:1em;}
.pricelist-item .bullets ul { font-size:1.125em;}
.pricelist-item .bullets ul li { list-style-type:none; display:block; font-size:1em; line-height:1.15em; padding:1.125rem 8px 1.12rem; border-bottom:var(--hr-line-border);}
.pricelist-item .bullets ul li:last-of-type { border-bottom:none;}
.pricelist-item .bullets strong { font-weight:500; font-size:1.5em; line-height:1.1em;}
.pricelist-item .bullets strong em { font-size:.8333em;}
.pricelist-item .bullets b { font-weight:500;}
.pricelist-item .bullets small { display:block; font-size:0.75em; line-height:1.2em;}

/* -----  Timeline  ------------------------------ */
.timeline { display:block; position:relative; width:100%; min-height:100vh; z-index:-10; opacity:0; padding-bottom:5rem; transition:opacity 0.5s ease-out;}
.timeline .inside { display:block; position:relative; width:auto; height:100%; padding:1px 0; margin:0 auto; text-align:center; width:98%; max-width:1056px;}
.slide.active .timeline { z-index:10; opacity:1;}
.timeline h1 { width:90%; max-width:1200px; margin:1.5em auto 0.5em; font-size:6em; line-height:1.15em; text-align:center;}
.timeline h2 { width:95%; margin:0 auto 0.75em; font-size:2.75em; line-height:1.15em;}
.timeline .longtext-perex { width:90%; max-width:880px; margin:0 auto 2.5em; text-align:center; font-size:1.5em; line-height:1.6667em; font-weight:500;}
.timeline .longtext-perex a { border-bottom:2px dotted var(--fi-color-black);}
.timeline .longtext-perex a:hover { border-bottom:2px solid var(--fi-color-black);}
.timeline-item { position:relative; min-height:240px; display:flex; margin:2em 0 4em;}
.timeline-item * { box-sizing:border-box;}
.timeline-item .timestamp { display:flex; align-items:center; justify-content:center; position:relative; width:240px; margin-right:10px; font-size:1.5rem; line-height:1.15; background:var(--fi-color-white); border-radius:var(--card-box-radius);}
.timeline-item.is-gone .timestamp { text-decoration:line-through; background:rgba(255,255,255,0.5);}
.timeline-item .timestamp strong { display:block; font-size:3em; line-height:1;}
.timeline-item .timestamp em { display:block; text-transform:uppercase; letter-spacing:0.1em; line-height:1.875;}
.timeline-item .timestamp small { display:block; font-size:0.75em; letter-spacing:0.1em; line-height:1.25;}
.timeline-item .content { position:relative; width:calc(100% - 240px - 10px);}
.timeline-item h3 { display:flex; position:relative; align-items:center; height:100%; padding-left:240px; padding-right:64px; font-size:2.25rem; line-height:1.22; background-color:var(--fi-color-lawyer-5); border-radius:var(--card-box-radius); transition:background 0.25s ease-out, color 0.1s ease-out, transform 0.25s ease-out;}
.timeline-item:not(.is-gone) h3 { box-shadow:var(--card-box-shadow-lite);}
.timeline-item:not(.is-gone) h3:after { content:""; display:block; position:absolute; right:16px; bottom:16px; width:80px; height:80px; background-color:rgba(255,255,255,0.25); background-image:url(../images/arrow-right.svg); background-position:50% 50%; background-size:48% auto; background-repeat:no-repeat; border-radius:50%; transform:scale(1,1); transition:all 0.5s ease-out;}
.timeline-item .crew { position:absolute; top:0; display:flex; flex-direction:column; justify-content:center; width:240px; height:100%; margin-left:-48px; /* border:1px dotted red; */}
.timeline-item .crew-member { display:flex; margin:-12px 0; align-items:center; }
.timeline-item .crew-member .member-thumb { display:block; width:104px; height:104px; margin:0 18px 0 0; border-radius:50%; box-shadow:var(--card-box-shadow-lite); transition:all 0.1s ease-out;}
.timeline-item.is-gone .crew-member .member-thumb { filter:grayscale(1);}
.timeline-item .crew-member h4 { font-size:1.5rem; line-height:1.2;}
.timeline-item .crew-member h4 em { color:var(--fi-color-white); background:var(--fi-color-black); font-weight:500;}
.timeline-item .crew-member h4 strong { display:block; font-weight:500;}
.timeline-item .buttons { margin-top:-1.5em;}
.timeline-item .buttons .button { margin:0 0.25em;}
.timeline-item.color-1 h3 { background:var(--fi-color-lawyer-1);}
.timeline-item.color-2 h3 { background:var(--fi-color-lawyer-2);}
.timeline-item.color-3 h3 { background:var(--fi-color-lawyer-3);}
.timeline-item.color-4 h3 { background:var(--fi-color-lawyer-4);}
.timeline-item.color-5 h3 { background:var(--fi-color-lawyer-5);}
.timeline-item.color-6 h3 { background:var(--fi-color-lawyer-6);}
.timeline-item.color-7 h3 { background:var(--fi-color-lawyer-7);}
.timeline-item.is-gone h3 { background:var(--fi-shuffle-color-2);}
.timeline-item .content > a:hover + .crew .crew-member h4 strong { color:var(--fi-color-white);}
.timeline-item .content > a:hover h3 { background:var(--fi-color-black); color:var(--fi-color-white); transition:background 0.25s ease-out, color 0.1s ease-out, transform 0.15s ease-out; transform:rotateY(0deg) rotateX(0deg) scale(1.01,1.01) !important;}
.timeline-item .content > a:hover h3:after { background-color:rgba(255,255,255,0); background-image:url(../images/arrow-right-white.svg); transform:scale(1.25,1.25);}
.timeline-item .crew-member:hover .member-thumb { transform:scale(1.1); transition:all 0.25s ease-out;}

/* -----  Contact box  ------------------------------ */
.contactbox { display:table; position:relative; width:80%; max-width:1140px; min-height:100vh; margin:0 auto; z-index:-10; opacity:0; transition:opacity 0.5s ease-out;}
.contactbox .inside { display:table-cell; position:relative; width:100%; height:100%; text-align:center; vertical-align:middle; padding-top:120px; padding-bottom:80px;}
.slide.active .contactbox { z-index:10; opacity:1;}
.contactbox .form-text { display:block; float:left; width:45%; text-align:left;}
.contactbox .form-text.right { float:right;}
.contactbox .form-text p { font-size:1.75em; margin:0.5em auto 1.75em 0; line-height:1.6em;}
.contactbox .form-text p em { color:var(--fi-color-black); background:var(--fi-color-white);}
.contactbox .form-text .crew-member { display:block; clear:both; margin:2.5em 0 3.5em;}
.contactbox .form-text .crew-member .member-thumb { display:block; float:left; width:114px; height:114px; border-radius:50%;}
.contactbox .form-text .crew-member p { font-size:1.25em; line-height:1.5em; padding-left:136px; padding-top:0.333em;}
.contactbox .form-text .crew-member p strong { font-size:1.2em; font-weight:500;}
.contactbox .form-text .crew-member p strong em { color:var(--fi-color-black); background:var(--fi-color-neutral); font-weight:500;}
.contactbox .form-text .crew-member p > em { background:none; color:inherit; font-style:italic;}
.contactbox .form-form { display:block; float:right; width:45%; text-align:left;}
.contactbox .form-form.left { float:left;}
.contactbox .form-form p { font-size:1.75em; margin:0.5em auto 1.75em 0; line-height:1.6em;}
.contactbox .form-form p em { color:var(--fi-color-white); background:var(--fi-color-black);}
.contactbox p a { border-bottom:1px dotted var(--fi-color-black);}
.contactbox p a:hover { border-bottom:1px solid var(--fi-color-black);}
.contactbox p a:first-of-type { border-bottom:2px dotted var(--fi-color-black);}
.contactbox p a:first-of-type:hover { border-bottom:1px solid var(--fi-color-black);}
/* -----  Lawyers  ------------------------------ */
.contactbox.lawyers { width:90%; max-width:1280px;}
.contactbox.lawyers.twocol { width:90%; max-width:860px;}
.contactbox.lawyers.onecol { width:90%; max-width:640px;}
.contactbox.lawyers .inside  { text-align:left;}
.contactbox.lawyers .crew > h1  { text-align:center; font-size:3em; margin:0.5em auto 1em;}
.contactbox.lawyers .crew-member { display:inline-block; width:22%; text-align:left; margin:2em 4.25em; vertical-align:top;}
.contactbox.lawyers.twocol .crew-member { width:42%; margin:2em 2em;}
.contactbox.lawyers.onecol .crew-member { width:100%; margin:0; padding:2.5em 0; text-align:center; border-top:1px solid rgba(0,0,0,0.1);}
.contactbox.lawyers .crew-member span { display:block; position:absolute; width:48px; height:48px; margin-left:-64px; margin-top:4px; background:var(--fi-color-black); color:var(--fi-color-white); text-align:center; font-size:1.275em; border-radius:50%;}
.contactbox.lawyers.onecol .crew-member span { background:var(--fi-color-white); color:var(--fi-color-black);}
.contactbox.lawyers .crew-member span b { display:inline-block; line-height:2.275em;}
.contactbox.lawyers .crew-member p { font-size:1.25em; line-height:1.5em;}
.contactbox.lawyers .crew-member h2 strong { background:var(--fi-color-neutral);}
.contactbox.lawyers .crew-member h2 em { font-size:0.833em;}
.contactbox.lawyers.onecol .crew-member h2 { text-align:center;}
.contactbox.lawyers.onecol .crew-member h2 strong { font-size:1.015em; background-color:transparent; font-weight:bold; letter-spacing:-0.005em;}
.contactbox.lawyers.onecol .crew-member h2 em { font-size:1em; font-style:italic; font-weight:500;}
.contactbox.lawyers .crew-member .button.tiny { padding:0em 2em 0em 1em; font-size:.75em; border-bottom:none !important; margin-top:0.75em;}
.contactbox h2 a { border-bottom:2px dotted var(--fi-color-black);}
.contactbox h2 a:hover { border-bottom:2px solid var(--fi-color-black);}
.contactbox.lawyers .crew-member.color-1 h2 strong { background:var(--fi-color-lawyer-1);}
.contactbox.lawyers .crew-member.color-2 h2 strong { background:var(--fi-color-lawyer-2);}
.contactbox.lawyers .crew-member.color-3 h2 strong { background:var(--fi-color-lawyer-3);}
.contactbox.lawyers .crew-member.color-4 h2 strong { background:var(--fi-color-lawyer-4);}
.contactbox.lawyers .crew-member.color-5 h2 strong { background:var(--fi-color-lawyer-5);}
.contactbox.lawyers .crew-member.color-6 h2 strong { background:var(--fi-color-lawyer-6);}
.contactbox.lawyers .crew-member.color-7 h2 strong { background:var(--fi-color-lawyer-7);}


/* ============================================== */
/* -----  04. FOOTERS & STUFF  ------------------------------ */
/* ---------------------------------------------- */

/* -----  Footer box  ------------------------------ */
.footerbox { display:table; position:relative; width:100%; min-height:100vh; z-index:-10; opacity:0; transition:opacity 0.5s ease-out;}
.footerbox .inside { display:table-cell; position:relative; width:100%; height:100%; text-align:center; vertical-align:middle; padding-top:10vh; padding-bottom:10vh;}
.footerbox.last { transition:opacity 1.5s ease-out;}
.footerbox.last .inside { padding-bottom:0vh;}
.slide.active .footerbox { z-index:10; opacity:1;}
.footerbox .partners { width:auto; margin:1em auto 5em; text-align:center;}
.footerbox .partners .logo-partner { display:inline-block; vertical-align:middle; max-height:56px; width:auto; margin:0 35px; filter:grayscale(0%); transition:all 0.25s ease-out;}
.footerbox .partners .logo-partner:hover { filter:grayscale(80%); transition:all 0.1s ease-out;}
.footerbox .logo-footer { width:160px; height:auto; margin:1em auto 4em;}
.footerbox h1 { width:48%; min-width:640px; margin:5em auto 0.75em; font-size:4vh; line-height:1.5em; text-align:center;}
.footerbox h2 { width:90%; margin:1em auto 0.5em; font-size:1.875em; text-align:center;}
.footerbox p { width:48%; min-width:640px; margin:1em auto 1.5em; font-size:1.5em; line-height:1.5em; text-align:center;}
.footerbox p a { border-bottom:2px dotted var(--fi-color-black);}
.footerbox p a:hover { border-bottom:2px solid var(--fi-color-black);}
.footerbox .button { margin:0 4px;}

/* -----  Footer box  ------------------------------ */
.fancymap { display:block; position:relative; width:100%; width:calc(100% - 36px); margin:0 auto; height:calc(100vh - 60px); border-radius:24px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.fancymap img { display:none;}
.fancymap .pinpoint { display:block; position:absolute; z-index:2; width:88px; height:113px; left:calc(50% - 44px); top:calc(50% - 112px); background:transparent url(../images/forumiuris-pinpoint.svg) 50% 0 / 100% auto no-repeat;
	filter:drop-shadow(0px 15px 32px rgba(0,0,0,0.25)) invert(0%); animation:bounce-top 2.5s infinite alternate both; transform:scale(1); transition:all 0.4s;}
.fancymap .pinpoint::after { content:""; display:block; position:absolute; left:0; top:0; width:88px; height:92px; background:transparent url(../images/forumiuris-logo-fi-slash.svg) 50% / 64% no-repeat;}
.fancymap span { display:block; position:absolute; z-index:1; left:calc(50% - 8px); top:calc(50% - 8px); width:17px; height:17px; background-color:var(--fi-color-black); border-radius:50%;}
.fancymap .pinpoint i { display:none;}
.fancymap .pinpoint:hover { animation:none; transform:scale(1.05); filter:drop-shadow(0px 15px 32px rgba(0,0,0,0.25)) invert(100%); transition:all 0.2s;}
.ctabox p { font-size:1.25rem;}
.ctabox p a { background-color:var(--fi-color-white); color:var(--fi-color-black); box-shadow:0px 15px 32px rgba(0,0,0,0.2);}
.ctabox p a:hover { background-color:var(--fi-color-black); color:var(--fi-color-white); box-shadow:0px 0px 0px rgba(0,0,0,0);}
.ctabox .button { margin:0.75em 0 2em;}


/* ============================================== */
/* -----  08. FORMS, FILTERS & SEARCHES  ------------------------------ */
/* ---------------------------------------------- */

/* -----  form common  ------------------------------ */
.form-form input { display:block; width:100%; font-size:1.5em; font-weight:500; color:var(--fi-color-black); border-bottom:2px solid var(--fi-color-black); padding:1em 0 0.35em 0; margin-bottom:1em; background:none;}
.form-form textarea { display:block; width:100%; height:110px; font-size:1.375em; font-weight:500; color:var(--fi-color-black); border-bottom:2px solid var(--fi-color-black); padding:1em 0 0.35em 0; margin-bottom:2.5em; background:none;}
.form-form label { display:block; position:absolute; margin-top:-62px; font-size:1.25em; color:var(--fi-color-black);
	-moz-transition:all 0.15s ease-out; -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out;
	transform:translate(0px,0px);}
.form-form label.txtar { margin-top:-165px; font-size:1.25em; color:var(--fi-color-black);}
.form-form input.ready + label,
.form-form input:focus + label,
.form-form textarea.ready + label.txtar,
.form-form textarea:focus + label.txtar { transform:translate(0px,-26px); font-size:0.875em; color:var(--fi-color-black);}

/* -----  Buttons  ------------------------------ */
button { border:none; cursor:pointer;-moz-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
button:hover { transition:all 0.1s ease-out;}
.button { display:inline-block; position:relative; z-index:300; font-size:1.5em; color:var(--fi-color-white); padding:0.6em 2em 0.75em 1em; background:var(--fi-color-black); font-weight:500;
	border-radius:50px; box-shadow:0px 15px 50px 0px rgba(0,0,0,0.1); transform:scale(1,1); transition:all 0.3s ease-out;}
.button:after { content:" "; display:block; position:absolute; right:0.25em; bottom:0.35em; width:1.5em; height:1.5em; background-color:rgba(255,255,255,0); background-image:url(../images/arrow-right-white.svg); background-position:50% 50%; background-size:48% auto; background-repeat:no-repeat; border-radius:50%; transform:scale(1,1); transition:all 0.5s ease-out; filter:invert(0);}
.button b { font-weight:500;}
.button:hover { background:var(--fi-color-white); color:var(--fi-color-black); transform:scale(1.05,1.05); box-shadow:0px 10px 25px 0px rgba(0,0,0,0.25);}
.button:hover:after { background-color:rgba(255,255,255,0); background-image:url(../images/arrow-right.svg); transform:scale(1.25,1.25);}
.button.tiny { font-size:1.125em;padding:0.5em 2em 0.5em 1em;}
.button.lite { background:var(--fi-color-white); color:var(--fi-color-black);}
.button.lite:after { bottom:0.3em; background-image:url(../images/arrow-right.svg);}
.button.lite:hover { background:var(--fi-color-black); color:var(--fi-color-white);}
.button.lite:hover:after { /*background-image:url(../images/arrow-right-white.svg);*/ filter:invert(1);}
.button.down:after { transform:scale(1,1) rotate(90deg);}
.button.down:hover:after { transform:scale(1.25,1.25) rotate(90deg);}
.button.document:after { width:1.75em; height:1.75em;}
.button.document.pdf:after { background-image:url(../images/document-pdf.svg); filter:invert(1);}
.button.lite.document.pdf:after { background-image:url(../images/document-pdf.svg); filter:invert(0);}
.button.document:hover::after { filter:invert(0);}
.button.lite.document:hover::after { filter:invert(1);}
.ultra .button.mega { font-size:1.225em;}
.button.circle { display:inline-block; vertical-align:middle; font-size:1.125em; width:8em; height:8em; overflow:hidden; text-align:center; box-sizing:border-box; padding:3.25em 0 2em; border-radius:50%;}
.button.circle::after { display:none;}
.button.circle b::after { content:" "; display:inline-block; vertical-align:baseline; position:relative; top:0.1em; width:1.5em; height:1em; background-color:rgba(255,255,255,0); background-image:url(../images/arrow-right-white.svg); background-position:50% 50%; background-size:48% auto; background-repeat:no-repeat; border-radius:50%; transform:scale(1,1); transition:all 0.5s ease-out;}
.button.circle:hover b::after { background-image:url(../images/arrow-right.svg); transform:scale(1.25,1.25);}



/* ============================================== */
/* -----  10. EYECANDIES & ANIMATIONS  ------------------------------ */
/* ---------------------------------------------- */

/* -----  offset  ------------------------------ */
.offset-1 { left:6vh;}
.offset-2 { left:-20vh;}
.offset-3 { left:19vh; margin-top:-0.75em !important;}

/* -----  parallax  ------------------------------ */
.parallax { position:relative; transition:transform 0.75s cubic-bezier(0.26, 0.39, 0, 0.78);}

/* -----  eyecandy  ------------------------------ */
.eyecandy { display:block; position:absolute; z-index:100;}
.eyecandy.just-left { left:0px;}
.eyecandy.just-right { right:0px;}
.eyecandy.top-left { top:0px; left:0px;}
.eyecandy.top-right { top:0px; right:0px;}
.eyecandy.bottom-right { bottom:0px; right:0px;}
.eyecandy .eyecandy-image { display:block; transform:translate(0,0); -webkit-filter:drop-shadow(15px 30px 50px var(--fi-shadow-eyecandy)); filter:drop-shadow(15px 30px 50px var(--fi-shadow-eyecandy));}
.eyecandy.top-left .eyecandy-image { margin:-240px 0 0 -130px;}
.eyecandy.top-left .eyecandy-image.illu-babovka { margin:-140px 0 0 -130px;}
.eyecandy.just-left .eyecandy-image { margin:-50px 0 0 -30px;}
.eyecandy.top-right .eyecandy-image { margin:-240px -130px 0 0;}
.eyecandy.top-right .eyecandy-image.illu-dort { margin-right:-15px;}
.eyecandy.top-right .eyecandy-image.illu-sladky { margin-right:-65px;}

/* -----  flippy images  ------------------------------ */
/* .cards { perspective:2500px;} */
.cards { perspective:6000px;}
.flippymagicky { position:relative; transform-style:preserve-3d; backface-visibility:hidden; -webkit-backface-visibility:hidden; transform:rotateY(10deg) rotateX(10deg); outline:1px solid transparent;}

/* -----  info ribbon  ------------------------------ */
#theRibbon { position:fixed; z-index:1050; top:0px; left:0px; width:480px; overflow:hidden; background-color:var(--fi-shuffle-color-1); font-size:1.375em; font-weight:500; color:var(--fi-color-black);
	transform:translate(-20%, 50px) rotate(323deg); pointer-events:all; opacity:1; transition:opacity 0.25s ease; animation:changing-colors 7s linear infinite;}
/* #theMenu:hover + #theRibbon { opacity:0;} */
.scrollingdown.scrolled #theRibbon { opacity:0; pointer-events:none;}
.ribbon-content { position:relative; display:flex; width:max-content; flex-wrap:nowrap; gap:2.5rem; padding:.35em 0 .45em; animation:scroll 10s linear infinite;}
.ribbon-content b { font-weight:500;}
#theRibbon a:hover { background-color:var(--fi-color-black); color:var(--fi-color-white); animation-play-state:paused;}

/* -----  animations  ------------------------------ */
@keyframes bounce-top {
	0% {
		transform: translateY(-20px);
		animation-timing-function: ease-in;
		opacity: 1;
	}
	24% {
		opacity: 1;
	}
	40% {
		transform: translateY(-12px);
		animation-timing-function: ease-in;
	}
	65% {
		transform: translateY(-6px);
		animation-timing-function: ease-in;
	}
	82% {
		transform: translateY(-2px);
		animation-timing-function: ease-in;
	}
	93% {
		transform: translateY(-2px);
		animation-timing-function: ease-in;
	}
	25%,
	55%,
	75%,
	87% {
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	100% {
		transform: translateY(0px);
		animation-timing-function: ease-out;
		opacity: 1;
	}
}

@keyframes scroll {
	to {
		transform: translate(calc(-50% - 1.25rem));
	}
}

@keyframes changing-colors {
	0% { background-color:var(--fi-shuffle-color-1);}
	25% { background-color:var(--fi-shuffle-color-2);}
	50% { background-color:var(--fi-shuffle-color-3);}
	75% { background-color:var(--fi-shuffle-color-4);}
	100% { background-color:var(--fi-shuffle-color-1);}
}


/* ============================================== */
/* -----  12a. Special Add Ons   ------------------------------ */
/* ---------------------------------------------- */

/* -----  Specialni funkce  ------------------------------ */
.faded { filter:alpha(opacity=20); opacity:0.20;}
.nosee { display:none !important;}
.nowrap { white-space:nowrap !important;}
.nomargin { margin-top:0 !important; margin-bottom:0 !important;}
.nopadding { padding-bottom:0;}
.nospacetop { margin-top:-35px;}
.leva { text-align:left !important;}
.prava { text-align:right !important;}
.stred { text-align:center !important;}
.cleaner { display:block !important; clear:both !important; padding:0 !important; margin:0 !important; line-height:0px !important; height:0px !important; font-size:0px !important; border:none !important; visibility:hidden !important; width:100% !important;}
.clearfix:after { content:" "; visibility:hidden; display:block; height:0; clear:both;}