::selection {background:#000000;;color:#FFF}
::-moz-selection {background:#000000;;color:#FFF}
body {font-family: 'Open Sans', sans-serif;line-height:1.6;padding-top: 112px; background-color: #dde0e2;
    background-repeat: no-repeat;       /* neduplikuje gradient */
    background-attachment: fixed;       /* zůstane na místě při scrollu */
    background-size: cover;             /* vyplní celý viewport */;
}
body, html {height: 100%;margin: 0;}
.form-control-feedback {display: none !important;}
.aktuality-box img {height: 200px;object-fit: cover;width: 100%;border-radius: 8px;}
.aktuality-title {font-weight: 600;font-size: 20px;line-height: 22px;text-transform: inherit;margin-bottom: 10px;text-align: left;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space: normal;}
.pagination__wrapper a{color:#000000 !important;}
.pagination__wrapper .page-item.active .page-link {color: #030303;background-color: #ffffff; border-color: #000000;}
a {color:#000000; text-decoration: none;}
.btn-success {border-radius: 5px;color: #fff !important;border-color: #0033AB  !important;background-color:#0033AB  !important;}
.btn-success:hover {background-color: #1744ac !important;  color: #fff !important;}
.btn-primary:hover {background-color: #1744ac !important;color: #fff !important;}
.separator {width: 60px;height: 2px;background-color: #0033AB;border-radius: 2px;}
.article-title {  font-size: 2rem;font-weight: 600;color: #154054;}
.article-content {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 1rem;}
.article-content img {max-width: 200px;max-height: 100px;object-fit: contain;padding: 0.5rem;transition: transform 0.3s ease;}
.article-content img:hover {transform: scale(1.05);}
#topBar {background:#e8ecee;padding:7px 0;font-weight:700;font-size:14px;color:#71848c;position: fixed; top: 0; width: 100%;z-index: 9999;}
#topBar .text-offset {padding-left:0px;}
.row .fix{padding-left: 12px;}
.socialbar{position: absolute;
top: 30%;color: white;left: 94%;}
.splide__slide img {width: 100%;height: auto;}
.row .fix .col-lg-6{padding-left: 0px;padding-right: 0px;padding: 0px;}
.col-lg-1{padding-left: 0px!important;padding-right: 0px!important;padding: 0px!important;}
.col-lg-1 img{padding: 1px!important;}
.row .fix .col-lg-6 img{padding-left: 0px;padding-right: 0px;padding: 0!important;cursor: pointer;}
.socialbar {position: relative;}
.grid {margin-left: 2.5rem;display: flex;flex-wrap: wrap;}
.grid-item {width: calc(33.33% - (10px * 2)); /* Šířka jednotlivého obrázku s odstupy */  }
.grid-item:nth-child(3n) {margin-right: 0; /* Odstranění marginu z posledního obrázku ve sloupci */}
.grid-item img {width: 100%;height: auto;}
.fullwidth-intro-image {width: 100%;max-width: 1920px;  /* nepřesáhne 1920px na velkých obrazovkách */margin: 0 auto;overflow: hidden;}
.fullwidth-intro-image img {width: auto;max-height: 500px;       /* fixní maximální výška */display: block;margin: 0 auto 20px; /* vycentruje obrázek a přidá margin dole */border-radius: 8px;  /* případně lehce zaoblit rohy, aby to lépe vypadalo */box-shadow: 0 2px 8px rgba(0,0,0,0.15); /* jemný stín pro lepší vizuální oddělení */}
.hes-gallery {    display: grid;grid-template-columns: repeat(4, 1fr); /* 4 obrázky na řádek */gap: 1rem;margin-top: 1rem;}
.hes-gallery img {width: 100%;aspect-ratio: 4 / 3; /* nebo 1 / 1 pro čtverec */object-fit: cover;border-radius: 0.5rem;    transition: transform 0.3s ease,;border: 1px solid #000;
cursor: pointer;}
.hes-gallery img:hover {transform: scale(1.03);box-shadow: 0 6px 12px rgba(0,0,0,0.7);}
hr {border-color: #5c4033;margin-top: 2rem;margin-bottom: 2rem;}
header {position:relative;height:111px;line-height:70px;z-index:10;top: 36px !important;}
header .container {background:none;}
header a:hover, header a:focus {text-decoration:none;}
@media (min-width: 1200px){.container {max-width: 1140px;}}
.mx-2 {margin-right: 0.7rem!important;margin-left: 0.7rem!important;}
#logo {position:relative;z-index:0;}
#logo a {display:block;font-size:32px;font-weight:700;letter-spacing:-2px;color:#03abc8;}
#logo a img {position: absolute;height: 96px;left: -30px;top: 10px;}
#logo a span {color:#a4d6e1}
#logo a i {display:inline-block;color:#FFF;background:#03abc8;width:50px;height:50px;text-align:center;line-height:50px;border-radius:100%;font-size:24px;margin-right:20px;vertical-align:2px}
.navbar-brand img {width: 200px;}
.navbar{background-color: #FFF;}
nav ul.nav {float:right;position: relative;}
nav ul.nav li {position:relative;}
nav ul.nav li a {display:block;padding:0 20px;transition:all .3s;color:#000000;  font-weight: bold;text-transform: uppercase; font-size: 18px; border-top: 7px solid #FFF;}
nav ul.nav li.active a {border-top-color:#99a7aa;color:#0033AB}
nav ul.nav li.active a, nav ul.nav li:hover a, nav ul.nav li:focus a {border-top-color:#0033AB;}
nav ul.nav li.parent > a:after {display: none;}
nav ul.nav li ul {position:absolute;z-index:100;background-color:transparent;text-align:left;overflow:hidden;border-radius:0 0 4px 4px;top:100%;left:0;padding:0;min-width:100%;display:none}
nav ul.nav li:hover ul, nav ul.nav li:focus ul {display:block}
nav ul.nav li ul li {display:block;font-size:16px;}
nav ul.nav li ul li a {border:0;border-bottom:1px solid #454f53;;background:#222324;;white-space:nowrap;padding:11px 30px 11px 20px;line-height:normal;text-decoration:none;color:#FFF!important;}
nav ul.nav li ul li a:hover, nav ul.nav li ul li a:focus {background:#37393b}
nav ul.nav li ul li:last-child a {border-bottom:0;}
nav ul.nav li.item-120 a {text-indent: -9999px;width:25px;background-image: url('../images/search.png');background-size: 20px auto;background-repeat: no-repeat; background-position: center; }
nav ul.nav li a:hover,
nav ul.nav li a:focus {color: #0033AB;transition: background-color 0.3s ease, color 0.3s ease;}
legend{display: none;}
#topBar .ea-separator::after {content: "|";position: relative;padding: 0 5px;}
.dropdown-toggle::after {display: inline-block;margin-left: 0.5rem;vertical-align: middle;content: "▼"; /* nebo třeba "⮟" pro jemnější šipku */font-size: 0.7em;color: #eb4947; /* vlastní barva šipky */border: none !important; /* zruší výchozí Bootstrap trojúhelník */}
#frontBanner {padding-top:500px;padding-bottom:40px;position:relative; background: #e8ecee;}
.carousel-fade .carousel-item {transition-property: opacity;transition-duration: 1s; /* Délka přechodu */transition-timing-function: ease-in-out;}
#carouselStripe {background:#FFF;height:10px;position:absolute;width:100%;left:0;top:0}
#carouselWrap {margin:auto;max-width:1920px;width:100%;height:100%;position:relative}
#frontBanner img.main-image {left:0;right:0;top:0;width:100%;height:900px;background:#F60;display:block;z-index:0;}
#frontBanner #carousel {position:absolute;left:0;right:0;top:0;width:100%;height:700px;background:rgba(0,0,0,.2);display:block;z-index:0;overflow:hidden;}
#frontBanner img {height:100%;width:100%;object-fit:cover;}
#frontBanner .carousel-inner, #frontBanner .carousel-item {height:100%;}
.menu-icon{width: 20px !important;}
#frontBanner #carousel .carousel-overlay {    position: absolute;left: 0;right: 0;top: 0;width: 100%;height: 100%;/* background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); */display: flex;flex-direction: column;justify-content: center;pointer-events: none;}
#frontBanner #carousel .carousel-control-prev, #frontBanner #carousel .carousel-control-next {z-index:4}
#frontBanner #carousel .carousel-control-next, #frontBanner #carousel .carousel-control-prev {height:90px;top:50%;margin-top:-45px;position:absolute;width:90px;color:#56676b;opacity:1;background:#FFF;font-size:40px;transition:all .3s}
#frontBanner #carousel .carousel-control-next:hover, #frontBanner #carousel .carousel-control-next:focus, #frontBanner #carousel .carousel-control-prev:hover, #frontBanner #carousel .carousel-control-prev:focus {opacity:1;color:#0033AB}
#frontBanner #carousel .carousel-control-next {border-radius:100% 0 0 100%;}
#frontBanner #carousel .carousel-control-prev {border-radius:0 100% 100% 0;}
#frontBanner #carousel .carousel-caption {text-align:left;top:28%;right:auto;left:auto;width:100%}
#frontBanner #carousel .carousel-caption-inner {width:520px;margin-left:400px}
#frontBanner #carousel .carousel-caption p {color:#FFF;margin-bottom:50px;font-size:18px;text-shadow:0 1px 3px rgba(0,0,0,.25);}
#frontBanner #carousel .carousel-caption p.h1 {margin-bottom:20px;line-height:1.2;font-size:42px;font-weight:700;letter-spacing:.5px;text-transform: uppercase;}
#frontBanner #carousel .carousel-caption .btn.btn-carousel {padding:20px 25px;border-radius:4px;line-height:17px;background:#71c1fa;color:#FFF;font-weight:700;font-family: goudy-old-style, serif;}
#frontBanner #carousel .carousel-caption .btn.btn-carousel:hover, #frontBanner #carousel .carousel-caption .btn.btn-carousel:focus {background:#F4C7D3;}
#frontBanner .info-boxes {margin-top:135px;border-radius:4px;overflow:hidden;background:#FFF;position:relative;z-index:1}
#frontBanner .box {padding:30px 40px 10px;}
#frontBanner .box p {margin-bottom:0}
#frontBanner .box-text {background:#FFF;color:#56676b;font-size:26px;font-weight:700;line-height:48px;border: 1px solid black;}
#frontBanner .box-table {background:#079abd;color:#FFF}
#frontBanner .box-table table {text-shadow:rgba(0,0,0,.15) 0 1px 3px;font-size:16px;width:100%;text-align:left;}
#frontBanner .box-table tr.border-bottom {border-bottom:1px solid rgba(255,255,255,.3);}
#frontBanner .box-table tr.padding-top td {padding-top:6px;}
#frontBanner .box-table tr td:last-child {text-align:right;}
#frontBanner .box-table tr.note {font-size:11px;color:rgba(255,255,255,.7);}
#frontBanner .box-table tr.note td {text-align:right;padding-bottom:6px}
#frontBanner .box-contact {background:#e8ecee;color:#56676b;border: 1px solid black;}
#frontBanner .box-text {background:#e8ecee;color:#56676b;}
#frontBanner .box-table {background:#0033AB;color:#ffffff; border: none !important;}
#frontBanner .box-contact .contact {display:block;width:100%;float:left;}
#frontBanner .box-contact .contact:first-child {border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:20px;padding-bottom:10px;}
#frontBanner .box-contact .contact em {font-size:0;line-height:46px;margin-right:16px;display:block;color:rgba(0,0,0,.35);float:left;}
#frontBanner .box-contact .contact em:before {font-size:46px;}
#frontBanner .box-contact .contact em.fa-phone {transform:scaleX(-1);}
#frontBanner .box-contact .contact .description {font-size:14px;line-height:17px;display:block;color:rgba(0,0,0,.35);font-family:"Roboto",sans-serif;float:left;width:calc(100% - 46px - 18px);font-weight:700}
#frontBanner .box-contact .contact .href {font-size:17px;line-height:25px;font-weight:700;color:#000000;float:left;width:calc(100% - 46px - 18px);}
#frontBanner .box-contact .contact:hover,#frontBanner .box-contact .contact:focus {text-decoration:none;text-shadow:rgba(0,0,0,.05)0 1px 3px;}
#frontBanner .box-contact .contact:hover em,#frontBanner .box-contact .contact:focus em {color:#0033AB;}
#frontBanner .info-board .col-12 {padding:30px 30px 0;}
#frontBanner .info-board .label {text-transform:uppercase;border-radius:32px;background:#e76f78;color:#FFF;font-size:12px;display:inline-block;padding:6px 12px 6px 8px;margin-right:7px;font-weight:700;font-family:"Roboto",sans-serif;line-height:19px;margin-right:15px;}
#frontBanner .info-board em.fas {font-size:18px;vertical-align:-2px;}
#frontBanner .info-board .custom {display:inline-block;width:calc(100% - 150px);vertical-align:top}
#frontBanner .info-board p {font-size:16px;font-weight:700;margin:0;color:#546A6B;vertical-align:-1px;display:inline-block;}

h1 {font-size:50px;color:#000000!important ;padding:30px 0; text-transform: uppercase; font-weight: 600;}
h2 {font-size:29px;color:#000000!important;line-height:38px;margin:0 0 9px;padding:10px 0; text-transform: uppercase; font-weight: 600;}
.card-title{text-align: center;}
.card{border: 1px solid black; background: none;}
#subpage {padding-top: 40px; background: #FFF;}
.aktuality-box{    border: 1px solid #000;    background-color: #fff;border-radius: 8px;}
/*#subpage .heading {border-bottom:1px solid #000000;text-align:center;background:#fff ;}*/
#subpage .content {padding-top:50px;padding-bottom:50px}
#subpage p, #subpage li {font-size:20px;line-height:25.6px;}
#subpage p {margin-bottom:18px;}
#subpage blockquote {background:#e9edf0;padding:30px;color:#56676b;font-weight:700;margin:26px 0;position:relative;}
#subpage blockquote:before {content:"\f06a";font-family:"Font Awesome 5 Free";font-weight:900;color:#FFF;background:#e76e78;padding:10px;border-radius:100%;position:absolute;left:30px;top:30px;font-size:40px;line-height:40px;width:60px;height:60px;}
#subpage blockquote p {margin:0;text-align:justify;padding-left:90px;}
#subpage table {border-collapse:collapse;width:100%;}
#subpage table tr {border-bottom:1px solid rgba(0,0,0,.1);}
#subpage table th,
#subpage table td {border-top: none;border-left: none;border-right: none;}
#subpage table tr th {padding-bottom:22px;padding-top:23px;color:#56676b;}
#subpage table tr th:last-child {text-align:right}
#subpage table tr td {padding-top:23px;padding-bottom:22px;color:#000000;text-align: left;vertical-align: left;}
#subpage table thead th {text-align: center;white-space: nowrap;vertical-align: middle;}
#subpage table tr td:first-child {font-weight: bold;}
#subpage table tr td:last-child  {text-align:left;}
#subpage .ea-cat {padding-bottom: 25%;background-size: 140px auto;background-repeat: no-repeat;background-position: center;}
#subpage .ea-cat:before{content: "";display: block;background:rgba(255,255,255,0);position: absolute;left: 2px;right: 2px;top: 2px;bottom: 2px;border: 1px solid #079bbb;}
#subpage .ea-cat h2 {text-align: center;font-size: 20px;padding-top: 10px;}
#subpage .ea-cat:hover {background-color: rgba(7, 155, 187, 0.1);}
#subpage .ea-cat:hover::before {border-color:#000;}
#subpage .ea-cat:hover h2 {color:#000;}
#subpage .ea-items .col-sm-9 {padding-bottom: 20px;border-bottom: 1px solid #dcdcdc;margin-bottom: 30px;}
#subpage .ea-items h2 {font-size: 24px;line-height: 1.2em;}

#homepage {background:#dde0e2;padding:80px 0}
#homepage .heading {background:#FFF;border-bottom:0;}
#homepage h1 {font-size:36px;padding:0;margin-top:30px;margin-bottom:9px;text-align:left;font-weight:700}
table h2 {font-size: 20px;}
table p, #subpage table p {font-size:14px;}
.btn-primary{background:#0033AB!important;border:0;    border-radius: 5px;}
#prettyLinks {background:#e9edf0;padding:55px 0 25px;}
.prettyButton {display:block;width:100%;border-radius:4px;border:1px solid #ddd;color:#56676b;background:#FFF;font-size:18px;font-weight:700;padding:15px 20px;line-height:30px;margin-bottom:30px;transition:all .3s}
.prettyButton i {margin-right:20px}
.prettyButton:focus, .prettyButton:hover {text-decoration:none;color:#FFF;background:#079bbb;border-color:#079bbb}

.panel {color:#000000;padding:32px 32px;}
.panel a {font-weight:700;color:#000000 !important;}
td.title-td {display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;word-break: break-word;}
td.place-td{white-space: nowrap}
td.price-td{white-space: nowrap}
td.year-td{white-space: nowrap}
form input, form textarea {padding:21px 20px;line-height:17px;font-size:14px;margin-bottom:30px;border:1px solid #e9edf0;color:#72858a;border-radius:4px;background:#e9edf0;transition:all .3s;width:100%}
form input:focus, form textarea:focus {background-color:#FFF;color:#56676b;border-color:#56676b;outline:0;}
form textarea {resize:vertical;min-height:156px}
form button {border:2px solid #66d0cc;text-shadow:0 1px 2px rgba(0,0,0,.25);color:#FFF;background-color:#66d0cc;border-radius:4px;transition:all.3s;padding:19px 25px;font-weight:700;}
form button:focus, form button:hover {outline:0;background:#4fc9c4;border-color:#4fc9c4;cursor:pointer}
.topbar{background:#5c4033!important ;height: 32px;}
footer {font-size:13px;line-height:60px;color:#000000;background: #e8ecee;}
footer a {font-weight:700;color:#000000;}
footer a:hover, footer a:focus {color:#56676b}
footer ul {padding-left:0;justify-content:flex-end}
footer ul a {margin-left:15px}
footer ul li:after {content:"/";margin-left:15px}
footer ul li:first-child:before {content:"/";}


/** search **/
.search .btn-group {margin:0px auto;}
.search .input-group-append .btn {height:60px;}
@media (max-width: 1199px) {

  #logo a {font-size:24px;letter-spacing:-2px}
  nav ul.nav li a {padding:0 10px;font-size:20px}
  #frontBanner .box {padding:20px 20px 10px;}
  #frontBanner .box-text {font-size:22px;line-height:50px;}
  #frontBanner .box-table table td {white-space:nowrap;padding-top:10px}
  #frontBanner .box-table tr.note td {padding-top:0;}
  #frontBanner .box-contact .contact:first-child {margin-bottom:10px;padding-bottom:5px;margin-top:10px}
  #frontBanner .box-contact .contact .description {line-height:20px;}
  #frontBanner .box-contact .contact .href {font-size:15px;}
  #homepage h1 {font-size:30px;}
  
}
@media (max-width: 991px) {
  h2.text-center.mb-2{margin-top: 0px;}
  #subpage{padding-top:70px !important;}
  .navbar-brand img {height: 100px !important; width: auto !important;}
  #topBar .col-12 {font-size:12px;line-height:19px;padding:7px 0;}
  #topBar .text-offset {padding-left:0}
  #topBar .text-right {text-align:left!important;border-top:1px solid rgba(0,0,0,.2)}
  header {background:#FFF;line-height:96px;min-height:96px;height:auto}
  .desktopMenu ul.nav {display:none}
  #logo:before {content:none;}
  #logo a img {height:0px;top:1px;}
  .menuButton {text-shadow:0 1px 2px rgba(0,0,0,.25);color:#FFF;background-color:#0033AB;border-radius:4px;transition:all.3s;padding:19px 15px 19px 20px;font-weight:700;float:right;line-height:18px;border:0;cursor:pointer;font-size:30px;}
  .menuButton.active, .menuButton:focus, .menuButton:hover {box-shadow:rgba(0,0,0,.2) 0 0 200px inset;outline:0;}
  .menuButton i {margin-right:8px}
  nav.mobileMenu {border-radius:0 0 4px 4px; top: 0px;} /*top 46px*/
  nav.mobileMenu ul.nav {float:left;width:100%;display:block;line-height:25px;border-radius:4px;overflow:hidden;margin-bottom:15px}
  nav.mobileMenu ul.nav li {position:static;display:block;}
  nav.mobileMenu ul.nav li a {border-top:0;border-bottom:1px solid rgba(255,255,255,.2);padding:10px 15px;color:#FFF;background:#212529;font-size:18px;}
  nav.mobileMenu ul.nav li.active > a {font-weight:700}
  nav.mobileMenu ul.nav li.active a, nav.mobileMenu ul.nav li:hover a, nav.mobileMenu ul.nav li:focus a {color:#FFF;}
  nav.mobileMenu ul.nav li a:hover, nav.mobileMenu ul.nav li a:focus {background:#42494b;}
  nav.mobileMenu ul.nav li.parent > a:after {content:none}
  nav.mobileMenu ul.nav li ul {display:block;position:static;background-color:transparent;border-radius:0;}
  nav.mobileMenu ul.nav li ul li {display:block;}
  nav.mobileMenu ul.nav li ul li a {border-bottom:1px solid rgba(255,255,255,.2);background:#32373b;;padding:11px 30px;font-size:14px;font-weight:400}
  nav.mobileMenu ul.nav li ul li.active a {font-weight:700}
  nav.mobileMenu ul.nav li ul li a:hover, nav ul.nav li ul li a:focus {background:#42494b}
  nav.mobileMenu ul.nav li ul li:last-child a {border-bottom:1px solid rgba(255,255,255,.2);}
  nav ul.nav li.item-120 a {text-indent: initial;width: inherit;}
  #frontBanner {margin-top:0;padding-top:500px;padding-bottom:30px;}
  #frontBanner #carousel,#carouselStripe {width:100%;height:500px;}
  #frontBanner #carousel .carousel-caption {top:14%}
  #frontBanner .box-contact .contact {display:block;width:50%;float:left;margin-top:10px;}
  #frontBanner .box-contact .contact:first-child {border-bottom:0;border-right:1px solid rgba(0,0,0,.1);margin-bottom:0;padding-bottom:0;}
  #frontBanner .box-contact .contact:last-child {padding-left:20px}
  #homepage {padding:40px 0;}
  h1 {padding:35px 0;font-size:40px}
  #subpage .content {padding-top:35px;padding-bottom:5px}
}

@media (max-width: 767px) {
.table-reference td:not(.title-td),
    .table-reference th {
        display: none;
    }

    .table-reference td.title-td {
        display: table-cell;
    }
  nav.mobileMenu {top: 46px;} /*top 46px*/
  #topBar .text-right {display: flex;flex-direction: column; }
  #topBar .ea-separator::after {display: none;}

  .opening-hours-box {margin: 0px auto;}
  #frontBanner #carousel .carousel-caption {top:10%;}
  #frontBanner #carousel .carousel-caption-inner {width:370px;margin-left:70px}
  #frontBanner .box-contact .contact {display:block;width:100%;float:left;margin-top:10px;padding-left:0!important}
  #frontBanner .box-contact .contact:first-child {border-bottom:1px solid rgba(0,0,0,.1);border-right:0;margin-bottom:0;padding-bottom:0;}
  #prettyLinks {padding-bottom:40px}
  .prettyButton {margin-bottom:15px}
  footer {text-align:center;line-height:45px}
  footer ul{justify-content:center;}
  #logo a {font-size:22px}
  #logo a img {left:10px;}
  #subpage .ea-cat {background-size: 80px auto}
  #subpage .ea-cat h2 {font-size: 16px;}
  .hes-gallery {grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));}}
    .btn-brown {background-color: #0033AB;color: #fff;border: none;padding: 0.6rem 1.2rem;border-radius: 2rem;font-weight: 500;transition: background-color 0.3s ease;}
    .btn-brown:hover {background-color: #0033AB;color: #fff;}
@media (max-width: 575px) {
  nav.mobileMenu { top: 27px;}
   #topBar .text-right { font-size: 14px;}
  .navbar-brand img {height: 65px !important; width: auto !important;}
  #topBar .row {padding-left:15px;padding-right:15px}
  #logo a {font-size:19px}
  #logo a i {display:none}
  #logo a img {height: 60px;top:2px;}
  #frontBanner #carousel, #carouselStripe {display:none}
  #frontBanner {padding-top:0px;}
  #frontBanner .info-boxes {margin-top:92px;}
  #frontBanner .box-text {font-size:20px;font-weight:700;line-height:34px;border: none;}
  #frontBanner .box-contact {border: none;}
  #frontBanner .info-board .custom {width:100%;margin-top:15px;}
#subpage p, #subpage li {font-size: 15px;}
.panel h2 {font-size:26px;}
form input, form textarea {margin-bottom:15px}
}

@media(max-width: 400px) {
  h1 {font-size: 24px;}
  #subpage .ea-cat {background-size: 40px auto}
}

@media(max-width: 377px) {
      #topBar .text-right { font-size: 11px;}

}

.hes-gallery img {width: 100%;height: 100%;object-fit: cover;cursor:pointer;}
.hes-gallery .col-lg-3 img {width: 33%;height: 100%;object-fit: cover;padding:0px!important;cursor:pointer;}
.splide__arrow--prev {left: -1em!important;}
.splide__arrow--next {right: -1em!important;}