html {
    scroll-behavior: smooth;
}
body {

  font-family: 'Montserrat', sans-serif;font-weight: 400;
  font-size:1.00em;
  line-height:150%;
}
a {color:#39312c;text-decoration:none;}
a:hover {color:#39312c;text-decoration: underline;}


h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-family: 'Fira Sans Condensed', sans-serif;font-weight: 300;
}
.titulek {font-size: 2em;text-transform:uppercase;line-height: 100%;}
:root {
  --bs-primary: white;
  --bs-secondary: #39312c;
  --bs-success: #f9c7d367;
  --bs-primary-rgb: 249, 199, 211;
  --bs-secondary-rgb: 55, 52, 46;
  --bs-success-rgb: 249, 199, 211, 0.51;
  --bs-font-sans-serif: "Montserrat";
  --bs-body-font-size: 1rem;
  --bs-body-color: #37342E;

} 

.masthead {padding-top: 0;padding-bottom: 0;}
/*.masthead {padding-top: calc(1rem + 80px);padding-bottom: 0rem;}*/

.carousel .carousel-item {object-fit: cover; object-position: top;}
.carousel-control-prev-icon, .carousel-control-next-icon {display:none;}


.navbar-toggler:focus {box-shadow: none; }
.seznam {list-style: square;padding:0; text-align:left;display: inline-block;color: #39312c; font-size:95%;margin-left: 1em;}
.seznam li {padding:0 0.8em;}
.seznam li::marker {color: /*#fde200*/#fde200;}
H2 small {text-transform: uppercase;/*FONT-SIZE: 0.7em;*/font-size:1.5rem;}
H4 {text-transform: uppercase;}
.btn {line-height: 1.6;}
.btn-primary {color: #292722;background-color: none;border-color: none;}
.btn-secondary {color: #292722;background-color: white;border-color: #F9C7D3;}
.btn-secondary:hover {color: #fff;background-color: #292722; border-color: #292722;}

.btn-primary:hover, .btn-check:focus + .btn-primary, .btn-primary:focus,
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle,
.btn-primary:disabled, .btn-primary.disabled {color: #292722;background-color: white;border-color: #F9C7D3;}
.btn-check:focus + .btn-primary, .btn-primary:focus {box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.678);}

.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus {
box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.678);
}

/* ************ menu *********** */
.brand {display:block; margin-left:2rem; z-index: 410;}
 .brand img {width:80px;}

.menuCont{ background-color: white; position: relative;}
.home .menuCont{ background-color: transparent;position:absolute;z-index:600;}

#menu  { font-family: 'Fira Sans Condensed', sans-serif;font-weight: 400; position:relative;top:0;margin: 0; padding: 2em 0; display: flex; justify-content: flex-end; 
  flex-direction: row;align-items: center;}
.menu  li {list-style: none;display:inline-block;  padding: 0px;margin: 0; display:flex; flex-wrap: nowrap;flex-direction: row; justify-content: flex-end;}
.menu  li a {font-size:1.0em;  text-decoration: none; display: block; color:#37342E; padding: 0 1em; margin: 0;box-sizing: border-box;text-transform: uppercase;}
.home .menu  li a { color:white; font-size:1.02em;font-size: 1.06em; text-shadow: #0f0f0f9c 1px 0 5px;}
.menu  li a:hover { color: #fde200; }
.menu  li .active {color: #fde200;}
.menu  li a:hover { color: #fde200; }
.home .menu  li .active, .home .menu  li a:hover {color: #fde200;}
.menu .dash {color:#fde200; }

#socialLinks { display: flex;margin-left: 5em;}
#socialLinks a { display: inline-block; padding: 0; margin:0 0 0 0.25em; width:30px; }
#socialLinks a img { width:100%; }

/* ************ menu mobile *********** */
#menuToggle {display: block;position: relative; width:100%;top: 0;left: 0; margin: 0; z-index: 500;-webkit-user-select: none;user-select: none;} 
#menuToggle input {display: none;width: 60px; height: 32px;position: absolute;top: 0; left: 0;cursor: pointer; opacity: 0; z-index: 2;}


/* ********** hamburger ************** */
#menuToggle span {display: none;width: 40px;height: 3px; margin-bottom: 5px;position: relative;background: #fde200;border-radius: 3px;z-index: 1;transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;}

#menuToggle .a {transform-origin: 0% 0%;}
#menuToggle .b {transform-origin: 0% 100%;}
#menuToggle input:checked ~ span {opacity: 1;transform: rotate(40deg) translate(2px, 0px);background: #fde200;}
#menuToggle input:checked ~ .c { opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ .b {transform: rotate(-40deg) translate(-11px, 15px);}

#menuToggle input:checked ~ ul {transform: none;}

#lang { display: flex;margin-left: 3em;}
#lang a { display: inline-block; padding: 0; margin:0 0 0 0.25em; width:30px; }
.home .langMobile a {color:white; }
.langMobile a:hover {color:#fde200 }
.langMobile { display: none;font-family: 'Fira Sans Condensed', sans-serif; font-size: 1.15em;text-decoration:none;}

/*******hamburger end****/







.page-section .page-section-heading { font-size: 2.0rem;}


#uvod {position:relative;}
  .motto {position:absolute; z-index:300; right:0; left:0; top:5.8em; margin: auto; font-family: 'Abel', sans-serif;color: white;text-transform:none;font-size:7.5rem;font-weight:400;line-height:70%;width: min-content;white-space:nowrap;text-align:center;}
  .motto .perex {font-family: 'Fira Sans Condensed', sans-serif;color: #fde200;font-size:3.9rem; font-weight: 100;}
  .motto:hover {text-decoration:none; color:white;opacity: 0.8;}
  .motto.perex:hover {color:#fde200;}
 

.oNas .text { font-size:0.88em;padding-left:2em!important;}
.oNas .text p { text-indent: 5%;}


/*.home .page-section {background-color: #dedce738;}*/
.LegalServices {background-color: white;margin-top:-41vh; padding-top:calc(41vh + 3rem)!important;}
.LegalServices .seznam {text-transform: uppercase;}
.secNav a  { font-weight:500;}
.secNav a:hover { color:#a09d95;}


.kontakty { background-color: #e2e0e1;position:relative;padding-bottom:0!important;min-height: 100vh;}
#kontakty { line-height:180%;}
.home .kontakty { background-color: #e2e0e1;} 
#kontakt .btn { background-color: #37342E;color:white;border:none; cursor: unset; }
.Kont { position:relative;min-height:100vh;}

#articleGallery .d-flex  {margin:0;gap:0;--bs-gutter-x: 0;}
#articleGallery div div  {height:40vh;max-height:360px;}
#articleGallery img {width:100%;height:100%;object-fit: cover; object-position: top;}


.page-section {padding: 3rem 8rem;background-color: white;}
.home .oNas {padding-top: 6rem!important;}
.card {background-color: unset;border: unset;border-radius: unset;}
.card-img-top {border-top-left-radius: 0;border-top-right-radius: 0;}
#pravniTym .card img:hover {-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0.8;}

.article {background-color: #dedce738;}
.article .page-section {background-color: transparent;}
.centerMain{text-align:center;}

#reference .partner{margin:auto;text-align:center;}
#reference img{width:80px;}
#reference p{text-align:left;font-size:90%;}

footer {position:absolute; right:0; left:0; bottom:0; background-color: white;border-top: 1px solid #f2efef;}
footer .seznam {font-size:90%;font-family: 'Fira Sans Condensed', sans-serif;  white-space: nowrap;margin:0em 2em;}
footer .seznam li {padding:0;}
footer .copy {font-size:0.8em;color:#a2a2a2;text-align:center;line-height: 140%;}
footer .copy a {color:#a2a2a2;}

.mapa  {font-size:2rem;color:#fde200;}
.mapa:hover  {color:#37342E;}



#btn-back-to-top {
  position: fixed;
  bottom: 10px;
  right: 15px;
  display: none;color: #fde200;
  background-color: rgba(255, 255, 255, 0.225);
  border: 1px solid #fde200;
  border-radius: 0;font-size: 0.5rem;padding: 0.3rem 0.5rem;
  box-shadow: 2px 2px #80808040;
}
#btn-back {
  width:3.5em;
  position: relative;display: block;color: #fde200;
  background-color: rgba(255, 255, 255, 0.225);
  border: 1px solid #fde200;
  border-radius: 0;font-size: 0.5rem;padding: 0.3rem 0.5rem;
  box-shadow: 2px 2px #80808029;
}

#btn-back-to-top svg, #btn-back svg {height: 2em;vertical-align: -0.5em;}
#btn-back-to-top:hover, #btn-back:hover {color: #fff;background-color: #fde200!important;box-shadow:0 0 0 0;}
#btn-back-to-top:focus,#btn-back-to-top:active, #btn-back:active, #btn-back:focus {outline: none !important;box-shadow: none;}

@media (min-width: 1200px) {
.oNas > div{min-height: 100vh;}
  }

@media (min-width: 992px) {
#mainNav .navbar-nav > li.nav-item > a.nav-link.active {color: #99999a!important;background: none!important;}
#mainNav {padding-top: 1rem; padding-bottom: 1rem;}
}



@media (max-width: 1500px){

  #pravniTym .card-title {font-size: 100%;font-weight: 400;}
 /* .page-section {padding: 4rem 2rem!important;}*/
  #articleGallery div div  {height:280px;}
  .oNas > div {padding:0;}
  .oNas {padding:3rem 4rem!important;}
  .motto {top:4.0em;}

  }
@media (max-width: 1250px) {
  /*#uvod, .carousel {height: 600px;background-size:cover;}*/
    .lang {padding-left: 0;}
    #articleGallery div div  {height:250px;}
    #articleGallery .kancelar img {object-position: top right;}
    .LegalServices{margin-top:-20vh; padding-top:calc(20vh + 3rem);}

    }

@media (max-width: 992px) {

.motto {font-size:10vw;}
.motto .perex {font-size:5.5vw;}
#mainNav .navbar-brand {font-size:1.9em;gap: 0.3em;}
#mainNav .navbar-brand img {width:70px;}

#articleGallery div div  {height:200px;}
.page-section {padding: 3rem 2rem; }
.oNas .text {font-size: 1.0em;padding-left:0!important;}

}

@media (min-width: 992px){
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
    color: #37342E;
    background: #F9C7D3;
  }
#mainNav .navbar-nav > li.nav-item > a.nav-link.active, #mainNav .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
    color: #37342E;
    background: #F9C7D3;
  }

  #mainNav .navbar-nav li.nav-item a.nav-link.active:hover {
    background: #F9C7D3;
  }
}
@media (min-width: 768px) {
  #footer{ bottom: 10px;}

}

@media (max-width: 870px) {
  #lang {margin-left: 0.5em;}
  .brand img {width: 70px;}
  }

  @media (max-width: 790px) {
    #articleGallery div div  {height:170px;}
    }

@media (max-width: 768px) {
  .menuCont {min-height:80px;}
  
  #menuToggle {display: block;position: absolute; width:40px; right: 1.1em; left: auto;top: 15px;margin: 0; z-index: 500;-webkit-user-select: none;user-select: none;} 
  #menuToggle input, #menuToggle span {display: block;} 
  #menu {position: fixed;width: 100vw; min-height:100vh; right:0em;top: 0px; box-sizing: border-box;display: block; margin: 0; text-align: center; overflow: auto; padding: 20vh 2vw 80px 35vw;
    background: #39312ce8;list-style-type: none; -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;transform: translate(150%, 0);transition: transform 0.3s cubic-bezier(0.77,0.2,0.05,1.0);text-align: left;}
  #menu li {width:auto; font-size: 140%;display:block;padding:5px;}
  .menu  li a {padding: 0; color:white;line-height: 160%;}
  .menu  li a:hover {color: #fde200;}
  #menu .dash {display:none;}
  .menu #lang { display: none;}

  .langMobile {display:block; position: absolute;top: 3rem; right: 1.1rem;}

  #uvod {min-height:auto; background-position: bottom center;}
  #uvod .carousel-inner .carousel-item img {min-height:240px;}
  .home .oNas {padding-top: 3rem!important;}


  .LegalServices .seznam{ margin-bottom: 0;}

}

@media (max-width: 680px) {
  #articleGallery div div  {height:150px;}
  }

@media (max-width: 576px) {
  .lang {right: 0.7em;}
  .motto {font-size:3rem;line-height: 75%;top: 9.2rem;}
  .motto .perex {font-size: 0.52em;}

  #articleGallery div div {height: 120px;}
  #articleGallery img {object-position: top;}
  #articleGallery .kancelar img {object-position: top right;}
  .LegalServices{padding-left: 0rem!important;padding-right: 0rem!important;}

  .oNas { padding: 3rem 2.5rem!important;}
  .secNav  { font-size:0.93em;}

}
@media (max-width: 485px) {
  #articleGallery div div  {height:90px;}
  }

@media (max-height: 900px) {
    .LegalServices{margin-top:-5vh; padding-top:calc(5vh + 3rem)!important;}
  
  }