@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {font-family: 'forma_djr_displayregular'; src: url('../fonts/formadjrdisplay-regular-webfont.woff2') format('woff2'), url('../fonts/formadjrdisplay-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'forma_djr_microregular';src: url('../fonts/formadjrmicro-regular-webfont.woff2') format('woff2'),url('../fonts/formadjrmicro-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'big_noodle_titling'; src: url('../fonts/big_noodle_titling.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'big_noodle_titling_oblique'; src: url('../fonts/big_noodle_titling_oblique.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}

/*@font-face {font-family: 'monserrat-bold'; src: url('../fonts/montserrat-regular.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'montserrat-regular'; src: url('../fonts/montserrat-regular.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}*/


@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% - 20px));
    }
}

@keyframes btn-in{
    to { transform: translateX(0); }
  }

@keyframes shakeCycle{
  0%   { transform: none; }
  2%   { transform: translateX(-4px); }
  4%   { transform: translateX(4px); }
  6%   { transform: translateX(-3px); }
  8%   { transform: translateX(3px); }
  10%   { transform: translateX(-2px); }
  12%   { transform: translateX(2px); }
  14%   { transform: translateX(-1px); }
  16%   { transform: none; }
  100% { transform: none; }
}
:root {
--fontFamily: "Montserrat", sans-serif!important;/*
--fontFamilyHeading:'Montserrat', sans-serif!important;
--bs-font-sans-serif:'montserrat-regular', sans-serif!important;
--bs-body-font-family:'Montserrat', sans-serif !important;*/

--primary:#c8e000;
--supplementary: #CCCCCC;
--dark:#373d42;
--darkest: #0C0C0C;
--lightest: #f2f0ef;

}
/*#logo-bpr { font-family: 'big_noodle_titling'!important;color: #c8e000;  font-size: 12rem;}*/

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

img, svg{
    vertical-align: middle;
}



html, body {
min-height: 101vh;
overflow-x: hidden;
font-family: "Montserrat", sans-serif; font-style: normal;
scroll-behavior: smooth; 
color: var(--darkest)!important;
background-color: var(--lightest)!important;
}
body{margin: 0; line-height: 1.5;}
.admin-link {font-weight:700;z-index:100;position: fixed;top:10%;color:white;background-color:var(--primary)}
.floating-button{transition: ease-in all 0.2s ;color: var(--darkest);  text-decoration: none;  font-weight: 600;  display: block; height: auto; padding: 1rem;}
.shake{ animation: shakeCycle 5s linear infinite;  display: block; border-radius: 0.75rem 0.75rem 0.75rem 0.25rem; box-shadow: 0 0 15px rgba(50, 50, 50, 0.2); background: var(--primary);}
.slide-wrap{  transform: translateX(150%);animation: btn-in 420ms ease 2s forwards; position: fixed; right: 16px; bottom: 16px;  z-index: 99;  width: fit-content; }
.floating-button::after{z-index: -1;content: ''; background: linear-gradient(90deg, rgba(142, 209, 224, 1) 25%, rgb(83, 0, 208, 1) 25%, rgba(83, 0, 208, 1) 50%, rgba(228, 194, 28, 1) 50%, rgba(228, 194, 28, 1) 75%, rgba(98, 137, 41, 1) 75%, rgba(98, 137, 41, 1) 100%); height: 0.5rem; width: 100%;     bottom: calc(1rem - 2px); /* bottom: 0.125rem; */ position: absolute; width: calc(100% - 2rem); left: 50%; transform: translateX(-50%); }
.slide-wrap:hover .floating-button{font-weight: 700; padding: 1rem 2rem;}
#btnClose{position: absolute;right: -0.5rem; top: -0.5rem; background: var(--dark); color: var(--lightest); font-weight: 500; line-height: 0.5; border-radius: 50px; cursor: pointer;padding: 0.4rem;}
/* .floating-button:hover::after{bottom: calc(2rem + 6px);} */

/*Navigace*/
.nav-splash{position: absolute; background: url('../img/lines/cakance.svg') ; width: 100%; background-position-x: center; background-size: contain; height: 100%; opacity: .75; top: 2rem; z-index: -1; background-repeat: repeat-x;}
nav{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; position: fixed; width: 100vw; z-index: 10; height: fit-content; padding: 1rem 0;background-color: var(--lightest); transition: background-color ease-in-out 0.4s;}
.nav-desktop{display: flex; flex-direction: row; justify-content: space-between;column-gap: 2rem;flex-wrap: wrap;width: 90%;max-width: 1200px;margin: 0 auto}
.nav-items-row{display: flex;flex-wrap: wrap;flex-direction: row; column-gap: 1.6rem;}
.nav-mobile{display: none;}
.nav-button{display: none;}
nav.scrolled{background-color: var(--primary);}
nav img {/*filter: brightness(0);*/ transition: ease-in all 0.2s;}
nav img:hover {transition: ease-in all 0.1s; transform: translateY(-5px);}
nav .logo{width: 30px;}
nav a{position: relative; text-decoration: none; font-weight: 500;color: var(--darkest);}
nav a.active{font-weight: 700;}
nav a.active::before{opacity: 1!important;}

.nav-desktop .nav-item a::before{content: ''; height: 0.5rem; width: 100%; position: absolute; background: var(--primary); bottom: -0.2rem; z-index: -1;opacity: 0;transition: all ease-in-out .3s;}
.nav-desktop .nav-item a:hover::before{bottom: 0; opacity: 1;}
nav.scrolled .nav-item a::before{background-color: var(--lightest);}
/**/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color);}

h1{font-size: 5rem;text-align: left;font-weight: 700;}
h2{font-weight: bold;margin-bottom: 2rem;line-height: 1em;font-size: 2.5rem;}

h3{font-size: calc(1.3rem + .6vw);}
main{position: relative; color: var(--darkest);background: var(--lightest);padding-top: 60px;z-index: 0;}
/*.green{color: var(--primary);}*/
section{margin: 3rem 0; position: relative;padding: 3rem 0 2rem 0;}
.width{width: 90%; max-width: 1200px; position: relative; margin: 0 auto;}
.full-width{width: 100%;position: relative; margin: 0;}
.full-width img{width: 100%;object-fit: cover; height: auto; max-height: 450px;}
.p-big{font-weight: bold;}
.primary-before::before{content: "";background-color: var(--primary);height: calc(100% - 100px); width: 4vw;min-width: 50px;position: absolute;display: block;top: 100px;}
.column-2 {display:grid;grid-template-columns: 1fr 1fr; text-align: left; gap: 30px;}
.space-between{justify-content: space-between;}
.space-around{justify-content: space-around;}


.socials{display: inline-flex;gap:24px;}
.socials img {filter: brightness(0); transition: ease-in all 0.2s;}
.socials img:hover {transition: ease-in all 0.1s; transform: translateY(-5px);filter: brightness(1);}

/*TLAČÍTKA*/
.a-button{text-transform: uppercase;text-decoration: none; width: max-content;cursor: pointer;height: fit-content; font-weight: 700; color: var(--darkest);position: relative ;}
.a-button::before{ content: ""; left: 0; top: 0; bottom: 0; width: 0; background-color: var(--primary); position: absolute; z-index: -1; transition: ease-in .2s all;}
.a-button:hover::before {width: 104%;}
.a-button::after{content: ''; display: block; position: absolute; background: var(--primary); width: 100%; height: 50%; transition: ease-out 0.4s width; bottom: 0; /* transform: translateX(100%); */ z-index: -1;}
.a-button:hover::after{width: 0;}
.a-button svg{ transition: ease-in 0.2s all; margin-left: 4px;}
.a-button:hover svg{transform: translateX(5px); transition: ease-in 0.2s all;}
/* .a-button:hover path{stroke: var(--primary);} */


.button{display: block; padding: 0.75rem 1.25rem; margin: auto; text-transform: uppercase; font-weight: 700; background: var(--primary);color: var(--darkest);text-decoration: none;}
.button {transition: all 0.3s ease-in-out;}
.button:hover { background-color: var(--darkest) ;color: var(--primary); }
/**/
/*PRVKY*/
.heading-green-underline::before{content: ''; position: absolute; height: 1rem; width: 100%; bottom: -0.25rem; z-index: -1; background: var(--primary);}
/**/

/*SWIPER*/
/*
.swiper-container { padding: 0!important;width: 100%; overflow: hidden; white-space: nowrap; position: relative;display: flex; gap:20px;}
.swiper-wrapper{display: inline-block; animation: scroll 25s linear infinite;}
.swiper-wrapper { display: flex; min-width: 100%; flex-shrink: 0; justify-content: space-between; align-items: center; gap: 20px ; animation: scroll 25s linear infinite;}
.swiper-container a img{transition: all 0.4s ease-in-out;}
.swiper-container:hover .swiper-wrapper{animation-play-state: paused;}
.swiper-container a:hover img{transform: scale(1.25); cursor: pointer;}
.swiper-slide { display: inline-block; justify-content: center; align-items: center;}
.swiper-slide img { max-width: 150px; height: auto;}*/
/*SWIPER KONEC*/

/*HEADER*/
.header{display: flex; align-items: center; height: 80vh;}
.header .width{}
.header .p-big{font-weight: 600; font-size: 1.5rem;margin: 2rem 0;}
.line-2{height: 60vh;padding: 0!important;}
.line-1::before{content: url(../img/lines/line.svg);position: absolute; width: 100vw; left: 10%;}

.line-start::before{content: url(../img/lines/line-start.svg);z-index: -1;;position: absolute; width: 100vw; left: 10%;top: -10px !important;}
.line-homepage::before{content: url(../img/lines/line.svg);position: absolute; width: 100vw; left: 10%; top:-100px;}
.line-homepage::after{content: '1995';position: absolute; width: fit-content; left: 12.5%; top: -105px;}
.line-2::before{content: url(../img/lines/line-2.svg);position: absolute; width: 100vw; left: 10%;transform: rotateZ(-12deg);}
.line-2-y180::before{content: url(../img/lines/line-2.svg);position: absolute; width: 100vw; left: 4%;transform: rotateY(180deg) rotateZ(142deg);/*top: -30%;*/}
/**/
/*FOOTER*/
footer{background: var(--lightest);margin-bottom: 2rem;}
.footer-div{display: grid;grid-template-columns: 36% 1fr 1fr 1fr; gap:0;margin-bottom: 3rem;justify-items: center;}
footer h2 {font-size: 2rem;margin: 0;}
.footer-text img{width: 2.5rem; margin-bottom: 2.5rem;}
.footer-kontakt{display: flex; flex-direction: column;font-size: 14px;}
.footer-kontakt h3{font-weight: 600; font-size: 1.5rem;}
.footer-kontakt p{min-height: 5rem;margin: 0;}
.footer-info{text-align: center;}

.footer-info p{margin: 0;font-size: 0.75rem;}
.footer-info p:first-child{font-weight: 600;}
.footer-links{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; font-size: 0.8rem; gap: 1rem; margin-top: 1rem; font-weight: 800;}
.footer-links a{text-decoration: none; color: var(--darkest); transition: all ease-in-out 0.2s;}
.footer-links a:hover{color: var(--primary);}
/**/

/*SOCKY*/
.socials{display: inline-flex;gap:24px;}
.socials img {filter: brightness(0); transition: ease-in all 0.2s;}
.socials img:hover {transition: ease-in all 0.1s; transform: translateY(-5px);filter: brightness(1);}
/**/

/*DIVIZE*/
.divize{display: grid;gap:4rem; padding: 3rem 0;}
.halfgreen-div::before{content: ''; display: block; position: absolute; background: var(--primary); width: 100%; height: 100%;right: 72.5%; z-index: -1;}
.halfgreen-div::after{content: ''; display: block; position: absolute; background: linear-gradient(180deg,rgba(142, 209, 224, 1) 25%, rgb(83, 0, 208, 1) 25%, rgba(83, 0, 208, 1) 50%, rgba(228, 194, 28, 1) 50%, rgba(228, 194, 28, 1) 75%, rgba(98, 137, 41, 1) 75%, rgba(98, 137, 41, 1) 100%); width: 100%; height: 100%;left: 102.5%; z-index: -1;}
.divize .green-halfline::before{display:none;}
.divize-intro{gap: 3rem 2rem;display: grid;grid-template-columns: .5fr 1.2fr;}
.divize-intro h2{margin: 0;}
.divize-intro p{margin: 0;width: 87.5%;}
.divize-img{display: flex;grid-row-start: 1;grid-row-end: 4;}
.divize-info img{border-radius: 0.5rem 0.5rem 0.15rem 0.5rem;}
.divize-img img{transition: all 0.2s ease-in-out;border-radius: 0.5rem 0.5rem 0.15rem 0.5rem; box-shadow: 0 0 15px rgba(50, 50, 50, 0.2);}
.divize-img img:hover{ scale: 1.10; translate: -5% -5%; border-radius: 0.75rem;}
.divize-info{display: grid;grid-template-rows: auto auto 1fr;grid-template-columns: 0.8fr 1.2fr;gap: 0 4rem;}
.divize-text{margin: 0;width: 87.5%;}
.divize-info .a-button{align-self: flex-end;}
.divize h3{font-weight: 700;}

.divize-solo .divize-intro p{width: 100%;}
.divize-solo .divize-info{grid-template-columns: 1fr 1fr;}
.divize-solo .divize-text{width: 100%;}
.divize-solo .divize-info:nth-child(odd) .divize-img{grid-column-start: 2;}
.divize-solo .divize-info .divize-img img{border-radius:0.5rem 0rem 0.15rem 0.5rem;}
.divize-solo .divize-info .divize-img img:hover{scale: 1.05;translate: -2.5% 2.5%; border-radius:0.75rem 0rem 0.75rem 0.75rem;}
.divize-solo .divize-info:nth-child(odd) .divize-img img{border-radius: 0 0.5rem 0.5rem 0.15rem;}
.divize-solo .divize-info:nth-child(odd) .divize-img img:hover{translate: 2.5% 2.5%;border-radius: 0 0.75rem 0.75rem 0.75rem;}

.divize-solo .divize-info:nth-child(odd) .a-button{justify-self: end;}
.divize-solo h3 {position: relative; padding: 0.5rem 0;}
.divize-solo h3::before {content: ''; background: var(--primary); width: 400%; height: 110%; top: 0; display: grid; position: absolute; left: -5rem; z-index: -1;}
.divize-solo .divize-info:nth-child(odd) h3::before{left: unset; right: -5rem;}

 /**/
.a-oceneni{ position: absolute; left: 0;   bottom: -135px;   text-decoration: none;   color: var(--darkest);}
.oceneni{transition: ease-in-out 0.2s; margin: 20px;   height: 95px !important;   border-radius: 0 !important;   width: auto !important;}
.oceneni:hover{ transform: translateX(10px) scale(1.3);}


/*KLIENTI*/
.client-list p{position: absolute; top: -2.5rem;font-weight: 600; left: 50%;transform: translateX(-50%) ; width: max-content;}
.client-list p::before{content: ''; background: linear-gradient(90deg,rgba(142, 209, 224, 1) 25%, rgb(83, 0, 208, 1) 25%, rgba(83, 0, 208, 1) 50%, rgba(228, 194, 28, 1) 50%, rgba(228, 194, 28, 1) 75%, rgba(98, 137, 41, 1) 75%, rgba(98, 137, 41, 1) 100%); height: 0.5rem; width: 100%; bottom: -5px;/*bottom: 0.125rem;*/ position: absolute; z-index: -1;}
.client-list{display: grid; grid-template-columns: repeat(auto-fit, 120px);gap: 30px 40px;justify-content: center;justify-items: center;align-items: center;padding-top: 2rem;}
.client-list a img{filter: brightness(0) ;transition: all 0.4s ease-in-out;height: fit-content;max-width: 100%; max-height: 70px;}
.client-list a:hover img{transform: scale(1.05); cursor: pointer;filter: brightness(1);}
.client-list a .black-logo{filter: grayscale(1)!important;}
.client-list a:hover .black-logo{filter: grayscale(0)!important;}
/**/



/*CASE-STUDIES*/
.case-studies{display: grid; gap: 2rem;}
.case-studies > p{margin-bottom: 0rem;}
.case-studies > h2{margin: 0rem;}

.filter{display: grid; grid-template-columns: max-content max-content;width: fit-content; gap: 0.5rem;margin-bottom: 3rem;}
.filter-button{width: fit-content; font-size: 1.5rem;margin: 0; padding: 0.75rem; box-sizing: border-box; border: var(--primary) solid 3px;transition: ease-in-out all 0.2s;cursor: pointer;border-radius: 0.75rem;}
.filter-button:hover{background-color:var(--primary);border-radius: 0.75rem 0.75rem 0.75rem 0.25rem;}
.filter-button.active{background: var(--primary);border-radius: 0.75rem 0.75rem 0.75rem 0.25rem;}
#marketing, #event{height: 0; opacity: 0;}
#marketing.active, #event.active{height: 100%; opacity: 1;z-index: 1;}

/*BLOG*/
.sec-blog{}
.blog .blog-foto{margin: 3rem 0;}
.blog-intro{display: grid; grid-template-columns: 1.2fr 0.8fr ;gap: 45px; margin-bottom: 4rem;}
.blog-intro img{object-fit: cover; width: 100%; height: 100%;}
.blog-desc{text-align: left; font-weight: bold;margin: 0.5rem 0;}

.blog-desc h1{font-size: 32px; font-weight: 700; margin-bottom: 2rem;}
.blog-desc h2{font-size: 20px; margin: 0; text-transform: capitalize;position: relative; width: fit-content;}
.blog-desc h2::before{position: absolute; width: 100%;height: 0.5em; bottom: 0.025em; background-color: var(--primary); content: '';z-index: -1;}

.blog-specs{display: flex; flex-direction: row; gap: 8px; align-items: baseline;}
.blog-specs h3 {font-size:20px ;margin:0;text-transform: capitalize;color: var(--dark);}
.blog-specs p{font-size: 20px;}


/*.blog-desc h2::after {content: "";background-color: var(--primary);height: 10px; width: 25px;position: absolute;display: block;}*/
.blog-desc p{margin: 0;}
.blog-desc ul{margin-top: 2rem;}
.blog-desc li::marker{color: var(--darkest);}
.blog-desc li{position: relative;padding-inline-start: 1ch; list-style-type: '#';}
.blog-desc li::before{content: ''; background: var(--primary); position: absolute; width: 1rem; height: 1rem; left: -14px; z-index: -1; top: 3.5px;}
.blog-desc span{color: var(--dark);}
.blog-text{text-align: left; margin-bottom: 4rem; font-size: large; font-weight: 400;}
.blog-text p{margin-bottom: 1rem;}
.blog-foto{display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.blog-foto img{object-fit: cover; width: 100%; height: 100%; max-height: 750px; object-position: top;}

.p30{font-size: 1.5rem;margin: 0;font-weight: 700;position: relative;width: fit-content; }
.p30::after{content: ""; width: 100%;height: 8px; bottom: 0;
left: 0;position: absolute;z-index: -1;}
.travel::after{background: #e4c21c;}
.glcz::after{background: #697A50;}
.sms::after{background: #5300D0;}
.pm::after{background: #8ED1E0;}

/*BLOG KONEC*/

/*KONTAKT*/
.kontakt{display: flex;flex-direction: column;gap: 2rem;}
.kontakt h2{font-weight: 700; position: relative;}
.kontakt h2::before{content: ''; background: var(--primary); height: 180%; width: 200%; left: -50%; top: -40%; z-index: -1; position: absolute;}
.kontakt h3{font-weight: 700;width: fit-content;margin: 0;position: relative;}
.kontakt-item{display: grid; align-content: center ; grid-template-columns: 1fr 1fr; gap: 2rem;}
.kontakt-item iframe{width: 100%; height: auto; grid-column-start: 1;grid-column-end: 3;}
.kontakt-adresa{font-weight: 600;margin: 0;}
.kontakt-udaje{display: grid; grid-template-rows: 1fr 1fr; align-items: center; padding-left: 4rem;position: relative;}
.kontakt-udaje::before{content: ''; background: var(--primary); height: 100%; width: 0.8rem; left: 0; z-index: -1; position: absolute;}
.kontakt-udaje .link{font-weight: 600; width: fit-content;}

/**/

/*CREW*/
/*.crew::before{content: ''; display: block; position: absolute; background: var(--primary); width: 100%; height: 100%;right: 105%; z-index: -1;}*/
/* .crew::after{content:''; position: absolute; background: url(../img/lines/line-6.svg) repeat-y ;width: 20.25%; height: 100%;top: 0;transform: rotateY(180deg);} */

.crew h2:first-child{margin:0 0 2rem 0;}
.crew h2{margin: 4rem 0 2rem 0;}
.team{display: grid;grid-template-columns: repeat(auto-fit, 175px); gap:30px; justify-content: start;}
.team-member{display: flex; flex-direction: column; text-align: center; align-items: center;position: relative;transition: ease-in-out all 0.2s;}
.team-member>a{text-decoration: none; color: var(--darkest);margin-bottom: 0.5rem;transition: font-weight 0.2s ease-in-out;font-size: 12px;}
.team-member:hover>a{font-weight: 600;}
.team-member>a:hover{font-weight: 700;}
.team-member img{width: 150px; height: 150px; margin: 12.5px auto 0.5rem auto;object-fit: cover;}
.name{font-size: 14px; font-weight: 700;margin: 0;}

.team-member::before{position: absolute; display: block; content: ''; background: var(--primary); height: 60%; width: 100%; border-radius: 5px; bottom: 0; z-index: -1; transition: ease-in-out .2s height; box-shadow: 10px -10px 25px 0 rgba(50, 50, 50, 0.1);}
.team-member:hover::before{height: 100%;}
.team-member img:first-child{border-radius: 5px;}


.position{color: var(--dark); font-size: 12px; min-height: 30px;margin: 0.5rem 0;}
.team-member .contact-icons {display: grid;grid-template-columns:max-content ;position: relative;margin: auto; gap: 1rem;margin-bottom: 0.5rem;}
.team-member .contact-icons.phone-icon{ grid-template-columns: max-content max-content!important; }
.team-member .contact-icons.web-icon{ grid-template-columns: max-content max-content !important;}
.team-member .contact-icons a{width: 2rem; height: 2rem;background: var(--darkest);border-radius: 12px;transition: ease-in-out all 0.2s;}
.team-member:hover .contact-icons a:hover{background: var(--darkest);}
.team-member:hover .contact-icons a{background: var(--primary);}
.team-member .contact-icons a:hover{background: var(--primary);transform:translateY(-6px);}

.team-member .contact-icons img{width: 2rem;height: auto;transition: ease-in-out all 0.2s; filter:brightness(1);margin: 0;}
.team-member:hover .contact-icons img{filter: brightness(0);}

.team-member .contact-icons a:hover img{filter:brightness(1);}

.team-member p{font-size: 14px; margin: 0; font-weight: 600;}
.next-blog{display: flex;flex-direction: column;}
.next-blog h3{font-size: 1.5rem;margin: 0;font-weight: 700;}
/*.next-blog:first-of-type .a-img{transition: all 0.2s ease-in-out;border-radius: 0.75rem 0.75rem 0.25rem 0.75rem;}
.next-blog:first-of-type .a-img:hover{ border-radius: 1rem;}*/
.next-blog/*:last-of-type*/ .a-img{transition: all 0.2s ease-in-out;border-radius: 0.75rem 0.75rem 0.75rem 0.25rem;}
.next-blog/*:last-of-type*/ .a-img:hover{border-radius: 1rem;}
.a-img{overflow: hidden; margin-top: 1rem;}
.a-img img{width: 100%;object-fit: cover;height: 100%; transition: ease-in-out 350ms all;}
.a-img:hover img{transform: scale(1.1);filter: brightness(0.7);}
.next-blog .column-2{grid-template-columns: 1fr max-content;align-self: center;width: 100%;margin-top: 1rem; min-height: 54px;}
.next-blog .column-2 p{font-size: 18px; margin: 0;}
/***/


/**/
.logo-font {font-family: 'big_noodle_titling'!important;color: #c8e000; font-size: 5rem; margin: 14rem 0 2rem 0;}
/* h1,h2,h3,h4 { font-family: 'montserrat-regular', sans-serif!important;} */


.green-bg{background: linear-gradient(90deg, var(--primary) 30%, transparent 30%, transparent 90%, var(--primary) 90%);}
.green-halfline::before{content: '';background-color: var(--primary);position: absolute;width: 100%;height: 12rem;top: 4.5rem;}

.op-0 {opacity:0}
.max {min-height:101vh;}
.dropdown {z-index:2}

hr{opacity: 0.05;}

.nase-loga{ display: grid; grid-template-columns: repeat(4,max-content); gap: 3rem 4rem;align-items: center;justify-items: center;justify-content: center;width: fit-content; margin: 0 auto; text-align: center; }
.nase-loga img[src$=".svg"]:not([src*="travel"]) {filter: brightness(1); transition: ease-in all 0.3s;}
.nase-loga img:hover[src$=".svg"]:not([src*="travel"]) {filter: brightness(0); transition: ease-in all 0.3s;}

.nase-loga img[src*="travel"] {content-visibility: hidden; background-image: url("../img/loga-weby/travel_barevne.svg");transition: ease-in 0.3s;}
.nase-loga img:hover[src*="travel"] {background-image: url("../img/loga-weby/travel_cernobile.svg"); transition: ease-in 0.3s; }

.nase-loga p{position: absolute; justify-self: left; left: -60px; margin: 0;padding-left: 4px; font-weight: 600; text-align: center; width: max-content;}
.nase-loga p::before{ content: '';background: linear-gradient(90deg,rgba(142, 209, 224, 1) 25%, rgb(83, 0, 208, 1) 25%, rgba(83, 0, 208, 1) 50%, rgba(228, 194, 28, 1) 50%, rgba(228, 194, 28, 1) 75%, rgba(98, 137, 41, 1) 75%, rgba(98, 137, 41, 1) 100%); height: 0.5rem; width: 100%; bottom: -5px;/*bottom: 0.125rem;*/ position: absolute; z-index: -1;}

.spoluprace.nase-loga img{filter: brightness(1); transition: ease-in all 0.3s;}
.spoluprace.nase-loga img:hover{filter: brightness(0);}



/*Kariera*/
.kariera-desc{ display: flex; flex-direction: column; gap: 5rem;}
.kariera-desc h2{position: relative;margin-bottom: 3rem;}
.kariera-desc h2::before{content: ''; background: var(--primary); height: 180%; width: 200%; left: -50%; top: -40%; z-index: -1; position: absolute;}
.kariera-list{display: grid; gap: 2rem;}
.kariera-item ul li{margin-bottom: 0.25rem;list-style-type: '#';position: relative; padding-inline-start: 1ch;}
.kariera-item ul li::before{content: ''; background: var(--primary); position: absolute; width: 1rem; height: 1rem; left: -14px; z-index: -1; top: 3.5px;}
.kariera-item ul li::marker{font-weight: 600;}
.kariera-item h3{font-weight: 700;font-size: 1.5rem; width: fit-content; margin-bottom: 1rem;position: relative;}
.kariera-item h3::before{content: ''; position: absolute; height: 1rem; width: 100%; bottom: -0.25rem; z-index: -1; background: var(--primary);}
.kariera-item p{margin-bottom: 1rem;}
.kariera-item p.popis{font-weight: 600;margin: 0;}
.kariera-email{position: relative; text-decoration: none; color: var(--dark); font-weight: 600;}
.kariera-email::after{content: '';left: 0; display: block; position: absolute; background: var(--primary); width: 100%; height: 50%; transition: ease-out 0.4s width; bottom: 0; /* transform: translateX(100%); */ z-index: -1;}
.kariera-email:hover::after{width: 0;}

.kariera-email::before{ content: ""; left: 0; top: 0; bottom: 0;
     width: 0; background-color: var(--primary); position: absolute;
      z-index: -1; transition: ease-in .2s all;}
.kariera-email:hover::before {width: 100%;}

/**/

.dokumenty{display: flex; gap: 2rem;position: relative;flex-wrap: wrap; text-align: center;justify-content: center;}
.dokumenty-button{text-align: center; background: var(--primary);text-decoration: none; padding: 1.5rem;color: var(--darkest); width: 260px; transition: all ease-in-out 0.2s;border-radius: 0.75rem 0.75rem 0.75rem 0.25rem; }
.dokumenty-button:hover{ border-radius: .75rem; color: var(--primary); background-color: var(--darkest);}

.link {color:var(--darkest); text-decoration: none;transition: ease-in-out 350ms all;}
.link:hover{color:var(--primary)}

/*Cookies*/

.cc-pc-head-close:active{border-color: var(--primary)!important;}
	.cc-pc-head-lang-select:checked{border-color: var(--primary)!important;}
	.cc-nb-okagree{background-color: var(--primary)!important;}
	.cc-cp-foot-save{background-color: var(--primary)!important;}
    .cc-pc-head-close:focus{border-color: var(--primary)!important;}
	.cc-nb-reject{display:none!important;}
	#open_preferences_center:hover{color: var(--primary)!important;}


@media only screen and (max-width: 1200px ){
    .nase-loga p {justify-self: center; top:-42px; left: 50%;transform: translateX(-50%) ;padding: 0;}
    }

@media only screen and (max-width: 992px ){
     h2{font-size: 2.1rem;}
     .case-studies h3{min-height: 4rem;}
    }
        
    @media (min-width: 801px ){
.logo-weby {justify-self: center; max-width: 250px; width: auto;}
.tlacitko {background-color: #c8e000; padding: 10px 70px; color: #000000; border-radius: 0; outline-color: #c8e000;transition: all 0.6s ease-out;}
.tlacitko:hover {background-color: #000; padding: 10px 70px; color: #c8e000; border-radius: 0; outline-color: #c8e000;}
}


@media only screen and (max-width: 900px){
    .nase-loga{grid-template-columns: repeat(2,1fr);}
    h1{font-size: 4rem;}    
    .footer-div{grid-template-columns: 1fr 1fr 1fr; row-gap: 2rem;}
    .footer-text{}
    .footer-text{grid-column-start: 1; grid-column-end: 4;justify-content: center; text-align: center;}
}

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

    /*
    .green-halfline::before{top: 2rem; height: 4rem;}   
.column-2{grid-template-columns: 1fr;}
.logo-font { margin-top: 6rem;}
.blog-desc h1 {font-size: 24px;}
.blog-desc h2 {font-size: 18px;}
.blog-intro {grid-template-columns: 1fr;}
.blog-foto {grid-template-columns: 1fr;}
.primary-before::before{}
.team{justify-content: center;}

.my-travel {margin: 20px 0;}
.tlacitko {background-color: #c8e000; padding: 10px 70px; color: #000000; border-radius: 0; outline-style: none;}
.tlacitko:hover {background-color: #c8e000; padding: 10px 70px; color: #000000; border-radius: 0; outline-color: #c8e000;}
*/
}

@media only screen and (max-width:768px){
    html.lock{overflow: hidden;}
    section{padding: 3rem 0 0 0;}
    .nav-desktop{display: none;}
.nav-splash{top: 10px;}
    nav{height: 3.5rem; padding: 1rem 0 0 0; align-items: start;transition: all ease 0.5s;}
    nav.active{background-color: var(--primary); height: 100vh;}
    .nav-mobile{display: flex;flex-direction: column;width: 100%; padding: 0 5%;gap: 2rem;}
    .nav-mobile-row{display: flex; flex-direction: row; column-gap: 2rem;justify-content: space-between;z-index: 10;align-items: center;}
    .nav-button{display: block;position: relative;width: 20px; height: 15px;}
    .nav-button span{position: absolute;background: var(--darkest);width: 20px;height: 3px; right: 0; transition: transform ease 0.25s;}
    .nav-button span:nth-child(1){top: 0;}
    .nav-button span:nth-child(2){top: 6px;}
    .nav-button span:nth-child(3){top: 12px;}

    nav.active .nav-button span:nth-child(1){transform:translateY(6px) rotateZ(45deg);}
    nav.active .nav-button span:nth-child(2){opacity: 0;}
    nav.active .nav-button span:nth-child(3){transform: translateY(-6px) rotateZ(-45deg);}

    .nav-items-box{height: fit-content; display: flex;flex-direction: column; justify-content: start;gap: 1rem;transform: translateY(-750px);transition: transform 0.5s ease; position: absolute; width: 90%; top: 4rem;}
    nav.active .nav-items-box{transform: translateY(0);}
    .nav-items-box .nav-item{height: fit-content;display: flex;align-items: center;justify-content: center; text-align: center;}
    .nav-items-box .socials{justify-content: center;filter: invert(1);}
    .nav-items-box .nav-item a{font-size: 1.8rem; font-weight: 700;width: 100%;}
    .nav-items-box .nav-item a.active::before{content: '';position: absolute; height: 100%; top: 0.75rem; left: -25%; background: url('/img/lines/line-menu-underline-2.svg') no-repeat; z-index: -1; width: 175%;}
    .nav-items-box .socials img:hover{transform: none;filter: brightness(0);}

    .header{height: 60vh;}
    .line-1::before{top: -100px;left: 5%;}
    .line-start::before{left: 5%;}
    .line-2{height: 50vh;}
    .line-2-y180::before{ left: 5%; top: -12%;}
    .line-2::before{top: -100px;left: 5%;transform: rotateZ(0deg);}
    .green-bg{background: linear-gradient(90deg,  transparent 90%, var(--primary) 90%);}
    .halfgreen-div::before{display: none;}
    .primary-before::before{display: none;}
    .divize .green-halfline::before{left: -10%;z-index: -1;display: block;}


    
    .divize-intro{grid-template-columns: 1fr;}
    .divize-intro p{width: 92.5%;}
    .divize-info{grid-template-columns: 1fr;}
    .divize-info h3{grid-row: 1;position: relative;width: fit-content;margin-bottom: 1.5rem;}
    .divize-info h3::before{ content: ''; position: absolute; height: 1rem; width: 100%; bottom: -0.25rem; z-index: -1; background: var(--primary);}
    .divize-img{grid-row: 2;}
    .divize-info img:hover{scale: none;translate:none;}
    .divize-info .a-button{margin-top: 2rem;}
    .divize-info img{ border-radius: 0.75rem 0.75rem 0.75rem 0.25rem;}
    .divize-text{margin-top: 2rem;width: 92.5%;}
    
    .divize-solo .green-halfline::before{right: -10%;left: unset;}
    .divize-solo h2{margin-left: 15%;}
    .divize-solo .divize-info{grid-template-columns: 1fr;}
    .divize-solo h3{padding: 0;}
    .divize-solo h3::before{left: unset;right: unset!important; top: unset;}
    .divize-solo .divize-info:nth-child(odd) .a-button{justify-self: baseline;}
    .divize-solo .divize-info .divize-img img{border-radius: 0 0.5rem 0.5rem 0.5rem!important;}
    .divize-solo .divize-info:nth-child(odd) .divize-img img:hover{translate: 0;}
    .divize-solo .divize-info .divize-img img:hover{scale: 1; translate: 0;}
    .divize-solo .divize-info:nth-child(odd) .divize-img{grid-column-start: unset;}

    .green-halfline::before{top: 2rem; height: 4rem;}
    .divize-intro.green-halfline::after{left: -5.5%;}
   .green-halfline::after {
    background: linear-gradient(180deg,rgba(142, 209, 224, 1) 25%, rgb(83, 0, 208, 1) 25%, rgba(83, 0, 208, 1) 50%, rgba(228, 194, 28, 1) 50%, rgba(228, 194, 28, 1) 75%, rgba(98, 137, 41, 1) 75%, rgba(98, 137, 41, 1) 100%); position: absolute; content: ''; width: 0.3rem; height: 100%; top: 2rem; height: 4rem; } 
    .sec-blog{margin-top: 0;} 
    .next-blog h3{position: relative;width: fit-content;} 
    .next-blog h3::before{ content: ''; position: absolute; height: 1rem; width: 100%; bottom: -0.25rem; z-index: -1; background: var(--primary);}
    .next-blog .a-img{border-radius: 0.75rem 0.75rem 0.75rem 0.25rem!important;}
.column-2{grid-template-columns: 1fr;}
.logo-font { margin-top: 6rem;}
.blog-desc h1 {font-size: 24px;}
.blog-desc h3 {font-size: 18px;}
.blog-intro {grid-template-columns: 1fr;}
.blog-foto {grid-template-columns: 1fr;}
.primary-before::before{}
.team{justify-content: center;}
.kontakt-udaje{padding-left: 2rem;}

.filter{justify-items: center; margin: 0 auto 3rem auto;}
.case-studies h3 {min-height:inherit;}
.case-studies h3::before{display: none;}
}

@media only screen and (max-width:576px){
    .header{height: 40vh;}
    .line-1::before{top: -30%; left: 0;width: 150vw; transform: rotateZ(10deg);}
    .line-start::before{left: 0;width: 150vw; transform: rotateZ(10deg); top: 10px !important;}
    h1{font-size: 3rem;}
    h2{font-size: 2rem;}
    .green-halfline::before{top: 2rem; height: 4rem;}
    .button:hover{color: var(--darkest);background:var(--primary);}

    .footer-div{grid-template-columns: 1fr;}
    .footer-text{grid-column-end: 2;}
    .footer-text h2 {font-size: 1.5rem;}
    .footer-kontakt{text-align: center;}
    .team{grid-template-columns: repeat(auto-fit, 125px);}
    .team-member{width: 125px;}
    .team-member::before{height: 75%;}
    .team-member:hover{box-shadow: none;border-radius: none;background: unset;}
    .team-member img{width: 110px; max-height: 110px;}
    .team-member .name{font-size: 14px; min-height: 2rem;}
    .team-member .position{font-size: 12px;}

.kontakt-item{grid-template-columns: 1fr;}
.kontakt-item iframe{grid-column-start: auto;grid-column-end: auto;}
}


@media only screen and (max-width: 500px){
    h1{font-size:2.25rem ;}
    .header .p-big{font-size: 1.25rem;}
    .line-2::before{top: -20%; left: 0;width: 150vw;}
    .line-2-y180::before{ left: 0; width: 150vw;}
    .nase-loga img:hover[src$=".svg"]:not([src*="travel"]){filter: none;}
    .nase-loga img:hover[src*="travel"] {background-image: url(../img/loga-weby/travel_barevne.svg); }
    .a-img img:hover{transform: none;}
    .team-member{}
    .swiper-container a:hover img{transform: none}
    .nase-loga{grid-template-columns: repeat(1,1fr);}
}

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

}

/*přihlášení*/
.prihlaseni-border{
    --bs-btn-color: #7384b9;
    --bs-btn-border-color: #7384b9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7384b9;
    --bs-btn-hover-border-color: #7384b9;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7384b9;
    --bs-btn-active-border-color: #7384b9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #7384b9;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #7384b9;
    --bs-gradient: none;
}