@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 17, 2022 */

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;
}
/*.one:after,*/
/*#galerie:after,*/
/*#exhibition:after,*/
/*#exhibition .mobNote1:after{*/
/*    content: '';*/
/*    height: 50%;*/
/*    width: 2px;*/
/*    position: absolute;*/
/*    background: rgba(0, 0, 0, 0.15);*/
/*    top: 50%;*/
/*    transform: translate(0, -50%);*/
/*    z-index:1;*/
/*}*/
     /*#galerie::after{ right: -9em;}*/
     /*.one:after{right: -6%;}*/
     /*#exhibition:after{right: -10%;}*/
     /*#exhibition .mobNote1:after{right: 54%;}*/
}
    /*html, body, #wrapper,  {height: 100%; overflow: hidden;}*/
    /*
------------------------------------------------------------------
General Styles
------------------------------------------------------------------
*/
/* pages implementation */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html{
  height:100vh;
 scroll-snap-type: x mandatory;
}
body {
  margin: 0;
  padding: 0;
 height: 100vh;
 /*overflow: hidden;*/
    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; 
     /*width:100%;*/
max-height: 100%;
height:100vh;
margin: 0;
position: relative;
  }
  .wrapperGallery, .wrapperGallery1{
    display: flex;
   flex-direction: row;
   height: 100vh;
   margin-top: 0;
}
.wrapperGallery1{
  /*width: 180vw!important;*/
}
.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;
  }

.side-nav>li>ul {
    padding: 0;
    list-style-type: none;
}
.side-nav > li > ul ul{
    list-style-type: none;
}
 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;
}
  

 /*================test====test=====test=====test=====test=====test=====test=====test=====test=====test===========================================*/
 
   .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;
}

.box-shadow{
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .05);
}
.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;
}

 /* separatly set width for vw each site */
.width_Gallery_Hledani_vw{
 width: 190vw !important;
}
 /* set width akvarely */
.width_Gallery_Akvarely_vw{
  width: 300vw !important;
}
 /* page gallery */
 main div div div div.galleryMe{
   align-items: normal;
 }
 /* gallery img set denniky */
 main.denniky .gallery-Items .gallery-Items_Sub_1_px_w, .gallery-Items_Sub_1_px_w{
  width: 400px;
} 
/*============ o mne ===============================*/
main.oMne .gallery-Items_AboutMe_px_w, main.oMne .gallery-Items_AboutMe_px_w .img-responsive1{
  width: 27em;
}
/*==============hover img effect*===========*/
.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;
    /*border:1px solid #9d9d9d;*/
    /*border-left:1px solid #9d9d9d;*/
}
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;
}
 /*#galerie .effect-one .img-responsive1{*/
 /*   padding: 3%!important; */
 /*}*/
 .denniky .img-responsive1 , .wrapperMalby .img-responsive1, .img-responsive1{
  display: block;
  max-width: 100%;
  height: auto;
  /*width: 400px;*/
  /*margin: 0 auto;*/
 }
 .gallery-Items{
  /* width: 100%; */
margin: auto 0;
display: inline-flex;
align-content: center;
/*display: -webkit-inline-flex;*/
/*box-orient: vertical;*/
/*box-direction: normal;*/
flex-direction: row;
justify-content: center;
/* align-items: center; */
height: 100vh;
 }
   /*width auto subpages*/
   #risiHracek .img-responsive1 {
       height:auto;
   }
/* Top Navigation */
.pcDisplay{
        display:none;
}

    /* logo */
    .logo img {
      position: relative;
  }

  .test{
    width: 5%;
    display: block;
    height: auto;
    
  }
   /* set navbarMobile in main js */
  .navOne{
    position: absolute;
    left: 0px;
    /* width: 100%; */
    display: block;
   height: 100vh;
   /*background-color: rgb(255, 255, 255);*/
  }
  
  /* intro page collage imgs PC version */
  /*.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%;*/
  /*}*/
  .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%;
  }
   /* new grid collage img introduction */
.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;
  }
  /* link a */
  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;
    	/*margin:10% 0 5%; */
}

/*.exhibitions_Notes h1{*/
/*    margin:6% 0 3%; */
/*}*/
#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;
}

/*===================== collage img set for 1600px till 1201px =============*/
@media screen and (min-width: 1600.4px){

  main div div .assets-grid .assetAkva img{
    width: 100%!important;
  }
}
 /* set img min 1200px */
 @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%;
   
  }
}
/* set img min 992px */
@media screen and  (min-width: 992px) { 
  main div div .asset.image img {
    /*width: 80%;*/
    width: 50vh;
    min-width: 0 !important;
  }
  main div div .assets-grid .assetAkva img{
    width: 300px;
  }
}
/*===================== collage img set for 1200px till 1600px =============*/
@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.wrapperMalby #denniky div#galery .assets-grid div.gallery-Items .gallery-Items_Sub {*/
/*    width: 17.em!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;
}
/*main.oMne .exhiBase .gallery-Items_AboutMe_px_w {*/
/*   width: 38em;*/
/*   height: 35em;*/
/*   max-height: fit-content;*/
/*   margin: auto 0;*/
/*}*/
.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;
}
}
/*===================== collage img set for 1120px till 768px =============*/
@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; }
  div.arrowright a span i.fa {
    box-shadow: none !important;
    color: #a7a7a7 !important;
}
.container1a div.header-text {
  
  /*top: 2em;*/
}
.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;
}

}
/*===================== Side Navigation max 991px =============*/
@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;
}
}
/*=====================  set for 992px till 768px =============*/
@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;
}

}
/*===================== Side Navigation and up -- 1200 - 1400- =============*/

@media screen and (min-width:768px) {
    .side-nav {
        width: 200px;
        border: none;
        border-radius: 0;
        background-color: rgb(255, 255, 255);
        overflow-x: hidden;
        height: 100vh;
        display: flex;
       flex-direction: column;
        justify-content: center;
        transform: translateY(0);
        transition: opacity 180ms ease;
        text-align: center;
        overflow: clip;

    }
    .side-nav>li>a {
        width: 100%;

    }

    ul >li >ul > li{
        width: 14em;}
        
    .side-nav > li >  ul >li >ul {
        margin-bottom: .5vw!important;
        padding-left: .4rem!important;
        
    }
        
    .mobile_logo{
        display: none;
    }
        main #galery1 .assets-grid {

      margin-left: 3em;
    }
    /*before 22em*/
    main div div .assets-grid {

      margin-left: 20em;
    }
    main div #exhibition .assets-grid {
  margin-left: 2em;
}

    .mobNote{
      display: none;
    }
 
    #exhibition p, #home p{
    word-wrap: break-word;
   overflow-wrap: break-word;
   hyphens: auto;
   letter-spacing: 0.2px;
   }
   /*======================page arrow scrolling PC version====================================*/
#containerSCROLL{
      /*overflow: scroll;*/
      /*scroll-behavior: smooth;*/
}
main  .scrollBtns{
position: fixed;
bottom: 4%;
left: 50%;
width: auto;
text-align: center;

}


main  .scrollBtns ul{
  background: rgba(255,255,255, .89);
 
  margin: 0 auto;
  padding: 0;
  position: relative;
text-align: center;
width: 200px;
}


/*main  .scrollBtns ul li:nth-last-child(2){*/
/*    margin-inline-end: 10%;*/
/*}*/

main  .scrollBtns ul li{
  display: inline-block;
  padding:3px;
}
main  .scrollBtns ul li a{

  border:none;
  color: #9d9d9d;
}
main  .scrollBtns ul li a:hover{
color: rgb(54, 54, 54) !important;
transition: all 0.4s ease-in-out 0s;
background-color: transparent;
font-weight: 500;
background-size: 100% 2px;
cursor: pointer;
}

main  .scrollBtns ul li  a#slide{
    /*margin-left: 2.5em;*/
    
}
main .scrollBtns ul li a i.fa-3x{
    padding: 5px;
}

main  .scrollBtns ul li a.arrow {
	 opacity: 0;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform-origin: 50% 50%;
	 transform: translate3d(-50%, -50%, 0);
    
}
main  .scrollBtns ul li a.arrow-first_left {
	 animation: arrow-movement_left 2s ease-in-out infinite;
}
main  .scrollBtns ul li a.arrow-second_left {
	 animation: arrow-movement_left 2s 1s ease-in-out infinite;
}

 @keyframes arrow-movement_left {
	 0% {
		 opacity: 0;
		 left: 110%;
	}
	 70% {
		 opacity: 1;
	}
	 100% {
		 opacity: 0;
	}
}


main  .scrollBtns ul li.leftArrows{
opacity: 1;
position: absolute;
left: 0!important;
top: 50%;
transform-origin: 50% 50%;
transform: translate3d(-50%, -50%, 0);
width: 1.5em!important;
}


main  .scrollBtns ul li.rightArrows{
 opacity: 1;
position: absolute;
right: -17px !important;
top: 50%;
transform-origin: 50% 50%;
transform: translate3d(-50%, -50%, 0);
width: 1.5em!important;
}

 .arrow-first {
	 animation: arrow-movement 2s ease-in-out infinite;
	 /*! width: 30px; */
}
 .arrow-second {
	 animation: arrow-movement 2s 1s ease-in-out infinite;
	 /*! width: 30px; */
}

 @keyframes arrow-movement {
	 0% {
		 opacity: 0;
		 left: -17%;
	}
	 70% {
		 opacity: 1;
	}
	 100% {
		 opacity: 0;
	}
}

main  .scrollBtns ul li.marginLeft-start{
margin-inline-start: 0!important;
}
/*main  .scrollBtns ul li.marginRight-end{*/
/*margin-inline-end: 10%;*/
/*}*/
main.malby_page .scrollBtns ul li.marginLeft-start, 
main.grafika1 .scrollBtns ul li.marginLeft-start{
  margin-inline-start: 20%;
}
 

}
@media screen and (max-width:881px) {
.pcDisplay{
    display:block;
}
main div div .assets-grid:nth-child(1) {
    margin-left: 0;
  }
  .fixedMoLogo {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    text-align: center;
  }
  .navbar {
    display: none;
  }
}

/********* start mobile side navigation fized max 768px max width < 768 =================================================*/

@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;
}
div.arrowright a{
    width: 0em!important;
height: 0em!important;
margin-left: -41px!important;
}
.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;  /*was 370px*/
  height: auto;
  /*padding:5%;*/
 }
 #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;
}
 /*height sub-pages*/
 #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;
 }
 
/*============ o mne ===============================*/
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: 25.5em;
}
/* denniky htmlco img layout */
.gallery-Items_Sub_1_px_w , .gallery-Items_Sub {
  /*width: 320px!important;*/
  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{
    font-size: 14.4px!important;
    line-height: 1.39;
        word-wrap: break-word;
   overflow-wrap: break-word;
   hyphens: auto;
   letter-spacing:.2px;
}
.exhibitions_Notes > div{
    margin:2% auto 0;
}
.exhibitions_Notes > h1:last-child{
    margin:1.2em auto 0;
}
.whiteSpace{
  display: none;
}

/* malby template set img grid on mobile size */
/*.malbyBase .col-md{*/
/*  width: 100vw!important;*/
 
/*  }*/
  #galerie .malbyBase .col-md{
       margin:0em!important;
       width:100vw;
  }
  
  /* ilustrace grid */
  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;
}
/*.pcDisplay{*/
/*    display:block;*/
/*}*/

/* logo top nav mo menu fixed */

.fixedMoLogo{
  left: 0;
  position: fixed;
  right: 0;
  top:0;
  width: 100%;
  z-index: 10;
  text-align: center;

}
.fixedMoLogo h4{
   font-size: 1rem;
}
.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;
}
/* img set up */
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;
}

 /* about me */


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;
}
.navbar{
  display: none;
}
.top-nav > ul{
  top: 50px!important;
}
/* dispaly nono collage for PC version */
 .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 { 
    /*grid-area: 1 / 1 / 2 / 2; */
    /* The image used */
 
    background-image: url('../images/HP_area/4-Kam-737x542.jpg');
  
    /* Full height */
    height: 100%; 
    margin:0;
  
    /* Center and scale the image nicely */
    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;
 /* The image used */
 background-image: url('../images/HP_area/001.jpg'); 
 /* Full height */
 height: 100%; 
 margin:0;
 /* Center and scale the image nicely */
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
} 

div.arrowright{
top: auto;
bottom: .4% !important;
}
div.arrowright a span{
  /*box-shadow: none!important;*/
}
div.arrowright a span i.fa{
  /*box-shadow: none!important;*/
  color: #fff!important;
  /*border: .3px #fff solid;*/
}
.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: 2rem;
}
.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;
 }
main .scrollBtns ul {
  
  width: 200px;

}

main.malby_page .scrollBtns ul,
main.grafika1 .scrollBtns ul{
  
  width: 125px;

}
/*============================empty block1 scrollbtns navigation- stop jumpimg page MO version========END OF MAX 767.8px=======*/
.emptyBlock1{
  display: block;
  width: 60vw;
  height: 5.8vh;
  
}
.social .social-link a:not(.social-share) {
  height: 20px;
  width: 30px !important;
 
}
}  

/*====================================END OF MAX 767.8px===========================================================end of 767.9px==================*/

div.arrowright a span{
  /*box-shadow: none!important;*/
}

/* ============min 529px max 768px==================== */
@media screen and (max-width: 767.8px) and (min-width: 580px){
main div div .asset.image img.width65{
  width: 65%;   
 }
}

/*======= PC desktop size 768px and up -- 1200 - 1400-======= */

.side-nav>li>ul {
    padding: 0;
    list-style-type: none;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px ;
    text-decoration: none;
    color: #999;
    /* color: #fff;     */
}

.side-nav>li>ul>li>a:hover {
  color: #9d9d9d;
}
/* 
.navbar .nav > li > a > .label {
  border-radius: 50%;
  position: absolute;
  top: 14px;
  right: 6px;
  font-size: 10px;
  font-weight: normal;
  min-width: 15px;
  min-height: 15px;
  line-height: 1.0em;
  text-align: center;
  padding: 2px;
}

.navbar .nav > li > a:hover > .label {
  top: 10px;
}

.navbar-brand {
    padding: 5px 15px;
} */

/* bootstrap fixed css to important */

.navbar-inverse1  .navbar-nav  > li > a {
    color: #9d9d9d; 
}

.navbar-inverse1 .navbar-toggle .icon-bar {
    background-color: #fff;
}

nav div ul.fade-links > *{
transition:height 5s ease-in-out, opacity 5s ease;
-webkit-transition: height 5s ease-in-out, opacity 5s ease;
}
/* navbar color toggle */
.navbar-toggle{
background:#00000059 !important;
position:fixed;
top: 10px;
right:10px;
}
.navbar-collapse{
    padding-left:0!important;
}

.navbar {
    position: relative;
    min-height: auto ;
    margin-bottom: 0!important;
    border: none !important;
    z-index: 2;
    /* width: 220px; */
    transition: height 180ms ease-in-out, opacity 180ms ease;
}


    /* right arrow intro page animation */

    .arrowright {
        position: absolute;
       top:50%;
        right:-2%;
        /* transform: translate(0, -50%);
         transform: rotate(0deg); */
         z-index: 9;
         display:block;
         width: 3em;
         height:3em;
      }
      div.arrowright a  {
        position: absolute;
        top: 0;
        left: 50%;
        width: 3em;
        height: 3em;
        margin-left: -100px;
        -webkit-animation: sdb05 2.3s infinite ease-in-out; 
        animation: sdb05 2.3s infinite ease-in-out;
        box-sizing: border-box;
      }
      div.arrowright a span{
        display: block;
        width: 3em;
        height: 3em;
border-radius: 100%;
/*-webkit-box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.73); */
/*box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.73);*/
text-align: center;
      }
      div.arrowright a span i.fa  {
color: #ffffff;
transform: rotate(135deg);
/*font-size: 4.5em;*/
/*-webkit-box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.73);*/
/*box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.73);*/
border-radius: 100%;
/*background: #000;*/
line-height: 1;
width: 1em;
height: 1em;

      }

      @-webkit-keyframes sdb05 {
        0% {
          -webkit-transform: rotate(-135deg) translate(0, 0);
          opacity: .4;
        }
        50% {
          opacity: 1;
        }
        100% {
          -webkit-transform: rotate(-135deg) translate(-25px, 25px);
          opacity: .5;
        }
      }
      @keyframes sdb05 {
        0% {
          transform: rotate(-135deg) translate(0, 0);
          opacity: .4;
        }
       
        50% {
          opacity: 1;
        }
       
        100% {
          transform: rotate(-135deg) translate(-25px, 25px);
          opacity: .5;
        }
     
      }
      /*.slide1,*/
         main.oMne .slide{
          width: 100vw;
        }
       main.oMne .slide, #contact {
          width: 100%;
        }
         #contact .slide1 {
          width: 100vw;
       
        } 
  /* .wrapper::before, .wrapper::after{
    clear: both;
    display: table;
    content: " ";
  } */
  .introBackground{
    background: #f0f0f0;
  }
  /* o mne */
  .one {
    background: #ffffff;
  }
  .two {
    background: #ffffff;
    /* margin-left: 5% ; */

  }
  .three {
    background: #fff;
  }
  .four {
    background: #ffffff;
    /* width: 100vw!important; */
  }
 /* o mne */
 /* main div div div div.aboutMe{
  height: 100vh;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  transition: margin-left 500ms ease;
  width: 100%;
 } */
 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;
 } 
 /* galery img css malby sample */
 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;
   /* width: auto; */
   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 {
    text-align: center;
    line-height: 1.2;
    color: #3e3e3e;
    margin:0;
}
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;
}

/*====================== malby htmlcko ====================*/
.wrapperMalby, .wrapperIlustrace {
  width: 100%;
}
 /* denniky htmlcko img layout */
main.wrapperMalby div div#galery .assets-grid div.gallery-Items .gallery-Items_Sub, .gallery-Items_Sub{
  width: 360px; 
  /* height: 300px; */
  margin: 2em auto 0;
}
/* denniky htmlcko img layout */
main.wrapperMalby div div#galery .assets-grid div.gallery-Items .sub-margin-top, .sub-margin-top{
  margin-top:1em;

}
/* Galeie oMne */
main.oMne .sub-margin-top{
  margin-top:1em;
}

/*, .ilustraceBase*/
.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%;
/*margin: 0em;*/
}
.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;
    /*height: 300px;*/
    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;
     /*padding-right: 100px;*/
}
main #od_svitavy .assets-grid div.gallery-Items .gallery-Items_Sub1,
#bedlaMarket .assets-grid div.gallery-Items .gallery-Items_Sub1
{
  width: 450px;
  /* height: 300px; */
  margin: 0 auto;
}
main.wrapperIlustrace div div#galery .assets-grid div.gallery-Items .gallery-Items_Sub1 {
  width: 380px;
  /* height: 300px; */
  margin: 0 auto;
}

main .wrapper .navOne .side-nav .effect-one, main .wrapper .navOne .side-nav li div{
  text-align: left;
  width: 70%;
  margin: 0 auto;
  padding: 3px 0;
}
main .wrapper .navOne .side-nav li div a{
  color: #9d9d9d;
}
.gallery_text_under_img .effect-one, .effect-one {
  text-align: center;
  font-size: .85rem;
  line-height: 1.3;
  margin-top: 3%;
}
.navbar .side-nav .effect-one, .effect-one1{
    text-align: center;
     font-size: .9rem;
  line-height: 1.6;
}

/* ==========hover 1 effect a linka menu  ===============*/
/*.gallery_text_under_img a,a:visited,a:hover,a:active{*/
/*  -webkit-backface-visibility:hidden;*/
/*          backface-visibility:hidden;*/
/*	position:relative;*/
/*  transition: all 0.4s ease-in-out 0s;*/
  
/*} */
 .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%;

}
 
 .top-nav div h4, .top-nav div h5{
  color: #9d9d9d;
  /*position: relative;*/
}
.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%;
}

/*ul.submenu2 >li:first-child >.effect-one > a:hover,*/
/*ul.submenu2 >li:first-child >.effect-one > a:active,*/
/*ul.submenu2 >li:first-child >.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-one > a.active:before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  width: 100%;*/
/*  height: 2px;*/
/*  bottom: 0;*/
/*  margin: -2px auto;*/
/*  background-color: rgb(124, 123, 123);*/
/*  visibility: hidden;*/
/*  transform: scaleX(0);*/
/*  transition: all 0.4s ease-in-out 0s;*/
/*  left: 0;*/
/*}*/
/*.effect-one > a.active:before*/
/*{*/
/*  visibility: visible;*/
/*  transform: scaleX(1);*/
/*  text-decoration: none!important;*/
/*}*/
  .top-nav div a h5:hover{
    color: rgb(54, 54, 54) !important;
             transition: all 0.4s ease-in-out 0s;
             background-color: transparent;
 }
/* .effect-one > a:before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  width: 100%;*/
/*  height: 2px;*/
/*  bottom: 0;*/
/*  margin: -2px auto;*/
/*  background-color: rgb(124, 123, 123);*/
/*  visibility: hidden;*/
/*  transform: scaleX(0);*/
/*  transition: all 0.4s ease-in-out 0s;*/
/*  left: 0;*/
/*}*/

/* .effect-one > a:hover:before,*/
/* .effect-one > a:active:before,*/
/* .effect-one > a:focus:before{*/
/*  visibility: visible;*/
/*  transform: scaleX(1);*/
/*  text-decoration: none!important;*/
/*}*/
/* mo menu navigation */
.top-nav li .effect-one{
  justify-content: center;
  display: flex;
  margin:0;
}
.top-nav div{
  padding-top: 10px;
}
/* end of malby htmlcko */

.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;
}
 /* contact form */

 .contact-form{
  background: #fff;
  width: 100%;
  border: 1px rgba(0,0,0,.3) solid;
  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: 50%;
  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;
}
 /* end of contact form */

/* start social links css side nav */
.footer {
  padding-bottom: 10px;
  text-align: left;
}
.footer {
  padding: 10px 0;
  text-align: center;
  color: #9d9d9d;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
}

.header:not(.mobile-menu) .header-items-container .social {
  margin: 10px 0 20px 0;
}
.social-wrap{
  margin-top: auto;
}
.social {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 0;
  margin-bottom: 50px;
  color: #c0d2cc;
  font-family: "Benton Sans Book", "Benton Sans Book", sans-serif;
  font-size: 10px;
  font-weight: normal;
}

.social .social-link {
  display: block;
  margin-right: 10px;
}
.social {
  color: #9d9d9d;
  font-size: 10px;
  font-weight: normal;

}

.social .social-link a:not(.social-share) {
  height: 24px;
  width: 24px;
  text-align: center;
  border-radius: 50%;
  display: block;
  padding: 3px;
}
.social .social-link a {
  color:#9d9d9d;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}
.social .social-link .youtube svg {
padding-top: 4px;
}

ul.right li:last-child{
    display:none;
}
/* end social links css side nav */

/*==================== start carousel intro page =================*/
.NOTE .container1a{
  opacity: 1;
  position: absolute;
  /*height: 260px;*/
  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{
    /*margin: 0 auto;*/
    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{
  /*overflow: visible;*/
}
/*=================== Carousel Styles ============================*/
.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);
/*background: rgba(0,0,0,.4);*/
/*border-radius: 100% 100%;*/
/*width: 40px;*/
/*height: 40px;*/
}
/*#grafika .modal-content{*/
/*    width: 100%;*/
/*}*/
#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 {
    /*width: 100%;*/
}
.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);
}
/* Carousel Header Styles */
/*.header-text {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*}*/

.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;
}
/* end  carousel intro page */

/* start css exhibition */
.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;
}
/* end css exhibition */




.myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
/*width: 55%;*/
position: fixed;
z-index: 10;
background-color: rgba(0,0,0,0.65);
}

/*=========== Modal Content (image) =================*/
.modal-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
height: clamp(650px, 40vh, 1000px);
/*padding: .5%;*/
border: 5px solid white;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.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)}
}

/* The Close Button */
.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;
}

/* 100% Image Width on Smaller Screens */
/*@media screen and (max-width: 1600px) and (min-width: 1201px) {*/
/*  .modal-content {*/
/*   width: 30em;*/
/*  }*/
/*}*/

/*@media screen and (max-width: 1200px) and (min-width: 841px) {*/
/*  .modal-content {*/
/*    width: 30em;*/
/*  }*/
/*}*/
/*@media screen and (max-width: 840px) and (min-width: 701px) {*/
/*  .modal-content {*/
/*    width: 60%;*/
/*  }*/
/*}*/
/*@media screen and (max-width: 700px) and (min-width: 560px) {*/
/*  .modal-content {*/
/*    width: 60%;*/
/*  }*/
/*}*/
/* 100% Image Width on Smaller Screens */
@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: clamp(180px, 41vh, 460px);
  }   
}

@media screen and (max-width: 320px) and (min-width: 580px){
    
}
@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;
}


/*======================page arrow scrolling MO version====================================*/
#containerSCROLL{
      /*overflow: scroll;*/
      /*scroll-behavior: smooth;*/
}
main  .scrollBtns{
 /*float: right;*/
position: fixed;
bottom: 2.5%;
left: 0;
width: 100vw;
line-height: 1;

}


main  .scrollBtns ul{
  background: rgba(255,255,255, .89);
 
  margin: 0 auto;
  padding: 0;
  position: relative;
}

main  .scrollBtns ul li{
  display: inline-block;
  padding:3px;
}
main  .scrollBtns ul li a{

  border:none;
  color: #9d9d9d;
}
main  .scrollBtns ul li a:hover{
color: rgb(54, 54, 54) !important;
transition: all 0.4s ease-in-out 0s;
background-color: transparent;
font-weight: 500;
background-size: 100% 2px;
cursor: pointer;
}

main  .scrollBtns ul li  a#slide{
    /*margin-left: 2.5em;*/
    
}
main .scrollBtns ul li a i.fa-3x{
    padding: 5px;
}

main  .scrollBtns ul li a.arrow {
	 opacity: 0;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform-origin: 50% 50%;
	 transform: translate3d(-50%, -50%, 0);
    
}
main  .scrollBtns ul li a.arrow-first_left {
	 animation: arrow-movement_left 2s ease-in-out infinite;
}
main  .scrollBtns ul li a.arrow-second_left {
	 animation: arrow-movement_left 2s 1s ease-in-out infinite;
}

 @keyframes arrow-movement_left {
	 0% {
		 opacity: 0;
		 left: 110%;
	}
	 70% {
		 opacity: 1;
	}
	 100% {
		 opacity: 0;
	}
}


main  .scrollBtns ul li.leftArrows{
     opacity: 1;
  position: absolute;
  left: 5%;
  top: 50%;
  transform-origin: 50% 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 1.7em;
}


main  .scrollBtns ul li.rightArrows{
    opacity: 1;
  position: absolute;
  right: -10%;
  top: 50%;
  transform-origin: 50% 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 1.7em;
}

 .arrow-first {
	 animation: arrow-movement 2s ease-in-out infinite;
	 /*! width: 30px; */
}
 .arrow-second {
	 animation: arrow-movement 2s 1s ease-in-out infinite;
	 /*! width: 30px; */
}

 @keyframes arrow-movement {
	 0% {
		 opacity: 0;
		 left: -17%;
	}
	 70% {
		 opacity: 1;
	}
	 100% {
		 opacity: 0;
	}
}

main  .scrollBtns ul li.marginLeft-start{
    margin-inline-start: 23%;
}
main.malby_page .scrollBtns ul li.marginLeft-start, 
main.grafika1 .scrollBtns ul li.marginLeft-start{
  margin-inline-start: 27%;
}
 /*==========================================knihy======Page==========================================*/
 
 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;
  /* height: 300px; */
  margin: 0 auto;
  text-align:center;
}
 
 .anotaceSvitavy_EmptyBlock_knihy{
     height: 2em;
width: 2vw;
display: block;
 }
  /*=========================================price turned off====================================*/
  
 .price-off{
display:none!important;
}