#cookies-agreement {
	/*display: none;  */
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	color: white;
	background-color: #b01;


	z-index: 1000;
/*	height: 25px;
	line-height: 25px;  */
	text-align: center;
	padding: 3px 0 0 3px;

  background: rgba(0, 0, 0, 0.75);

}
#cookies-agreement button {
	background: #ddd;
	color: #000
}
#cookies-agreement a {
	color: #fff
}

.drag-drop{
    margin-top:30px;
    margin-bottom: 10px;
    padding: 5px;
    padding-bottom: 10px;
    width: 100%;
    height: 125px;


    border-radius: 10px;
    border: dashed 5px silver;


    text-align: left;

    background-color: #F5F5F5;


}

.bold{
	font-weight: bold;
}

/* ------------------- */

.textarea100{

	width: 100%;
	height: auto;
}

.podtrzeno{

	
    	border-bottom-width: 1px;
    	border-bottom-color: #cfd8dc; /*pink*/
    	border-bottom-style: solid;
    	margin:5px;



}


link {
  display: none;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}

/* -- možno zrušit a vložit link - AAAA otestovat rychlost  */
/* -- modExpires a již příště nenačítat  -- */
/* <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> */
/*------------------------------------------------*/

.icons{
	width: 24px;
	height: auto;
}

.icons48{
	/* https://web.dev/tap-targets/ */
	width: 36px;
	height:36px;

}

.icons36{
	/* https://web.dev/tap-targets/ */
	width: 24px;
	height: 24px;
	vertical-align: middle;

}

.icon_bootom {
  position: relative;
  /* Adjust these values accordingly */
  top: 5px;
  left: 5px;

  margin-right: 10px;
  margin-left: 10px;

  text-align: center;


}

body {
  position: relative;
  height: 100vh;
  overflow: auto;
}

.background_standart{
	/* viz body*/

	color:#455A64;
	background-color:#F0F0F0; /*#EAEAEA*/

}


.icon_style{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    color: white;
    cursor:pointer;
}

/*                        */
.formular{
   	display: inline-block;
   	padding: 0;
    	border:0 ;


}


@media (min-width: 414px) {
    	.formular {
    			padding: 16px 24px 0px 24px;
    			border: 1px solid #cfd8dc ;
    			 }

@media (min-width: 600px) {
    	.formular {
    			padding: 32px 48px 0px 48px;
    			border: 1px solid #cfd8dc;
    			 }
}


.padding3 {
  padding: 3px;

}


/*    https://www.w3schools.com/howto/howto_css_sticky_element.asp */

.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 1px;
    z-index: 50;

}

#dropdown1, #modal-login, .modal {
	z-index: 150;

}


h1 {
  font-size: 3.3rem; /* viz materalize.css */
}

h2 {
  font-size: 3.1rem; /* viz materalize.css */
}

/*remove shadow*/

.z-depth-0 {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0);
}


.top_clear{
	padding-top: 0;
	margin-top: 0;
}



.middle{
	display: table-cell;
	vertical-align: middle;
}


.sirka100{
	width: 100%;
}


.celkem-input{
		width: 20px;
		border-bottom: none;
		outline: none;

		padding: 0;
		margin: 0;
		line-height: normal;
		font-weight: normal;

		}
/* ----------========================================================================--------------------------- test */




.ohranicit {
     border: 5px solid red ;

}




h2 { text-align: left;}



.margin_top_5{
	margin-top: 5px;
}

.margin15{
	margin: 15px;
}

.padding15{
	padding: 15px;
}

.backgroundbg{
	/* po přihlášení a odhlášení */
	background-color: pink;
	background-image: url("./../image/bg.png");
	background-attachment: fixed;
	background-size: 100% 100%;
	}



.collapsible-header, .pozadi_aktivni, .ram, .formular{
	background-color: white;
	}

.collapsible-body{
	background-color:#cadee7; /*whitesmoke;*/
	}

.img100{

  	width: auto !important;
  	height: 100px !important;
}

.img150{

  	width: auto !important;
  	height: 150px !important;
}

/* img.responsive-img {
  max-width: 100%;
  height: auto;
}
*/

@media only screen and (max-width: 600px) {
 .img100, .img150 {

	max-width: 100% !important;
     height: auto !important;

	}
	/* a na nejmensi viz: responsive-img */
}


.img200{
	/* pro: imgFloatLeft */
  width: auto;
  height: 200px;
  max-height: 30%;
  max-width: 30%;
  margin: 10px;
}

.img210{
	/* pro: imgFloatLeft */
  width: auto;
  height: 210px;
  max-height: 20%;
  max-width: 20%;
  margin: 5px;
}


.img250{
	/* pro: imgFloatLeft */
  width: auto;
  height: 250px;
  max-height: 22%;
  max-width: 22%;
  margin-bottom: 25px;
  margin-top: 5px;
  margin-right: 10px;
  margin-left: 10px;
}



.img500{
  width: auto;
  height: 500px;
  max-height: 500px;
  max-width: 500px;
}

.img500_width{
  width:500px;
  height: auto;
  max-height: 500px;
  max-width: 500px;
}

.img20{
  width: auto;
  height: 100px;
  max-height: 40px;
  max-width: 40px;
}

.img5{
  width: 18px;
  height: 7px;
  max-height: 7px;
  max-width: 18px;
  vertical-align: middle;
}


.img18{
  width: 18px;
  height:18px;
  max-height: 18px;
  max-width: 18px;
  vertical-align: middle;
}


.img-rozek{
  width: 12px;
  height: 12px;
  max-height: 12px;
  max-width: 12px;
  vertical-align: top;
  text-align: left;

}

.img_ok{
	/* https://icons8.com/icon/set/ok/material */
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADJSURBVFhH7dBBCsIwEIXh7ERord7FlXdy4UrQQG8ntBXcewpvoE7NlEJNSQKdzOL9MNCGtPlagxBCKH9Pc1y5S309qnrbFrb7Tu2W9DTgSvvuRxNygvsBu5s5rd2WfPlwtO625Au41IBLDbjURHDN5rK/786Vuw2Onlkc15bXQ1PYF704BimCoz/X40YHhCBFcJTvoDmkGI6LQYrjuBBkzIcs0hwgO47zQVTguL/I8eTEcV6kBhw3QWrCcQNSI44jmFocQgiFZswHGz+SjBbH0I8AAAAASUVORK5CYII=)



    no-repeat
    left center;

}


.imgFloatRight{
		 float: right;


}

.imgFloatLeft{
		 float: left;


}

.imgClearLeft{

	clear: left;
	}

.imgClearBoth{

	clear: both;
}

.imgBottom {
	vertical-align:bottom;

}

.imgTop {
	vertical-align:text-top;

}

.imgFree {
	/* stred kolecek u zbozi */
	padding: 0;
	margin: 0;
	margin-left: 3px;
	margin-top: 3px;
	align-items: center;
	text-align: center;
	vertical-align:super;
}


.mega {
	min-width:880px !important;
	width: 85%;
}
/* gallery */

#rightDisplay {

				width: 500px;
				height:auto;
				margin: 0;
				text-align: center;


			}

.margin20 {
	margin-left: 20px;
	margin-bottom: 20px;
	}

.margin_top_15{
	margin-top: 15px;
}

.margin-padding-10 {
	margin: 10px;
	padding: 10px;
	}

.padding-top-0{
	margin-top: 0;
	padding-top: 0;
}

/* image */


.middle-indicator{
   position:absolute;
   top:50%;
   }
  .middle-indicator-text{
   font-size: 4.2rem;
  }
  a.middle-indicator-text{
    color:white !important;
  }
.content-indicator{
    width: 64px;
    height: 64px;
    background: none;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
  }
    .indicators{
  	visibility: hidden;
  }

#products{

  max-width: 1200px;


}

/* clearfix */
#products:after {
  content: '';
  display: block;
  clear: both;
}

.product, .product-sizer {
/*
  width: 100px; /* 20%
  float: left;
  */
  width: 20%;

  float: left;


}





@media only screen and (min-width: 989px) {
     #top .container .av-masonry-col-flexible .av-masonry-entry{
          max-width: 33.33% !important;
     }
}


/*-------------*/

.malesede{
	font-size: smaller;
	color:grey;
}

.btn-mini {
   color: #E4418A; /* h1-6*/

    border-radius: 3px;
    display: inline-block;
    height: 32px;
    line-height: 32px;

    margin: 3px;
    padding-left: 16px;
    padding-right: 16px;
padding: 0 0.5rem;
    text-transform: uppercase;
    max-font-size: 13pt;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;

	border-width: 1px;
    border-style: solid;
  border-color: silver;

  background-color: #E4E4E4; /*jako chip*/

}

a.btn-mini:hover {
	 background-color: white;
}

.btn-mini-active{
	background-color: #FFF3E0;
}
/*  -------------------  SHOP */



.breadcrumb:before {
  content: '❯';
 }
.button-color { background: #65ABCC; }  /* orange lighten-5*/

/* https://www.materialpalette.com/pink/purple  */
/*https://colorhunt.co/*/
/*https://colordrop.io/*/

/* https://www.palettable.io/43516C-D67E7F-FFCCC9-FFFFFF-AF8DC4 */
/*https://www.youtube.com/watch?v=p6wFbdU4Tpc *//*https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=F8BBD0&secondary.color=FFCDD2 */
/*https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=F8BBD0&secondary.color=FFCDD2 */
/*https://www.sessions.edu/color-calculator/*/

/*12. Pretty Pastels  https://www.canva.com/learn/website-color-schemes/*/




/*nejaka zlata */
.dark-primary-color   { background:#455A64; }   /* top */
.default-primary-color { background:#568DA6;}    /* c1 */
.accent-color          { background: #8DB8BC;  } /* c2 #E9B96E*/


.light-primary-color, .light-primary-color a  { background:#cfd8dc; color:#455A64;} /*bread*/
.breadcrumb:before {  color: #455A64 ;}
.breadcrumb:last-child { color: #455A64;}


.footer-color      { background:#cfd8dc ; color: #568DA6}  /* #8BBFC1 */
.footer-color a     { color: #455A64;}


.card-front-color	   {background:whitesmoke; } /* card   */
.card-back-color	 {background:whitesmoke; } /* card   */


.circle-color { background:#EE6E73 ; color:whitesmoke;}  /* #A6266C*/
.circle4{ background:#FF5252 ; color:white;} /*srdicko*/

h1,h2,h3,h4,h5,h6, .color-h, .breadcrumb  {color:#455A64; }  /*TEXTzlatý: #BEAF87   -  #a6266c font-weight: bolder;*/

p {color:#455A64; }

/* viz background_standart
body {color:#455A64; background-color:#EAEAEA; }
 VIZ HLAVICKA.php <style>
 */



.btn-mini {color: #568DA6;} /* h1-6  #E4418A*/

.ram-full { background:#cfd8dc; padding: 2px; padding-left: 5px; }

.ram{padding:10px;
    	border-width: 1px;
    	border-color: #cfd8dc; /*pink*/
    	border-style: solid;
    	margin:5px;


}

.letter3 { letter-spacing: 3px; }

.bad_script {"Lucida Console", Courier, monospace; } /* Bad Script ,  cursive*/



 table.striped > tbody > tr:nth-child(odd) {

  background-color: #cfd8dc;

}


/* ------ uprava pro lepsi kontrast ---*/
/* https://dequeuniversity.com/rules/axe/3.1/color-contrast */



/* zruseni via hlavicka */
.no-js-hidden {
  display: none;


}



/*https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/
  lazy nezobrazi
  kdyz bude javascript -deaktivuje via hlavicka.php
*/