html,body {       
margin:0 auto 0 auto;padding:0;
font-size: 18px;
background:none;
font-family: 'Figtree', sans-serif;
max-width:1920px;
}                                                                 

* {box-sizing: border-box;}

/*obecné*/
p {padding:0;margin:0 0 30px 0;line-height:150%;}
p.no_marg {margin-bottom:0;}
h1,h2 {display:block;clear:both;width:100%;height:auto;text-align:center;font-size:32px;font-weight:bold;color:#000000;padding:0 0 8px 0;margin:0 auto 25px auto;background:url('../grap/bg_h.jpg') bottom center no-repeat;}
h5 {font-size:24px;color:#000000;font-weight:bold;text-align:left;margin:0 0 15px 0;}
h6 {font-size:20px;color:#000000;font-weight:bold;text-align:left;margin:0 0 15px 0;}
ul.sez1 {color:#2777E8;list-style:square;margin-bottom:30px;}
ul.sez1 li {margin-bottom:10px;}
ul.sez1 li span {color:#636363}
.foto1 {width:100%;max-width:600px;height:auto;}
@media screen and (min-width: 600px) {
.foto1 {float:right;width:45%;margin:0 0 0 15px;}
}
iframe.mapa1 {display:block;clear:both;margin:0 0 20px 0;padding:0;border:1px solid #283139;width:100%;height:340px;}
@media screen and (min-width:800px) {
iframe.mapa1 {display:block;clear:none;float:right;border:1px solid #283139;width:65%;height:340px;margin:0 0 0 20px;}
}

/*UP*/
.up {
margin:0 auto 0 auto;padding:0;
width:100%;height:auto;
overflow:hidden;
clear:both;
}
.hero-slider {width:100%;height:320px;position: relative;}
.hero-slider .swiper-wrapper {display: flex !important;}
.hero-slider .swiper-slide, .hero-slider .swiper-slide-duplicate {background-size: cover;background-position: center;position:relative;width: 100% !important;flex-shrink: 0 !important;}
.hero-slider .slide-overlay {position: absolute;top: 0;left: 25px; width:40%;max-width:490px;height: 100%;background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);display: flex;flex-direction: column;justify-content: flex-end;padding:30px 30px 50px 30px;z-index: 2;}
.hero-slider .slide-content {display: flex;flex-direction: column;align-items: flex-start;gap: 20px;word-wrap: break-word;}
.hero-slider .slide-overlay h1 {display:none;}
.hero-slider .slide-navigation {display: flex;gap: 15px;}
.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next {position: static;color:#ffffff;background:#283139;padding:12px 12px;cursor: pointer;}
.hero-slider .swiper-button-prev:hover, .hero-slider .swiper-button-next:hover {background:#000000;} 
.hero-slider .swiper-button-prev:after, .hero-slider .swiper-button-next:after {font-size:16px;font-weight:bold;}
.up-in {
position:fixed;top:0;left: 50%;transform: translateX(-50%);
padding:20px 25px 0px 25px;
width:100%;max-width:1580px;height:auto;
overflow:visible;
clear:both;
z-index:5000;
background:#283139;
filter: drop-shadow(0 0 40px #283139);
}
#up_logo {display:block;margin:0 5px 20px 0px;width:45%;max-width:140px;height:auto;float:left;}
#up_odkazy {display:block;clear:none;float:right;margin:0 30px 0 0;width:auto;height:auto;}
.up_odkaz {display:inline-block;margin:5px 17px 0 0;font-size:25px;color:#ffffff;text-decoration:none;}
.up_odkaz:hover span {text-decoration:underline;}
#up_tel span, #up_mail span {display:none;}
#menu_bt {display:block;position:absolute;right:0px;top:25px;margin:0;padding:0;border:0;background:#283139;outline:none;cursor:pointer;width:60px;height:40px;z-index:699;}
#menu_bt span {display:block;width:20px;height:2px;background:#ffffff;margin:0px auto 0 auto;position:absolute;right:0;left:0;-webkit-transition: .35s ease-in-out;transition: .35s ease-in-out;}
#menu_bt span:nth-child(1) {top:12px;}
#menu_bt span:nth-child(2) {top:19px;}
#menu_bt span:nth-child(3) {top:26px;}
#menu_bt.is_open span:nth-child(1) {top:20px;-webkit-transform: rotateZ(315deg);transform: rotateZ(315deg);}
#menu_bt.is_open span:nth-child(2) {width:0;}
#menu_bt.is_open span:nth-child(3) {top:20px;-webkit-transform: rotateZ(-315deg);transform: rotateZ(-315deg);}
#menu_bt.is_open {background:#2777E8;}
#menu {display:none;position:absolute;top:65px;right:0;width:100%;max-width:450px;background:#2777E8;text-align:left;margin:0;padding:0;list-style:none;border-top:2px solid #283139;-webkit-transition: .35s ease-in-out;transition: .35s ease-in-out;z-index:5100}
#menu.is_shown {display:block;z-index:5100;}
#menu li {cursor:pointer;border-bottom:2px solid #283139;padding:15px 20px 15px 20px;}
#menu li:hover,#menu li.active {background:#283139;-webkit-transition: .35s ease-in-out;transition: .35s ease-in-out;}
#menu li a {display:block;width:100%;height:100%;text-decoration:none;font-size:19px;color:#ffffff;}
#menu li a i {display:none;}
#menu li:hover a i ,#menu li.active a i {display:inline;float:right;font-size:22px;-webkit-transition: .35s ease-in-out;transition: .35s ease-in-out;}
@media screen and (min-width: 549px) {
#up_tel span, #up_mail span {display:inline;font-size:15px;}
#up_tel i, #up_mail i {margin:0 5px 0 0;}
.hero-slider {height:450px;}
.hero-slider .slide-overlay h1 {display:block;font-size: 30px;color: #fff;margin: 0;text-align:left;background:none;word-wrap: break-word;}
}
@media screen and (min-width: 629px) {
#up_logo {max-width:220px;}
}
@media screen and (min-width: 999px) {
.up-in {padding:20px 0 0 0;}
#up_logo {width:24%;max-width:311px;margin-left:25px;}
#menu_bt {display:none;}
#up_odkazy {margin:10px 0 25px 0;}
.up_odkaz {margin:5px 17px 0 0;font-size:22px;position:relative;}
#menu li:hover a i ,#menu li.active a i {display:none;}
#menu {position:static;display:block;clear:both;width:100%;max-width:none;list-style:none;margin:10px 0 0 0px;padding:5px 5px 5px 0;border-top:0;background:#2777E8;text-align:center;}
#menu li {display:inline-block;margin:0;padding:10px 10px;border-bottom:0;position:relative;}
#menu li:hover,#menu li.active {background:#283139;-webkit-transition: .35s ease-in-out;transition: .35s ease-in-out;}
#menu li a {font-size:17px;color:#ffffff;text-transform:none;}
.hero-slider {height:680px;}
}
@media screen and (min-width: 1299px) {
#menu li {padding:10px 15px;}
}
@media screen and (min-width: 1499px) {
#menu li {padding:10px 19px;}
}
@media screen and (min-width: 1580px) {
.hero-slider .slide-overlay {position: absolute;top: 0;left: calc((100vw - 1580px)/2 + 25px);}
}
@media screen and (min-width: 2000px) {
.hero-slider .slide-overlay {position: absolute;top: 0;left: 235px;}
}

/*TEXTY*/
.texty {
margin:0 auto 0 auto;padding:0;
width:100%;height:auto;
overflow:hidden;
clear:both;
background:#ffffff;
color:#636363;
}
.texty-in {
margin:0 auto 0 auto;padding:35px 25px 15px 25px;
width:100%;max-width:1580px;height:auto;
overflow:hidden;
clear:both;
}
.texty-in h1 {color:#000000;}
.texty-in a {color:#283139;font-weight:bold;}
.texty-in a:hover {color:#2777E8;}

/*FOTOGALERIE*/
/*PRODUKTY - MENU*/
div.produkty-menu {display:block;clear:both;width:100%;height:auto;margin:20px 0 30px 0;padding:0;}
span.produkty-menu-item, a.produkty-menu-item {display:block;clear:both;width:100%;height:auto;margin:0 0 10px 0;padding:10px 10px 10px 10px;text-align:center;cursor:pointer;font-size:17px;background:#283139;text-decoration:none;color:#ffffff;}
span.produkty-menu-item:hover, a.produkty-menu-item:hover {background:#2777E8;color:#ffffff;-webkit-transition: .35s ease-in-out;transition: .35s ease-in-out;}
span.produkty-menu-item.aktivni, a.produkty-menu-item.aktivni {background:#2777E8;color:#ffffff;-webkit-transition: .35s ease-in-out;transition: .35s ease-in-out;}
@media screen and (min-width: 681px) { 
div.produkty-menu {display:flex;flex-wrap:wrap;gap:10px 10px;list-style:none;align-items:stretch;padding:20px 14px 14px 14px;background:#DEDDE4;}
div#produkty-6 span.produkty-menu-item, div#produkty-6 a.produkty-menu-item {width:16.2%;height:auto;display:flex;flex-direction:column;justify-content:center;}
div#produkty-5 span.produkty-menu-item, div#produkty-5 a.produkty-menu-item {width:19.5%;height:auto;display:flex;flex-direction:column;justify-content:center;}
div#produkty-4 span.produkty-menu-item, div#produkty-4 a.produkty-menu-item {width:24.5%;height:auto;display:flex;flex-direction:column;justify-content:center;}
div#produkty-3 span.produkty-menu-item, div#produkty-3 a.produkty-menu-item {width:32.5%;height:auto;display:flex;flex-direction:column;justify-content:center;}
div#produkty-2 span.produkty-menu-item, div#produkty-2 a.produkty-menu-item {width:49.0%;height:auto;display:flex;flex-direction:column;justify-content:center;}
}
.produkty-menu-blok {display:block;clear:both;width:100%;height:auto;}
.cz_index_line {width:100%;max-width:1110px;height:1px;background:#EAF1F3;margin:0 auto 20px auto;clear:both;display:block;}
.foto-slider {
  width: 100%;
  position: relative;
  margin:0  0  50px 0;
  overflow:hidden;
}

.foto-slider .swiper-wrapper {
  display: flex !important;
}

.foto-slider .swiper-slide {
  height: auto !important;
  display: flex;
}

.fotogalerie-item {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.fotogalerie-img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.foto-slider .swiper-button-prev,
.foto-slider .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  color: #ffffff;
  background: #283139;
  padding: 12px;
  cursor: pointer;
}

.foto-slider .swiper-button-prev:hover,
.foto-slider .swiper-button-next:hover {
  background: #000000;
}

.foto-slider .swiper-button-prev:after,
.foto-slider .swiper-button-next:after {
  font-size: 16px;
  font-weight: bold;
}



/*SLUŽBY*/
.sluzby {
margin:0 auto 0 auto;padding:0;
width:100%;height:auto;
overflow:hidden;
clear:both;
background:#2777E8;
color:#ffffff;
}
.sluzby-in {
margin:0 auto 0 auto;padding:35px 25px 15px 25px;
width:100%;max-width:1580px;height:auto;
overflow:hidden;
clear:both;
}
.sluzby h2 {color:#ffffff;background:url('../grap/bg_h2.jpg') bottom center no-repeat;}
.sluzby-in .swiper {margin:35px auto 0 auto;}
.sluzba {display:flex;flex-direction:column;clear:both;width:100%;height:100%;margin:0;padding:15px 35px;text-align:center;overflow:hidden;}
.sluzba-img {display:block;clear:both;width:95%;height:auto;border:6px solid #DEDDE4;margin:0 auto 35px auto;}
.sluzba-nadpis {display:block;clear:both;margin:0 auto 15px auto;font-size:20px;font-weight:bold;}
.sluzba-text {display:block;clear:both;margin:0 auto 20px auto;line-height:150%;}
.sluzba-links {margin-top: auto;display: flex;flex-direction: column;gap: 10px;}
.sluzba-link-popt, .sluzba-link-vice {display:block;clear:both;margin:auto auto 20px auto;padding:10px 14px;max-width:280px;background:#283139;color:#ffffff;font-weight:bold;text-decoration:none;text-align:center;font-size:14px;}
.sluzba-link-popt:hover, .sluzba-link-vice:hover {background:#000000;} 
.sluzby-in .swiper-button-prev, .sluzby-in .swiper-button-next {color:#ffffff;background:#283139;padding:12px 12px;}
.sluzby-in .swiper-button-prev:hover, .sluzby-in .swiper-button-next:hover {background:#000000;} 
.sluzby-in .swiper-button-prev:after, .sluzby-in .swiper-button-next:after {font-size:16px;font-weight:bold;}
.sluzby-in .swiper-slide {height: auto !important;display: flex;}


/*FIRMA*/
.firma {
margin:0 auto 0 auto;padding:0;
width:100%;height:auto;
overflow:hidden;
clear:both;
background:#283139;
color:#ffffff;
}
.firma-in {
margin:0 auto 0 auto;padding:35px 25px 15px 25px;
width:100%;max-width:1580px;height:auto;
overflow:hidden;
clear:both;
}
.firma-in h2 {color:#ffffff;}
.firma-flex {display:flex;clear:both;justify-content:space-between;flex-wrap:wrap;align-content:stretch;}
.firma-flex-item {display:block;clear:both;width:100%;height:auto;margin:0 0 25px 0;padding:0;line-height:150%;}
.firma-flex-item-img {width:100%;height:auto;border-bottom:6px solid #2777E8;}
@media screen and (min-width: 670px) {
.firma-flex-item {clear:none;width:30%;}
} 

/*GALERIE*/
.galerie {
margin:0 auto 0 auto;padding:50px 25px 20px 25px;
width:100%;max-width:1580px;height:auto;
overflow:hidden;
clear:both;
background:#ffffff;
}
.galerie-mobil {margin:0;padding:0;width:100%;height:auto;clear:both;}
.galerie-mobil-img {display:block;clear:both;width:100%;height:auto;margin:0 auto 30px auto;border:7px solid #DEDDE4;}
#galerie-mobil-img-2 {cursor:pointer;opacity:0.8;transition: .5s ease;}
.galerie-mobil a:hover #galerie-mobil-img-2 {border-color:#2777E8;opacity:1.0;transition: .5s ease;} 
.galerie-pc {display:none;} 
@media screen and (min-width:470px) {
.galerie-mobil {display:none;}
.galerie-pc {display:block;}
.galerie-pc-img {display:block;clear:both;width:100%;height:auto;border:7px solid #DEDDE4;}
.galerie-pc-in {display:grid;grid-template-columns: 1fr 1fr;gap: 1.0rem; grid-template-areas: "background right" "third third"; align-items: stretch;}
.galerie-pc-in-background {background-image: url('../grap/i5.jpg');background-size: cover;background-repeat: no-repeat;background-position:center center;border: 7px solid #DEDDE4;}
.galerie-pc-in-right {grid-area: right;display: flex;flex-direction: column;gap: 1rem;}
.galerie-pc-in-third {grid-area: third; display: flex; flex-direction: column; gap: 1rem;}
.galerie-pc-in-small-pair {display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;flex: 1;}
.galerie-pc-img-wide {flex: 1;}
#galerie-pc-img-spec {cursor:pointer;}
.galerie-pc-in a:hover #galerie-pc-img-spec {border-color:#2777E8;opacity:1.0;transition: .5s ease;} 
}
@media screen and (min-width: 970px) {
.galerie-pc-in {grid-template-columns: calc(25% - 0.75rem) calc(25% - 0.75rem) calc(50% - 0.60rem); grid-template-rows: auto auto; grid-template-areas: "background right third"; align-items: stretch;}
}  
/*PATA*/
#pata-kontakty {
margin:0 auto 0 auto;
width:100%;height:auto;
overflow:hidden;
clear:both;
} 
.pata-kontakty-flex {display:flex;clear:both;justify-content:space-between;flex-wrap:wrap;align-content:stretch;margin:0 auto 0 auto;background:#DEDDE4;}
.pata-kontakty-flex-item {display:block;clear:both;width:100%;background:#DEDDE4;color:#283139;font-size:16px;padding:30px 25px 0px 25px;}
.pata-kontakty-flex-item h5 {font-size:18px;font-weight:bold;padding:0 0 0 25px;margin:0 0 10px 0;background:url('../grap/sez1.jpg') left center no-repeat;}
#pata-kontakty-1 a {color:#283139;}
#pata-kontakty-1 a:hover {color:#2777E8;}
#pata-kontakty-menu {background:#2777E8;color:#ffffff;font-size:18px;padding-bottom:35px;line-height:175%;}
#pata-kontakty-menu a {display:block;clear:none;text-transform:uppercase;color:#ffffff;padding:0 0 0 25px;background:url('../grap/sez2.jpg') left center no-repeat;}
#pata-kontakty-menu a:hover {color:#283139;}
.pata-menu-hr {display:block;clear:both;width:55%;max-width:180px;height:1px;margin:18px 0 18px 0;background:#ffffff;opacity:0.40;}
@media screen and (min-width:700px) {
.pata-kontakty-flex-item {clear:none;width:50%;}
#pata-kontakty-1 {padding-bottom:35px;}
#pata-kontakty-menu {clear:both;width:100%;}
#pata-kontakty-menu {padding-left: calc(50% + 25px);background:url('../grap/bg_pata_menu.jpg') no-repeat center left #2777E8;background-size:contain;}
}
@media screen and (min-width:1200px) {
#pata-kontakty-menu {order:1;clear:none;width:50%;padding-left:30%;}
#pata-kontakty-1 {order:2;clear:none;width:25%;max-width:382.5px;}
#pata-kontakty-2 {order:3;clear:none;width:25%;max-width:382.5px;}
}
@media screen and (min-width:1580px) {
.pata-kontakty-flex {justify-content:flex-start;}
}
#pata-copy {
margin:0 auto 0 auto;padding:0;
width:100%;height:auto;
overflow:hidden;
clear:both;
background:#283139;
}
#pata-copy-in {
margin:0 auto 0 auto;padding:35px 25px 35px 25px;
width:100%;height:auto;max-width:1580px;
overflow:hidden;
clear:both;
color:#ffffff;text-align:center;
font-size:16px;
line-height:200%;
}
#pata-copy a {font-weight:bold;color:#ffffff;text-decoration:none;}
#pata-copy a:hover {text-decoration:underline;}

/*FORM*/
div#zpracovani,div.zpracovani {margin:25px auto 25px auto;padding:15px 15px 15px 15px;text-align:center;border:1px solid #1c54a7;border-radius:15px;clear:both;max-width:500px;line-height:150%;}
form#form {display:block;clear:both;margin:15px auto 15px auto;padding:0;width:100%;height:auto;font-size:16px;font-weight:normal;text-align:left;}
form#form input,form#form select {display:block;clear:both;width:100%;max-width:500px;height:42px;margin:0 0 15px 0;padding:0 5px 0 62px;color:#636363;font-size:16px;background:#ffffff;border:1px solid #a5a5a5;font-family:'Roboto', san-serif;}
form#form select.model,form#form input.model {background:url('../grap/form10.jpg') no-repeat #ffffff;}
form#form input.jmeno {background:url('../grap/form1.jpg') no-repeat #ffffff;}
form#form input.telefon {background:url('../grap/form2.jpg') no-repeat #ffffff;}
form#form input.mail {background:url('../grap/form3.jpg') no-repeat #ffffff;}
form#form input.termin {background:url('../grap/form5.jpg') no-repeat #ffffff;}
form#form input.spz {background:url('../grap/form4.jpg') no-repeat #ffffff;}
form#form input.cas {background:url('../grap/form8.jpg') no-repeat #ffffff;}
form#form select.dil, form#form input.dil {background:url('../grap/form11.jpg') no-repeat #ffffff;}
form#form input.checker {display:inline-block;margin: 0 8px 0px 0;height:auto;width:auto;padding:0;}
form#form span.form-small {font-size:14px;}
form#form span#radio {display:block;width:100%;max-width:500px;height:76px;background:#ffffff;padding:3px 10px 0px 62px;margin:0 0 15px 0;color:#696969;border:1px solid #424242;font-size:15px;border:1px solid #a5a5a5;background:url('../grap/form6.jpg') no-repeat #ffffff;vertical-align:middle;}
@media screen and (min-width: 820px) {
form#form span#radio {padding:10px 10px 0px 62px;font-size:15px;}
}
form#form span#radio input {width:auto;height:auto;background:none;padding:0px;margin:10px 10px 0 0;color: #ffffff;border:none;font-size:16px;display:inline-block;clear:none;}
form#form textarea {width:100%;max-width:500px;height:130px;padding:10px 10px 0 62px;margin:0;color:#000000;border:1px solid  #a5a5a5;margin:0 0 15px 0;font-size:16px;background:url('../grap/form7.jpg') no-repeat #ffffff;font-family:'Roboto', san-serif;display:block;clear:both;}
form#form input.sub {-webkit-appearance: none;color:#ffffff;font-weight:bold;background:#00a0dc;padding:0 10px 0 10px;margin:15px 0 15px 0;cursor:pointer;}
form#form input.sub:hover {background:#333333;}
form#form label#test {display:none;}
form#form input.souhlas {display:inline-block;clear:left;width:auto;height:auto;margin:0 0 10px 0;}
form#form label.error {display:block;max-width:500px;color:#ffffff;margin:0px 0 15px 0px;padding:5px;font-family: Arial, Geneva, Helvetica, san-serif;font-style:italic;font-size:16px;background:red;}
span#show_podm {display:inline-block;clear:both;margin:25px 0 15px 0;color:#034784;text-decoration:none;font-size:15px;cursor:pointer;float:left;}
span#show_podm:hover {text-decoration:underline;}
div#podminky {display:none;clear:both;}
div.g-recaptcha {width:100%;max-width:500px;margin:15px 0 15px 0;}
.grecaptcha-badge {display:none;}

/*MODAL*/
a.modal-link {cursor:pointer;color:#00a0dc;font-weight:bold;text-decoration:none;}
a.modal-link:hover {color:#000000;text-decoration:underline;} 
.modal {display:none;position:fixed;z-index:750;padding-top:12%;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgb(0,0,0);background-color:rgba(0,0,0,0.4);}
.modal_new {position:fixed;z-index:780;padding-top:5%;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgb(0,0,0);background-color:rgba(0,0,0,0.4);}
.modal-content {position:relative;background-color:#fefefe;margin:auto;padding:0;border: 1px solid #888;width:80%;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s;text-align:center;}
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
.modal-content .close {color:#0033a1;float:right;font-size:34px;font-weight:bold;margin:-10px 0 0 0;padding:0;}
.modal-content .close:hover,.modal-content .close:focus {color:black;text-decoration:none;cursor:pointer;}
.modal-header {padding: 14px 16px;background-color:#edece9;color:black;font-weight:bold;font-size:115%;}
.modal-body {padding: 10px 16px;line-height:150%;text-align:left;}
.modal-footer {padding: 10px 16px;background-color:#edece9;color:black;}