/* https://matthewjamestaylor.com/responsive-font-size */

/* ::-webkit-scrollbar {

    width: 10px;

  }

::-webkit-scrollbar-track {

    background: #f1f1f1;

    border-radius: 10px;

  }

::-webkit-scrollbar-thumb {

    background: #888;

    border-radius: 10px;

  }

::-webkit-scrollbar-thumb:hover {

    background: #555;

  } */

ul {

    margin: 0;

    padding: 0;

}

html {

    overflow-x: hidden;

    /* scroll-behavior: smooth; */

}

body {

    position: relative;

    margin: 0;

    padding: 0;

    color: rgb(0, 0, 0);

    font-family: 'Dosis', sans-serif;

    /* font-size: calc(0.5rem + 1.4vw); */

    font-size: calc(15px + 0.390625vw);

    font-weight: 400;

    /* height:200rem; */

    overflow-x: hidden;

}

a {

    text-decoration: none;

    color: inherit;

    height: 100%;

    display: block;

}

/* a:hover{

    color:blue;

} */

.clicked {

    height: 100%;

    width: 100%;

}



p {

    margin: 0;

    padding: 0;

}

span {

    font-size: calc(18px + 0.390625vw);

    font-weight: 800;

}

/* br{

    line-height: 1rem;

    display: block; 

    content: "  ";

} */

.logo-background {

    position: absolute;

    right: -5vw;

    top: 40vh;

    /* margin-left:60vw; */

    width: 60vw;

    height: 60vw;

    overflow: hidden;

    z-index: -2;

}

.logo-background img {

    height: 100%;

    position: absolute;

    overflow: hidden;

}

.upper-section {

    position: relative;

    margin: 2.5vw 5vw 0 5vw;

    padding-bottom: 2rem;

    /* background-color: rgba(0, 0, 0, 0.368); */

}

.navigation-panel {

    display: flex;

    height: 10rem;

    max-height: 10vh;

    min-height: 2.5rem;

    margin-bottom: 5%;

    padding: 1%;

    /*background-color: rgba(0, 0, 0);*/

}

.resva-image {

    position: relative;

    flex: 9;

    /*background-color: blue;*/

    min-width: 50%;

}

.resva-image img {

    margin: auto;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    max-height: 100%;

    max-width: 100%;

    object-fit: contain;

}

.navigation {

    flex: 5;

    /* height: 100%; */

    /* background-color: rgb(102, 63, 63); */

    min-width: 50%;

    position: relative;

    color: rgb(42, 42, 42);



}

.navigation ul {

    position: absolute;

    list-style: none;

    /* background-color: blue; */

    display: flex;

    justify-content: space-between;

    /* height: 100%; */

    right: 0;

    width: 80%;

    /* margin-left: 20%; */



}

.navigation-list li {

    text-align: center;

    /* display:block; */

    /* min-width: 5vw; */

    /* background-color: aqua; */

    /* margin-left:auto; */

    white-space: nowrap;

    padding: 1rem;

}

.white-space {

    width: 100%;

    height: 3vw;

    min-height: 2rem;

}

.white-space:nth-of-type(4) {

    min-height: 1rem;

    height: 1vw;

}





/*---------udelat z cele casti jeden velkej grid viz button nase sluzby see ya debile-----------*/



.banner {

    display: flex;

    /* grid-template-columns: 1fr 0.75fr 1fr; */

    gap: 0;

    margin-bottom: 1.5%;

}

.ttext-banner {

    height: 10rem;

    max-width: 18rem;

    text-align: center;

    overflow-wrap: break-word;

    margin: auto;



}



.sluzby-button-container {

    /* display:flex; */

    /* width:100%; */

    text-align: center;

    max-width: 20rem;

    margin: 2.5% auto;



    /* display:inline-block; */

    /* margin:auto; */

    /* display: grid;

    grid-template-rows: 1fr;

    justify-items: center; */



}

.sluzby-button {

    display: inline-block;

    /* margin:auto; */

    /* margin: 2rem auto 2rem auto;

    width: 10vw;

    height:5vw;

    min-width: 4rem;

    min-height: 2rem;

    max-width: 10rem;

    max-height: 5rem; */

    /* background-color: rgb(255, 255, 255); */

    text-align: center;

    white-space: nowrap;

    /* max-width: 10rem; */

    padding: 0.5rem 1rem;

    border-radius: 4rem;

    border-color: rgb(218, 37, 29);

    border-style: solid;

    border-width: 0.25rem;

    font-weight: 600;

}



.navigation-division-container {

    display: flex;

    min-height: 2rem;

    display: block;



}



.navigation-division-container ul {

    margin: 0;

    padding: 0;

    height: 32vh;

    position: relative;

    max-height: 20rem;

}

.navigation-division li:hover {

    background-color: rgba(0, 0, 0, 0.5);

}

.navigation-division li {

    /* display:inline-block; */

    list-style: none;

    height: 30%;

    background-color: rgb(218, 37, 29);

    margin-bottom: 0.85rem;

    position: relative;

    text-align: center;

    display: table;

    border-top-right-radius: 4rem 4rem;

    border-bottom-right-radius: 4rem 4rem;

}

.navigation-division li {

    width: 30%;

}

/* .navigation-division li:nth-child(1){

    width:30%;    

}

.navigation-division li:nth-child(2){

    width:40%;    

}

.navigation-division li:nth-child(3){

    width:50%;    

} */

.navigation-division div {

    display: table-cell;

    vertical-align: middle;

    white-space: nowrap;

    color: rgb(255, 255, 255);

    position: relative;

    text-align: right;



}

.navigation-division-icon {

    min-width: 6rem;

}

.navigation-division-icon img {

    /* position: absolute;

    display: block;

    height: 50%;

    top:30%;

    white-space: nowrap; */

    display: block;

    height: 55%;

    position: absolute;

    top: 20%;

    left: 25%;

}

/* .navigation-division-icon img:nth-of-type(0){

    left:50%;

} */

.navigation-division-text {

    width: 85%;

    min-width: 12rem;

    /* text-align: right; */

}

.main-section-onclick {

    margin-top: 2vw;

}

#section0 .general {



    grid-template-columns: 1fr;

    text-align: center;



}

#section0 .general .text {

    display: inline-block;

    justify-self: center;

}

.main-section-container {

    /* background-color: brown; */



    margin-bottom: 10vw;

    display: block;

    /* height: 50vw; */

}

.section-container,
.general {

    width: 69%;

    margin: auto;

    display: grid;

    grid-template-columns: 1fr 40%;



    /* grid-template-rows:  1fr; */

    /* align-items: center; */

    place-items: center center;

    margin: 2.5vw auto;

}

#section0 .info-table {

    /* display:table;

    /* grid-template-rows: repeat(3,1fr); */

    width: 50%;

    align-self: center;

}

#section0 tr td:nth-child(1) {

    font-weight: 800;

    white-space: nowrap;

    vertical-align: top;

}

#section0 table {

    border-collapse: separate;

    border-spacing: 2rem;

}

.info-table {

    margin: auto;

    max-width: 60%;

}

.general {

    margin: 2.5vw auto 2.5vw auto;



}

.header {

    text-align: center;

    padding: 2% 0;

}

/* .nadpis{

    margin-left:10vw;

    align-self: end;



} */

.text {

    width: 35vw;

    justify-self: left;

    display: block;

    /* margin:auto; */

    /* margin: auto; */

    /* justify-self: end; */

    /* margin-left:10vw; */

    /* align-self: start; */

    /* grid-column-start: 122; */

}

.textlist {

    display: flex;

    flex-direction: column;

    gap: 1rem;

    list-style-position: inside;



}

#section0 .general .textlist {

    list-style-position: inside;

    list-style-type: none;

}

.textlist {

    list-style-type: auto;

}





.main-section-container ul ::marker {

    content: "• ";

}

#section0 ul ::marker {

    content: "";

}

/* .text:not(span){

    line-height: 200%;

} */

.text span,
.header {

    color: rgb(218, 37, 29);

}

.text span {

    font-size: calc(15px + 0.390625vw);

    padding-bottom: 2%;

    display: block;

    font-weight: 600;

}

.image {

    position: relative;

    /* justify-self: start; */

    /* margin: 2vw 0 2vw 0; */

    /* grid-column-start: 1 1; */

    /* grid-area: 666; */

}

.image img {

    /* height:40vw; */

    /* position:absolute; */

    /* display:block; */

    object-fit: contain;

    max-height: 7vw;

    /* min-height: 10rem;    */

    margin: auto;

}

.small-navigation-container {

    display: grid;

    grid-template-rows: 1fr;

    align-items: center;

    justify-items: center;

    row-gap: 2rem;

    background-color: rgba(0, 0, 0, 0.1);

    padding: 2rem;

    margin-bottom: 5vw;



}

.small-navigation-container div {

    width: 80%;

    text-align: center;

}

.small-navigation-container ul {

    /* display:flex; */

    list-style: none;

    /* grid-template-columns: repeat(3,15%); */

    width: 100%;

    /* column-gap: 10vw; */

    display: flex;

    place-content: center center;

    /* margin:auto; */

    /* width:auto; */



}



.small-navigation-container li {

    background-color: rgb(218, 37, 29);

    color: white;

    min-width: 11rem;

    padding: 0.5rem;

    margin: 0 1%;

    /* width:80%; */

    /* margin:0 1vw; */

    /* height:80%; */

    overflow-wrap: break-word;

    display: inline-block;

    white-space: normal;

    border-width: 0;

}

.small-navigation-container li div {

    width: 100%;

}

.contact-container {

    width: 100%;

    /*max-width:30rem;*/

    display: grid;

    grid-template-rows: 1fr;

    padding: 2rem;

    align-items: center;

    justify-items: center;

    row-gap: 2rem;

    margin-bottom: 10vw;

    box-sizing: border-box;



}

.contact-person-container {

    width: 80%;

    display: flex;

    justify-content: center;

    white-space: nowrap;

}

.person {

    display: grid;

    width: 15rem;

    grid-template-rows: 1fr 1fr calc(16px + 0.390625vw);


    row-gap: 0.5vw;

}



.subcolumn {

    display: flex;

    /* justify-content: space-between; */

    /* grid-template-columns: 1fr 1fr; */

    /* position: relative; */

    /* align-items: center; */

}

.subcolumn div:nth-child(2) {
    flex: 10;
    align-self: center;

}



.subcolumn div {

    /* position: relative; */

    padding-right: 0.2rem;

    /* display: inline-block; */

    /* flex:1; */

    /* position: absolute; */

}

.subcolumn div img {

    /* position: absolute; */

    max-width: 100%;

    object-fit: contain;

    max-height: 90%;

}

.image-mail-container {
    height: 100%;
    width: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 2px
}

.footer-container {

    display: flex;

    height: 15rem;

    /* background-color: aqua; */

    justify-content: space-between;

    /* flex-direction: row; */

    border-top: 0.1rem;

    border: 1rem 0 0 0;

    border-color: black;

    /* border-width: 1rem; */

    border-top-style: solid;

}

.logo-footer {

    display: flex;

    width: 30%;

    /* position: relative; */

    /* height: 100%; */

    /* max-height: 10rem; */

    /* background-color: red; */

    /* justify-content: center; */

    min-width: 10rem;

    align-items: center;

    justify-content: center;



}

.logo-footer img {

    max-width: 80%;

    max-height: 100%;

    max-height: 10vh;

    object-fit: contain;

    flex: 1;

}

.firm-information-container {

    width: 30%;

    height: 100%;

    /* max-height: 10rem; */

    /* background-color: red; */

}

.footer-navigation {

    width: 35%;

}



.firm-information-container {

    display: flex;

    height: 100%;



}

.firm-information {

    align-self: center;

    justify-content: space-evenly;

    flex-direction: column;

    height: 60%;

    width: 100%;

    display: flex;

    padding-left: 2rem;

    white-space: nowrap;







}

.firm-nazev,
.firm-sidlo,
.firm-ico {

    width: 100%;

    /* color:white; */

    /* height:30%; */

    display: grid;

    grid-template-columns: 0.2fr 1fr;

    /* background-color: black; */

    /* column-gap: 2rem; */

    position: relative;



}

/* .firm-sidlo{

    grid-template-columns: 2rem 0.2fr 1fr;

    column-gap: 0;

} */

/* .firm-sidlo div:nth-child(3){

    margin-left: 2rem;

    padding-left: 2rem;

} */

.firm-sidlo img {

    position: absolute;

    max-height: 50%;

    left: -1.9rem;

    top: 0;

    bottom: 0;

    margin: auto;

}

.firm-nazev div,
.firm-sidlo div,
.firm-ico div {

    display: grid;

    text-align: left;

    /* justify-content: center; */

    align-content: center;

    min-width: 3.5rem;

}

.firm-sidlo div {

    padding: 0;

}

.footer-navigation .navigation {

    height: 100%;

    margin: auto;

    display: flex;

    align-content: center;

    justify-content: left;

}

.footer-navigation .navigation .navigation-list {

    flex-direction: row;

    position: relative;

    margin: auto;

    margin-left: 0;

    gap: 2%;

}

.navigation-list li:hover {

    background-color: rgba(0, 0, 0, 0.1);

}

.sluzby-navigation-container .sluzby-button:hover {

    background-color: rgba(0, 0, 0, 0.5);

}

.sluzby-navigation-container .sluzby-button,
.navigation-division li,
.navigation-list li {

    transition-property: background-color;

    transition-duration: 0.3s;

    /* transition-delay:3s; */

}

.linkcontact:hover,
.linkabout:hover,
.linkhome:hover,
#sluzby-button-id:hover,
.navigation-division-container li:hover,
.sluzby-navigation-container li:hover {

    cursor: pointer;





}

@media screen and (min-width:651px) {

    /* div.main-section-container div:nth-child(even):not(.header) div.text{

        

    } */



    .even-div {

        order: 2;

    }



    /* div.section-container:nth-of-type(even) .image{

        

        order:1;

    } */

    /* div.section-container:nth-of-type(even){

        grid-template-columns: 1fr 1fr;

        

    } */

    /* div.section-container:nth-of-type(odd) .text{

        

        background-color: blue;

    }

    div.section-container:nth-of-type(even) .text{

        

        background-color: grey;

    } */

}



@media screen and (max-width:650px) {

    .image {

        order: 1;

    }

    .image img {

        /* height:40vw; */

        /* position:absolute; */

        /* display:block; */

        object-fit: contain;

        max-height: 18vw;

        /* min-height: 10rem;    */

        margin: auto;

    }

    .image-mail-container {

        width: 10%;

    }

    .subcolumn {

        width: 100%;

        max-width: 330px;

        box-sizing: border-box;

        position: relative;

    }

    .person {

        position: relative;

        max-width: 330px;

    }

    /*.person div{

    display:inline-block;

    width: fit-content;

        

    }*/

    .header {

        padding: 5% 0;

    }

    .text {

        width: 100%;

        order: 2;

        grid-column-start: 1;

        align-self: stretch;

    }

    .section-container,
    .general {

        grid-template-columns: 1fr;

    }

    .small-navigation-container ul {

        /* grid-template-columns: none; */

        /* grid-template-rows: 1fr 1fr 1fr; */

        flex-direction: column;

        justify-content: center;

        gap: 0.5rem;

    }

    .small-navigation-container li {

        width: 11rem;

        margin: auto;

    }

    .contact-person-container {

        /*flex-direction: column;

        align-items: center;*/

        display: block;

        gap: 2rem;

    }



    #section0 table {

        display: block;

    }

    #section0 table tr,
    td {

        padding-bottom: 1rem;

        display: block;

    }

    #section0 .info-table {

        margin: auto;

        width: 95%;

    }

    .navigation ul {

        position: relative;

        display: block;

        margin-left: 20%;

    }

    .navigation-list li {

        padding: 2% 0;

    }

    .linkabout {

        display: none;

    }

    .footer-navigation .navigation {

        display: none;

    }



    .footer-container {

        flex-direction: column;

        padding-left: 4%;

        height: 20rem;

    }

    .logo-footer {

        padding-top: 1rem;

    }

    /* .footer-container{

        flex-direction: column;

    } */

}

/* .sluzby-navigation-container .sluzby-button:nth-of-type(1){

    background-color: purple;

} */