body  {
	font-family: Arial;
	color: black;
	margin: 0;
	
}
div.block1 {
	position: fixed;
	z-index: 1000;
    width: 150%;
	padding: 10px;
	background-color: #212121;
	color: white;
	margin-top: 80px;
}
div.block2 {

	padding: 200px 0px 30px 0px;
}
	
div.colonku {
	padding: 0px 0px 30px 0px;
	float: left;
  	width: 50%; 
}
div.center {
	background-color: #424242;
	margin: 39px 0px 0px 0px;
	text-align: center;
	position: fixed;
	padding: 15px;
	z-index: 1000;
	color: white;
	width: 100%;
  margin-top: 115px;
}
div.center a {
	color: white;
}
div.colonku4 {
	padding: 0px 0px 40px 0px;
	float: left;
  	width: 25%;
}
div.grey {
	padding: 20px;
}
div.block4 {
	padding: 40px 0px 30px 0px;
}
div.block5 {
	padding: 20px 0px 40px 0px;
}
div.clearboth {
	clear: both;
}
div.colonka33 {
	float: left;
	width: 33%;
}
div.colonka66 {
	float: left;
	width: 66%;
}
div.central-colonka {
	max-width: 1200px;
	margin: auto;
}
div.grey-new {
	padding: 30px 0px 40px 0px;
	background-color: #edf0e9;
	display: inline-block;
	width: 100%;
}
div.image{
	float: left;
	width: 33%;
}
div.image66 {
	padding: 0px 0px 21px 0px;
  display: block;
	float: left;
	width: 66%;
}
div.block6 {
   background-color: #edf0e9;
   position: relative;
   display: inline-block;
   width: 100%;
   padding: 30px 0px 40px 0px;
}
div.block7 {
	padding: 30px 0px 40px 0px;
}
div.padding {
	padding: 0px 0px 40px 0px;
}
div.block8 {
	background-color: #212121;
}
div.block9 {
	max-width: 700px;
	padding: 50px;
	color: white;
	margin: auto;
}
div.block10{
  text-align: center;
  position: fixed;
  z-index: 100;
  width: 100%;
  background-color: #212121;
}
div.image a {
    padding: 0px 0px 21px 0px;
    display: block;
}
div.image a img {
    max-width: 375px;
}
div.image a.padding-right{
    padding-right: 21px;
}
div.image-text {
  position: absolute;
  color: white;
  text-shadow: 1px 1px black;
  font-size: 17px;
  text-decoration: none;
  max-width: 370px;
}
div.image66 a img {
	width: 771px;
}
div.image66 div.image-text {
	max-width: 760px;
}
span.fat{
	font-weight: bold;
	font-size: 18px;
}
div.d1 a{
	color: white;
}
div.cent{ 
  max-width: 150px;
  margin: auto;
}
div.colonku10{
  display: inline-block;
  padding: 80px;

}


            /*pop-up*/

.gallery{
  margin: 10px 50px; 
}
.gallery img{
  transition: 1s;
  padding: 15px;
  width: 200px;
}
.gallery img:hover {
  filter: grayscale(100%);
  transform: scale(1.1);
}

/*slider */

.product2 img{
  max-height: 300px;

}
@media(max-width: 900px){
  .product1 img{
    width: 50%;
  }
  .slider-nav{
    width: auto;
  }
}


@media only screen and  (max-device-width : 768px) {
  div.block1 {
  	 font-size: 25px;
     margin-top: 90px;
  }
  div.block2 {
     padding: 240px 0px 30px 0px;;
  }
  div.block10 {
      padding:10px 0px 80px 0px;
  }
  div.center{
  	 font-size: 30px;
     margin-top: 135px;
  }
  div.image{
	 width: 50%;
  }
  div.image66 {
	 width: 100%;
  }
  div.image a {
     padding: 0px 21px 21px 0px;
  }
  div.image a img {
  	  max-width: none;
      width: 100%;
  }
  div.image66 a img {
  	  max-width: none;
      width: 100%;
  }
  div.colonku {
  	 font-size: 30px;
     width: 100%;
  }
  iframe#video1 {
     width: 100% !important;
     height: 500px !important;

  }
  div.central-colonka {
     padding: 0px 20px 0px 20px;
  }
  div.colonku4 {
     width: 50%;
     font-size: 40px
  }
  body{
  	 font-size: 30px;
  }
  span.fat{
	 font-size: 40px
  }
  div.colonka66 {
     float: left;
     width: 100%;
     font-size: 40px;
  }
  div.colonka33 {
     width: 100%;
     font-size: 40px;
  }
  div.image-text{
     font-size: 30px;
  }
  div.block5 {
	padding: 20px 0px 40px 0px;
	font-size: 30px;
}
div.block4 {
	padding: 40px 0px 30px 0px;
	font-size: 40px;
}
div.colonku {
	padding: 0px 0px 30px 0px;
	font-size: 40px;
}
div.fancybox-caption__body{
  font-size: 30px;
}

.fancybox-button{
    height: 70px;
    width: 70px;
}
.fancybox-infobar {
    font-size: 40px;
    padding: 10px;
  }