/*----------------------------------------
  General Layout Style
------------------------------------------*/

body {
  background-color: #fcfcfc;
}
#main,
footer {
  padding-left: 240px;
}


.container {
  padding: 0 0.5rem;
  margin: 0 auto;
  max-width: 100% !important;
  width: 98%;
}

#content .container .row {
  margin-bottom: 0;
}
@media only screen and (min-width: 601px) {
  .container {
    width: 98%;
  }
}
@media only screen and (min-width: 993px) {
  .container {
    width: 98%;
  }
}
@media only screen and (max-width: 993px) {
  #main,
  footer {
    padding-left: 0px;
  }
}

/*---------------------------------
    Typography
-----------------------------------*/

.small {
  font-size: 1.0rem;
  margin: 0;
  padding: 0;
}
.medium-small {
  font-size: 0.9rem;
  margin: 0;
  padding: 0;
}
.ultra-small {
  font-size: 0.8rem;
  margin: 0;
  padding: 0;
}
small {
  font-size: 0.8rem;
}
.strong {
  font-weight: 600;
}

h4.header {
  font-size: 1.5rem;
  line-height: 2.508rem;
  margin: 1.14rem 0 0.912rem 0;
}
p.title {
  font-size: 1.3rem;
}
p.header {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
}
h4.header {
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
}
h4.header2 {
  font-size: 1.1rem;
  font-weight: 400;
  text-transform: uppercase;
}
li.li-hover:hover{
  background: transparent !important;
}
.more-text{
  padding: 5px 20px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.valign-demo {
  height: 400px;
  background-color: #ddd;
}
.margin {
  margin: 0 !important;
}


/* JavaScript Turned Off */

.no-js  {
  display: none;
}

/*=================================================================================
    Header
====================================================================================*/
/*----------------------------------------
    Page Header
------------------------------------------*/
h1.logo-wrapper{
  margin: 0px 0px;
}
h1 span.logo-text{
  display: none;
}
header .brand-logo {
  margin: 1px 0px;
  padding: 0 20px;
}
header .brand-logo img{
  width: 172px;
}
.menu-sidebar-collapse{
  margin: 0 10px;
}
.menu-sidebar-collapse i{
  line-height: 36px !important;
}
@media only screen and (max-width: 992px) {
  nav .nav-wrapper {
    text-align: center;
  }
  nav .nav-wrapper a.page-title {
    font-size: 36px;
  }
}
.slider .indicators {
    z-index: 9999;
}


/* =================================================================================
    Content
================================================================================= */
/*----------------------------------------
    Breadcrumb
------------------------------------------*/

.breadcrumb {
  padding: 0px;
  margin: 15px 0px;
  list-style: none;
}
.breadcrumbs-title {
  font-size: 1.5rem;
  line-height: 1.804rem;
  margin: 18px 0px 0px 0px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb a {
  color: #00bcd4;
}
.breadcrumb .active {
  font-weight: normal;
  color: #999;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: green; /* #ccc; */
  content: "/\00a0";
}
h5.breadcrumbs-header {
  font-size: 1.64rem;
  line-height: 1.804rem;
  margin: 1.5rem 0 0 0;
}
.breadcrumbs-nav {
  margin: 8px 0 9px 0;
}




/*----------------------------------------
    Products
------------------------------------------*/


/* --- moje --*/

#products{

 max-width: 4400px; /*1200px;*/

/*
 display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
	*/
}


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

.product, .product-sizer {


  width: 100px;

  float: left;


}


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




/* ---- Product Card ----- */

.product-card .card {
  margin:0px;
}
.product-card ul.card-action-buttons{
  margin: -26px 10px 0px 0px;
  text-align: right;
}
.product-card ul.card-action-buttons li{
  display: inline-block;
  padding-left: 5px;
}
.product-card .card .card-content{
  padding: 5px 10px 5px 10px;
}
.product-card .card .card-content .card-title,
.product-card .card .card-reveal .card-title {
  font-size: 1.1rem;
  line-height: 1.6rem;
  font-weight: 400;
}
.product-card .card .btn-price{
  width: 65px;
  height: 65px;
  font-weight: 600;
  font-size: 1.0rem;
  line-height: 65px;
  margin: 10px;
  position: absolute;
  top: 0px;
  letter-spacing: 0px;
}
/* -----Products Masonery ----- */

.product {   /* viz take velikost obrazovky níže*/
  width: 9.09%; padding: 10px;
}
.product-sizer {
  width: 9.09%;
}
.product .card {
  margin:0px;
}
.product ul.card-action-buttons{
  margin: -26px 10px 0px 0px;
  text-align: right;
}
.product ul.card-action-buttons li{
  display: inline-block;
  padding-left: 5px;
}
.product .card .card-content{
  padding: 5px 10px 5px 10px;
}
.product .card .card-content .card-title,
.product .card .card-reveal .card-title {
  font-size: 1.1rem;
  line-height: 1.6rem;
  font-weight: 400;
}
.product .card .btn-price{
  width: 65px;
  height: 65px;
  font-weight: 600;
  font-size: 1.0rem;
  line-height: 65px;
  margin: 10px;
  position: absolute;
  top: 0px;
  letter-spacing: 0px;
}





/* eCommers product page media queries */
/* pro vetsi bude po 9.09% */

@media screen and (max-width: 2900px) {
  .product-sizer { width: 10%; }
  .product { width: 10%; }

  #products{max-width: 2900px;}

  .img150{height: 295px;}

}


@media screen and (max-width: 2600px) {
  .product-sizer { width: 12.5%; }
  .product { width: 12.5%; }

  #products{max-width: 2500px;}

  .img150{height: 260px;}

}

@media screen and (max-width: 2300px) {
  .product-sizer { width: 14.286%; } /*20*/
  .product { width: 14.286%; }

  #products{max-width: 2200px;}

  .img150{height: 230px;}

}
@media screen and (max-width: 1990px) {
  .product-sizer { width: 16.667%; } /*30*/
  .product { width: 16.667%; }

  #products{max-width: 1800px;}

  .img150{height: 205px;}
}
@media screen and (max-width: 1690px) {
  .product-sizer { width: 20%; }  /*25*/
  .product { width: 20%; }
  #products{max-width: 1600px;}

  .img150{height: 185px;}
}
@media screen and (max-width: 1290px) {
  .product-sizer { width: 25%; }  /*33.33*/
  .product { width: 25%; }
  #products{max-width: 1224px;}

  .img150{height: 170px;}
}
@media screen and (max-width: 990px) {
  .product-sizer { width: 33.3333%; } /*50*/
  .product { width: 33.3333%; }
  #products{max-width: 980px;}

  .img150{height: 160px;}
}
@media screen and (max-width: 720px) {
  .product-sizer { width: 50%; }
  .product { width: 50%; }
  #products{max-width: 720px;}

  .img150{height: 150px;}
}

@media screen and (max-width: 480px) {
  .product-sizer { width: 100%; }
  .product { width: 100%; }
  #products{max-width: 480px;}
}


@media only screen and (max-width: 720px) {

	.img100{

	  	width: auto !important;
	  	height: 80px !important;
	  	max-width: 150px !important;
	}

	.img150{

	  	width: auto !important;
	  	height: 130px ;
	  	max-width: 250px !important;
	}


	h1, h2, h3, h4, h5, h6 {
	  font-weight: 200;
	   line-height: 105%;
	}


	h1 {
	  font-size: 3.56rem;

	  margin: 2.8rem 0 1.68rem 0;
	}

	h2 {
	  font-size: 2.92rem;

	  margin: 2.3733333333rem 0 1.424rem 0;
	}

	h3 {
	  font-size: 2.28rem;

	  margin: 1.9466666667rem 0 1.168rem 0;
	}

	h4 {
	  font-size: 1.64rem;

	  margin: 1.52rem 0 0.912rem 0;
	}

	h5 {
	  font-size: 1.15rem;

	  margin: 1.0933333333rem 0 0.656rem 0;
	}

	h6 {
	  font-size: 1.05rem;

	  margin: 0.7666666667rem 0 0.46rem 0;
	}

}

@media only screen and (max-width: 490px) {


	.img100{

	  	width: auto !important;
	  	height: 50px !important;
	  	max-width: 100px !important;
	}

	.img150{

	  	width: auto !important;
	  	height: 100px ;
	  	max-width: 150px !important;
	}



	h1, h2, h3, h4, h5, h6 {
	  font-weight: 100;
	   line-height: 101%;
	}


	h1 {
	  font-size: 2.28rem;


	}

	h2 {
	  font-size: 1.64rem;


	}

	h3 {
	  font-size: 1.32rem;


	}

	h4 {
	  font-size: 1.15rem;


	}

	h5 {
	  font-size: 1.08rem;


	}

	h6 {
	  font-size: 1.01rem;


	}

}