/* 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: space-evenly;

    white-space: nowrap;

}

.person{

    display:grid;

    /* min-width:12rem; */

    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){

    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%;

    

} 

.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;

} */