html{
  font-size: 1em;
}
@media  screen and (min-width:768px) {body{
        margin-top: 0px;
        animation: fadeInAnimation 6s ease-in-out;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        background-color: #ffffff;
         color: #000000;
       font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
       font-size: 14px;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
    }
@keyframes  fadeInAnimation {
            0% {
            opacity:0;
            }
            50%{
            opacity:0.5;
            }
            100%{
            opacity:1;
            }
    }
.one,#exhibition{
     position: relative;
}
.emptyBlock{
    display:block;
    width:100px;
    height:2em;
}
.pcDisplay_scrollBtn{
    display:block;
}}
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html{
  height:100vh;
 scroll-snap-type: x mandatory;
}
body{
  margin: 0;
  padding: 0;
 height: 100vh;
 
    scrollbar-width: none;
    overflow-x: auto;
    overflow-y: hidden;
}
.hide_element{
    display:none;
}
.hide_{
    display:none!important;
}
#brnenskeLegendy h1,#jeduvky h1,#bedlaMarket  .gallery_text_under_text_home h1{
  font-size: 1.8rem;
}
h1{
  font-size: 2.7rem;
}
h3{
  font-size: 1.8rem;
}
h1,h3,h4,h5,h6{
                                  
                                      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
                                      font-size: 27px;
                                      font-style: normal;
                                      font-weight: 700;
                                      line-height: 1.1;
                                      margin: 1rem 0;
                                      color:#000;
                                 }
a:hover,a:focus{
    text-decoration: none;
    cursor: pointer;
  }
.fa-circle-o{
      
  }
.wrapperIntro{
      display: flex;
     flex-direction: row;
     width: 380vw; 
     
max-height: 100%;
height:100vh;
margin: 0;
position: relative;
  }
.wrapperGallery,.wrapperGallery1{
    display: flex;
   flex-direction: row;
   height: 100vh;
   margin-top: 0;
}
.wrapperGallery1{
  
}
.dennikyMargin{
margin:0 2%;
}
.wrapperGallery{
  width:300vw;
}
.slideIntro{
     width: 100vw;
     height: 100vh;
     position: relative;
     z-index: 2;
}
.wrapper,.wrapper1{
    position: relative;
    transition: opacity 1000ms ease-in-out 1 1s;
    display: flex;
    flex-direction: row;  
    height: 100vh;
  }
.wrapper{
    width:300vw;
    height: 100vh;
    
}
img{
      object-fit: fill;
  }
ul{
     transition: background-color 0.5s ease-in 0.3s;
     
 }
main.oMne  .exhiBase{
      position:relative;
  }
main.oMne .exhiBase .arrow_right_hidden_end{
  background: #fff;
  position: absolute;
  bottom: 2px;
  right:0;
  height: 62px;
  width: 50%;

  z-index: 5;
  display: block;
}
.big-blue{
display:block;
width:100px;
height:100px;
  }
.submenu2{
    display:block; 
 }
.submenu3{
    display:none; 
 }
.card{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 0.25rem;
  width: 40vw;
}
.card-body{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem;
width: 100%;
text-align: center;
}
.d-flex{
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
display: flex !important;
margin: 3% 0 0 0;
}
.width_Gallery_Hledani_vw{
 width: 190vw !important;
}
.width_Gallery_Akvarely_vw{
  width: 300vw !important;
}
main div div div div.galleryMe{
   align-items: normal;
 }
main.denniky .gallery-Items .gallery-Items_Sub_1_px_w,.gallery-Items_Sub_1_px_w{
  width: 400px;
}
main.oMne .gallery-Items_AboutMe_px_w,main.oMne .gallery-Items_AboutMe_px_w .img-responsive1{
  width: 27em;
}
.box-shadow{
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .05);
}
.img-hover-zoom{
    overflow: hidden;
    margin-bottom: 2%;
}
#galerie .img-hover-zoom{
    overflow: hidden;
   margin-bottom: 2%;
}
.img-hover-zoom--basic:hover img{
    transform: scale(1.25)!important;
}
.img-hover-zoom--basic img{
     transition: 0.9s all ease-in-out!important;
}
main.oMne #exhibition{
 margin-inline-start: 0%;
 width:100%;
}
main.oMne .exhiBase .gallery-Items_AboutMe_px_w{
  width: 40em;
    
    
}
main.oMne .gallery-Items_AboutMe_px_w_text{
    width: 36em;
}
main.oMne .three .gallery-Items_Sub_2_px_w{
  width: 34em;
 }
main.oMne .gallery-Items_AboutMe_px_w_exhibition{
    width: 32em;
}
main.oMne .gallery-Items,main.wrapperIlustrace .gallery-Items,main #od_svitavy .gallery-Items,#malomeric .gallery-Items,#vlesich .gallery-Items,#naplavka .gallery-Items,#praha2012 .gallery-Items,#zcest .gallery-Items{
  align-items: center;
}
main.oMne .oMne_klusak{
  text-align: right;
  font-weight: bold;
  font-style: italic;
  margin-top: 1em;
}
.denniky .img-responsive1,.wrapperMalby .img-responsive1,.img-responsive1{
  
  max-width: 100%;
  height: auto;
  
  
 }
.gallery-Items{
  
margin: auto 0;
display: inline-flex;
align-content: center;



flex-direction: row;
justify-content: center;

height: 100vh;
 }
#risiHracek .img-responsive1{
       height:auto;
   }
.pcDisplay{
        display:none;
}
.logo img{
      position: relative;
  }
.test{
    width: 5%;
    display: block;
    height: auto;
    
  }
.container1{  
    display: grid;
  grid-template-columns: 25% 25% 25% 25%;
grid-template-rows: 25% 25% 25% 25%;
    grid-auto-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
      "L1 L2 S1 R_1"
      "LM2 NOTE NOTE R_1"
      "L3 NOTE NOTE RM_2"
      "L3 S3 MR_3 R_3";
    width: 100%;
  }
.L1{ grid-area: L1; }
.L2{ grid-area: L2; }
.S1{ grid-area: S1; }
.R_1{ grid-area: R_1; }
.RM_2{ grid-area: RM_2; }
.MR_3{ grid-area: MR_3;}
.R_3{ grid-area: R_3;}
.S3{ grid-area: S3; }
.L3{ grid-area: L3; }
.LM2{ grid-area: LM2; 
}
.NOTE{ grid-area: NOTE; position: relative;overflow: hidden;background:#f9f9f9;}
.container1{
    height: 100%;
    margin: 0;
  }
.container1 > div{
    margin: 1%;
  }
.container1 img{
    height: 100%;
   width:100%;
   background-size:     cover;                      
   background-repeat:   no-repeat;
   background-position: center center; 
   object-fit: fill;
  }
a:focus{
    outline: none!important;
    outline-offset: 0;
}
.logo_img{
  margin-top: 2em;
margin-top: calc(1em + 2em);
text-align: center;
}
.mobNote{
  position: relative;
}
#home .gallery_text_under_text_home h3{
    display: flex;
	flex-basis: 100%;
	align-items: center;
	margin: 15px 0px;
}
#home .gallery_text_under_text_home h3:before,#home .gallery_text_under_text_home h3:after{
    content: "";
	background: rgba(0, 0, 0, 0.25);
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px 8px;
    width:5%;
}
#exhibition h1{
    display:flex;
    align-items: center;
    	flex-basis: 100%;
    	justify-content:center;
    	
}
#exhibition h1:before,#exhibition h1:after{
    content: "";
	background: rgba(0, 0, 0, 0.25);
	height: 1.8px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px 8px;
    width:1vw;
}
.visually-hidden{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.page-title{
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 12px;
  color: #444;
}
.intro{
  max-width: 640px;
  margin: 0 0 32px;
  font-size: 14px;
  line-height: 1.6;
  color: #666;
}
@media  screen and (min-width: 1600.4px){main div div .assets-grid .assetAkva img{
    width: 100%!important;
  }}
@media  screen and  (min-width: 1200px) {main div div .asset.image img{
    width: 90%;
    min-width: 0 !important;
  }
.container1a div.header-text .text-center:after{
    content: "";
    position: absolute;
    height: 1px;
    background:rgba(157, 157, 157, .4);
    bottom: 0;
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0%;
  }
.container1a   div.header-text .text-center:before{
    content: "";
    position: absolute;
    height: 1px;
    background:rgba(157, 157, 157, .4);
    top: 0;
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 1%;
  }
.container1a div.header-text .text-center1:nth-child(1):after{
    content: "";
    position: absolute;
    height: 1px;
    background:rgba(157, 157, 157, .4);
    bottom: 0;
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0%;
   
  }
.container1a   div.header-text .text-center1:before{
    content: "";
    position: absolute;
    height: 1px;
    background:rgba(157, 157, 157, .4);
    top: 0;
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 1%;
   
  }}
@media  screen and  (min-width: 992px) {main div div .asset.image img{
    
    width: 50vh;
    min-width: 0 !important;
  }
main div div .assets-grid .assetAkva img{
    width: 300px;
  }}
@media  screen and (max-width: 1600px) and (min-width: 1200px){main.oMne .three .gallery-Items_Sub_2_px_w{
  width: 24em;
}
main.oMne .gallery-Items_AboutMe_px_w_exhibition{
    width: 28em;
}
.malbyBase .col-md{
    margin: 2em!important;
}
main.wrapperMalby div div#galery .assets-grid div.gallery-Items .gallery-Items_Sub,.gallery-Items_Sub{
    width: 19em!important;
}
main.oMne .gallery-Items_AboutMe_px_w,main.oMne .gallery-Items_AboutMe_px_w .img-responsive1{
  width: 28em;
}
main.oMne .gallery-Items_AboutMe_px_w_text{
    width: 45em;
    height:auto;
}
.exhibitions_Notes > div{
  margin: 2% auto;
  background: #f9f9f9;
}
#exhibition h1{
    font-size:1.5rem!important;
     line-height:1;
}
.gallery_text_under_text_exhibition h4{
    font-size:1.2vw;
    margin:.5rem 0;
}
.gallery_text_under_text_exhibition p{
    font-size:1vw;
    padding:0.15em;
    line-height:1.35;
}
#home p{
    font-size: 14px;
    line-height: 1.5;
        word-wrap: break-word;
   overflow-wrap: break-word;
   hyphens: auto;
}
.container1a >.carousel-inner > .item > img,.carousel-inner > .item > a > img{
  display: block;
  width: 100%;
  height: 23em!important;
}}
@media  screen and (max-width: 1120px) and (min-width: 768px){.container1{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: 28% 44% 28%;
    grid-auto-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas: "L1 L1 L2 L2" "NOTE NOTE NOTE NOTE" "R_3 R_3 MR_3 MR_3";
    width: 100%;
  }
.RM_2,.R_1,.L3,.LM2{ display: none; }
.container1a div.header-text{
  
  
}
.container1a div.header-text .text-center:after{
  content: "";
  position: absolute;
  height: 1px;
  background:rgba(157, 157, 157, .4);
  bottom: -3em;
  width: 40%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0%;
  display:none;
}
.container1a   div.header-text .text-center:before{
  content: "";
  position: absolute;
  height: 1px;
  background:rgba(157, 157, 157, .4);
  top: 0em;
  width: 40%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: -2%;
  display:none;
}
.NOTE .container1a .text-center{
  height: 12em!important;
}
.secondslide_ .text-center h1{
    font-size: 2rem;
    transform: translate(0%)!important;
}
.item .firstSlide .text-center h1{
    font-size: 2rem;
}
.header-text h1{
  font-size: 2.2rem;
  padding: 0 5px;
}
.header-text h2{
  font-size: 1.4rem!important;
  margin:.4em 0;
}
.header-text h2{
  font-weight: 700;
}
.header-text h3{
  font-size: 1.1rem!important;
  padding: 0 5px;
}}
@media  screen and (max-width:991px){.contact-form .btnContact{
  position: relative;
  bottom: -13em;
}
.contact-form textarea{
  position: relative;
  bottom: 3em; 
}
.contact-form{
  width: 80%!important;
  margin: 0em auto;
}
main div div .assets-grid .assetAkva img{
  width: 300px;
  max-width: none;
}}
@media  screen and (max-width: 992px) and (min-width: 768px){main div div div div.assets-grid div.contact_me{
    display: block;
    width: 100%!important;
    margin: 0 auto;
}}
@media  screen and (min-width:768px) {ul >li >ul > li{
        width: 14em;}
main #galery1 .assets-grid{

      margin-left: 3em;
    }
main div div .assets-grid{

      margin-left: 20em;
    }
main div #exhibition .assets-grid{
  margin-left: 2em;
}
.mobNote{
      display: none;
    }
#exhibition p,#home p{
    overflow-wrap: break-word;
    hyphens: auto;
    letter-spacing: 0.3px;
    line-height: 1.5;
    font-size: clamp(.8rem, 1.6vw, 1rem);
    margin: 0;
    color: #333;
    text-align: left;
   }
#containerSCROLL{
      
      
}
@keyframes  arrow-movement_left {
	 0% {
		 opacity: 0;
		 left: 110%;
	}
	 70% {
		 opacity: 1;
	}
	 100% {
		 opacity: 0;
	}
}
.arrow-first{
	 animation: arrow-movement 2s ease-in-out infinite;
	 
}
.arrow-second{
	 animation: arrow-movement 2s 1s ease-in-out infinite;
	 
}
@keyframes  arrow-movement {
	 0% {
		 opacity: 0;
		 left: -17%;
	}
	 70% {
		 opacity: 1;
	}
	 100% {
		 opacity: 0;
	}
}}
@media  screen and (max-width:881px) {.pcDisplay{
    display:block;
}
main div div .assets-grid:nth-child(1){
    margin-left: 0;
  }}
@media  screen and (max-width:767.9px) {html{
  height:100vh;
  overflow-y: hidden;
  overflow-x: auto;
}
body{
  margin: 0;
  padding: 0;
 height: 100vh;
overflow-y: hidden;
overflow-x: auto;
scroll-behavior: smooth;
}
.pcDisplay_scrollBtn{
    display:none;
}
.ilustraceBase .col-md{
margin: 0em 2em 0 2em;
}
.homeBase .col-md:first-child,.exhiBase .col-md:first-child{
margin: 2em 0;
}
main.wrapperIlustrace div div#galery .assets-grid div.gallery-Items .gallery-Items_Sub1,#od_svitavy .assets-grid .gallery-Items .gallery-Items_Sub1,#malomeric .assets-grid .gallery-Items .gallery-Items_Sub1,#vlesich .assets-grid .gallery-Items .gallery-Items_Sub1,#naplavka .assets-grid .gallery-Items .gallery-Items_Sub1,#praha2012 .assets-grid .gallery-Items .gallery-Items_Sub1,#zcest .assets-grid .gallery-Items .gallery-Items_Sub1{
    width: 350px!important;
    margin: 0 auto;
    padding: 1em;
}
.malbyBase .col-md:first-child{
    margin: auto 0!important; 
}
.malbyBase .col-md:last-child,.ilustraceBase .col-md:last-child{
margin: 2em 0 0 1.5em;
padding-right: 30px;
}
#risiHracek .ilustraceBase .col-md:last-child,#pobalti .ilustraceBase .col-md:last-child,#himalaje .ilustraceBase .col-md:last-child,#dcerka .ilustraceBase .col-md:last-child,#mistoCeskyDub .ilustraceBase .col-md:last-child,#pobreziPolska .ilustraceBase .col-md:last-child,#banat .ilustraceBase .col-md:last-child,#cestaDoCompostela .ilustraceBase .col-md:last-child,#turecko .ilustraceBase .col-md:last-child,#barzheim .ilustraceBase .col-md:last-child,#letoNaBrezine .ilustraceBase .col-md:last-child{
    margin: 0em 1em 0 1.5em;
}
#od_svitavy .ilustraceBase .col-md-6:last-child,#malomeric .ilustraceBase .col-md-6:last-child,#materstvi .ilustraceBase .col-md-6:last-child,#vlesich .ilustraceBase .col-md-6:last-child,#naplavka .ilustraceBase .col-md-6:last-child,#praha2012 .ilustraceBase .col-md-6:last-child,#zcest .ilustraceBase .col-md-6:last-child{
    padding-right: 30px;
}
.ilustraceHTMLcko .img-responsive1{
    height:auto;
}
.oMne .img-responsive1{
    height:auto;
}
.denniky .img-responsive1,.wrapperMalby .img-responsive1,.img-responsive1{
  width: 350px;  
  height: auto;
  
 }
#galerie .malbyBase .col-md-6{
 padding-right: 35px;
padding-left: 30px;
     
 }
#grafika .malbyBase .col-md-6,#malby .malbyBase .col-md-6,#denniky .malbyBase .col-md-6,.ilustraceBase .col-md-6{
 padding-right: 35px;
padding-left: 30px;
     
 }
.malbyBase .col-md-6,.ilustraceBase .col-md-6{
 padding-right: 51px;
padding-left: 45px;}
.malbyBase .col-md-6:first-child,.ilustraceBase .col-md-6:first-child{
padding-right: 70px;
padding-left: 30px;
margin: 0px;
 }
#ilustrace .ilustraceBase .col-md{
    height:auto!important;
}
#malby .malbyBase .col-md,.malbyBase .col-md,.ilustraceBase .col-md{
    width: 100%;
    height: auto;
    margin: auto 0!important;
}
#akvarely .img-responsive1,#podzimNaBrezine .img-responsive1,#letoNaBrezine .img-responsive1,#pobalti .img-responsive1,#dcerka .img-responsive1,#mistoCeskyDub .img-responsive1,#pobreziPolska .img-responsive1,#banat .img-responsive1,#cestaDoCompostela .img-responsive1,#turecko .img-responsive1,#severemItalie .img-responsive1,#barzheim .img-responsive1,#broumovsko .img-responsive1,#od_svitavy .img-responsive1,#materstvi .img-responsive1,#vlesich .img-responsive1,#naplavka .img-responsive1,#praha2012 .img-responsive1,#zcest .img-responsive1{
     height:auto;
 }
main.oMne .gallery-Items_AboutMe_px_w .img-responsive1{
  width: 300px;
  margin: 0 1em;
}
main.oMne .exhiBase .gallery-Items_AboutMe_px_w{
    width: 24em;
}
.gallery-Items_Sub_1_px_w,.gallery-Items_Sub{
  margin: .5em 2em!important;
}
main.oMne .gallery-Items_AboutMe_px_w_text{
    width: 26.5em;
}
.gallery-Items_Sub_1_px_w,.gallery-Items_Sub{
  
  width: 300px!important;
 }
main.oMne .three .gallery-Items_Sub_2_px_w{
    width: 314px !important;
    margin: 2em auto 0;
}
main.oMne .gallery-Items_AboutMe_px_w_exhibition,main.oMne .gallery-Items_AboutMe_px_w_exhibition .img-responsive1{
    width: 27em;
}
#exhibition h1,#home h1{
    font-size: 1.6rem!important;
    
}
#exhibition h4{
    font-size: 1.15rem!important;
    line-height:1;
}
#exhibition p{
    font-size: .9rem!important;
    line-height: 1;
        word-wrap: break-word;
   overflow-wrap: break-word;
   hyphens: auto;
   
}
#home p{
overflow-wrap: break-word;
    hyphens: auto;
    letter-spacing: .33px;
    line-height: 1.35;
    font-size: clamp(.85rem, 2vw, 1.2rem);
    margin: 0;
    color: #333;
    text-align: left;
}
#o_mne_ li{
  margin-bottom: 5px!important;
}
.exhibitions_Notes > div{
    margin:2% auto 0;
}
.exhibitions_Notes > h1:last-child{
    margin:1.2em auto 0;
}
.whiteSpace{
  display: none;
}
#galerie .malbyBase .col-md{
       margin:0em!important;
       width:100vw;
  }
main.wrapperMalby div div#galery .assets-grid div.gallery-Items .gallery-Items_Sub1
  .gallery-Items_Sub1{
    width: 380px;
    margin: 0 auto;
}
.gallery-Items .galery_right_Sub{
    margin-right: 4em;
}
.logo{
  height: 59px;
  display: block;
}
.logo img{
  max-width: 172px;
  max-height: 40px;
  margin: 0 auto;
  width: auto;
  top: 10px;
}
.logo-dark{
  display: block;
  width: auto;
}
.logo-white{
  display: none !important;
}
.count-number{
  display: none!important;
}
main div div .asset.image .image-wrap-inner{
  width: 100vw;
}
main div div .assets-grid:nth-child(1){
  margin-left: .1%;
}
#exhibition #galery .assets-grid:nth-child(1){
  margin-left: 2.1%;
}
main #risiHracek .assets-grid:nth-child(1),main #barzheim .assets-grid:nth-child(1){
       margin-left: -0.2%;
}
main #cestaDoCompostela .assets-grid:nth-child(1),main #turecko .assets-grid:nth-child(1),main #severemItalie .assets-grid:nth-child(1),main #broumovsko .assets-grid:nth-child(1){
       margin-left: -0.1%;
}
main #himalaje .assets-grid:nth-child(1){
       margin-left: 0%;
}
main div div .assets-grid .asset:nth-child(1){
  margin: 0;
}
main div div .assets-grid .asset:last-child{
  margin:0;
}
main div div .asset.image img{
  width: 90%;
  min-width: 0 !important;
}
main div div div div.assets-grid div.contact_me{
  display: block;
  width: 100% !important;
  margin: 0 auto;
}
main div div div div.contactMe_main{
  width:100vw;
}
.R_3,.S1,.R_1,.RM_2,.S3,.L3,.L2,.L1{
  display: none;
}
.container1{
      display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 26% 40% 30%;
  grid-auto-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
  "LM2   LM2   LM2   LM2 " 
  "NOTE NOTE NOTE NOTE" 
  "MR_3  MR_3  MR_3 MR_3";
  width: 100%;

}
.carousel-inner{
  overflow: visible!important;
  height: 1em;
}
.NOTE .container1a .text-center{
  height: 9em!important;
}
.mobNote{
  display:none;
}
.mobNote h1{
    font-size: 1.7rem;
}
.container2{  
  display: none;
  grid-template-rows: 30% 35% 35%;
  grid-auto-columns: 100%;
  grid-auto-flow: row;
  grid-auto-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas:
    "mobTop1"
    "mobNote"
    "mobBottom1";
  width: 100%;
  height: 100%;
}
.mobTop1{ 
    
    
 
    background-image: url("../../images/HP_area/4-Kam-737x542.jpg");
  
    
    height: 100%; 
    margin:0;
  
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.Note{ grid-area: 2 / 1 / 3 / 2 !important; 
}
.mobBottom1{ grid-area: 3 / 1 / 4 / 2;
 
 background-image: url("../../images/HP_area/001.jpg"); 
 
 height: 100%; 
 margin:0;
 
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}
.header-text{
  position: absolute;
  right: auto;
  width: 100%;
  left: 50%!important;
  top: 50%!important;
  transform: translate(-50%, -50%);
}
.secondslide_ .text-center h1,.img-slide .text-center h1{
    font-size: 1.7rem;
    transform: translate(0%)!important;
}
.item .firstSlide .text-center h1{
  font-size: clamp(1.8rem, 4vw, 3rem);
letter-spacing: -1px;
font-weight: 600;
}
.header-text .col-md-12{
    padding-right: 8px;
    padding-left: 8px;
}
.header-text h2{
  font-size: 1.3rem!important;
   margin: .4em 0 0 0!important;
}
.header-text h3{
  font-size: 1.1rem!important;
  margin: .4em 0 0 0!important;
}
.close{
    top:48px;
}
main #jeduvky .gallery-Items .gallery-Items_AboutMe_px_w_text p,main #brnenskeLegendy .gallery-Items .gallery-Items_AboutMe_px_w_text p{
     width: 22em!important;
 }
.emptyBlock1{
  display: block;
  width: 60vw;
  height: 5.8vh;
  
}}
@media  screen and (max-width: 767.8px) and (min-width: 580px){main div div .asset.image img.width65{
  width: 65%;   
 }}
nav div ul.fade-links > *{
transition:height 5s ease-in-out, opacity 5s ease;
-webkit-transition: height 5s ease-in-out, opacity 5s ease;
}
@keyframes  arrowFloat {

    0% {
        transform: translateY(-50%) translateX(0);
        opacity: 0.65;
    }

    50% {
        transform: translateY(-50%) translateX(8px);
        opacity: 1;
    }

    100% {
        transform: translateY(-50%) translateX(0);
        opacity: 0.65;
    }
}
main.oMne .slide{
          width: 100vw;
        }
main.oMne .slide,#contact{
          width: 100%;
        }
#contact .slide1{
          width: 100vw;
       
        }
.introBackground{
    background: #f0f0f0;
  }
.one{
    background: #ffffff;
  }
.two{
    background: #ffffff;
    

  }
.three{
    background: #fff;
  }
.four{
    background: #ffffff;
    
  }
main div div div div.assets-grid div.about_meImg{
  display: block;
  width: 40%;
 }
main div div div div.assets-grid div.text_about_me{
  display: block;
  width: 40%;
 }
main div div div div.assets-grid div.contact_me{
  display: block;
  width: 60%;
  margin: 0 auto;
 }
main div div .assets-grid{
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   position: relative;
   -webkit-align-items: center;
   align-items: center;
   height: 100vh;
   overflow-x: hidden;
   overflow-y: hidden;
   
   transition: margin-left 2000ms ease-in-out;
   animation-delay: 1s;
   
   justify-content: center;
  }
main div div .assets-grid .asset{
  align-items: center;
  margin: 0px 2em;
  position: relative;
}
main div div .assets-grid .asset.image .image-wrap{
  position: relative;
}
main div div .asset.image .image-wrap-inner{
  position: relative;
}
main div div .asset.image img.lazyloaded{
  opacity: 1;
}
main div div .asset.image img{
  display: flex;
  min-width: 100%;
  flex-direction: row;
  margin: 0 auto;
}
main.oMne .three .assets-grid{
    width: 100%;
}
main #od_svitavy .gallery-Items .gallery-Items_AboutMe_px_w_text p,main #bedlaMarket .gallery-Items .gallery-Items_AboutMe_px_w_text p,main #jeduvky .gallery-Items .gallery-Items_AboutMe_px_w_text p,main #brnenskeLegendy .gallery-Items .gallery-Items_AboutMe_px_w_text p{
    text-align: left;
    width: 21em;
    height: auto;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: .9rem;
    line-height: 1.4;
    color: #000;
}
main #bedlaMarket .gallery-Items .gallery-Items_AboutMe_px_w_text p,main #jeduvky .gallery-Items .gallery-Items_AboutMe_px_w_text p,main #brnenskeLegendy .gallery-Items .gallery-Items_AboutMe_px_w_text p{
     width: 24.57em;
}
main #od_svitavy .gallery-Items p,main.wrapperGallery .wrapper .assets-grid p{
    
    
    
    
}
main #od_svitavy .gallery-Items .gallery-Items_AboutMe_px_w_text .anotaceSvitavy_EmptyBlock h1,.anotaceSvitavy_EmptyBlock{
    height: 2em;
    width: auto;
    display: block;
}
main #bedlaMarket a.koupitNyni,main #jeduvky a.koupitNyni,main #brnenskeLegendy a.koupitNyni{ 
display:block; width:30%; padding:5px; text-decoration:none; text-align:center; border-style:solid;
border-width:.3px;
border-color:#999;
color:#0c0c0c;
background-color: #ffffff;
border-radius:4px;
}
main #bedlaMarket a.koupitNyni:hover,main #jeduvky a.koupitNyni:hover,main #brnenskeLegendy a.koupitNyni:hover,main #bedlaMarket a.koupitNyni:focus{
  border-color: #000;
  color: #000;
  background-color: #dbdbdb;
  transition:.6s all ease-in-out;
}
.gallery_text_under_img{
    text-align: center;
    margin: 0 auto;
  width: 94%;

}
main .gallery-Items .gallery_text_under_img p:first-of-type{
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 4px;
    letter-spacing: 0.3px;
}
main .gallery-Items .gallery_text_under_img p:nth-of-type(2){
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 1px;
}
main .gallery-Items .gallery_text_under_img p:nth-of-type(3){
display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    background: #f2f2f2;
    color: #555;
    font-weight: 500;
       margin-bottom: 1px;
}
.wrapperMalby,.wrapperIlustrace{
  width: 100%;
}
main.wrapperMalby div div#galery .assets-grid div.gallery-Items .gallery-Items_Sub,.gallery-Items_Sub{
  width: 360px; 
  
  margin: 2em auto 0;
}
main.wrapperMalby div div#galery .assets-grid div.gallery-Items .sub-margin-top,.sub-margin-top{
  margin-top:1em;

}
main.oMne .sub-margin-top{
  margin-top:1em;
}
.slide2 .malbyBase .col-md,.ilustraceBase .col-md{
width: 100%;
margin: 2em;
}
.ilustrace1 .ilustraceBase .col-md{
margin: 0 4em;
}
#od_svitavy .assets-grid .ilustraceBase .col-md,#malomeric .assets-grid .ilustraceBase .col-md,#materstvi .assets-grid .ilustraceBase .col-md,#vlesich .assets-grid .ilustraceBase .col-md,#naplavka .assets-grid .ilustraceBase .col-md,#praha2012 .assets-grid .ilustraceBase .col-md,#zcest .assets-grid .ilustraceBase .col-md{
width: 100%;

}
.homeBase .col-md,.exhiBase .col-md{
margin: 2em;
}
.exhiBase .col-md:last-child{
margin-inline-start: 0em;
}
main #mistoCeskyDub .assets-grid .gallery-Items .gallery-Items_Sub1{
  width: 28em!important;
  margin: 0 auto;
}
main #pobreziPolska .assets-grid .gallery-Items .gallery-Items_Sub1,main #cestaDoCompostela .assets-grid .gallery-Items .gallery-Items_Sub1,main #turecko .assets-grid .gallery-Items .gallery-Items_Sub1,main #barzheim .assets-grid .gallery-Items .gallery-Items_Sub1,main #broumovsko .assets-grid .gallery-Items .gallery-Items_Sub1,main #materstvi .assets-grid .gallery-Items .gallery-Items_Sub1{
  width: 400px!important;
  margin:2em;
}
#od_svitavy   .assets-grid .gallery-Items .gallery-Items_Sub1,#malomeric .assets-grid .gallery-Items .gallery-Items_Sub1,#vlesich .assets-grid .gallery-Items .gallery-Items_Sub1,#naplavka .assets-grid .gallery-Items .gallery-Items_Sub1,#praha2012 .assets-grid .gallery-Items .gallery-Items_Sub1,#zcest .assets-grid .gallery-Items .gallery-Items_Sub1{
    width: 450px;
    
    margin: 0 auto;
}
#od_svitavy div div .ilustraceBase .col-md-6,#malomeric  div div .ilustraceBase .col-md-6,#materstvi  div div .ilustraceBase .col-md-6,#vlesich    div div .ilustraceBase .col-md-6,#naplavka   div div .ilustraceBase .col-md-6,#praha2012  div div .ilustraceBase .col-md-6,#zcest  div div .ilustraceBase .col-md-6{
    padding-right: 50px;
     
}
main #od_svitavy .assets-grid div.gallery-Items .gallery-Items_Sub1,#bedlaMarket .assets-grid div.gallery-Items .gallery-Items_Sub1{
  width: 450px;
  
  margin: 0 auto;
}
main.wrapperIlustrace div div#galery .assets-grid div.gallery-Items .gallery-Items_Sub1{
  width: 380px;
  
  margin: 0 auto;
}
.gallery_text_under_img .effect-one,.effect-one{
  text-align: center;
  font-size: 1.1rem;
  line-height: 1.3;
  margin-top: 3%;
}
.effect-one1{
    text-align: center;
     font-size: .9rem;
  line-height: 1.6;
}
.effect-one > a,.submenu2 >li:first-child >.effect-one > a{
  color: #9d9d9d;
  cursor: pointer;
  text-decoration: none;
  display: inline;
  padding-bottom: 2px;
  transition: all 0.35s linear;
  background: linear-gradient(to bottom, #363636 0%, #363636 98%);
  background-size: 0px 2px;
  background-repeat: no-repeat;
  background-position: left 100%;

}
.effect-one > a:hover,.effect-one > a:active,.effect-one > a:focus{
  color: rgb(54, 54, 54) !important;
  transition: all 0.4s ease-in-out 0s;
  background-color: transparent;
  font-weight: 500;
  background-size:100% 2px;
}
.effect-one1 > a:hover,.effect-one1 > a:active,.effect-one1 > a:focus{
  color: rgb(54, 54, 54) !important;
  transition: all 0.4s ease-in-out 0s;
  background-color: transparent;
  font-weight: 500;
  background-size:100% 2px;
}
.active1a > a{
     font-weight: 500;
color: rgb(54, 54, 54) !important;
}
.effect-one > a.active,.active1{
  color: rgb(54, 54, 54) !important;
  transition: all 0.4s ease-in-out 0s;
  background-color: transparent;
  font-weight: 500;
  background-size:100% 2px;
}
ul.submenu2 >li:first-child >.effect-one > a.active{
  color: rgb(54, 54, 54) !important;
  transition: all 0.4s ease-in-out 0s;
  background-color: transparent;
  font-weight: 500;
  background-size: 0%;
}
.container.show-container{
  opacity: 1;
}
.container{
opacity: 0;
transition: opacity 3000ms ease-in-out;
animation-delay: 2s;
}
.container{
   padding:0!important;
   margin:0!important; 
}
.box1{
  display: none;

}
.display_Yes{
  display:block !important; 

  
}
.noDisplay{
  display: none;
}
.btn-obrazy{
    text-align: center;
}
.btn-obrazy a{
    border: none;
  border-radius: 6px;
  padding: 1.5% 3%;
  background: #9d9d9d;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  display: inline-block;
width: auto;
}
.contact-form{
  background: #fff;
  width: 100%;
  
  border-radius: 1%;
}
.contact-form .form-control{
  border-radius:1rem;
}
.contact-image{
  text-align: center;
}
.contact-image i{
  margin-top: 3%;
  margin-bottom: 3%;
  color: #9d9d9d;
  font-size: 4em;
}
.contact-form form{
  padding: 5em 3em;
}
.contact-form form .row{
  margin-bottom: -7%;
}
.contact-form h3{
  margin-bottom: 8%;
  margin-top: -10%;
  text-align: center;
  color: #9d9d9d;
  font-weight: 800;
}
.contact-form .btnContact{
width: auto;
  border: none;
  border-radius: 4px;
  padding: 1.5% 3%;
  background: #9d9d9d;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
.contact-form .btnContact:hover{
    background-color: rgb(54, 54, 54) !important;
transition: all 0.4s ease-in-out 0s;
color: #fff;

}
.btnContactSubmit{
  width: 50%;
  border-radius: 1rem;
  padding: 1.5%;
  color: #fff;
  background-color: #0062cc;
  border: none;
  cursor: pointer;
}
ul.right li:last-child{
    display:none;
}
.NOTE .container1a{
  opacity: 1;
  position: absolute;
  
  margin: auto 0;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.NOTE .container1a .text-center{
    height: 16em;
}
.NOTE .container1a .text-center h1{
    
    width: 100%;
    transform: translate(0%, 100%);
}
.NOTE .container1a .text-center h2:nth-child(1){
  font-weight: 400;
}
.NOTE .container1a .text-center h2:nth-child(2){
  font-size: 1.9em;
}
.container1a{
  margin-top: 20px;
}
.carousel-inner{
  
}
.carousel-indicators .active{
  background-color: #000;
}
.carousel-inner{
  width: 100%;

  visibility: visible;
margin-bottom: 2%;
}
.carousel-control{
  width: 0;
}
.carousel-control.left,.carousel-control.right{
opacity: 1;
filter: alpha(opacity=100);
background-image: none;
background-repeat: no-repeat;
text-shadow: none;
}
.carousel-control.left span{
padding: 0px;
}
.carousel-control.right span{
padding: 0px;
}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{
position: absolute;
top: 45%;
z-index: 5;
display: inline-block;
}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{
left: 0;
}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{
right: 0;
}
.carousel-control.left span,.carousel-control.right span{
background-color: trasnparent;
}
#grafika .carousel-control.left span,#grafika .carousel-control.right span{
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6);




}
#grafika .carousel-control .icon-prev,#grafika .carousel-control .icon-next,#grafika .carousel-control .glyphicon-chevron-left,#grafika .carousel-control .glyphicon-chevron-right{
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
#grafika .carousel-inner{
    width: 100%;
  height: auto!important;
  max-height:100%;
    visibility: visible;
    overflow: hidden!important;
}
#grafika .carousel-inner img{
    
}
.carousel-control.left span:hover,.carousel-control.right span:hover{
opacity: .7;
filter: alpha(opacity=70);
}
#grafika .carousel-control.left span:hover,#grafika .carousel-control.right span:hover{
color: rgb(255, 255, 255);
transition: all 0.4s ease-in-out 0s;
opacity: 1;
background: rgba(0,0,0,.61);
}
.header-text h2{
  font-size: 1.7em;
  padding: 0 5px;
}
.header-text h2{
  font-weight: 400;
}
.header-text h3{
font-size: 1.5em;
padding: 0 5px;
margin: .6em 0;
font-weight: 400;
}
.btn-min-block{
  min-width: 170px;
  line-height: 26px;
}
.btn-theme{
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
  margin-right: 15px;
}
.btn-theme:hover{
  color: #000;
  background-color: #fff;
  border-color: #fff;
}
.carousel-control.right{
  right: 20px;
  left: auto;
}
.exhibitions_Notes{
    display:block;
    position:relative;
}
.exhibitions_Notes > div{
    margin:3% auto;
    background:#f9f9f9;
}
#exhibition h1:first-child{
    margin-top:2%;
    margin-bottom: 2%;
}
#exhibition h1{
  font-size: 2em;
   margin:0;
}
#exhibition h4{
  font-size: 1.2em;
   margin:0;
   padding-top: 2%;
}
#exhibition p{
  font-size: 1.1em;
  padding: 1% 0 1% 0;
  line-height: 1.2;
  margin:0;
}
.myImg{
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}
#myImg:hover{opacity: 0.7;}
.modal{
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;

position: fixed;
z-index: 10;
background-color: rgba(0,0,0,0.65);
}
.modal-content{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
height: clamp(650px, 40vh, 1000px);

border: 5px solid white;
}
#caption{
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}
.modal-content,#caption{  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}
@-webkit-keyframes  zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}
@keyframes  zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}
.close{
    position: absolute;
    top: 0px;
    right: 17px;
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    transition: 0.3s;
    z-index: 9;
    opacity: .9;
}
.close:hover,.close:focus{
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
}
@media  screen and (max-width: 560px) and (min-width: 400px) {.modal-content{
  
height: auto;
    width: 100%;
  }
.slide1   p,li,dl,blockquote,table,kbd{
   font-size: .9rem;

    line-height: 1.3;
  }}
@media   only screen and (max-width: 399px) and (min-width: 320px){.modal-content{
height: auto;
width:100%;
  }}
@media  screen and (max-width: 900px) and (min-width: 320px) {.thankBox h1{
    font-size: 1.9rem;
}}
.thankBox{
    color: #222;
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
#containerSCROLL{
      
      
}
@keyframes  arrow-movement_left {
	 0% {
		 opacity: 0;
		 left: 110%;
	}
	 70% {
		 opacity: 1;
	}
	 100% {
		 opacity: 0;
	}
}
.arrow-first{
	 animation: arrow-movement 2s ease-in-out infinite;
	 
}
.arrow-second{
	 animation: arrow-movement 2s 1s ease-in-out infinite;
	 
}
@keyframes  arrow-movement {
	 0% {
		 opacity: 0;
		 left: -17%;
	}
	 70% {
		 opacity: 1;
	}
	 100% {
		 opacity: 0;
	}
}
main#knihy #jeduvky .gallery-Items .gallery-Items_AboutMe_px_w_text h2{
   font-size: 2rem;  
 }
main#knihy #jeduvky .gallery-Items .gallery-Items_AboutMe_px_w_text h3{
    font-size: 1.4rem; 
 }
main#knihy #jeduvky .gallery-Items .gallery-Items_AboutMe_px_w_text h4{
    font-size: 1rem; 
 }
#knihy #jeduvky #galery .assets-grid .gallery-Items_Sub1{
  width: 460px;
  
  margin: 0 auto;
  text-align:center;
}
.anotaceSvitavy_EmptyBlock_knihy{
     height: 2em;
width: 2vw;
display: block;
 }
.price-off{
display:none!important;
}