@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');*/


@font-face {font-display: swap; font-family: 'Cairo'; src: url('../fonts/Cairo-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } 
@font-face {font-display: swap; font-family: 'Cairo'; src: url('../fonts/Cairo-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; } 
@font-face {font-display: swap; font-family: 'Cairo'; src: url('../fonts/Cairo-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } 
@font-face {font-display: swap; font-family: 'Cairo'; src: url('../fonts/Cairo-Light.woff') format('woff'); font-weight: 300; font-style: normal; } 

@font-face {font-display: swap; font-family: 'Inter'; src: url('../fonts/Inter-Bold.woff') format('woff'); font-weight: 700; font-style: normal; }
@font-face {font-display: swap; font-family: 'Inter'; src: url('../fonts/Inter-BoldItalic.woff') format('woff'); font-weight: 700; font-style: italic; }

@font-face {font-display: swap; font-family: 'Inter'; src: url('../fonts/Inter-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; }
@font-face {font-display: swap; font-family: 'Inter'; src: url('../fonts/Inter-SemiBoldItalic.woff') format('woff'); font-weight: 600; font-style: italic; }

@font-face {font-display: swap; font-family: 'Inter'; src: url('../fonts/Inter-Medium.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face {font-display: swap; font-family: 'Inter'; src: url('../fonts/Inter-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; }

@font-face {font-display: swap; font-family: 'Inter'; src: url('../fonts/Inter-Regular.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face {font-display: swap; font-family: 'Inter'; src: url('../fonts/Inter-Italic.woff') format('woff'); font-weight: 400; font-style: italic; }

@font-face {font-display: swap; font-family: 'Inter'; src: url('../fonts/Inter-Light-BETA.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face {font-display: swap; font-family: 'Inter'; src: url('../fonts/Inter-LightItalic-BETA.woff') format('woff'); font-weight: 300; font-style: italic; }



/* CSS Document */

:root {
  --font-family: 'Inter',sans-serif;
  --font-family-2: 'Cairo', sans-serif;
  --color-black: #000;
  --color-white: #fff;
  --color-dark: #262626;
  --color-darker: #6F6F6F;
  --color-light: #F5F5F7;
  --color-dark-text: #000;
  --color-light-text: #fff;
  --color-one: #1e1d1d;
  --color-two: #E5007D;
  --color-two-hover: #bc0067;
  --color-three: #f5f5f7;
  --color-four: #EEEAEA;  
  --color-five: #001433;  
  --color-zelena: #d2fbdd;
  --color-modra: #cee0ff;
  --color-oranzova: #fdd4bf;
  --color-svetle-ruzova: #fde1f1;
  --text-velikost-1: 30px;
  --text-velikost-2: 25px;
  --text-velikost-3: 18px;
  --text-velikost-4: 14px;
  --text-velikost-5: 11.8px;
  --text-velikost-6: 10px;	
  --text-velikost-7: 21px;
  --text-velikost-8: 16px;
  --text-sirka-1: 200;
  --text-sirka-2: 300;
  --text-sirka-3: 500;	
  --text-sirka-4: 600;
  --text-sirka-5: 700;	
  --global-padding-1: 15px 25px;
  --global-padding-2: 7.5px;
  --global-padding-3: 17px 15px;	
  --global-padding-4: 30px;	
  --global-padding-5: 30px 40px;		
  --container-1: 1620px;
  --container-3: 1700px;
  --container-2: 100%;	
  --border-radius: 60px;
  --size-1: 100%;
  --size-2: 66.6%;		
  --size-3: 50%;
  --size-4: 33.3%;
  --size-5: 25%;
  --size-6: 20%;
  --size-7: 16.66666666666667%;	
  --size-8: 14.28571428571429%;
  --size-9: 12.5%;	
}


*, *::before, *::after { box-sizing: border-box; }

html {font-style:normal; font-optical-sizing:auto; font-family:var(--font-family); -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height: 1; font-size: var(--text-velikost-1); letter-spacing:-.005em; max-width:100%;}
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-tap-highlight-color: transparent;text-rendering: optimizelegibility;text-size-adjust: 100%;background: var(--color-three);color: rgb(0, 0, 0);cursor: auto;font-size: 15px;font-style: normal;font-weight: 400;margin: 0px;padding: 0px;position: relative;overflow-wrap: break-word;    max-width: 100%;
       overflow-x: hidden; }
img {width: 100%;height: auto;}
a {text-decoration: none;color: var(--color-one);cursor: pointer;}
a:hover {text-decoration: underline;color: black;}
strikethrough {text-decoration: line-through}
submenu {z-index: 98;transition: .5s all ease;position: fixed;width: 100%;background: white;left: 0;top: 130px;padding: 2rem 0 3rem;color: black;font-size: 1.5rem;-webkit-box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.21);-moz-box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.21);box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.21);transform: translate(0px, -50vh);z-index: 98;}
submenu.active {transform: translate(0px, 0px);}
submenu a.podtitulek {width: 100%;font-size: 15px;line-height: 30px;font-weight: 300;}
submenu .titulek  {width: 100%;font-size: .8rem;margin-bottom: 0.5rem;font-weight: 600;}
submenu a.podtitulek:hover {font-weight: 400;color: black;text-decoration: none}

::-webkit-scrollbar-track, ::-webkit-scrollbar-track {box-shadow: none; -webkit-box-shadow: none; background-color: white;	border-radius: 10px;}
::-webkit-scrollbar, ::-webkit-scrollbar {width: 5px; background-color: white;}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb {border-radius: 0px; background: var(--color-two);}

#naseprace.active img {transform: rotate(180deg);}
#udelameprovas.active img {transform: rotate(180deg);}
#kontakt.active img {transform: rotate(180deg);}
.w-100 {width: var(--size-1);}
.container {width: 1620px; margin: 0 auto;max-width:90%; }
.container.sirsi {width: var(--size-1);margin: 0 auto;max-width: var(--container-3);padding: var(--global-padding-1);}
.containercely {width: var(--size-1);margin: 0 auto;max-width: var(--container-2);/*padding: var(--global-padding-1);*/}
.containercely.hero {padding: 0;padding-bottom: 0px}
.containercely.pc {max-width: 97%}
.containercely.refkylat {padding: 0 1rem}

.container-mensi-sluzba {width:800px; max-width:90%; margin:0 auto;}
.container-mensi {width:1200px; max-width:90%; margin:0 auto;}
.container-95procent {width:95%; max-width:100%; margin:0 auto;}

.justify-start {justify-content:flex-start!important;}
.justify-items-center {justify-items:center!important;}
.align-items-stretch {align-items: stretch!important;}
.align-items-start {align-items: start!important;}
.align-items-end {align-items: end!important;}
.align-items-center {align-items:center!important;}
.align-content-center {align-content:center!important;}
.black {background: black;color: white; text-align: center;overflow-y: hidden}
.radek {display: flex;justify-content: space-between;align-items: center;width: 100%;flex-wrap: wrap;}
.radek.sgapem {flex-wrap: nowrap;gap: 40px;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.cely {display: flex;width: var(--size-1);justify-content: center;align-items: center;flex-wrap: wrap;}
.polovina {display: flex;width: var(--size-3);justify-content: center;align-items: center;flex-wrap: wrap;}
.tretina {display: flex;width: var(--size-4);justify-content: center;align-items: center;flex-wrap: wrap;}
.ctvrtina {display: flex;width: var(--size-5);justify-content: center;align-items: center;flex-wrap: wrap;}
.petina {display: flex;width: var(--size-6);justify-content: center;align-items: center;flex-wrap: wrap;}
.sestina {display: flex;width: var(--size-7);justify-content: center;align-items: center;flex-wrap: wrap;}
.sedmina {display: flex;width: var(--size-8);justify-content: center;align-items: center;flex-wrap: wrap;}
.osmina {display: flex;width: var(--size-9);justify-content: center;align-items: center;flex-wrap: wrap;}
.dvetretiny {display: flex;width: var(--size-2);justify-content: center;align-items: center;flex-wrap: wrap;}
.grid {display: grid;}
.grid-1 {display: grid;grid-template-columns: repeat(1, minmax(250px, 1fr));}
.grid-2 {display: grid;grid-template-columns: repeat(2, minmax(250px, 1fr));}
.grid-3 {display: grid;grid-template-columns: repeat(3, minmax(250px, 1fr));}
.grid-4 {display: grid;grid-template-columns: repeat(4, minmax(250px, 1fr));}
.grid-5 {display: grid;grid-template-columns: repeat(5, minmax(250px, 1fr));}
.grid-6 {display: grid;grid-template-columns: repeat(6, minmax(250px, 1fr));}
.grid-7 {display: grid;grid-template-columns: repeat(7, minmax(250px, 1fr));}
.grid-8 {display: grid;grid-template-columns: repeat(8, minmax(250px, 1fr));}
.grid-9 {display: grid;grid-template-columns: repeat(9, minmax(250px, 1fr));}
.grid-container { overflow: hidden;}
.grid-kurz-okrova {display:grid; grid-template-columns: 1fr 1fr 1fr; gap:50px;}
.grid-prihlaska {display:grid; grid-template-columns:1fr 2fr; align-items:center;}
.gap-0 {gap:0px}
.gap-10 {gap:10px}
.gap-20 {gap:20px}
.gap-30 {gap:30px}
.gap-35 {gap:35px}
.gap-40 {gap:40px}
.gap-60 {gap:60px}
.sedivka {background: var(--color-light);padding: 5vh 0;}
header {width: 100%;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;    z-index: 99;}
header .container { width: 1620px; background: white; border-radius:25px; padding:20px; transition:.5s all;}

header .containercely {padding: 25px 0;}
header .containercely .speslradek {display: flex;align-items: center;width: 100%;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;}
header .menupc { display: grid ; grid-template-columns: 1fr 5fr 1fr; justify-content: center; }
header.tmavy {background:black;color:white;}
header.tmavy a {color:white}
header.pinned .containercely { padding: 15px 0; }
footer {width: 100%; font-family:var(--font-family-2)}
footer .logo {margin: 0 15px 25px 15px;display: flex;justify-content: start;align-items: center;cursor: pointer;width: auto}
footer .logo img {max-height:35px;height: 35px;width: auto;}

#pata .polozky { display: grid ; gap: 10px; }
#pata .polozky .podpolozky { display: flex ; flex-direction: column; gap: 10px; }
#pata .polozky .podpolozky a {padding-left:15px}
#pata .polozky .podpolozky .nazev {font-weight:700;}

.bez-reakce {pointer-events:none!important;}
.schovat {display:none!important;}



.polozky .nejmensititul {padding-bottom:15px; border-bottom:1px solid #ddd; margin-bottom:15px;}
.copyright { padding-top: 20px; margin-top: 45px; border-top: 1px solid #20202014;margin-bottom: 20px;font-size: 14px }
.copyright a {color:var(--color-two);}
.textlinkwhite { font-size: 28px; color: white; text-decoration: none; font-weight: 300; }
.mt-0 {margin-top: 0px!important}
.mt-60 {margin-top: 60px!important}
.my-15 {margin: 15px 0!important}
.mb-10 {margin-bottom: 10px!important}
.mb-15 {margin-bottom:15px!important}
.mb-20 {margin-bottom: 20px!important}
.mb-25 {margin-bottom:25px!important;}
.mb-35 {margin-bottom:35px!important}
.mb-40 {margin-bottom: 40px!important}
.mb-75 {margin-bottom:75px!important;}
.ml-10 {margin-left: 10px!important}
.mt-30 {margin-top: 30px!important}
.mb-0 {margin-bottom: 0px!important}
.mb-50 {margin-bottom:50px!important;}
.mb-60 {margin-bottom: 60px!important}
.mt-25 {margin-top:25px!important;}
.mt-50 {margin-top: 50px!important}
.mb-100 {margin-bottom: 100px!important}
.mb-5vh {margin-bottom:5vh!important;}
.mb-10vh {margin-bottom:10vh!important;}
.pl-0 {padding-left: 0px!important}
.pb-0 {padding-bottom: 0px!important}
.pb-20 {padding-bottom: 20px!important}
.pb-30 {padding-bottom: 30px!important}
.pb-40 {padding-bottom: 40px!important}
.pt-0 {padding-top:0px!important;}
.pt-20 {padding-top: 20px!important}
.pt-30 {padding-top:30px!important}
.pt-40 {padding-top: 40px!important}
.pt-80 {padding-top: 80px!important}
.pt-100 {padding-top: 100px!important}
.pr-0 {padding-left: 0px!important}
.px-40 {padding: 0 0px 0 40px!important}
.px-25 {padding: 0 25px!important}
.p0 {padding:0!important;}
.m-0{margin:0px!important}
.mw-unset {max-width:unset!important;}

.pb-10vh {padding-bottom:10vh!important;}
.pb-5vh {padding-bottom:5vh!important;}

.pt-20vh {padding-top:20vh!important;}
.pt-135 {padding-top:135px!important;}


strong {font-weight: 600;}
.pinned { position: fixed; top: 0; left: 0;background: white;transition: .4s all;-webkit-box-shadow: 10px 10px 52px 0px rgba(0,0,0,0.19); -moz-box-shadow: 10px 10px 52px 0px rgba(0,0,0,0.19); box-shadow: 10px 10px 52px 0px rgba(0,0,0,0.19);}
.unpinned { position: fixed; top: -150px; left: 0;background: white;transition: .4s all;}
.pc .logo {display: flex;justify-content: start;align-items: center;max-width:200px;cursor: pointer;width: 200px}
.pc .logo img {max-height:35px;height: 35px;width: auto;}
.pc .logo .text {font-size: var(--text-velikost-4);font-weight: var(--text-sirka-5);padding: var(--global-padding-2);max-width: 100px;width: 100px} 
.pc .menu {justify-content: center;padding-left: 0px; align-items: center;display: flex; gap:20px;}
.pc .menu .polozka {display: flex ; justify-content: center; align-items: center; font-size: 18px; font-weight: 400; padding: var(--global-padding-2); cursor: pointer; position: relative; padding-bottom: 10px; font-family: var(--font-family-2);}
.pc .menu .polozka a:before { width: 0%; height: 1px; background: var(--color-two); content: ""; display: block; position: absolute; bottom: 3px; left:0px; transition: all .3s ease; }

.pc .menu .polozka a:hover:before { width: 100%; }
.pc .menu .polozka a:hover {color: black!important}
.pc .menu .polozka a {text-decoration: none !important; display: flex ; align-items: center;}
.pc .menu .polozka img {height: 20px;width: 20px;margin-left: 3.5px;}
.pc .cta {display: none;justify-content: end;align-items: center;}
.pc .lang {display: flex;justify-content: end;align-items: center;}
.pc .cta img {height: 12px;width: 12px;margin-left: 7.5px;}
.menu-btn-1 {height: 32px;width: 40px;cursor: pointer;margin-left: 25px}
.menu-btn-1 span {scale: .7;}
.menu-btn-1 span, .menu-btn-1 span::before, .menu-btn-1 span::after {background: black;border-radius: 3px;content: '';position: absolute;width: 40px;height: 4px;margin-top: 13px;-webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;}
header.tmavy .menu-btn-1 span, header.tmavy .menu-btn-1 span::before,header.tmavy .menu-btn-1 span::after {background:white;}
.menu-btn-1 span::before {margin-top:-12px;}
.menu-btn-1 span::after {margin-top:12px;}
.menu-btn-1.active span {background: transparent;}
.menu-btn-1.active span::before {margin-top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.menu-btn-1.active span::after {margin-top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.fullscreen-menu {font-family:var(--font-family-2); position: fixed; top: 0; display: grid ; right: 0; width: 600px; height: 100%; background: #f7f7f7; flex-direction: column; justify-content: center;  z-index: 10; transform: translateX(600px); transition: .4s all; align-items: center; }
.fullscreen-menu.active {grid-template-columns: 1fr; display: grid ; align-items: center; justify-content: center; transition: .4s all; transform: translateX(0px); } /* Show fullscreen menu when active */
.fullscreen-menu .holder .polozka { cursor: pointer; font-size: 24px; position: relative;    margin-bottom: 20px; text-align:center; color:var(--color-one); }
.fullscreen-menu .holder .polozka .text {opacity:.7;}
.fullscreen-menu .holder .polozka .text:hover {opacity:1; color:#FBB609;}
.fullscreen-menu .holder .polozky { display: none; } /* Submenus hidden by default */
.fullscreen-menu .back-arrow { display: none; font-size: 18px; cursor: pointer; margin-bottom: 20px; }
.fullscreen-menu.show-back .back-arrow { display: block;opacity:.6; } /* Show back arrow when navigating into submenus */
.fullscreen-menu.show-back .back-arrow:hover {opacity:1}
.fullscreen-menu.active-level-two .holder > .visible > .text {font-size:22px; font-weight:800;margin-bottom:30px;opacity:1;pointer-events: none;cursor:default}
.fullscreen-menu.active-level-three .holder > .visible > .text {font-weight:800;margin-bottom:30px;display:none;opacity:1;pointer-events: none;curor:default}
.fullscreen-menu.active-level-three .holder > .polozka.visible > .polozky.visible > .polozka.visible > .text {font-weight:800;margin-bottom:30px;;opacity:1;pointer-events: none;curor:default}
.fullscreen-menu.active-level-two .holder > .visible > .text .sipkaopen {display:none}
.fullscreen-menu .hidden { display: none; }
.fullscreen-menu .visible { display: block!important; }
.fullscreen-menu .closemenu { position: absolute; right: 55px; top: 55px; width: 24px;opacity:.25;transition:.3s all; cursor:pointer}
.fullscreen-menu .closemenu:hover {opacity:1;}
.fullscreen-menu .asterixvmenu { width: 30px; margin-bottom: 40px; }
.fullscreen-menu .sipkaopen { width: 15px; height: 15px; position: relative; top: 0px;transition:.3s all;transform:rotate(-90deg); }
.fullscreen-menu.active-level-three .sipkaopen {display:none}
.logofullscreen {height:40px; width:auto;}
.kontaktnisekce { position: relative; bottom: 0; background: var(--color-one); color: #fff; width: 100%; padding: 50px 25px; display:grid;gap:10px} 
.kontaktninadpis { text-align: center; letter-spacing: 0; font-size: 18px;margin-bottom:30px; } 
.justify-center {justify-content:center}
.fullscreen-menu  .buttons { display: grid ; grid-template-columns: 1fr; gap: 10px; }
.fullscreen-menu  .buttons a {width:100%;}
.whitebtn {text-decoration: none!important; align-items: center;background: linear-gradient(270deg,#fff 50%,#000 0) 100%;background-color: #fff;background-size: 300% 200%;border-radius: 100px;color: #000;display: flex;height: 100%;max-height: 48px;transition: .4s ease-out;border: 2px solid #efefef;padding: 12px 30px;width: fit-content;cursor: pointer;font-weight: 400;position: relative;justify-content: center;text-decoration: none;}
.blackbtn {text-decoration: none!important;align-items: center;background: linear-gradient(270deg,#000 50%,#efefef 0) 100%;background-color: #fff;background-size: 300% 200%;border-radius: 100px;color: #000;display: flex;height: 100%;max-height: 48px;transition: .4s ease-out;border: 2px solid #efefef;padding: 12px 30px;width: fit-content;cursor: pointer;font-weight: 400;position: relative;justify-content: center;text-decoration: none;color: white}
.outlinebtn {align-items: center;background: linear-gradient(270deg,transparent 50%,#000 0) 100%;background-position: 100% 100%;background-size: 300% 200%;border-radius: 58px;cursor: pointer;display: flex;
    justify-content: center;max-height: 48px;position: relative;transition: .4s ease-out;width: fit-content;background-color: transparent;border: 1px solid #000;color: #000;font-size: 16px;font-weight: 400;
    height: 100%;line-height: 24px;margin-top: 20px;padding: 12px 24px;text-decoration: none!important}
.graybtn { text-decoration: none !important; align-items: center; background: linear-gradient(270deg, #efefef 50%, #000 0) 100%; background-color: #000; background-size: 300% 200%; border-radius: 100px; color: #000; display: flex; height: 100%; max-height: 48px; transition: 0.4s ease-out; border: 2px solid #efefef; padding: 12px 30px; width: fit-content; cursor: pointer; font-weight: 400; position: relative; justify-content: center; }
.pinkbtn { text-decoration: none !important; align-items: center; background: #e5007d; background-color: #e5007d; background-size: 300% 200%; border-radius: 100px; color: #000; display: flex; height: 100%; max-height: 48px; transition: 0.4s ease-out; border: 2px solid #efefef; padding: 12px 30px; width: fit-content; cursor: pointer; font-weight: 400; position: relative; justify-content: center; }

.whitebtn:hover {background-position: 0 100%;border: 2px solid #efefef;color: #fff;}
.blackbtn:hover {background-position: 0 100%;border: 2px solid #efefef;color: #000;}
.graybtn:hover { background-position: 0 100%; border: 2px solid #efefef; color: white; }
.pink:hover { background-position: 0 100%; border: 2px solid #efefef; color: white; }
.outlinebtn:hover{background-origin: border-box;background-position: 0 100%;border-color: #000;color: #fff;}
.sedybg {background-color: var(--color-light);}
.flex-start  {justify-content: flex-start;}
.flex-end  {justify-content: flex-end;}
.label { color: white; font-size: 16px; font-weight: 300; line-height: 1.2; opacity: 1; font-family: var(--font-family-2); letter-spacing: 0; margin-bottom: 10px; }
.labeldva {  color: #fff;;font-size: 16px;font-weight: 300;line-height: 20px;text-transform: uppercase;margin-top: 50px;}
.mw-80{max-width: 80%!important}
.slide-up, .slide-down, .slide-left, .slide-right { opacity: 0; transition: transform 0.5s ease, opacity 0.5s ease; }
.slide-up { transform: translateY(20%); }
.slide-down { transform: translateY(-20%); }
.slide-left { transform: translateX(20%); }
.slide-right { transform: translateX(-20%); }
.slide-up-visible { transform: translateY(0); opacity: 1; }
.slide-down-visible { transform: translateY(0); opacity: 1; }
.slide-left-visible { transform: translateX(0); opacity: 1; }
.slide-right-visible { transform: translateX(0); opacity: 1; }
.slow-animation { transition: transform 1s ease, opacity 1s ease; }
.form .polozka {display:grid;grid-template-columns:1fr;gap:5px;}
input[type="text"],input[type="email"],input[type="file"],textarea, input[type="password"] {padding:12px 15px;font-size:16px;border:1px solid #ddd;border-radius:8px;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);transition:box-shadow 0.3s ease,border-color 0.3s ease;outline:none;}
input[type="text"]:focus,input[type="email"]:focus,input[type="file"]:focus,textarea:focus,input[type="password"]:focus {border-color:#007BFF;box-shadow:0 4px 10px rgba(0,123,255,0.2);}
textarea {height:150px;resize:none;}
select {width:320px;padding:12px 15px;font-size:16px;border:1px solid #ddd;border-radius:8px;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;transition:box-shadow 0.3s ease,border-color 0.3s ease;}
select:focus {border-color:#007BFF;box-shadow:0 4px 10px rgba(0,123,255,0.2);}
select option {padding:10px;}
.form { display: grid ; gap: 20px; width: 100%;grid-template-columns:repeat(3,1fr) }
.modalovy.form {grid-template-columns:repeat(3,1fr)}
.polozka.third { grid-column: span 1; }
.polozka.full { grid-column: span 3; }
.flex { display: flex !important ; }
a.forma { font-size: 15px!important; text-decoration: underline!important;line-height: 1 !important; }

.absolute {position:absolute;}
.border-radius-25 {border-radius:25px;}
.z-index-10 {z-index:10;}
.max-sirka-350 {width:350px; max-width:100%;}
.max-sirka-400 {max-width:400px;}
.max-sirka-475 {max-width:475px;}
.max-sirka-500 {width:500px; max-width:100%;}
.max-sirka-550 {width:550px; max-width:100%;}
.max-sirka-600 {width:600px; max-width:100%;}
.max-sirka-650 {width:650px; max-width:100%;}
.max-sirka-85procent {width:85%;}

.justify-content-start{justify-content:start!important;}

/*END BASE EDITHOR CSS */


/*START CUSTOM CSS */
.buttony { display: flex ; align-items: stretch; gap: 10px; }
a.main-button {text-decoration:none;}
.main-button {cursor:pointer;font-weight: 600;font-family:var(--font-family-2);text-decoration:none;z-index: 2; background-color: var(--color-two); color: white; border-radius: 15px; justify-content: center; align-items: center; padding: 15px 45px; font-size: 16px; text-decoration: none; display: flex ; position: relative; overflow: hidden; width:fit-content; } 
a.outline-button {text-decoration:none;}
.outline-button {border:2px solid var(--color-one);font-weight: 600;font-family:var(--font-family-2);text-decoration:none;z-index: 2; ; color: var(--color-one); border-radius: 50px; justify-content: center; align-items: center; padding: 16px 47px; font-size: 16px; text-decoration: none; display: flex ; position: relative; overflow: hidden; } 
a.whitebutton {text-decoration:none;}
.whitebutton { font-weight: 600; font-family: var(--font-family-2); text-decoration: none; z-index: 2; background-color: white; color: var(--color-one); border-radius: 50px; justify-content: center; align-items: center; padding: 16px 27px; font-size: 16px; text-decoration: none; display: flex ; position: relative; overflow: hidden; width: fit-content; gap: 10px; }
a.blackbutton {text-decoration:none;}
.blackbutton {letter-spacing:.025em; text-transform:uppercase; transition:.5s all; font-weight: 600; font-family: var(--font-family-2); text-decoration: none; z-index: 20; background-color: #001433; color: white; border-radius: 15px; justify-content: center; align-items: center; padding: 20px 50px; font-size: 16px; text-decoration: none; display: flex ; position: relative; overflow: hidden; width: fit-content; gap: 10px; }
.blackbutton:hover {background:#fff; color: #001433;}
a.socialite {text-decoration:none;}
.socialite { -webkit-box-shadow: 2px 9px 25px 0px rgba(0, 0, 0, 0.24); -moz-box-shadow: 2px 9px 25px 0px rgba(0, 0, 0, 0.24); box-shadow: 2px 9px 25px 0px rgba(0, 0, 0, 0.24);border: 2px solid #dddddd6b;font-weight: 600; font-family: var(--font-family-2); text-decoration: none; z-index: 20; background-color: #eaf9c7; color: #2d2c2b; border-radius: 50px; justify-content: center; align-items: center; padding: 12px 20px; font-size: 16px; text-decoration: none; display: flex ; position: relative; overflow: hidden; width: fit-content; gap: 10px; }
.hvr-sweep-to-top { display: flex; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: var(--color-one); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; }
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); }

.fullscreen.mensi.alt {min-height:unset;}
.fullscreen .mediasekce { display: grid ; position: relative; height: 100%; }
.fullscreen .mediasekce .media { position: relative; width: 100%; height: 100%; min-height:600px; object-fit: cover; border-radius: 25px; overflow: hidden; }
.fullscreen .mediasekce .media img,.fullscreen .mediasekce .media video { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.fullscreen .textsekce { display: grid ; align-items: center; text-align: left; align-content: center; background: white;padding: 65px; border-radius: 25px; justify-content:center; }
.fullscreen .textsekce .titul { font-size: 56px;  font-family: var(--font-family-2); font-weight: 600;    color: var(--color-five); margin-bottom:25px; }
.fullscreen .textsekce .introtext { font-size: 16px;  font-family: var(--font-family-2); font-weight: 400;    color: var(--color-five);line-height:1.5em;}

.fullscreen .textsekce.alt {align-items:flex-start;justify-content: flex-start;    align-content: flex-start;padding:65px;background:white}
.fullscreen .textsekce.alt.modry {background:var(--color-modra);}
.fullscreen .textsekce.alt.zeleny {background:var(--color-zelena);}
.fullscreen .textsekce.alt.ruzovy {background:var(--color-oranzova);}
.fullscreen .textsekce.alt.oranzova {background:var(--color-oranzova);}
.fullscreen .textsekce.alt.svetle-ruzova {background:var(--color-svetle-ruzova);}
.fullscreen .textsekce.alt.tmava {background:var(--color-five); color:#fff!important}
.fullscreen .textsekce.alt.seda {background:var(--color-three);}
.fullscreen .textsekce.alt.pres-2-sloupce {grid-column:span 2;}
.fullscreen .textsekce.alt .titul {font-size:32px;}
.fullscreen .textsekce.alt .introtext {margin-bottom:unset}
.fullscreen .textsekce.alt .introtext ul {margin:0px!important; padding-left:0px!important;}
.fullscreen .textsekce.alt .introtext ul li {margin-bottom:5px!important; font-size:16px;}
.fullscreen .textsekce.alt .introtext ul li:last-child {margin-bottom:0px!important;}
.fullscreen .textsekce.bezpozadi { background: unset; padding: 0; justify-content: flex-start; }
.fullscreen .textsekce.bezpozadi .titul, .fullscreen .textsekce.bezpozadi .introtext {color:white;}
.fullscreen .textsekce.bezpozadi .label {padding-left:2px;}
.fullscreen .textsekce .cara {position:relative;width:fit-content}
.fullscreen .textsekce .cara span { clip-path: inset(0 100% 0 0); float: left; width: 100%; height: 20px; transition: clip-path 1s; transition-timing-function: cubic-bezier(.4,.6,.4,1); position: absolute; left: 0; bottom: -10px; }
.fullscreen .textsekce .cara.in span { clip-path: inset(0 0 0 0); }
.fullscreen .textsekce .cara span img { position: absolute; left: 0; bottom: 0; transition: none; width: 100%; height: 14px; }
.pt-0 {padding-top:0;}
.socialproof {position: fixed; z-index: 9; right: 220px; bottom: 19px; display: flex ; align-items: stretch; gap: 10px;}
.submenu.active {display:flex;}
.submenu { width: var(--container-1); max-width:90%; position: absolute; top: 85px; left: 50%; transform: translateX(-50%);background: white; display: none; padding: 30px; filter: drop-shadow(rgba(0, 27, 71, 0.24) 0px 8px 20px); border-radius: 20px; font-family: var(--font-family-2); }
.submenu .hold { display: none ; grid-template-columns: 300px 1fr 300px; height: 100%; align-content: stretch; width: 100%; }
.submenu .hold.active { display: grid ; }
.submenu .hold .pravacastmenu { background: var(--color-three); border-radius: 0 10px 10px 0;padding: 20px 30px; }
.submenu .hold .levacastmenu .menuswitchero.active,.submenu .hold .levacastmenu .menuswitchero:hover {background: var(--color-two);color:white; }
.submenu .hold .levacastmenu .menuswitchero {background: white; border-radius: 10px 0 0 10px; padding: 20px 16px; cursor: pointer; font-size: 16px; font-weight: 500; }
.submenu .hold .contentswitchero.active { display: grid; }
.submenu .hold .contentswitchero { display: none; }
.submenu .hold .contentswitchero .links { display: grid ; grid-template-columns: 1fr 1fr; padding: 0 15px 25px; align-items:start;}

.submenu .hold .contentswitchero .links a:hover {color:var(--color-two)} 
.submenu .hold .contentswitchero .links .prvy,.submenu .hold .contentswitchero .links .druhy{ display: grid ; grid-template-columns: 1fr;gap:10px }
.submenu .hold .contentswitchero .topbanner { background: white; border-radius: 10px; padding: 30px; margin-bottom: 35px; border: 1px solid #aea694;display:grid; }
.submenu .hold .contentswitchero .topbanner .topbannertitle {font-size:20px;margin-bottom:10px;font-weight:600; line-height:1.25em;} 
.submenu .hold .contentswitchero .topbanner .topbannercontent {margin-bottom:20px; line-height:1.5em;} 
.submenu .hold .contentswitchero .topbanner .toplink {color:var(--color-two);text-decoration:underline;}
.submenu .hold .poslednicastmenu .kontakttitle { font-size: 18px; font-weight: 600; margin-bottom: 30px; line-height:1.2em; }
.submenu .hold .poslednicastmenu .holdan { padding:20px 20px 20px 30px; }
.submenu .hold .poslednicastmenu .holdan .kontaktniosoba { display: grid ; grid-template-columns: 70px 1fr; align-items: center; gap: 15px; margin-bottom: 10px;background:var(--color-modra);padding: 10px; border-radius: 50px; }

.submenu .hold .poslednicastmenu .holdan .kontaktniosoba .image { width: 70px; height: 70px;border-radius: 50% 50%; overflow: hidden; position: relative; }
.submenu .hold .poslednicastmenu .holdan .kontaktniosoba .image img {object-fit:cover;width:100%;height:100%;left:0;top:0;}
.submenu .hold .poslednicastmenu .holdan .kontaktniosoba .jmeno { font-size:18px;margin-bottom:5px;font-weight:700; }

.textsekce-2:before { position: absolute; content: ""; left: -40%; top: -65%; width: 135%; height: 65vh; background: var(--color-two); border-radius: 50% 50% 50% 50% / 45% 45% 55% 55%; will-change: border-radius, transform, opacity; animation: appShape 8s linear infinite; display: block; z-index: -1; }
.textsekce-2:after { position: absolute; content: ""; left: -40%; top: -65%; width: 135%; height: 65vh; background:var(--color-two); border-radius: 50% 50% 50% 50% / 45% 45% 55% 55%; will-change: border-radius, transform, opacity; animation: appShape 4s linear infinite; display: block; z-index:-1; opacity:.5;}
@keyframes appShape { 0%,100%{ border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; transform: translate3d(0,0,0) rotateZ(0.01deg); } 34%{ border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%; transform:  translate3d(0,5px,0) rotateZ(0.01deg); } 50%{ transform: translate3d(0,0,0) rotateZ(0.01deg); } 67%{ border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ; transform: translate3d(0,-3px,0) rotateZ(0.01deg); } }

.textsekce-2 .titul {font-size:70px; font-family:var(--font-family-2); font-weight:700; color:var(--color-white);}
.textsekce-2 .label {font-size: 22px; font-family: var(--font-family-2); font-weight: 600; text-transform: uppercase; letter-spacing: .025em; color: var(--color-five);}
.textsekce-2 .introtext {font-size:18px; font-family:var(--font-family-2); font-weight:300; color:#fff; line-height:1.5em; letter-spacing:-.0125em;}
.textsekce-2 .text-a-tlacitko {display: flex ; align-items: flex-start; gap: 50px;}

.titlestred { font-size: 40px; max-width: 820px; font-family: var(--font-family-2); font-weight: 600; color: var(--color-one); margin: 45px auto; text-align:center}
.mensititul {font-size: 32px; font-family: var(--font-family-2); font-weight: 600; color: var(--color-one); }
.nejmensititul {font-size: 26px; font-family: var(--font-family-2); font-weight: 600; color: var(--color-five);max-width:80%; }
.text {font-size: 18px; font-family: var(--font-family-2); font-weight: 400; line-height: 1.3;  margin-bottom: 35px;}
.infolista {background: #2174c8;color:white;text-align:center;position:relative;z-index:3}
.infolista .container {padding:8px 15px;}
.infolista a {color:white;}
.hidden {display:none;}
.paslogholder {height: 90px;margin: auto;overflow: hidden;position: relative;width: auto;z-index: 1;    margin-bottom: 60px;margin-top:20px}
.paslogholder:before {z-index: 2;content: ""; position: absolute;left: 0;top: 0;height: 100%;width: 150px;background: var(--color-light);background: linear-gradient(90deg, rgba(245, 245, 247, 1) 0%, rgba(245, 245, 247, 0) 100%);}
.paslogholder:after {z-index: 2;content: "";position: absolute;right: 0;top: 0;height: 100%;width: 150px;background: var(--color-light);background: linear-gradient(90deg, rgba(245, 245, 247, 0) 0%, rgba(245, 245, 247, 1) 100%);}
.paslogholder.bila:before {z-index: 2;content: ""; position: absolute;left: 0;top: 0;height: 100%;width: 150px;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
.paslogholder.bila:after {z-index: 2;content: "";position: absolute;right: 0;top: 0;height: 100%;width: 150px;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
.paslog {animation: scroll 60s linear infinite;display: flex;width: calc(129px * 30);}
.logovpasu {height: 90px;width: 129px;margin-right: 120px;}
.logovpasu img {height: 90px;width: 129px;filter: contrast(3) grayscale(1) }
@keyframes scroll {0% {transform: translateX(0);}  100% {transform: translateX(calc(-250px * 7))}}

.tmavasekce { background: #001433; padding: 80px 0; }
.tmavasekce.alt {background: var(--color-one);}
.tmavasekce .titlestred {color:white;}
.sedasekce {background:#F5F7F9;padding: 40px 0 90px;}
.bilasekce { background: white; padding: 40px 0 90px; }
.stacks {display:grid;grid-template-columns:1fr;}
.stack {display: grid ; grid-template-columns: 430px  1fr; border-radius: 20px;overflow: hidden;   font-family: var(--font-family-2);/* box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.1), 0 1em 2em rgba(0, 0, 0, 0.1); position: sticky; top: 25px;*/}


.stack .textovacast {background: #F5F7F9; }
.stack.modry .textovacast {background: #DCE9FF; }
.stack.zeleny .textovacast {background: #EAF9EE; }
.stack.zluty .textovacast {background: #f9efea; }
.stack .image { min-height: 430px;position:relative;border-radius: 20px 0 0 20px;overflow: hidden; }
.stack .image img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.stack .textovacast { padding: 50px; display: grid ; grid-template-columns: 2fr 1px 1fr; gap: 30px;border-radius: 0px 20px 20px 0 ; }
.stack .textovacast .mensititul {margin-bottom:20px}
.stack .textovacast .cara {height: 100%; width: 1px; background-color: #D3DBE5; display: block;}
.stack .textovacast .prvni {    gap: 90px; display: grid ; align-content: space-between; }
.stack .quotes { width: 30px; }
.stack .nominal { gap: 2px; display: grid ; grid-template-columns: 1fr; background: white; border-radius: 20px; padding: 15px 22px; }
.stack .nominal .cislo { display: flex ; align-items: center; }
.stack .nominal .cislo img {width:20px;height:20px;}
.stack .nominal .cislo span { font-size: 40px; }

.stack .textovacast .druha { display: grid ; grid-template-columns: 1fr; align-content: space-between; }
.stack .kontaktniosoba { display: grid ; grid-template-columns: 70px 1fr; align-items: center; gap: 15px; margin-bottom: 10px; border-radius: 35px; }
.stack .kontaktniosoba .foto { width: 70px; height: 70px;border-radius: 50% 50%; overflow: hidden; position: relative; }
.stack .kontaktniosoba .foto img {object-fit:cover;width:100%;height:100%;left:0;top:0;}
.stack .kontaktniosoba .jmeno { font-size:18px;margin-bottom:5px;font-weight:700; }
.stack .referencee { font-family: var(--font-family-2); margin-bottom: 35px; color: #080F1A; white-space: pre-line; font-size: 14px; line-height: 18px; letter-spacing: -0.01em; font-weight: 400; }
.stack .co { color: #647491; font-weight: 400; white-space: pre-line; font-size: 14px; line-height: 18px; letter-spacing: -0.01em; margin: 0; font-weight: 400; }
.stack .referencee { font-family: var(--font-family-2); margin-bottom: 35px; color: #080F1A; white-space: pre-line; font-size: 14px; line-height: 18px; letter-spacing: -0.01em; font-weight: 400; }


.karta {font-family:var(--font-family-2)}
.karta .image {height:200px;overflow:hidden;border-radius:15px;position:relative}
.karta .image img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.karta .nejmensititul {max-width:unset;height:90px}
.karta p {max-height:85px;overflow:hidden;position:relative;margin-bottom:-30px}
.karta p:after {content:"";display:flex;position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(0deg, white 10%, #ffffff9c);}
.procesnik  { color: white; font-family: var(--font-family-2); font-size: 18px; line-height: 1.2; display: grid ; grid-template-columns: 140px 1fr 1fr; padding: 30px 15px; border-bottom: 1px solid #2d2c2b; align-items: center; }
.procesnik .ikona {justify-content:flex-end;}
.procesnik .cislo {font-size:18px;font-weight:300; }
.procesnik .texticek {font-size:28px;font-weight:600;display:flex;gap:20px;align-items:center;}
.procesnik .textik {font-size:18px;color:#727272;line-height:1.6}
.procesnik .ikona {  display: grid ; justify-content: center; align-items: center; }
.procesnik .ikona img {width:50px;height:50px;}
.proces .procesnik:last-child {border-bottom:0;}
.textstred{font-size:21px;line-height:1.3;text-align:center;color: white;font-family:var(--font-family-2); }
.textstred a {color:#f7d2ca;text-decoration:underline}
.alignitemsstart { align-items: flex-start; }
.modryblok {font-size:14px; display: grid ; grid-template-columns: 70px 1fr; align-items: center; background:var(--color-modra); border-radius: 25px; padding:35px; line-height:1.35em;}
.modryblok span {font-size:18px; font-weight:700;}

.modryblok.bezfotky {grid-template-columns:1fr}
.modryblok .image { width: 70px; height: 70px;border-radius: 50% 50%; overflow: hidden; position: relative; }
.modryblok .image img {object-fit:cover;width:100%;height:100%;left:0;top:0;}
.modryblok .jmeno { font-size:18px;margin-bottom:5px;font-weight:700; }
.formpeople  {display:grid;gap:20px  }
.formpeople .holdan { display:grid;gap:10px }
.formpeople .holdan .kontaktniosoba { display: grid ; grid-template-columns: 70px 1fr; align-items: center; gap: 15px;background:var(--color-modra);padding: 10px; border-radius: 50px; }
.formpeople .holdan .kontakttitle {margin-bottom:25px;}
.formpeople .holdan .kontaktniosoba .image { width: 70px; height: 70px;border-radius: 50% 50%; overflow: hidden; position: relative; }
.formpeople .holdan .kontaktniosoba .image img {object-fit:cover;width:100%;height:100%;left:0;top:0;}
.formpeople .holdan .kontaktniosoba .jmeno { font-size:18px;margin-bottom:5px;font-weight:700; }
#formik {font-family:var(--font-family-2)}

.features { font-family:var(--font-family-2)}
.features .feature {display:grid;gap:15px;    align-content: flex-start;text-align:center; justify-items: center;}
.features .feature .image {position:relative; background:#F5F7F9; padding:20px; border-radius:20px; width:fit-content; margin-bottom:15px;}
.features .feature .image img {height:50px; width:auto;}
.features .feature .image.blue {background:#DCE9FF}
.features .feature .featuretitle {font-size:20px;font-weight:600;line-height:1.2;padding:0 20px}
.features .feature .featurepopis {line-height:1.4;color:#647491}
.labelkurz {width:fit-content;margin-bottom:25px; font-weight: 600; font-family: var(--font-family-2); text-decoration: none; z-index: 20; background-color: var(--color-two); color: white; border-radius: 15px; justify-content: center; align-items: center; padding: 15px 30px; font-size: 16px; text-decoration: none; display: flex ; position: relative; overflow: hidden; gap: 10px; }

ul, ol { margin: 1.5em 0; padding-left: 1.5em; font-size: 18px; line-height: 1.6; color: #333; font-family:var(--font-family-2); }
ul li { position: relative; margin-bottom: 0.8em; padding-left: 1.2em; list-style: none; }
ul li::before { content: "•"; position: absolute; left: 0; top: 0; color: var(--color-one, #1a73e8); /* Use your main accent color */ font-size: 1.2em; line-height: 1; }
ol { counter-reset: list-counter; }
ol li { position: relative; margin-bottom: 0.8em; padding-left: 1.8em; list-style: none; counter-increment: list-counter; }
ol li::before { content: counter(list-counter) "."; position: absolute; left: 0; top: 0; color: var(--color-one, #1a73e8); font-weight: 600; }
li:hover { color: #000; }



.floatingbtn { position: fixed; z-index: 9; right: 20px; bottom: 20px;  }
.floatingbtn .holder  { transition:.4s all;display: flex; background: #f8f8f8; padding: 12px 20px; border-radius: 30px; color: black; align-items: center; gap: 10px; width: 190px; font-weight: 600; border: 4px solid #dddddd6b; justify-content: center; -webkit-box-shadow: 2px 9px 25px 0px rgba(0, 0, 0, 0.24); -moz-box-shadow: 2px 9px 25px 0px rgba(0, 0, 0, 0.24); box-shadow: 2px 9px 25px 0px rgba(0, 0, 0, 0.24); }
.floatingbtn .holder .ikona svg { width:20px;height:20px;}
.floatingbtn .holder:hover {background:black;color:white;cursor:pointer}
.floatingbtn .holder:hover .ikona svg {filter:invert(1)}


.floatingform { display: none; position: fixed; bottom: 80px; right: 20px; background-color: white; padding: 20px; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); border-radius: 10px; z-index: 1000; width: 300px;font-family:var(--font-family-2); }
.floatingform.active { display: block; }
.floatingform div { margin-bottom: 15px; }
.floatingform input[type="text"], .floatingform input[type="tel"], .floatingform input[type="email"], .floatingform textarea { width: 100%; padding: 8px; margin: 6px 0; box-sizing: border-box; border-radius: 5px; appearance: none; border-style: solid; border: 1px solid #d3d3d3; }
.floatingform textarea { height: 80px; }
.floatingform label { font-weight: 600; }
.floatingform .gdpr { display: flex; align-items: center; }
.floatingform .gdpr input { margin-right: 10px; }
.floatingform button {width: 100%; border: 0; }
.videosection {width:100%; height:100vh; position:relative; display:flex; align-items:flex-end; z-index:1; background:black; padding:75px; overflow:hidden;}
.videosection .container {position: relative;z-index: 3;}
.videosection .custom-image {width:100%; height:100%; position:absolute; z-index:1; top:0; right:0;} 
.videosection .custom-image img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; z-index: 1; } 
.videosection .custom-image video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; z-index: 1; filter: brightness(0.9); opacity: 1; } 
.videosection .custom-image .custom-cover { pointer-events: none; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; z-index: 1; background: rgb(0, 0, 0); background: linear-gradient(90deg, rgb(0 0 0 / 53%) 24%, rgba(255, 255, 255, 0) 100%); }
.videosection .custom-image .dots {
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0icmdiYSgwLDAsMCwwLjEpIiBoZWlnaHQ9IjhweCIgd2lkdGg9IjhweCIgdmlld0JveD0iMCAwIDggOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PC9zdmc+);
    background-size: 4px auto;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
}


.slideshow-section {width:100%; height:100vh; position:relative; display:flex; align-items:flex-end; z-index:1; padding:75px; overflow:hidden;}
.slideshow-section .slideshow-container {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.slideshow-section .slideshow-container .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; }
.slideshow-section .slideshow-container > .slide:nth-child(1) {  transition: opacity 0.01s ease-in-out; }
.slideshow-section .slideshow-container .slide.active { opacity: 1; z-index: 1; }
.slideshow-section .slideshow-container .slide.no-transition { transition: none !important; }
.slideshow-section .slideshow-container img.slide {width: 100%; height: 100%;object-fit: cover;} 
.slideshow-section .slideshow-container .slide img {width: 100%; height: 100%;object-fit: cover;} 
.slideshow-section .slideshow-container .overlay { pointer-events: none; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; z-index: 10; background: rgb(0, 0, 0); background: linear-gradient(90deg, rgb(0 0 0 / 50%) 0%, rgba(255, 255, 255, 0) 50%); }

.sekce {padding:5vh 0;}

.obrazek-labely {width:800px; max-width:100%; margin:0 auto;}

.rozsah-kurzu {display:flex; align-items:center; gap:10px;}
.rozsah-kurzu .textace {opacity:.5; line-height:1.2em;}
.rozsah-kurzu img {width:auto; height:20px;}


/* PODSTRANKA O NAS */

.sekce-vysoka{padding:10vh 0;}
.bila-sekce-vysoka {background:var(--color-white); padding:10vh 0;}
.bila-sekce {background:var(--color-white); padding:5vh 0;}

.horni-linka {border-top:1px solid #ddd;}
.dolni-linka {border-bottom:1px solid #ddd;}

h1.velkej-text {font-size:32px; font-family:var(--font-family-2); line-height:1.35em; font-weight:600; color:var(--color-five)}

.malej-popisek {font-size:12px; text-transform:uppercase; color:var(--color-two); letter-spacing:.025em;}

.holder-550 {width:100%; height:550px; overflow:hidden;}
.holder-550 img {position:absolute; width:100%; height:100%; object-fit:cover; overflow:hidden;}
.holder-650 {width:100%; height:650px; overflow:hidden;}
.holder-650 img {position:absolute; width:100%; height:100%; object-fit:cover; overflow:hidden;}

.relative {position:relative!important;}
.absolute {position:absolute!important;}

.border-radius-50 {border-radius:50px!important;}

.grid-firma-kodex {display:grid; grid-template-columns: 1fr 2fr;}

.bublina {padding:65px; border-radius:50px;}
.bublina .nadpis {font-size:32px; font-weight:600; font-family:var(--font-family-2); margin-bottom:25px;}
.bublina .text {font-size:16px; line-height:1.75em; font-family:var(--font-family-2); margin-bottom:0px; opacity:.5;}

.bila {background:var(--color-white); color:var(--color-one)!important;}
.tmava {background:var(--color-five); color:var(--color-white)!important;}
.zelena {background:var(--color-zelena); color:var(--color-one)!important;}
.modra {background:var(--color-modra); color:var(--color-one)!important;}
.oranzova {background:var(--color-oranzova); color:var(--color-one)!important;}

.header-sekce {display:flex; flex-direction:column; gap:25px;}
.nadpis-sekce {font-size:38px; font-weight:600; font-family:var(--font-family-2); color:var(--color-five);}
.nadpis-sekce.vetsi {font-size:52px;}
.popis-sekce {line-height:1.5em; opacity:.5;}

.max-sirka-400 {width:400px; max-width:100%;}

.nasi-lektori .lektor {border-left:1px solid #ddd; padding-left:35px; font-family:var(--font-family-2);}
.nasi-lektori .lektor .fotografie {width:150px; max-width:100%; height:150px; border-radius:25px; overflow:hidden; margin-bottom:35px}
.nasi-lektori .lektor .fotografie img {width:100%; height:100%; position:absolute; object-fit:cover;}
.nasi-lektori .lektor .jmeno {font-size:20px; font-weight:600; margin-bottom:10px;}
.nasi-lektori .lektor .kratky-popis {line-height:1.5em; opacity:.5;}
.nasi-lektori .lektor .kontakty {display:flex; flex-direction:column; gap:5px;}
.nasi-lektori .lektor .kontakty a {color:var(--color-two); transition:.5s all;}

/* KONEC PODSTRANKY O NAS */

/* LIST KURZU */

.vyber-ostatnich-oblasti { display: flex ; align-items: center; justify-content: center; gap: 25px; }
.ostatni-oblasti { display: flex ; justify-content: center; gap: 10px; }
.oblast { border: 1px solid var(--color-two); color: var(--color-one); font-size: 14px; padding: 15px 25px; border-radius: 10px; }

.polozka-kurz {background:var(--color-light); border-radius:35px; overflow:hidden;}
.polozka-kurz .fotografie-kurzu {width:100%; height:550px; position:relative; overflow:hidden;}
.polozka-kurz .fotografie-kurzu img {width:100%; height:100%; position:absolute; object-fit:cover; overflow:hidden;}
.polozka-kurz .textova-sekce {padding:65px;}

.kurzy-list {display:grid;grid-template-columns:1fr;}
.kurz-v-listu {display: grid ; grid-template-columns: 1fr 1.5fr; border-radius: 20px;overflow: hidden;   font-family: var(--font-family-2);/* box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.1), 0 1em 2em rgba(0, 0, 0, 0.1); position: sticky; top: 25px;*/}
.kurz-v-listu .textovacast {background: #F5F7F9; }
.kurz-v-listu .image { min-height: 430px;position:relative;border-radius: 20px 0 0 20px; overflow: hidden; }
.kurz-v-listu .image img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.kurz-v-listu .textovacast { padding: 50px 75px; display: grid ; grid-template-columns: 1fr; gap: 30px;border-radius: 0px 20px 20px 0 ; }
.kurz-v-listu .textovacast .mensititul {margin-bottom:20px}
.kurz-v-listu .textovacast .prvni {    gap: 90px; display: grid ; align-content: space-between; }
.kurz-v-listu .textovacast .druha { display: grid ; grid-template-columns: 1fr; align-content: space-between; }
.kurz-v-listu ol {padding-left:0px;}
.kurz-v-listu ol li {padding-left:0px; margin-bottom:0px;}
.kurz-v-listu ol li::before {display:none!important;}

.modry-label {color:var(--color-one); font-weight:600; background:var(--color-modra); padding:15px 35px; border-radius:50px;}

/* KONEC LISTU KURZU */

/* KONTAKT */

.kontaktni-bubliny {display:flex; flex-direction:row; gap:20px; justify-content:center;}
.kontaktni-bubliny .bublina {padding:25px 35px; border-radius:50px; display:flex; align-items:center; gap:15px;}
.kontaktni-bubliny .bublina img {height:35px; width:auto;}
.kontaktni-bubliny .bublina .textova-cast {display:flex; flex-direction:column; gap:5px; color:var(--color-five); padding:0px;}
.kontaktni-bubliny .bublina .textova-cast .hlaska {font-size:16px; font-weight:600;}
.kontaktni-bubliny .bublina .textova-cast a {color:var(--color-five); opacity:.65;}

.kontaktni-informace { background: var(--color-light); padding: 65px; display: flex ; flex-direction: column; justify-content: space-between; }
.kontaktni-informace .nazev-spolecnosti { font-size: 32px; font-family: var(--font-family-2); font-weight: 600; }

#pata .bublina-socialni-site {width:100%;}
.bublina-socialni-site { background: var(--color-oranzova); padding: 25px; border-radius: 20px; display: flex ; align-items: center; gap:10px; width:fit-content; max-width:100%;}
.bublina-socialni-site img {height:20px; width:auto;}

/* KONEC KONTAKTU */


/* KARIERA */

.kariera-fotografie {overflow:hidden; width:100%; height:65vh; position:relative; border-radius: 25px 25px 50px 50px}
.kariera-fotografie .prechod {opacity:.75;bottom:0;z-index:1; width:100%; height:50%; position:absolute; background: #000000; background: -webkit-linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000", GradientType=0 );}
.kariera-fotografie img {width:100%; height:100%; object-fit:cover; position:absolute;}

.uvnitr {position:absolute; bottom:0px; width: 100%; display: flex ; flex-direction: column; align-items: center; margin-bottom: 50px; }
.uvnitr .nadpis { font-family: var(--font-family-2); font-size: 52px; font-weight: 600; color: #fff; }

.z-index-10 {z-index:10;}

.volne-pozice-box {background:var(--color-light); padding:65px; border-radius:50px; display:flex; flex-direction:column; gap:20px;}
.volna-pozice { font-family: var(--font-family-2); display: grid ; grid-template-columns: repeat(4, 1fr); gap: 20px; align-items: center; background: #fff; padding: 25px 35px; border-radius: 15px; }
.volna-pozice > :nth-child(4n) {justify-self: end;}
.volna-pozice span {opacity:.5;}

p.zadne-pozice {text-align:center; margin:0px!important; padding:0px!important; font-size:16px!important;}

.divider { border-right: 1px solid var(--color-two); padding-right: 20px; }
/* KONEC KARIERY */


/*MODAL*/
.modal { display: none; position: fixed; inset: 0; background-color: rgba(0,0,0,0.5); backdrop-filter: blur(4px); justify-content: center; align-items: center; z-index: 1000; }
.modal.show { display: flex; animation: fadeIn 0.3s ease forwards; }
.modal.hide { animation: fadeOut 0.3s ease forwards; }
.modal-content { background: white; padding: 25px; border-radius: 50px; width: 1620px; max-width: 90%; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); transform: scale(0.9); opacity: 0; }
.modal-content .fullscreen .mediasekce .media {border-radius:25px;}
.modal-content .fullscreen .textsekce { display: flex ; flex-direction: column; align-items:flex-start; }
.modal.show .modal-content { animation: popIn 0.3s ease forwards; }
.modal.hide .modal-content { animation: popOut 0.3s ease forwards; }
.send-btn { background: #111; color: white; padding: 10px; width: 100%; border: none; border-radius: 8px; cursor: pointer; transition: background 0.3s; }
.send-btn:hover { background: #333; }
.close  { position: absolute; top: 35px; right: 35px; background: none; border: none; font-size: 35px; cursor: pointer; color: #ddd; z-index: 99; transition:.5s all; }
.close:hover { color: var(--color-one); }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes popIn { to { transform: scale(1); opacity: 1; } }
@keyframes popOut { to { transform: scale(0.9); opacity: 0; } }


/*KONEC MODALU*/

.mensi-nadpis {font-size:20px; font-weight:600; margin-bottom:15px;}
.sloupec-text {font-size:16px;}
.rozsah-obsahu {font-size:18px; margin-bottom:15px; opacity:.5;}



/* SLUZBA */

.sluzba-fotografie {overflow:hidden; width:100%; height:65vh; position:relative; border-radius: 0px 0px 50px 50px}
.sluzba-fotografie .prechod {opacity:.75;bottom:0;z-index:1; width:100%; height:50%; position:absolute; background: #000000; background: -webkit-linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000", GradientType=0 );}
.sluzba-fotografie img {width:100%; height:100%; object-fit:cover; position:absolute;}

.sluzba-nadpis {font-size: 36px; background: var(--color-two); color: #fff; font-family: var(--font-family-2); padding: 25px 50px; border-radius:25px; font-weight:400;}

.velkej-text {font-size: 32px; font-family: var(--font-family-2); line-height: 1.35em; font-weight: 600;}
.malej-text { font-size: 16px; line-height: 1.75em; font-family: var(--font-family-2); margin-bottom: 0px; opacity: .75; }

.tmava-sekce {background:var(--color-five); color:#fff;}

.textova-cast {padding:50px;}

.fotograficka-cast { width: 100%; height: 650px; overflow: hidden; position: relative; border-radius: 50px 0 0 50px; }
.fotograficka-cast img {width:100%; height:100%; object-fit:cover; position:absolute;}

.krok { border-left: 1px solid #ddd; padding-left: 35px; font-family: var(--font-family-2); color:var(--color-five);}
.krok .cislo { background: var(--color-oranzova); width: fit-content; padding: 15px; border-radius: 15px; font-size: 18px; font-weight: 600;}
.krok .nadpis { font-size: 22px; font-weight: 600; line-height: 1.3em; }
.krok .malej-text ul { margin: 0px !important; padding-left: 0px !important; }
.krok .malej-text ul li { margin-bottom: 5px !important; font-size: 16px; }

.kontaktniosoba { display: grid ; grid-template-columns: 70px 1fr; align-items: center; gap: 15px; margin-bottom: 10px; border-radius: 35px; }
.kontaktniosoba .foto { width: 70px; height: 70px;border-radius: 50% 50%; overflow: hidden; position: relative; }
.kontaktniosoba .foto img {object-fit:cover;width:100%;height:100%;left:0;top:0;}
.kontaktniosoba .jmeno { font-size:18px;margin-bottom:5px;font-weight:700; }
.kontaktnicast .jmeno { font-size:18px;margin-bottom:5px;font-weight:700; }

/* KONEC SLUZBY */


/* AKTUALITA */

.aktualita-fotografie {position:relative; width:100%; height:500px; overflow:hidden; border-radius:25px;}
.aktualita-fotografie img {position:absolute; width:100%; height:100%; object-fit:cover;}

.aktualita-datum {background:var(--color-two); padding: 15px 25px; color:#fff; font-size:18px; font-weight:600; width:fit-content; font-family:var(--font-family-2); border-radius:10px; position:absolute; top:50px; left:50px; z-index:10;}

.aktualita-nazev {font-family:var(--font-family-2); font-size:38px; line-height:1.15em; max-width:600px; color: var(--color-five);}
.aktualita-perex {font-size:18px; line-height:1.5em; letter-spacing:-.0125em; color: var(--color-five);}
.aktualita-nadpis {font-size:32px; font-family: var(--font-family-2); font-weight: 600; color: var(--color-five); margin-bottom: 35px; margin-top:0px;}
.aktualita-text {font-size:16px; font-family:var(--font-family-2); color:var(--color-five); line-height:1.5em;}
.aktualita-text ul {padding-left:0px; font-size:16px; color:var(--color-five);}

/* KONEC AKTUALITY */


/*SWIPER CSS - RECENZE*/
.swiper-container { position: relative;width:100%; height:fit-content;}

.slide.swiper-slide.swiper-slide-active { opacity: 1!important; }

.custom-pagination { display: none ; justify-content: flex-start; align-items: center; margin-top: 10px; position: relative; bottom: 0; max-width: var(--container-1); margin: 0 auto; margin-top: 30px;} 
.custom-pagination.center { justify-content: center; } 

.pagination-line { width: 50px; height: 2px; background-color: var(--color-grey); margin: 0 5px; transition: background-color 0.3s;border-radius:15px; } 
.pagination-line.active {background-color: var(--color-one);}

.z-index-2 { position: relative; z-index: 2!important; }
.overflow-visible { overflow: visible !important; }
.overflow-hidden { overflow: hidden !important; }

.swiper-slide {opacity:1}
.swiper-slide {opacity: 1 !important; visibility: visible !important; position: relative !important;}
.swiper-slide:last-child{margin-right: 20px}


/* RECENZE*/
.recenze .swiper-wrapper {height:fit-content; position: relative;max-width:var(--container-1);margin:0 auto; font-family:var(--font-family-2);}
.recenze .swiper-wrapper {position: relative;width: 100%; padding-bottom: 60px;}
.recenze .swiper-wrapper .swiper-slide {scroll-snap-align: start; opacity:1}
.recenze.viditelnyslider .swiper-wrapper .swiper-slide {opacity:1!important;}
.recenze::-webkit-scrollbar { display: none; /* Hides the scrollbar in webkit browsers */ }
.recenze .swiper-wrapper {width: 100%;display: flex;transition: .4s all;}

.recenze .swiper-wrapper .swiper-slide .holder {background: var(--color-light); padding: 50px 50px 75px 50px; border-radius: 25px; position: relative; width: 100%; height: 100%; overflow: hidden; text-align:left;}
.recenze .swiper-wrapper .swiper-slide .holder .autor-recenze {font-size: var(--text-velikost-4); font-weight:var(--text-sirka-3); color:var(--color-dark); line-height: 1.2em; letter-spacing: -0.035em;}
.recenze .swiper-wrapper .swiper-slide .holder .text-recenze {font-size: 16px; font-weight:var(--text-sirka-2); color:var(--color-dark); line-height: 1.8em; letter-spacing: -0.035em;}
.recenze .swiper-wrapper .swiper-slide .holder img {height:30px; width:auto;}

a.odkaz-recenze {letter-spacing: -0.035em; text-decoration: underline;}

/*KONEC SWIPERU*/

.zadne-reference {text-align:center; grid-column:span 2;}

.grabikona { position: absolute; width: 40px; height: 40px; background: #bafbff; display: flex ; z-index: 3; justify-content: center; align-items: center; }

/*END CUSTOM CSS */


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

.textsekce-2:before {top:-40%; width:125%; height:65vh;}
    .textsekce-2:after {top:-40%; width:125%; height:65vh;}

}

@media only screen and (max-width: 1500px) {
    
    .max-sirka-550 {width:100%;}

}

@media only screen and (max-width: 1450px) {
    
    .textsekce-2:before {top:-40%; width:125%; height:75vh;}
    .textsekce-2:after {top:-40%; width:125%; height:75vh;}
    .vyber-ostatnich-oblasti .textace {display:none;}
    .oblast {font-size:13px; padding:15px 20px;}
    .pc .menu .polozka {font-size:16px;}

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

.vyber-ostatnich-oblasti .textace {display:none!important;}

.stack {grid-template-columns:1fr;}

.stack .image {border-radius: 20px 20px 0 0}
.stack .textovacast {border-radius: 0 0 20px 20px; padding:35px 7.5%}
.stack .textovacast .text {font-size:16px;}
.stack .image {min-height:350px; height:350px;}
}




@media only screen and (max-width: 1200px) {
    
    .text {font-size:16px;}
    
    .grid-kurz-okrova {grid-template-columns:1fr; gap:0;}
    
    .schovejnamobilu {display:none!important;}
    
    .pc .lang {display:none;}
    .pc .cta {display:flex;}
    header .menupc { display: grid ; grid-template-columns: 1fr 1fr; justify-content: space-between; }
    .namobilubezgapu { gap: 0px!important; } .fullscreen-menu { width: 100%; transform: translateX(1200px); }

     .fullscreen .textsekce {padding: 50px 7.5%;border-radius: 25px; }

     .fullscreen .textsekce .titul { font-size: 38px; margin-bottom: 25px; word-break:keep-all;} 
    .fullscreen .mediasekce .media { border-radius: 25px 25px 0 0;  min-height:300px; height:300px;}
    
    .fullscreen .textsekce.alt {padding:50px 7.5%;}
    .fullscreen .textsekce.alt .titul {font-size:26px;}
    
    .grid-2 {grid-template-columns: repeat(1, minmax(250px, 1fr));}
    .grid-3 {grid-template-columns: repeat(2, minmax(250px, 1fr));}
    .grid-4 {grid-template-columns: repeat(2, minmax(250px, 1fr));}
    .grid-5 {grid-template-columns: repeat(2, minmax(250px, 1fr));}
    .grid-6 {grid-template-columns: repeat(2, minmax(250px, 1fr));}
    .grid-7 {grid-template-columns: repeat(2, minmax(250px, 1fr));}
    .grid-8 {grid-template-columns: repeat(2, minmax(250px, 1fr));}
    .grid-9 {grid-template-columns: repeat(2, minmax(250px, 1fr));}
    .dropdown-button {font-size: 16px; font-weight: 300; line-height: 22px;}
	html, content, body, footer  {overflow-x: hidden}
    header {position: relative;}
    .pc .menu{ position: fixed; top: 0; left: 0; z-index: 999; background: white; width: 100%; padding: 0; height: 100vh; display: flex; align-items: center; display: none; }
    header .containercely {padding: 35px 15px 15px 15px;}
    header .containercely .speslradek {  justify-content: space-between; }
  .infolista a {font-size:11px;}
  .mobile-none {display:none!important;}
  
  .slideshow-section {height:90vh; padding:7.5vh 7.5%;}
  .textsekce-2 {width:85%;}
  .textsekce-2 .titul {font-size:38px; margin-bottom:25px!important;}
  .textsekce-2 .label {font-size:14px; margin-bottom:10px!important;}
  .textsekce-2 .introtext {font-size:14px;}
  
  .textsekce-2:before {left: -35%; top: -35%; width: 150%; height: 60vh;}
  .textsekce-2:after {left: -35%; top: -45%; width: 150%; height: 60vh;}
  
  .titlestred {font-size:28px; line-height:1.2em;}
  
  .stack .image {min-height:250px; height:250px;}
  .stack .textovacast .mensititul {font-size:24px;}
  
  .procesnik {grid-template-columns:1fr; gap:20px;}
  .procesnik .cislo {display:none!important;}
  .procesnik .texticek {font-size:20px;}
  .procesnik .textik {font-size:16px;}
  
  .karta .nejmensititul {font-size:22px; line-height:1.2em; height:unset;}
  
  .radek {flex-direction:column;}
  .tretina {width:100%; flex-direction:column; align-items:center;}
  .dvetretiny {width:100%;}
  .cely {justify-content:center;}
  
  .formpeople .holdan .kontakttitle {text-align:center; line-height:1.5em; width:80%;}
  .formpeople .holdan .kontaktniosoba {width:fit-content; padding-right:35px;}
  .formpeople .holdan {justify-items:center;}
  
  .form {display:flex; flex-direction:column;}
  label {line-height:1.5em;}
  
  .fullscreen-menu .holder {padding:0 7.5%;}
  .fullscreen-menu .holder .polozka {cursor:pointer; font-size:18px; position:relative; margin-bottom:15px; text-align:left; color:var(--color-one);}
  .fullscreen-menu .holder .polozka .text {cursor:pointer; font-size:18px; position:relative; margin-bottom:15px; text-align:left; color:var(--color-one); opacity:1;}
  .fullscreen-menu .holder .polozka .text:hover {color:var(--color-two);}
  .fullscreen-menu .sipkaopen {top:2px;}
  
  .header-sekce {width:80%; margin:0 auto;}
  .nadpis-sekce.vetsi {font-size:36px;}
  
  .pt-20vh {padding-top:15vh!important;}
  .pt-135 {padding-top:115px!important;}
  
  .kurz-v-listu .image {min-height:250px; border-radius: 20px 20px 0 0;}
  .kurz-v-listu .textovacast {padding:5vh 7.5%; border-radius: 0 0 20px 20px}
  .mensititul {font-size: 26px;}
  
  .na-mobilu-bez-gap {gap:0px!important;}
  
  .uvnitr .nadpis {font-size:32px;}
  
  .kariera-fotografie {height:400px;}
  
  .mb-10vh {margin-bottom:8vh!important;}
  
  h1.velkej-text {font-size:22px;}
  
  .volne-pozice-box {padding:7.5%;}
  
  .volna-pozice {display:flex; flex-direction:column;}
  
  .volna-pozice .divider {border:none; padding-right:0px;}
  
  .holder-650 {height:350px;}
  
  .grid-firma-kodex {grid-template-columns:1fr;}
  
  .sekce-vysoka {padding: 8vh 0;}
  
  .na-mobilu-text-center {text-align:center; align-items:center;}
  
  .nasi-lektori .lektor { margin: 0 auto; border-left: 0px; padding-left: 0px; align-items: center; display: flex ; flex-direction: column; }
  .nasi-lektori .lektor .fotografie {margin:0 auto;}
  
  .mobilni-mb-25 {margin-bottom:25px!important;}
  
  .bublina {padding:50px 7.5%; border-radius:25px;}
  .bublina .nadpis {font-size:24px;}
  
  .border-radius-50 {border-radius:25px!important;}
  
  .nadpis-sekce {font-size:28px;}
  
  .holder-550 {height:350px;}
  
  .kontaktni-informace {align-items:center;}
  
  .kontaktni-bubliny {flex-direction:column; align-items:center;}
  .kontaktni-bubliny .bublina {width:fit-content;}
  
  .sluzba-nadpis {font-size:20px; width:90%; padding:25px;}
  
  .sluzba-fotografie {height:400px;}
  .sluzba-fotografie .uvnitr {margin-bottom:5%;}
  
  
  .velkej-text {font-size:22px;}
  
  .fotograficka-cast {height:350px; border-radius: 25px 25px 0 0}
  
  .cela-sirka {width:100%!important}
  
  .krok { display: flex ; flex-direction: column; align-items: center; text-align: center; border-left:0px; padding-left:0px; }
  
  .fullscreen .textsekce.alt.pres-2-sloupce {grid-column:span 1;}
  .pres-2-sloupce {grid-column:span 1;}
  
  .krok ul li {padding-left:0px!important;}
  .krok ul li:before {display:none!important}
  
  .aktualita-fotografie {height:250px;}
  .aktualita-datum {bottom:25px; top:unset; left:25px;}
  .aktualita-nazev {font-size:32px;}
  .aktualita-nadpis {font-size:26px;}
  
  .max-sirka-85procent {width:100%;}

  .na-mobilu-prvni {order:1;}
.na-mobilu-druhy {order:2; border-radius:0px 0px 25px 25px !important}

.kurz-v-listu {grid-template-columns:1fr;}

.max-sirka-550 {width:100%;}

.mobilni-pb-0 {padding-bottom:0px;}

.na-mobilu-border-radius-vsude {border-radius:25px!important;}

.paslogholder {margin-bottom:0px;}

.na-mobilu-spodni-margin-0 {margin-bottom:0px;}
.na-mobilu-horni-margin-0 {margin-top:0px;}


.logovpasu img {height:65px; width:auto;}

  
}

@media only screen and (max-height: 1100px) {
    .hp-banner .swiper-wrapper {height:650px;}
    .smrstena {padding-top: 50px; }
    .mb-200c { margin-bottom: 80px !important; }
}


@media only screen and (max-width: 980px) {
    
    .mw-80 { max-width: unset !important; }
    
    .stack .textovacast {grid-template-columns:1fr;}
    .stack .textovacast .prvni {gap:25px;}
    
}


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

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

    .main-button {padding:14px 22px} 
    .outline-button {padding:14px 22px } 
    .whitebutton { padding:14px 22px }
    .blackbutton { padding:14px 22px; }
    .socialite  { padding:14px 22px; }

    header .container { border-radius: 0 0 35px 35px; }

    .grid-2 {grid-template-columns: repeat(1, minmax(250px, 1fr));}
	.grid-3 {grid-template-columns: repeat(1, minmax(250px, 1fr));}
    .grid-4 {grid-template-columns: repeat(1, minmax(250px, 1fr));}
    .grid-5 {grid-template-columns: repeat(1, minmax(250px, 1fr));}
    .grid-6 {grid-template-columns: repeat(1, minmax(250px, 1fr));}
    .grid-7 {grid-template-columns: repeat(1, minmax(250px, 1fr));}
    .grid-8 {grid-template-columns: repeat(1, minmax(250px, 1fr));}
    .grid-9 {grid-template-columns: repeat(1, minmax(250px, 1fr));}
    
    .mobilni-pt-0 {padding-top:0px!important;}
    
    .pt-135 {padding-top:85px!important;}

    
}