body {
    font-family: 'Montserrat', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a,
a:hover,
a:visited,
a:active {
    text-decoration: none;
}

a:hover {
    cursor: pointer;
}

.cenik
{

background-color: #fafafa;
color: black;
text-align: center;

}

table {
    margin: auto;
    
}

.navbar {
    background-color: transparent;
    border: none;
    max-width: 1250px;
    margin: 0 auto 30px auto;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 99;
    height: 50px;
}

.center-block {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.in {
    position: relative;
    z-index: 99;
}

.in::after {
    position: relative;
    z-index: 99;
}

.navbar a {
    font-size: 1.45rem;
    line-height: 2rem;
    font-weight: 400;
}

.navbar-nav li a {
    color: #fafafa;
    padding: 32px 25px;
    background-color: transparent;
}

.nav li a:hover,
.nav li a:visited,
.nav li a:active,
.nav li a:link {
    background-color: transparent;
}

.nav a:hover {
    background-color: transparent;
}

.navbar-brand {
    width: 135px;
    height: 115px;
}

.logo {
    background-image: url('../images/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.navbar-collapse {
    padding-bottom: 45px;
    border: none;
    margin-top: 25px;
}

.navbar-header {
    height: 90px;
    border: none;
    max-width: 1000px;
    padding: 10px 15px 0 15px;
}

.navbar-header button i {
    color: white;
    font-size: 2.2rem;
}

.navbar-header button {
    margin-top: 23px;
}

.flag {
    margin-top: -5px;
}

.flag img {
    height: 27px;
}


/* Thumb -----------------------------------------------------------------------------
--------------------------------------------------------------------------------------*/

.thumb {
    width: 100%;
    background-image: url('../images/bg1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin: -110px 0 0 0;
    min-height: 200px;
    height: auto;
    text-align: center;
    padding-top: 180px;
    padding-bottom: 55px;
    position: relative;
}

.thumb p {
    color: white;
    font-size: 1.9rem;
    font-weight: 400;
}

.underline p {
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.underline p::after {
    content: "";
    width: 150px;
    margin: 8px auto;
    height: 5px;
    display: block;
    border-bottom: 2px solid white;
}

.my-headline {
    max-width: 450px;
    margin: auto;
}

.thumb h1 {
    color: white;
    font-weight: 700;
    letter-spacing: 0.4px;
    font-size: 4.9rem;
    line-height: 5.75rem;
}

.button-box {
    margin: 45px auto 25px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.button-box-small {
    margin: 0;
    display: block;
}

.my-button {
    width: 242px;
    height: 52px;
    background-color: #16b862;
    padding: 0px 0 0 0;
    border-radius: 20px;
}

.center-text {
    margin: 0 auto;
    padding-top: 14px;
    color: white;
}

.center-text p {
    margin: 0 auto;
    font-size: 1.67rem;
    font-weight: 700;
    text-align: center;
}


/* o nás ----------------------------------------------------------------*/

.green-bg {
    background-color: #1dd573;
}

.about {
    min-height: 295px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.about-box {
    max-width: 950px;
    padding: 20px 8px;
    margin: 0 auto;
}

.about-box h2 {
    font-size: 3.5rem;
    color: white;
    font-weight: 700;
    padding: 22px 0 12px 0;
}

.about-box p {
    font-size: 1.95rem;
    line-height: 3.35rem;
    color: white;
}


/*Cerifikovane drivi ---------------------------------------------------------------------------
----------------------------------------------------------------------------------------------- */

.certifikovane-drivi {
    background-color: white;
    padding: 60px 0;
}

.image-stromy {
    overflow: hidden;
    padding: 0;
}

.certifikovane-drivi p {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 400;
}

.drivi-texty {
    padding: 24px 35px 15px 35px;
}

.nadpis-drivi {
    width: 300px;
}

.nadpis-drivi h2 {
    font-size: 3rem;
    line-height: 3.6rem;
    font-weight: 700;
    padding-bottom: 15px;
}

.nadpis-drivi strong {
    color: #0ecb66;
}

.drivi-button-box {
    margin: 27px 0 0 0;
    width: 100%;
    max-width: 242px;
}


/*slider ---------------------------------------------------------*/

.slider {
    width: auto;
    height: 670px;
    margin: 0 auto;
}

.slider-wrapper {
    width: 100%;
    height: 670px;
    position: relative;
}

.slide {
    float: left;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.6s linear;
    transition: opacity 0.6s linear;
}

.slider-wrapper>.slide:first-child {
    opacity: 1;
}


/*konec slider --------------------------------------------------*/


/*Drivi detaily - ------------------------------------------------------------- */

.drivi-detaily {
    width: 100%;
    background-color: #fafafa;
    padding: 35px 0 65px 0;
}

.margin-box {
    max-width: 1215px;
    margin: 0 auto;
}

.nadpis {
    padding: 0 0 51px 0;
    text-align: center;
}

.nadpis h3 {
    font-weight: 700;
    font-size: 3.2rem;
    color: #1dd573;
}

.flex-drivi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.klada-obr {
    display: block;
}

.klada-obr img {
    height: 270px;
    margin: 0 auto;
    position: relative;
    display: block;
    text-align: center;
}

.jeden_popisek {
    padding: 10px 10px;
}

.jeden-popisek-nadpis h3 {
    text-transform: uppercase;
    font-size: 2.45rem;
}

.jeden-popisek-nadpis {
    padding: 0 15px;
}

.jeden-popisek-nadpis-levo {
    text-align: right;
    border-right: 3px solid #e9c1aa;
}

.jeden-popisek-nadpis-pravo {
    text-align: left;
    border-left: 3px solid #e9c1aa;
}

.jeden-popisek-popis p {
    line-height: 2.65rem;
    font-size: 1.45rem;
    color: #5b5f64;
}

.jeden-popisek-popis-levo {
    text-align: right;
}

.drivi-jedna {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
}

.drivi-dva {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
}

.drivi-tri {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
}


/*KONEC drevo detaily -----------------------------------------*/


/*AVIE-sekce ----------------------------------------------------------------------*/

.avie-sekce {
    background-color: white;
    width: 100%;
    padding: 70px 0 35px 0;
}

.avie-nadpis {
    margin: 30px 0 0 0;
    border-left: 3px solid #e9c1aa;
}

.avie-nadpis h3 {
    font-weight: 700;
    font-size: 3.5rem;
}

.avie-nadpis p {
    font-size: 1.6rem;
    font-weight: 400;
}

.avie-popis {
    margin: 32px 0;
}

.avie-img {
    margin: 30px auto;
    position: relative;
}

.avie-img img {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}


/* konec AVIE-sekce -------------------------------------------------*/


.cenik {
    padding: 4rem 0;
}

.cenik h2 {
    margin-bottom: 4rem;
}

.cenik td {
    border: 1px solid #e9c1aa;
    padding: 1rem;
}


/* Footer ------------------------------------------------------------------*/

.footer-nadpis {
    padding: 25px 0;
    text-align: center;
}

.footer-nadpis h2 {
    font-weight: 700;
    color: white;
    font-size: 3.2rem;
}

.footer-nadpis p {
    color: white;
    font-size: 1.75rem;
}

.flex-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
}

.contact-box {
    max-width: 430px;
    width: 100%;
}

.contact-box p {
    color: black;
    opacity: 1;
    font-weight: 600;
}

.contact-box h3 {
    font-size: 2.2rem;
    text-align: center;
}

.phone-box {
    background-color: white;
    border-radius: 50px;
    padding: 15px 20px;
    margin-bottom: 20px;
    text-align: center;
}

.phone-box-right,
.phone-box-left,
.phone-box-left img {
    position: relative;
    margin: 0 auto;
}

.phone-box-left img {
    max-width: 100%;
}

.contact-box a {
    text-decoration: none;
    color: black;
}

.phone-box-right h2 {
    font-size: 2.9rem;
    font-weight: 700;
}

.contact-image-mail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 330px;
    margin: 8px auto;
}

.image-mail {
    padding: 7px 0;
}

.contact-image-mail img {
    height: 25px;
    margin: auto;
}

.popis-footer {
    padding-left: 20px;
}

.popis-footer h4 {
    font-size: 2.1rem;
    color: black;
    opacity: 1;
    font-weight: 600;
}

.footer-image-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
}

.footer-image-end img {
    margin: auto;
    height: 100px;
}


/* konec Footer-------------------------------------------------*/

@media (min-width: 1345px) {
    .slider {
        width: auto;
        height: 580px;
        margin: 0 auto;
    }
    .slider-wrapper {
        height: 580px;
    }
}

@media (max-width: 992px) {
    /*.button-box-small {
        margin: 30px auto 8px auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    } */
    .button-box-small {
        margin: 30 auto 8px auto;
    }
    .my-button {
        margin: 0 auto;
    }
    .certifikovane-drivi {
        padding: 0;
    }
    .nadpis-drivi {
        width: 100%;
    }
    .slider {
        height: auto;
    }
    .slider-wrapper {
        max-height: 395px;
    }
    .slider-wrapper img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .drivi-button-box {
        margin: 27px auto;
    }
    .drivi-jedna {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .drivi-dva {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .drivi-tri {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .jeden_popisek {
        margin: 0 auto;
        max-width: 340px;
    }
    .jeden-popisek-nadpis-levo {
        text-align: left;
        border-right: none;
        border-left: none;
    }
    .jeden-popisek-popis,
    .jeden-popisek-nadpis {
        border: none;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .avie-img {
        padding: 0 20px;
        display: block;
    }
    .avie-img img {
        max-width: 420px;
        width: 100%;
        margin: 30px auto 0 auto;
        position: relative;
        display: block;
    }
    .navbar-nav li {
        background-color: #f1f1f1;
    }
    .navbar-nav li:hover {
        background-color: #f8f8f8;
    }
    .navbar-default li a,
    .navbar-nav li a {
        color: black;
    }
}

@media (max-width: 555px) {
    .slider-wrapper {
        max-height: 335px;
    }
}

@media (max-width: 455px) {
    .contact-box {
        max-width: 290px;
        width: 100%;
    }
    .contact-box h3 {
        font-size: 2.1rem;
        text-align: center;
    }
}

@media (max-width: 400px) {
    .phone-box {
        border-radius: 5px;
    }
    .phone-box-right h2 {
        font-size: 2rem;
    }
    .popis-footer h4 {
        font-size: 1.95rem;
    }
}