@font-face {
    font-family: 'National';
    src: url('/TEMPLATE/CSS/National2Compressed-Bold.eot');
    src: url('/TEMPLATE/CSS/National2Compressed-Bold.eot?#iefix') format('embedded-opentype'),
        url('/TEMPLATE/CSS/National2Compressed-Bold.woff2') format('woff2'),
        url('/TEMPLATE/CSS/National2Compressed-Bold.woff') format('woff'),
        url('/TEMPLATE/CSS/National2Compressed-Bold.ttf') format('truetype'),
        url('/TEMPLATE/CSS/National2Compressed-Bold.svg#National2Compressed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('/TEMPLATE/CSS/FoundersGroteskCondensed-Bold.eot');
    src: url('/TEMPLATE/CSS/FoundersGroteskCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('/TEMPLATE/CSS/FoundersGroteskCondensed-Bold.woff2') format('woff2'),
        url('/TEMPLATE/CSS/FoundersGroteskCondensed-Bold.woff') format('woff'),
        url('/TEMPLATE/CSS/FoundersGroteskCondensed-Bold.ttf') format('truetype'),
        url('/TEMPLATE/CSS/FoundersGroteskCondensed-Bold.svg#FoundersGroteskCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('/TEMPLATE/CSS/FoundersGroteskCondensed-Regular.eot');
    src: url('/TEMPLATE/CSS/FoundersGroteskCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('/TEMPLATE/CSS/FoundersGroteskCondensed-Regular.woff2') format('woff2'),
        url('/TEMPLATE/CSS/FoundersGroteskCondensed-Regular.woff') format('woff'),
        url('/TEMPLATE/CSS/FoundersGroteskCondensed-Regular.ttf') format('truetype'),
        url('/TEMPLATE/CSS/FoundersGroteskCondensed-Regular.svg#FoundersGroteskCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html {
    scroll-behavior: smooth;
}
body{
    font-family: 'Founders','National',sans-serif;
    color: #171C22;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: .2px;
    font-weight: 400;
    margin: 0;
    background-color: #E36BBA;
}

H1::selection,
H2::selection,
H3::selection,
li::selection,
div::selection,
p::selection,
b::selection,
img::selection,
span::selection
{
    background-color: #171C22;
    color: #fff;
}

p{
    margin: initial;
}

a{
    color: #171C22;
    text-decoration: none;
}

h1{
    font-family: 'National',sans-serif;
    font-size: 18vw;
    margin: 0;
}
h2{
    font-family: 'National',sans-serif;
    font-size: 20vw;
    margin: 0;
}
.btn{
    transition: 0.2s all ease-in-out;
    border-radius: 50px;
    padding: 5px 20px;
    font-family: 'National', sans-serif;
    text-align: center;
    letter-spacing: 1px;
    box-sizing: border-box;
}

.page{
    min-height: 100vh;
}
.page.mainpage{
 height: calc(100vh - 70px);
 position: relative;
 min-height: 900px;
}
.page h1.claim{
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    text-align: center;
    line-height: 75%;
    width: 70%;
}

.page .a{ position:absolute;     transition: 0.2s all ease-in-out;}
.page img.a { display:block; }
.page .a img{ display:block;height:100%}
.page .c1{
    height: 26vw;
    top: 40%;
    left: calc(50% - 45vw);
    min-height: 200px;
}

.page .c4{
    top: 4%;
    right: calc(50% - 46vw);
    height: 26vw;
    min-height: 200px;
}
.page .c5{ width:200px;float:left; }
.page .c6{ width:200px;float:left; }



.image-hover {
    position: relative;
}

.image-hover img {
  display: block;
  transition: opacity 0.2s ease;
}

.hover-img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.image-hover:hover .hover-img {
  opacity: 1;
}

.image-hover:hover .default-img {
  opacity: 0;
}

.page .c1.top,
.page .c2.top,
.page .c3.top,
.page .c4.top
{
    top: -1000px;
}
/*******************************************************************************************************/
.bg_kafe{
    background-color: #DEE0C4;
    overflow: hidden;
}
.bg_pink{
    background-color: #E36BBA;
}
.bg_blue{
    background-color: #BAB0DB;
}
.bg_green{
    background-color: #29A64A;
}
.bg_lila{
    background-color: #BAB0E2;
}
.bg_purple{
    background-color: #7D94A1;
}
.bg_orange{
    background-color: #ED5E2A;
}
.bg_black{
    color: white;
    color: #DEE0C4;
    background-color: #171C22;
}

/*/////////////////////////////////////////////////////////*/
.btn.bg_blue:hover{
    color: #BAB0DB;
    background-color: #171C22;

}
.btn.bg_pink:hover{
    color: #E36BBA;
    background-color: #171C22;

}
.btn.bg_green:hover{
    color: #29A64A;
    background-color: #171C22;

}
.btn.bg_black:hover{
    border: 1px solid #171C22;
    color: #171C22;
    background-color: #DEE0C4;

}
.btn.bg_lila:hover{
    border: 1px solid #171C22;
    color: #BAB0E2;
    background-color: #171C22;

}
/*/////////////////////////////////////////////////////////*/

/*SELECT*/
.custom-select
{
  margin-top: -28px !important;
  position: relative;
}
.custom-select select
{
  display: none;
  position: relative;
}
.select-selected
{
  background-color: transparent;
}
.select-selected:after {
  position: absolute;
  content: "";
  top: calc(50% + -1px);
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #000 transparent transparent transparent;
  transition: 0.4s ease-in-out;
  filter: invert(1);
}
.select-selected.select-arrow-active:after {
  /* border-color: transparent transparent #000 transparent; */
  top: calc(50% + 5px);
  transform: rotate(180deg);
}
.select-items div,.select-selected {
  padding: 7px 10px;
  border: 1px solid #000;
  cursor: pointer;
  user-select: none;
  border-radius: 8px;
  background-color: #fff;
  border-color: rgb(0 0 0 / 15%);
}
.select-items {
  position: absolute;
  top: calc(100% - 0px);
  left: 0;
  right: 0;
  z-index: 10;
  transition: all 0.4s ease-in-out;
  opacity: 1;
  overflow: hidden;
  opacity: 1;
  display: block;
  padding-bottom: 1px;
}
.select-hide {
  opacity: 0;
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: #e8e8e8;
}
.select-items div
{
  margin-bottom: -1px;
}
.select_helper
{
  height: 1px;
  width: 1px;
  opacity: 0.01;
  padding: 0;
  margin: 0;
  border: none;
}
/*SELECT*/

/*/////////////////////////////////////////////////////////*/

/*******************************************************************************************************/
header{
    font-family: 'National',sans-serif;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3;
}
header a.logo{width: 200px;display: block;margin: 20px;}
header a.logo img{width: 100%;display: block;}
.left_menu{
    text-transform: uppercase;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5px;
}
.left_menu a{
    border: 2px solid;
    padding: 2px 21px;
    border-radius: 30px;
    transition: all 0.2s ease;
    MAX-WIDTH: 170PX;
    max-height: 50px;
}
.left_menu a:hover{
}
.left_menu a.active{
    border-color: #ED5E2A;
    background-color: #ED5E2A;
}
.left_menu .lang_switch{
    width: 30px;
    margin-left: 9px;
}
.submain_cta,
.main_cta{
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 89%;
    text-align: center;
    /* width: 70%; */
    font-size: 40px;
    padding: 5px 40px;
}
section{

}
.cont{
    max-width: 1480px;
    padding: 0 20px;
    margin: auto;
    box-sizing: border-box;
    overflow: hidden;
}
.cont_m{
    max-width: 600px;
    padding: 0 20px;
    margin: auto;
}
.text{
    margin: auto;
    margin-top: 80px;
    font-size: 40px;
    text-align: center;
    max-width: calc(100% - 20px);
    width: 590px;
}
.submain_cta{
    position: initial;
    margin: auto;
    display: block;
    margin-top: 80px;
    transform: initial;
    width: 270px;
    margin-bottom: 100px;
}
/*******************************************************************************************************/
.slider_widget{
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    gap: 1rem;
    margin: 50px 10px 200px;
    padding-bottom: 40px;
    -webkit-overflow-scrolling: touch;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}
.flex_end
{
    align-items: flex-end;
}

.slider_widget::-webkit-scrollbar {
  width: 5px;
    border-radius:10px;
    -webkit-appearance: none;
    
}
/* Track */
.slider_widget::-webkit-scrollbar-track {
  background: #fff;border-radius:10px;
}


/* Handle */
.slider_widget::-webkit-scrollbar-thumb {
  background: #7D94A1;
    border-radius:10px;
    transition: .2s all linear ;
}

/* Handle on hover */
.slider_widget::-webkit-scrollbar-thumb:hover {
  background: #E36BBA;
}
.slider_widget .item{
    flex: 0 0 auto;
    max-width: 66%;
    background-color: white;
    color: #1d50dc;
    border-radius: 15px;
    min-width: 300px;
}
.slider_widget IMG{max-width: 100%;display: block;border-radius: 10px;max-height: 600px;}
/*******************************************************************************************************/
.info{
    font-size: 30px;
    margin-bottom: 18px;
}
.section_mapa{
    background-image: url(/TEMPLATE/IMG/FOTKY/mapa_desktop.jpg);
    aspect-ratio: 16/9;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 150px;
    overflow: hidden;
}
.section_mapa.v2{
    margin-bottom: 20px;
}
.section_mapa .btn{
    width: 190px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    text-align: center;
    line-height: 80%;
    padding: 15px 25px;
    font-size: 40px;
}
/********************************************************************************************************/
.loga{}
.loga .header{
    text-align: center;
    font-size: 40px;
    font-family: 'National';
    margin-bottom: 40PX;
    display: block;
}
.loga .boxs{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
    gap: 20Px;
    margin-top: 20px;
}
.loga .boxs a{display: block;width: 200px;}
.loga .boxs a img{display: block;width: 100%}
/********************************************************************************************************/
footer{
    display: flex;
    gap: 10px;
    padding: 0 20px;
    box-sizing: border-box;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 50px;
    gap: 20px;
}
footer .socials{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
footer .socials a{
    display: block;
    width: 70px;
}
footer .socials a img{width: 100%}
footer .header{
    font-size: 80px;
    font-family: 'National';
    line-height: 50px;
    margin-bottom: 20px;
}
footer .l4{
    width: calc(25% - 20px );
}
.legal_text{
    max-width: 250px;
}
.legal_text.v2{}
footer .btns{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    gap: 10px;
}
footer .btns .btn{transition: 0.2s all linear ;border: 2px solid;display: block;width: 120px;font-size: 30px;}
footer .btns .btn:hover{
    background-color: #171C22;
    color: #E36BBA;
}
.footerlogo{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-end;
        align-items: center;
        gap: 20Px;
        margin-top: 20px;
        width: 100%;
}
.footerlogo a{
    display: block;
    width: 200px;
}
.footerlogo a img{width: 100%;display: block;}
/********************************************************************************************************/
body.\34 04,
body.umelci-a-dila,
body.archiv,
body.program,
body.mapa,
body.kontakt,
body.o-projektu
{
    background-color: #DEE0C4;
}
/********************************************************************************************************/
.left_menu a:nth-of-type(1):hover,
body.umelci-a-dila .left_menu a.active
{
    background-color: #29A64A;
    border-color: #29A64A;
}
.left_menu a:nth-of-type(4):hover,
body.mapa .left_menu a.active
{
    background-color: #BAB0DB;
    border-color: #BAB0DB;
}
.left_menu a:nth-of-type(3):hover,
body.program .left_menu a.active
{
    background-color: #E36BBA;
    border-color: #E36BBA;
}
.left_menu a:nth-of-type(6):hover,
body.kontakt .left_menu a.active
{
    background-color: #ED5E2A;
    border-color: #ED5E2A;
}
.left_menu a:nth-of-type(2):hover,
body.o-projektu .left_menu a.active
{
    background-color: #ED5E2A;
    border-color: #ED5E2A;
}
.left_menu a:nth-of-type(5):hover,
body.archiv .left_menu a.active
{
    background-color: #7D94A1;
    border-color: #7D94A1;
}

body.o-projektu .t_col{
    color: #ED5E2A;
}
body.umelci-a-dila .t_col{
    color: #29A64A;
}

body.o-projektu .slider_widget::-webkit-scrollbar-thumb {
  background: #ED5E2A;
}


body.umelci-a-dila .slider_widget::-webkit-scrollbar-thumb {
  background: #29A64A;
}

/********************************************************************************************************/

/********************************************************************************************************/
.box1 h1{
    text-align: center;
    font-size: 100px;
    line-height: 100px;
    max-width: 700px;
    margin: 150px auto 0;
}
.box1 .desc{
    text-align: center;
    margin: 50px auto 100px;
    font-size: 40px;
    max-width: 850px;
    line-height: 120%;
}
.box1 .cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 3880/1600;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 50px;
    min-height: 300px;
}
.box1 .cover.o-projektu{
    background-image: url(/TEMPLATE/IMG/FOTKY/cover_desktop.jpg?2);
}
.box1 .desc2{
    max-width: 900px;
    font-size: 30px;
}
.box1 .desc4{
    margin-top: 100px;
    margin-bottom: 100px;
}
.box1 .desc3{
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: 30px;
}
.ctas{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    GAP: 10PX;
    font-size: 30px;
    margin: 100px auto;
}
.ctas .btn{min-width: 30px;}
.ctas.v2{
    justify-content: space-between;
    margin-top: 0;
}
.ctas.v2 .l6{
    width: calc(50% - 10px);
    box-sizing: border-box;


    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-wrap: wrap;
    align-content: flex-start;
}
.box1.box2{}
.box1.box2 H1{
    margin-bottom: 100px;
    max-width: initial;
}
.box1.box2 .back{
    text-decoration: underline;
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: bold;
    display: block;
}
.ctas.v2 .btn{/* display: flex; *//* gap: 10px; *//* width: 30px; */box-sizing: border-box;/* border: 2px solid; */display: block;padding: 5px 25px;}
.btn.border{
    border: 2px solid;
}
.btn.border:hover {
    background-color: #171C22;
    color: #dde0c4;
}
.info2{
    font-size: 30px;
}
.slider_widget.o-projektu{
    margin-top: 10px;
}
.slider_widget.umelci_item{
    margin-bottom: 100px;
}
.archiv_btn{
    position: relative;
    display: block;
    border-radius: 10px;
    aspect-ratio: 16/4;
    margin-bottom: 40px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.archiv_btn:last-of-type{
    margin-bottom: 200px;
}
.archiv_btn .title{
    font-size: 100px;
    line-height: 70px;
    padding: 20px;
}
.archiv_btn .btn{
    position: absolute;
    left: calc(50% - 62px);
    top: calc(50% - 30px);
    width: 100px;
    font-size: 40px;
    /* border: 2px solid; */
    padding: 0 10px;
}
.archiv_btn:hover .btn{
    background-color: #171C22;
    border-color: #171C22;
    color: #DEE0C4;
}
body.program .box1 h1{
    margin-bottom: 80px;
}
.archiv_btn:nth-of-type(1){
    background-image: url(/TEMPLATE/IMG/FOTKY/ARCHIV/archiv_2022_desk.jpg);
}
.archiv_btn:nth-of-type(2){
    background-image: url(/TEMPLATE/IMG/FOTKY/ARCHIV/archiv_2019_desk.jpg);
}
.archiv_btn:nth-of-type(3){
    background-image: url(/TEMPLATE/IMG/FOTKY/ARCHIV/archiv_2017_desk.jpg);
}
.archiv_btn:nth-of-type(4){
    background-image: url(/TEMPLATE/IMG/FOTKY/ARCHIV/archiv_2015_desk.jpg);
}
.archiv_btn:nth-of-type(5){
    background-image: url(/TEMPLATE/IMG/FOTKY/ARCHIV/archiv_2013_desk.jpg);
}
/********************************************************************************************************/
.dila{
    display: flex;
    gap: 100px 30px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 200px;
    align-content: flex-start;
}
.dila .dilo{
    width: calc(33.33% - 20px);
    position: relative;
    aspect-ratio: 1;
}
.dila .dilo .img{
    background-image: url(/TEMPLATE/IMG/FOTKY/umelec_dilo_ztest.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.dila .dilo .title{
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    font-size: 40px;  
    left: 0;
}
.dila .dilo .title>div{
    max-width: 100%;
    box-sizing: border-box;
    padding: 5px 25px;
    display: inline;
}
/********************************************************************************************************/
.autor_info{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 100px;
    margin-bottom: 100px;
}
.autor_info .box{
    width: calc(50% - 10px);
    padding: 30px 30px;
    box-sizing: border-box;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.autor_info .box .content{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    width: 100%;
}
.autor_info .box .content h2{
    font-size: 40px;
    width: calc(100% - 230px);
}
.autor_info .box .content>.img{
    width: 200px;
    margin-right: 30px;
    height: 200px;
    position: relative;
}
.autor_info .box .content>.img img{
    width: 100%;
    aspect-ratio: 1;
    display: block;
}
.autor_info .box .title{
    width: 100%;
    font-size: 40px;
    margin-bottom: 30px;
    line-height: 120%;
}
.autor_info .box .desc3{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 90px;
}
.autor_info .box .desc3 .l6{
    width: 50%;
}
.autor_info .box>.btn{}
.autor_info .box>.btns{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-end;
    align-items: flex-end;
    gap: 10px;
}
.autor_info .box>.btns.v2{
    position: absolute;
    bottom: 30px;
}
.autor_info .box>.btns .btn{
    font-size: 40px;
    display: inline-block;
    border: 1px solid;
    margin-top: 20px;
    padding: 4px 20px;
}
.autor_info .box>.btns .btn:hover{
    background-color: #171C22;
    color: #29A64A;
}

.autor_info .box>.btns .image-hover{
    width: 68px;
    display: block;
}
.autor_info .box>.btns img{
    width: 100%;
    display: block;
}
.ctas{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.ctas .btn
{
    font-size: 40px;
}
.ctas.v2 .l6.right{
    justify-content: flex-end;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
}
/********************************************************************************************************/
.filters{
    display: flex;
    font-size: 40px;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 30px;
    gap: 10PX;
}
.overflow{
    overflow: hidden;
}

.program .item{
    display: flex;
    width: 100%;
    position: relative;
    font-size: 40px;
    line-height: 100%;
    font-family: 'National',sans-serif;
    padding: 30px;
    border-radius: 10px;
    /* gap: 20px; */
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center;
    align-content: center;
    box-sizing: border-box;
}
.program .item .date{
    width: 100px;
}
.program .item .date2{
    display: none;
}
.program .item .date>div{}
.program .item .name{
    width: calc(100% - 220Px);
}
.program .item .ctas{
    margin: initial;
    width: 120px;
    display: initial;
    font-size: inherit;
    /* position: absolute; */
    /* right: 20px; */
    /* top: calc(50% - 25px); */
}
.program .item .ctas .btn{
    padding: 5px 25px;
    float: right;
}
.program .item .ctas .btn:hover{
    border: none;
}
.program .item:last-of-type{
    margin-bottom: 300px;
}
.ctas.o_pro{
    display: flex;
    justify-content: center;
}
.info_top{
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 60px;
    position: relative;
}
.info_top .date{
    font-family: 'National',sans-serif;
    line-height: 100%;
}
.box1.box2 .cover.o-projektu {
    margin-bottom: 30px;
}
/********************************************************************************************************/
.left_info{
    position: absolute;
    right: 0;
    top: 0;
}
.left_info a{
    float: left;
    margin-left: 10px;
}
.left_info a.image-hover{width: 70px;display: block;}
.left_info a.image-hover img{width: 100%;display: block;}
.left_info a.btn{
    font-size: 40px;
}
.left_info_free{   }
.left_info_free .btn{   }

.desc5{ 
    font-size: 40px;
    margin: 50px 0;
}
.hamburger{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    padding: 20px;
    z-index: 5;
    cursor: pointer;
}
.hamburger img{width: 100%}

.mobile_menu{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 13;
}
.mobile_menu .close_btn{
    cursor: pointer;
    /* z-index: 3; */
    position: fixed;
    width: 40px;
    right: 0;
    top: 0;
    padding: 20px;
}
.mobile_menu div{
    margin: 10vh auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 5vh;
    gap: 20px;
}
.mobile_menu div a{
    text-align: center;
    display: block;
    /*border:1px solid transparent;*/
}
.mobile_menu div a.btn:hover{
    background-color: transparent;
    border-color: transparent;
    color: black;
}
/********************************************************************************************************/
.kontakty{
        font-family: 'National', sans-serif;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20Px;
    margin-top: 100px;
    margin-bottom: 200px;
    overflow: hidden;
}
.kontakty>.box{
    width: calc(50% - 10px);
    border: 2px solid #ED5E2A;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 20px;
    overflow: hidden;
    font-size:40px;
}
.kontakty>.box .r{
    float: left;
    width: 30%;
    padding: 20Px 40px;
    box-sizing: border-box;
}
.kontakty>.box .r img{width: 100%;max-width: 100px;}
.kontakty>.box .l{
    float: left;
    width: 66%;
    padding-top: 16px;
}
.kontakty>.box .l .title{
    color: #ED5E2A;
}
/********************************************************************************************************/
@media only screen and (max-width: 1400px){

    footer .header{
        font-size: 40px;
    }
}
@media only screen and (max-width: 1200px){
    .left_menu{
        display: none;
    }
    .hamburger{
        display: block;
    }
    footer .header{
        font-size: 40px;
    }
    .kontakty>.box,
    .autor_info .box>.btns .btn,
    .program .item,
    .desc5,
    .filters,
    .ctas .btn,
    .autor_info .box .title,
    .autor_info .box .content h2,
    .dila .dilo .title,
    .archiv_btn .btn,
    .section_mapa .btn,
    .submain_cta,
    .main_cta,
    .box1 .desc,
    .loga .header,
    .main_cta,
    .text,
    .submain_cta, .main_cta
    {
        font-size: 30px;
    }
    .autor_info .box>.btns .image-hover{
        width: 54px;
    }
    .box1.box2 H1{
        font-size: 40px;
    }
    .kontakty>.box .r{
        width: 40%;
    }
    .kontakty>.box .l{
        width: 60%;
    }

}
@media only screen and (max-width: 1000px){
    .page h1 {
        width: 100%;
        font-size: 40vw;
        top: 40%;
    }
    footer .l4{
        width: 100%;
    }
    .legal_text{
        margin:auto;
        text-align: center;
        margin-bottom: 40px;
    }
    .footerlogo,
    footer .socials{
        justify-content: center;
        margin-bottom: 40px;
    }
    .section_mapa{
        aspect-ratio: 1;
    }
    .program .item .ctas
    {
        /* width: 100%; */
    }
    .program .item .name
    {
        /* width: 100%; */
    }
    .page .c4{
        top: 10%;
    }
    .page .c1{
        top: initial;
        bottom: 10%;
    }
    .dila .dilo{
        width: calc(50% - 20px);
    }
    .box1 h1{
        line-height: 120%;
        font-size: 60px;

    }
    .autor_info {
        gap: 20px;
    }
    .autor_info .box{
        width: 100%;
    }
    .archiv_btn .btn{
        /* position: initial; */
        /* margin: auto; */
        /* margin-top: 200px; */
        /* margin-bottom: 200px; */
    }
    .archiv_btn{
        aspect-ratio: 1;
    }
    .archiv_btn .title{
        text-align: center;
    }
    .ctas.v2 .l6{
        width: 100%;
        align-content: space-around;
    }
    .ctas.v2 .l6.right{
        justify-content: center;
    }
    .slider_widget.main{
        margin-bottom: 100px;
    }
    footer .socials a{
        width: 60px;
    }
    .program .item{

    }
    .program .item .date{
        width: 60px;
    }
    .kontakty>.box
    {
        width: 100%;
    }
    footer .header
    {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }
    .archiv_btn:nth-of-type(1){
        background-image: url(/TEMPLATE/IMG/FOTKY/ARCHIV/archiv_2022_mob.jpg);
    }
    .archiv_btn:nth-of-type(2){
        background-image: url(/TEMPLATE/IMG/FOTKY/ARCHIV/archiv_2019_mob.jpg);
    }
    .archiv_btn:nth-of-type(3){
        background-image: url(/TEMPLATE/IMG/FOTKY/ARCHIV/archiv_2017_mob.jpg);
    }
    .archiv_btn:nth-of-type(4){
        background-image: url(/TEMPLATE/IMG/FOTKY/ARCHIV/archiv_2015_mob.jpg);
    }
    .archiv_btn:nth-of-type(5){
        background-image: url(/TEMPLATE/IMG/FOTKY/ARCHIV/archiv_2013_mob.jpg);
    }
}


@media only screen and (max-width: 800px){
    .dila .dilo{
        width: calc(100% - 20px);
    }
    .page.mainpage{
        height: calc(90vh - 100px);
        min-height: 900px;
    }

    
    .program .item .date{
        display: none;
    }
    .program .item{
        align-items: flex-start
     }
    .program .item .date2{
        display: block;
        width: 130px;
    }
    .program .item .name{
        width: calc(100% - 130px);
        margin-bottom: 20px;
    }
    .program .item .ctas{
        width: 100%;
    }

}





@media only screen and (max-width: 500px){
    .autor_info .box .desc3 .l6{
        width: 100%;
        margin-bottom: 20px;
    }
    .autor_info .box .desc3{
        margin-bottom: 50px;
    }
    .autor_info .box .content h2{
        width: 100%;
    }
    .autor_info .box .content>.img{
        margin-right: initial;
        margin-bottom: 20px;
    }
    .autor_info .box .content>.img{
        width: 100%;
    }
    .autor_info .box .content>.img img{
        aspect-ratio: initial;
    }
    .program .item{
        padding: 20px;
    }
    .left_info {
        position: initial;
        overflow: hidden;
        margin: 20px 0 0px;
    }
    .program .item .name{
        width: 100%;
    }
    .loga .boxs{
        gap: 40px;
    }
    .kontakty>.box{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }
    .kontakty>.box .r{
        width: 80px;
        padding: 20px 10px;
        box-sizing: border-box;
    }
    .kontakty>.box .l{
        width: calc(100% - 0px);
    }
    .box1 .desc2,
    .kontakty>.box,
    .autor_info .box>.btns .btn,
    .program .item,
    .desc5,
    .filters,
    .ctas .btn,
    .autor_info .box .title,
    .autor_info .box .content h2,
    .dila .dilo .title,
    .archiv_btn .btn,
    .section_mapa .btn,
    .submain_cta,
    .main_cta,
    .box1 .desc,
    .loga .header,
    .main_cta,
    .text,
    .submain_cta, .main_cta
    {
        font-size: 25px;
    }

    .page.mainpage{
        min-height: 500px;
    }
}
@media only screen and (max-width: 380px){

    .box1.box2 H1{
        font-size: 30px;
    }
    .box1 .desc2,
    .kontakty>.box,
    .autor_info .box>.btns .btn,
    .program .item,
    .desc5,
    .filters,
    .ctas .btn,
    .autor_info .box .title,
    .autor_info .box .content h2,
    .dila .dilo .title,
    .archiv_btn .btn,
    .section_mapa .btn,
    .submain_cta,
    .main_cta,
    .box1 .desc,
    .loga .header,
    .main_cta,
    .text,
    .submain_cta, .main_cta
    {
        font-size: 22px;
    }
    .submain_cta, .main_cta{
        justify-content: center;
    }

    .box1 .desc2{
        font-size: 22px;
    }

}



/*////////////////////////////////////////*/
.cookiebar
{
  background: #E36BBA;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 25px 20px;
  min-height: 0;
  bottom: -400px;
  transition: 0.2s all linear;
  border-radius: 20px 20px 0 0;
  border-top: 2px solid #fff;
  font-size: 30px;
}
.cookiebar a
{
    color: #2C2835;
    text-decoration: underline;
}

.cookiebar.active
{
  bottom: 0;
}
.cookiebar>.content
{
    overflow: hidden;
}
.cookiebar>.content>.box
{
    float: left;
    width: calc(100% - 300px);
    
}
.cookiebar>.content>.box>.header
{
  width: initial;
  margin: initial;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 1rem;
  padding: initial;
  text-align: initial;
}
.cookiebar>.content>.box>.text{color: #283583;}
.cookiebar>.content>.box>.text>a{color: #283583;border-bottom: 1px solid #283583;text-decoration: none;}
.cookiebar>.content>.buttons
{
    float: right;
    width: 300px;
}
.cookiebar>.content>.buttons .button
{
    font-size: 30px;
    box-sizing: border-box;
    display: block;
    text-align: center;
    letter-spacing: 2px;
    width: initial;
    margin-bottom: 10px;
    color: white;border: 2px solid white;box-shadow: none;
    margin: 0 0 0 1rem;float: right;
}

.cookiebar>.content>.buttons .button.full {background: white;color: #180442;}
@media only screen and (max-width: 600px)
{
    .cookiebar,
    .cookiebar .button
    {
        font-size: 22px;
    }
  .cookiebar>.content>.box
  {
    max-width: 100%;
    width: 300px;
    margin: auto;
    display: block;
    float: initial;
    margin-bottom: 20px;
  }
  .cookiebar>.content>.box>.text {
      margin-bottom: 1rem;
  }
  .cookiebar>.content>.buttons
  {
    margin: auto;
     float: initial; 
  }
  .cookiebar>.content>.buttons
  {
    width: initial;
    margin-top: initial;
  }

}
/*////////////////////////////////////////*/