:root {
    --bg-green: #e7f8ed;
    --bg-white: #fff;
    --bg-black: #000;
    --font-green: #269447;
    --font-red: #c20016;
    --font-white: #fff;

    --fs-12: 0.7em;
    --fs-14: 0.875em;
    --fs-16: 1em;
    --fs-18: 1.125em;
    --fs-20: 1.25em;
    --fs-22: 1.4em;
    --fs-24: 1.5em;
    --fs-28: 1.8em;
    --fs-32: 2em;
    --fs-42: 2.5em;
    --fs-68: 4.25em;

}
.extra-pd{
  padding-left:30px;
  padding-right:30px;
}
.ea-content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px; /* Prostor mezi tabulkami */
}

.ea-content th, .ea-content td {
    border: 1px solid #ccc; /* Okraj buňky */
    padding: 10px; /* Vnitřní okraj */
    text-align: left; /* Zarovnání textu */
}

.ea-content td:first-child {
    background-color: rgb(238, 238, 238); /* Barva pozadí pro první sloupec */
    width: 300px; /* Šířka pro první sloupec (můžete upravit dle potřeby) */
}
#contactForm a {
    color: var(--font-green)!important;
    font-weight: 600;
}
.ea-content th {
    background-color: #f2f2f2; /* Barva pozadí pro hlavičky */
}

.ea-content td {
    width: auto; /* Šířka pro ostatní sloupce */
}
.pd-left{
  padding-left: 1rem;
}

body, html {
    height: 100%;
    margin: 0;
}
.w-custom{
  width:40%;
}
.header {
    position: relative;
    max-height: 1080px;
    margin: 0 auto;
}
.header-video {
  position: relative;
  bottom: -8px;
    height: 100%;
    object-fit: cover;

}
.pd-none{
  padding-left:0;
  padding-right:0;
}
.about-header{
background-image: url(../images/JPG/onasbg.jpg);
    position: relative;
    margin-bottom: 240px;
    padding-bottom: 360px;
    background-color: var(--bg-green);
    background-position: center bottom;
    background-repeat: no-repeat;
    max-height: 800px;

}
.about-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 89%); /* Bílá barva s průhledností */
    z-index: 1;
}
.ea-desc a{
  color: var(--font-red);
  text-decoration:none;
}
.about-header img {
    position: absolute;
    left: 50%;
    bottom: -240px;
    margin-left: -294px;

   z-index: 2; /* Zajišťuje, že text je nad bílou vrstvou */
   color: #000; /* Můžeš změnit barvu textu podle potřeby */
}
@media screen and (max-width: 767px) {
    .about-header img {
        width: 400px;
        margin-left: -200px;
        bottom: -160px;
    }
}
@media screen and (max-width: 400px) {
    .about-header img {
        width: 100%;
        margin-left: -50%;
        bottom: -160px;
    }
}
.ea-desc {
    padding-top: 130px;
    text-align: center;
    max-width: 840px;
    position: relative;
   z-index: 2; /* Zajišťuje, že text je nad bílou vrstvou */
   color: #000; /* Můžeš změnit barvu textu podle potřeby */
}
.about-header p{
    color:black;
    font-size: var(--fs-16);
    line-height: 2rem;
}
.btn-success{
            background-color: #269447; border:0;        }
body{
  font-family: 'Karbid Pro Regular', sans-serif;
}
body, html {
  height: 100%;
}
* {
    font-family: 'Karbid Pro Regular', sans-serif;
}

h1 {color: var(--font-green);font-size: var(--fs-42);font-weight: 900;margin: 20px 0 15px;}
h2 {color: var(--font-green);font-size: var(--fs-42);font-weight: 900;margin: 20px 0 15px;}
h3 {color: var(--font-green);font-size: var(--fs-24);font-weight: bold;line-height: var(--fs-24);margin: 20px 0 15px;}
h4{color: var(--font-green);font-size: var(--fs-14);font-weight: bold;line-height: var(--fs-24);margin: 20px 0 15px;}
h5{color: black!important; font-size: 18px; margin-bottom: 0!important;}
@media screen and (max-width: 767px) {
    h1 {font-size: var(--fs-32)}
    h2 {font-size: var(--fs-28)}

}

.ea-btn {height: 60px;line-height: 60px;border-radius: 30px;background: var(--bg-white);color: var(--font-red);font-size: var(--fs-24);font-weight: bold;padding: 0 40px 0 70px;display: inline-block;text-decoration: none;position: relative;box-shadow: 1px 10px 17px 9px rgba(173,227,198,0.6);}
.ea-btn:after {width: 22px;height: 22px;content: "";position: absolute;top:19px;left:30px;background-image: url('../images/SVG/circle.svg')}
.ea-btn:hover {color: var(--font-green)}
.ea-btn:hover:after {background-image: url('../images/SVG/circle2.svg')}

.ea-btn-whist {background:none;padding: 0 20px 0 40px;font-size: var(--fs-14);line-height:40px;height:40px;}
.ea-btn-whist:after {top:9px;left:14px;}

@media screen and (max-width: 767px) {
    .ea-m-hiden {display: none}

}


.ff-contact strong{
  /*color: var(--font-green)!important;*/
    font-size: var(--fs-20);
    font-weight: 700;
    margin-bottom: 30px;
}
.ff-contact a{
  /*color: var(--font-red)!important;*/


}

/** nav **/
#nav {background: var(--bg-green);color: var(--font-green);font-size: var(--fs-16)}
#nav .container-fluid {max-width: 1600px}
#nav p {padding: 1rem 0; font-size: var(--fs-16)}
#nav .ea-logo {width: 200px;margin-right: 140px}
#nav ul > li > a {font-size: var(--fs-18);color: var(--font-green)}
#nav ul > li > a:hover {text-decoration: underline}
#nav .mainmenu ul > li > a {padding-left: 20px;padding-right: 20px}
#nav .mainmenu ul > li:nth-child(1) > a,
#nav .mainmenu ul > li:nth-child(2) > a,
#nav .mainmenu ul > li:nth-child(3) > a {font-weight: bold}
#nav .mainmenu ul > li:nth-child(3) > a {padding-right: 65px;position: relative}
#nav .mainmenu ul > li:nth-child(3) > a:after {content: "";position: absolute;right:0;top:0;width: 1px;height:43px;background: #b0d4b6;}
#nav .mainmenu ul > li:nth-child(4) > a {padding-left: 65px}
#nav .topmenu ul > li > a {font-size: var(--fs-16)}
#nav .topmenu a {background-image: url('../images/SVG/topmenu.svg');background-repeat: no-repeat;background-position: 2px 18px; background-size: 6px 6px; padding-left: 25px;padding-right: 40px;}
#nav .topmenu li:last-child a {background-image: url('../images/SVG/topmenu2.svg');background-size: 17px 8px;background-position: 0 17px;}
#nav .item-117,
#nav .item-116,
#nav .item-101 {display: none}
#mobile-nav .ea-search,
#nav .ea-search {position: relative;}
#mobile-nav .ea-search:before,
#mobile-nav .ea-search:hover:before,
#nav .ea-search:hover:before {box-shadow: 0 0 10px 4px rgba(28,119,37,0.2);}
#mobile-nav .ea-search:after,

.ea-lang {text-align: right;padding-top: 1rem;}
.ea-lang a {text-decoration: none}
.ea-lang a:first-child {margin-right: 12px}
.ea-lang img {height: 24px;border: 2px solid var(--bg-white);border-radius: 50%}
.ea-lang a:hover img {border-color: var(--font-green);}

@media screen and (max-width: 1489px) {
    #nav .ea-logo {margin-right: 80px}
    #nav .topmenu a {padding-right: 30px}
    #nav .mainmenu ul > li > a {padding-left: 25px;padding-right: 25px}
}
@media screen and (max-width: 1300px) {
    #nav .ea-logo {margin-right: 30px}
    #nav .topmenu a {padding-left: 20px;padding-right: 20px}
}
@media screen and (max-width: 1229px) {
    #nav .mainmenu ul > li > a {padding-left: 25px;padding-right: 25px;font-size: var(--fs-16)}
    #nav .mainmenu ul > li:nth-child(3) > a {padding-right: 40px;}
    #nav .mainmenu ul > li:nth-child(4) > a {padding-left: 40px}
    #nav .topmenu ul > li > a {font-size: var(--fs-14)}
    #nav .topmenu a {background-position-y: 16px}
    #nav .topmenu li:last-child a {background-position-y: 15px}
}
@media screen and (max-width: 1125px) {
    .ea-lang a:first-child {margin-right: 4px}
    #nav .topmenu a {padding-left:18px;padding-right: 18px}
    #nav .topmenu li:last-child a {padding-right: 0}
    #nav .mainmenu ul > li > a {padding-left: 15px;padding-right: 15px;font-size: var(--fs-14)}
}


#mobile-nav {background: var(--bg-green);color: var(--font-green);font-size: var(--fs-16)}
#mobile-nav .ea-logo {height: 50px;}
#mobile-nav .ea-search {margin-right: 20px}
#mobile-nav .navbar-toggler {width: 55px;height:55px;background: var(--bg-white);border: 1px solid var(--bg-white);border-radius: 50%;}
.navbar-toggler-icon {background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28247, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
#mobile-nav .ea-topmenu {padding-top: 1rem;max-width: 100%}
#mobile-nav .ea-topmenu .ea-lang {padding-top: 0}
#mobile-nav .ea-topmenu .col:first-child {padding-left: 1.4rem}
#mobile-nav .ea-topmenu .col:last-child {padding-right: 0.4rem;text-align: right}
#mobile-nav .ea-topmenu a.ea-login {color: var(--font-green);font-weight: bold;background-image: url('../images/SVG/topmenu2.svg');background-size: 17px 8px;background-position: 0 8px;background-repeat:no-repeat;padding-left: 25px}

.offcanvas-body .item-116 {display: none}
.offcanvas-body .mod-menu a {font-size: var(--fs-16);color: var(--font-green);padding-left: 30px;  background-image: url('../images/SVG/circle.svg');background-repeat: no-repeat;background-position: 0 10px;background-size: 20px;}
.offcanvas-body hr {margin-top: 30px;margin-bottom: 30px}
.offcanvas-body .ea-lang {text-align: center;display: table;width: 100%;}
.offcanvas-body .ea-lang a {display: table-cell;text-align: center;width: 50%}
.offcanvas-body .ea-lang img {width: 60px;height: 60px;}
.offcanvas-body .ea-call-me {display: block;font-size: var(--fs-20);color: var(--font-green);text-decoration: none;font-weight: 700;text-align: center;}

@media screen and (max-width: 500px){
    #mobile-nav .ea-logo {height: 60px;}
    .ea-topmenu {display: none;}
    .offcanvas-body .mod-menu a {font-size: var(--fs-20);margin-bottom: 0.5rem;background-position: 0 13px;}
}
@media screen and (max-width: 440px){
    #mobile-nav .ea-logo {height: 40px;}
}
@media screen and (max-width: 380px){
    #mobile-nav .ea-logo {height: 40px;}
    #mobile-nav .ea-search {margin-right: 40px}
}
/** end of nav **/
.offcanvas{
  background-clip: border-box!important;
  width:100%!important;
}
/** home header **/
#header-home {background: var(--bg-green);padding-top: 60px;position: relative}
#header-home:before {position: absolute;content: "";width:100%;height: 30px;left:0;right:0;bottom: 0;background: #fff;}
#header-home .container {max-width: 1360px;position: relative}
#header-home h1 {line-height: var(--fs-24);font-weight: 800;margin-top: 90px}
#header-home p {color: var(--font-green);line-height: var(--fs-32);margin-bottom: 40px}
@media screen and (min-width: 1300px) {
    #header-home img {max-width: 570px}
}
@media screen and (max-width: 1200px) {
    #header-home h1 {margin-top: 40px}
}
@media screen and (max-width: 990px) {
    #header-home h1 {margin-top: 20px;font-size: var(--fs-28)}
}
@media screen and (max-width: 767px) {
    #header-home {padding-bottom: 40px;}
    #header-home img {display: none}
    .ea-circle {background-image: url('../images/WEBP/header-home-mobile.webp');background-size: 400px;background-repeat: no-repeat;background-position: center top; min-height: 400px;text-align: center;margin-bottom: 30px;padding-top: 100px}
    .ea-circle .ea-btn {margin-bottom: 30px;clear: both}
}
@media screen and (max-width: 400px) {
    .ea-circle {background-size: 460px;padding-top: 30%;min-height: 460px}
}

/** end of home header **/
/** lekarna header **/
#header-aboutus,
#header-dodavatele,
#header-lekarna {background-color: var(--bg-green);background-image: url('../images/WEBP/lekarna.webp');background-position: center bottom;background-repeat: no-repeat; min-height: 600px}
#header-aboutus .ea-desc,
#header-dodavatele .ea-desc,
#header-lekarna .ea-desc {padding-top: 130px;text-align: center;max-width: 840px}
#header-aboutus h1,
#header-dodavatele h1,
#header-lekarna h1 {margin-bottom: 50px}
#header-aboutus p,
#header-dodavatele p,
#header-lekarna p {color: var(--font-green);font-size: var(--fs-16);line-height: 2rem;}
#header-lekarna .ea-bg {background-color: rgba(28, 119, 37, 0.6);min-height: 230px;margin-top: 300px; color: var(--font-white);text-align: center;}
#header-lekarna .ea-bg .container {padding-top: 40px;}
#header-lekarna .ea-bg .col-12 {font-size: var(--fs-16);text-align: left;line-height: 1.4rem;padding-bottom: 40px;border-left: 6px solid var(--font-red);padding-left: 40px;}
#header-lekarna .ea-bg .col-12:first-line {font-size: var(--fs-20);line-height: 3.2rem;font-weight: 600;}
#header-lekarna .ea-bg .col-12 strong {font-weight: 900;font-size: var(--fs-68);line-height: 2.5rem;display: block}

@media screen and (max-width: 993px) {
    #header-lekarna .ea-bg {margin-top: 130px}
    #header-lekarna .ea-bg .container {max-width: 100%;}
    #header-lekarna .ea-bg .col-12 {border-left: 0;position: relative;padding-left: 10px;padding-top: 25px;}
    #header-lekarna .ea-bg .col-12:before {position:absolute;content: "";left:0;top:0;height: 6px;background-color: var(--font-red);max-width: 180px; width: 85%;}
}

/** end of lekarna header **/
/** dodavatele header **/
#header-dodavatele {background-image: url('../images/WEBP/dodavatele.webp')}
/** end of dodavatele header **/
/** about us header **/
#header-aboutus {background-image: url('../images/WEBP/aboutus.webp');position: relative;min-height: 900px;margin-bottom: 240px;padding-bottom: 360px}
#header-aboutus img {position: absolute;left:50%;bottom: -240px;margin-left: -294px;}
@media screen and (max-width: 767px) {
    #header-aboutus {margin-bottom: 160px}
    #header-aboutus img {width:400px;margin-left: -200px;bottom: -160px}
}
@media screen and (max-width: 400px) {
    #header-aboutus img {width:100%;margin-left: -50%;bottom: -160px}
}
/** end of about us **/

/** main content **/
main .container {max-width: 1100px;padding-top: 150px;padding-bottom: 60px;}
main .container h2 {}
main .container .ea-content-title {margin-bottom: 60px}
main .container ul:not(.pagination) {list-style:none;padding-left: 40px;margin-bottom: 20px}
main .container ul:not(.pagination) li {position: relative;padding-bottom: 6px}
main .container ul.ea-bg-p {padding-left: 16%;padding-right: 16%}
main .container ul.ea-bg-p li {padding-bottom: 35px}
main .container ul:not(.pagination) li:before {background-repeat: no-repeat;content: "";position: absolute;left: -24px; top:2px; background-image: url(../images/SVG/li.svg);width: 22px;height: 16px;}
main .container a {color:var(--font-red);}
main .container a:hover {color:var(--font-green)}
main header {max-width: 640px;padding-bottom: 100px;text-align: center;margin: 0 auto;}
main header h1 {margin-bottom: 60px;}
main header p {}
main.ea-carrer .container .ea-intro {color: var(--font-green);font-weight: 600;padding-bottom: 20px;font-size: var(--fs-20)}
.pd-150{padding-top:150px;}
.pagination li .page-link span {height: 24px;width: 20px;background-repeat: no-repeat;background-size: 20px;display: block;opacity: 0.4}
.pagination li .page-link span:hover {opacity: 1}
.pagination .icon-angle-left {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.4.0 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons  Inc. --%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E");}
.pagination .icon-angle-right {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.4.0 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons  Inc. --%3E%3Cpath d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E");}
.active > .page-link, .page-link.active {background: var(--font-red);border-color: var(--font-red)}
@media screen and (max-width: 767px) {
    main .container {padding-top: 60px; padding-bottom: 60px;}
}
/** end of main content **/

/** contacts **/
.ea-contacts {}
.ea-contacts h1 {text-align: center;margin-bottom: 50px}
.ea-contacts h3 {margin-bottom: 60px}
.ea-contacts small {color: black;}
.ea-contacts .row {margin-bottom: 100px}
.ea-contacts .row p {margin-bottom: 0.5rem}
.ea-contacts .contact-1 {text-align: center}
.ea-contacts .contact-4 strong,
.ea-contacts .contact-1 strong {margin-bottom: 0.5rem;display: block}
.ea-contacts .contact-3 h4,
.ea-contacts .contact-2 h4 {font-size: var(--fs-16);color:var(--font-green);line-height: var(--fs-20);height: var(--fs-42);overflow: hidden;margin-bottom: 25px;font-weight: 700}
.ea-contacts .contact-6 a,
.ea-contacts .contact-2 a {display: block}
.ea-contacts .contact-3 {margin-bottom: 60px}
.ea-contacts .contact-3 h4 {height: var(--fs-20);}
.ea-contacts .contact-3 p {margin-bottom: 25px;max-width: 300px}
.ea-contacts .contact-3 p small {float: right;font-size: 0.75rem}
.ea-contacts .contact-3 p a {display: block}
.ea-contacts .contact-5 h4 {color:var(--font-green);font-size: var(--fs-20);font-weight: 700;margin-bottom: 30px}
.ea-contacts .contact-6 p,
.ea-contacts .contact-5 p {margin-bottom: 30px}
@media screen and (min-width: 991px) {
    .ea-contacts .contact-6 img {max-width: 95%}
    .ea-contacts .contact-6.last {padding-left: 4rem}
}
@media screen and (min-width: 767px) {
    .ea-contacts .contact-3 h4,
    .ea-contacts .contact-2 h4 {height:auto}
}

#ea-lc-map {background: var(--bg-white);padding: 20px 40px;}
#ea-lc-map > div {position: relative;max-width: 1000px;margin: 0 auto;}
#ea-lc-map > div > a {position: absolute;border: 0 solid #000;width:50px;height:50px;}
#ea-lc-map > div > a.ea-lc-1 {right: 150px;top: 220px;width: 100px;height: 100px;}
#ea-lc-map > div > a.ea-lc-2 {right: 285px;top: 330px;width: 100px;height: 100px;}
#ea-lc-map > div > a.ea-lc-3 {right: 450px;top: 140px;width: 100px;height: 120px;}
#ea-lc-map > div > a.ea-lc-4 {right: 510px;top: 270px;width: 100px;height: 100px;}
#ea-lc-map > div > a.ea-lc-5 {right: 630px;top: 160px;width: 130px;height: 100px;}

@media screen and (max-width: 991px) {
    #ea-lc-map {display: none}
    .nav {

    display: block;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.header{
background-image: url('../images/JPG/home.jpg');
background-repeat:no-repeat;
background-size: cover;
height:75%;
    background-position-y: 40%;
    background-position-x: 40%;

}
.header-video{
  display: none;
}
}

.custom-tooltip {  --bs-tooltip-bg: var(--font-green);font-size: var(--fs-18);}

/** end of contacts **/

/** page career **/
#careers {}
#careers ul {padding-left: 0;}
#careers ul li:before {display: none;}
#careers ul li a {color: var(--font-red);font-weight: bold}
#careers ul li a:hover {color: var(--font-green)}
/** end of page career **/

/** news page **/
main.ea-news .container {max-width: 1400px}
main.ea-news #news {background:none;padding-top:0}
main.ea-news #news > .col-12 {padding-left: 2rem;padding-right: 2rem}

@media screen and (max-width: 767px) {
    main.ea-news #news {padding-top: 0}
    main.ea-news #news > .col-12 {padding: 0 15px;}
}
/** end of news page **/

/** about us page **/
.ea-item {padding-bottom: 140px}
.ea-item.download {text-align: center;}
.ea-item.download h3 {margin-top: 90px;}
.ea-item.download a {padding: 24px 30px 24px 70px;background: var(--bg-green);color:var(--font-green);font-size: var(--fs-16);line-height: 1;text-decoration: none;margin:10px;display: inline-block;background-image: url('../images/SVG/download.svg');background-repeat: no-repeat;background-position: 24px center;background-size: 18px 18px;}
.ea-item.download a:hover {background-color: var(--font-green);color:var(--bg-white);}

@media screen and (max-width: 767px) {
    .ea-item.download a {padding: 20px 20px 20px 40px;background-position: 10px center;width:100%}
}

.ea-item.history {}

/** certifikaty **/
.ea-item.certifikaty {}
.ea-item.certifikaty ul.cert {display: flex;flex-wrap: wrap;margin-top: 60px;padding-left: 0;}
.ea-item.certifikaty ul.cert li {width: 33%;flex: 0 0 auto;text-align: center;font-size: var(--fs-14);padding-left: 40px;padding-right: 40px;padding-bottom: 70px;}
.ea-item.certifikaty ul.cert li:before {display: none}
.ea-item.certifikaty ul.cert li img {margin-bottom: 20px}
@media screen and (max-width: 767px) {
    .ea-item.certifikaty ul.cert li {width: 50%}
}
@media screen and (max-width: 500px) {
    .ea-item.certifikaty ul.cert li {width: 100%}
}
/** end of certifikaty **/

/** timeline **/
.main-timeline {position: relative;}
.main-timeline::after {content: "";position: absolute;width: 1px;top: 0;bottom: 0;left: 50%;margin-left: -2px;border-right: 1px dashed rgba(0,0,0,0.30);}
/* Container around content */
.timeline {position: relative;background-color: inherit;width: 50%;}
.timeline:first-line {font-size: var(--fs-68);font-weight: 800;color: var(--font-green);line-height: 1.4}
.timeline strong {color: var(--font-green);font-size: var(--fs-20);display: block}
/* The circles on the timeline */
.timeline::after {content: "";position: absolute;width: 15px;height: 15px;right: -6px;top: 10px;z-index: 1;background-image: url('../images/SVG/topmenu.svg');background-color: var(--bg-white);border-radius: 50%;}
/* Place the container to the left */
.left {padding: 0 70px 20px 0;left: 0;text-align: right;}
/* Place the container to the right */
.right {padding: 0 0 20px 70px;left: 50%;}
/* Add arrows to the left container (pointing right) */
.left::before {content: " ";position: absolute;top: 18px;z-index: 1;right: 30px;border: medium solid white;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent white;}
/* Add arrows to the right container (pointing left) */
.right::before {content: " ";position: absolute;top: 18px;z-index: 1;left: 30px;border: medium solid white;border-width: 10px 10px 10px 0;border-color: transparent white transparent transparent;}
/* Fix the circle for containers on the right side */
.right::after {left: -9px;}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
    /* Place the timelime to the left */
    .main-timeline::after {left: 27px;}
    /* Full-width containers */
    .timeline {width: 100%;padding-left: 70px;padding-right: 25px;padding-bottom: 70px;}
    /* Make sure that all arrows are pointing leftwards */
    .timeline::before {left: 60px;border: medium solid white;border-width: 10px 10px 10px 0;border-color: transparent white transparent transparent;}
    .timeline::after {top:38px;}
    /* Make sure all circles are at the same spot */
    .left::after,
    .right::after {left: 18px;}
    .left::before {right: auto;}
    /* Make all right containers behave like the left ones */
    .right {left: 0;}
    .left {text-align: left}
}

/** end of about us **/

/** products **/
#products {}
#products h2 {text-align: center;margin-bottom: 60px;}
#products .row .col-lg-7 {padding: 150px 100px 0 0}
#products .container .row.ea-item0 > .col-lg-7 {text-align: right;padding-right: 0;padding-left: 100px}
#products .container .row.ea-item1 {margin-top: -100px}

@media screen and (max-width: 992px) {
    #products .row .col-lg-7 {padding: 20px !important; text-align: left !important;}
    #products img {display: none}
    #products .container .row.ea-item1 {margin-top: unset;}
}
/** end of products **/

/** whyus **/
#whyus {margin: 100px 0 170px 0;}
#whyus .container {max-width: 1240px}
#whyus .col-12 {position: relative}
#whyus .col-12 > h2 {color: var(--font-red);position: absolute;left:0;top:0}
#whyus h3 {font-size: var(--fs-22)}
#whyus .custom {padding-left: 40px;padding-right: 40px}
.whyus-list li{
      padding-bottom: 15px;
      position: relative;
      list-style-type:none;

}
.ea-count{
  background: var(--bg-green);
}
.ea-count h3{
  font-weight: 900;
    font-size: var(--fs-32);
    line-height: 2.5rem;
    display: block;
}
.ea-count .col-12{
  font-size: var(--fs-16);
    text-align: center;
    line-height: 1.4rem;
    padding-bottom: 40px;
    border-left: 6px solid var(--font-red);


}
.last{
    border-right: 6px solid var(--font-red);
}
.whyus-list li:before{
  content: "";
position: absolute;
left: -30px;
top: 2px;
background-image: url(../images/SVG/li.svg);
width: 22px;
height: 16px;
background-repeat: no-repeat;
}
.footer-icon{
      font-size: 2.5rem;
      padding-left: 0.5rem;
}
.green-text{
  color: var(--font-green)!important;
}
@media screen and (max-width:1400px) {
    #whyus .col-12 > h2 {left: 10px}
    #nav .mainmenu ul > li > a {padding-left: 11px;padding-right: 11px}
}

@media screen and (max-width:767px) {
    #whyus {margin: 80px 0}
    #whyus .custom {padding-right: 0}
}
/** end of whyus **/

/** cooperation **/
#cooperation {background: var(--bg-green);padding-top: 40px;padding-bottom: 40px;}
#cooperation .container {max-width: 1000px;text-align: center;padding: 80px;margin-bottom: 140px;position: relative}
#cooperation .container:after,
#cooperation .container:before {position: absolute;content: "";width: 52px;height:33px;background-repeat: no-repeat}
#cooperation .container:before {left:0;top:0;background-image: url('../images/SVG/ramecek.svg')}
#cooperation .container:after {right:0;bottom: 0;background-image: url('../images/SVG/ramecek2.svg');}
#cooperation h2 {margin-bottom: 60px;}
#cooperation p {margin-bottom: 50px;}
#cooperation .ea-btn {margin: 0 22px}
@media screen and (max-width:767px) {
    #cooperation .container {padding: 10px;}
    #cooperation .ea-btn {margin-bottom: 40px;}
}

/** end of cooperation**/

/** career **/
#career {background: var(--bg-green)}
#career .bg {background: var(--bg-white) url('../images/JPG/career.jpg');background-position: center bottom;background-repeat: no-repeat; height: 789px;position: relative;max-width: 1920px;margin: 0 auto}
#career .bg:before {content: "";position:absolute;left:0;top:0;right: 0;bottom: 0;background: rgba(28, 119, 37, 0.7);}
#career .ea-hr-text {padding-top: 260px;color: var(--font-white);position: relative;z-index: 99;text-align: center}
#career .ea-hr-text h2 {color: var(--font-white);}
#career .ea-hr-text p {font-size: var(--fs-24);margin-bottom: 60px}
#career .ea-btn {box-shadow: none;}

@media screen and (max-width:767px) {
    #career .ea-hr-text h2 {font-size: var(--fs-32)}
    #career .ea-hr-text {padding: 300px 20px 20px}
    #career .bg {background-image: url('../images/JPG/career.jpg'); background-position-x: 65%;}
}

/** end of career **/

/** news **/
#news {background: var(--bg-green);padding: 100px 0;}
#news h2 {text-align: center;margin-bottom: 90px}
#news p {font-size: var(--fs-14);line-height: var(--fs-28)}
#news .row a {color: var(--font-red);font-size: var(--fs-18);background-image: url('../images/PNG/sipka.png');background-position: left;background-repeat: no-repeat;padding-left: 15px;position: relative;text-decoration: none;font-weight: bold;}
#news .row a:hover {color: var(--font-green)}
#news .row a:after {content:"";position: absolute;width: 100%;height: 1px;background: var(--font-red);left:0;bottom: 4px;}
#news .row a:hover:after {background: var(--font-green)}
.ea-content.ea-news {max-width: 900px; margin: 0 auto;padding-bottom: 80px;}
#news .ea-news-item {margin-bottom: 40px;padding: 0 2rem;}
#news .ea-news-item h3 {max-height: 3em;overflow: hidden;height: 3em;font-size: var(--fs-20)}
#news .ea-news-item p.ea-desc {height: 5.4em;overflow: hidden}
#news div.ea-more {text-align: center;margin-top: 110px;}
@media screen and (max-width:767px) {
    #news .ea-news-item {min-height: auto;margin-bottom:0; padding: 0 15px}
    #news .ea-news-item h3,
    #news .ea-news-item p.ea-desc {max-height: unset;height: unset;overflow: unset}
    #news .row a {display: block}
}

/** end of news **/

/** contact form **/
#contactForm {background: var(--bg-green);padding: 120px 0}
#contactForm h2 {text-align: center;}
#contactForm .container {max-width: 960px}
#contactForm p {color: var(--font-green);font-weight: 600;}
#contactForm .container .row {max-width: 600px;margin: 0 auto;position: relative}
#contactForm .container .row .over {position: absolute;left:0;top:0;right:0;bottom:0;background: var(--bg-green);color:var(--font-white);text-align: center;font-size: 32px;font-weight: 600;text-shadow: 2px 2px 2px var(--font-green);padding-top: 30%;display: none;}
#contactForm .mb-3 {padding-bottom: 20px;}
#contactForm label {color: var(--font-green);font-weight: 600;}
#contactForm a.ea-btn {cursor: pointer}
/** end of contact form **/

/** footer **/
.ea-footer {padding: 100px 0;}
.ea-footer img {max-width: 240px;margin-bottom: 80px}
.ea-footer .ea-mapa {background: url("../images/WEBP/mapa.webp") no-repeat;background-size: contain;min-height: 440px;background-position-y: 40px;text-decoration: none}
.ea-footer .mod-menu {}
.ea-footer .mod-menu li {display: block;width: 100%;padding-left: 25px}
.ea-footer .mod-menu li a {color: var(--font-green)}
.ea-footer .mod-menu li.item-117,
.ea-footer .mod-menu li.item-116 {display: none}
.ea-footer .mod-menu li.item-120,
.ea-footer .mod-menu li.item-121,
.ea-footer .mod-menu li.item-107,
.ea-footer .mod-menu li.item-108 {background-image: url('../images/SVG/circle.svg');background-repeat: no-repeat;background-position: 0 10px;background-size: 20px}
.ea-footer .mod-menu li.item-121,
.ea-footer .mod-menu li.item-108 {margin-bottom: 35px}
.ea-footer .mod-menu li.item-109,
.ea-footer .mod-menu li.item-119,
.ea-footer .mod-menu li.item-122,
.ea-footer .mod-menu li.item-123,
.ea-footer .mod-menu li.item-124,
.ea-footer .mod-menu li.item-110 {background-image: url('../images/SVG/topmenu.svg');background-repeat: no-repeat;background-position: 7px 18px;background-size: 6px 6px;}
.ea-footer .row .col-12:last-child li {background-image: url('../images/SVG/topmenu2.svg');background-size: 17px 8px;background-position: 0 17px;background-repeat: no-repeat}

.ea-copy {background: var(--bg-green);padding: 40px 0;color: var(--font-green);font-size: var(--fs-16)}
.ea-footer-menu {display: table;width: 100%;}
.ea-footer-menu a {display: table-cell;text-align: center;width: 20%;font-size: var(--fs-16);color: var(--font-green);font-weight: 600}
@media screen and (max-width: 1200px) {
    .ea-footer-menu a {font-size: var(--fs-14)}
}
@media screen and (max-width: 991px) {
    footer .container {max-width: 100%}
    .last{
        border-right: none;
    }
}
@media screen and (max-width:767px) {
    .ea-footer-menu a {display: block;width: 100%;padding: 10px 0}
    .ea-copy .col-md-4 {order: 2;text-align: center;padding-top: 60px;font-size: var(--fs-14)}
    .ea-footer img {margin-bottom: 40px}
}
@media screen and (max-width: 600px) {
    .ea-footer .ea-mapa {min-height: 380px}

}
@media screen and (max-width: 450px) {
    .ea-footer .ea-mapa {min-height: 300px}
    .ea-btn{
        font-size: var(--fs-18)!important;
      }
}
@media screen and (max-width: 340px) {
    .ea-footer .ea-mapa {min-height: 290px;background-position-y: 100px;}
}

/** end of footer **/

/** search page **/
.finder {}
.finder .btn {background-color: var(--font-green);border-color: var(--font-green)}
.finder .js-finder-searchform {margin-bottom: 40px}
/** end of search page **/
.ft-14{
  font-size: 14px;
  color:black!important;
  text-decoration: none!important;
}
.ft-16{
  font-size: 16px;
  color:black!important;
  text-decoration: none!important;
}