@font-face {
	font-family: 'Calibri-bold';
	src: local('?'), url('fonts/calibrib.eot') format('embedded-opentype'), url('fonts/calibrib.woff') format('woff'), url('fonts/calibrib.ttf') format('truetype'), url('fonts/calibrib.svg') format('svg');
}

@font-face {
	font-family: 'Calibri';
	src: local('?'), url('fonts/calibri.eot') format('embedded-opentype'), url('fonts/calibri.woff') format('woff'), url('fonts/calibri.ttf') format('truetype'), url('fonts/calibri.svg') format('svg');
}

body {
  background-color: #f2f2f2;
    font-family:'Calibri';
    font-weight:400;
    color: #fff;
    overflow-x:hidden;
	margin:0;
	
	background: url(../images/background.jpg) no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;

}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #333;
}


/* Paragraph & Typographic */
p {
    line-height: 28px;
    margin-bottom: 25px;
}

.centered {
    text-align: center;
}

/* Links */
a {
    color: #fff;
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
}

.img-produkt {
-webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.6x original size*/
-moz-transform:scale(0.9); /*Mozilla scale version*/
-o-transform:scale(0.9); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
}

.img-produkt:hover {
-webkit-transform:scale(1); /*Webkit: Scale up image to most of the original size*/
-moz-transform:scale(1); /*Mozilla scale version*/
-o-transform:scale(1); /*Opera scale version*/
}

#cf {
  position:relative;
  height:366px;
  width:152px;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.6x original size*/
  -moz-transform:scale(0.9); /*Mozilla scale version*/
  -o-transform:scale(0.9); /*Opera scale version*/
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;  
}

#cf img.top:hover {
  opacity:0;
}

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


/* ==========================================================================
   Wrap Sections
   ========================================================================== */

#headerwrap {

	padding-top:20px;
	text-align:center;
	min-height: 750px;
	width: 100%;
	
}

#headerwrap h1 {
	margin-top: 100px;
	color: white;
	font-size: 70px;
	font-weight: 700;
}

#headerwrap h3 {
	color: white;
	font-size: 30px;
	font-weight: 100;
    font-family: Helvetica, serif;
    font-style: oblique;
}

#vizual {
  display: none;
}


#vizual-mobile {
  position:relative;
  margin:0 auto;
  width:80%;
  top: 20px;
  z-index:100;
}

#vizual-mobile img {
  width:100%;
}

#maintext {
  position:relative;
  margin:0 auto;
  margin-top:40px;
  font-size:20px;
  width:92%;
  text-align:justify;
}

.logo {
  position:absolute;
  top:45px;
  left:15px;
  padding:7px;
  background-color:#121848;
  z-index:200;
}

.logo img {
  width:170px;
}

.box {
} 

.tabulka {
	height:226px;
	width:272px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:15px;
}

.nadpis {
  font-family:Calibri;
  font-size:35px;
  text-align:center;
  padding-top:27px;
}

.menu-con {
  display:none;
}

.menu-con-mobile {
  display:block;
  position:fixed;
  top:10px;
  width:100%;
  background-image:url(../images/menu-background.png);
  font-family:Calibri;
  font-size:15px;
  color:#fff;
  height:30px;
  padding-top:5px;
  z-index:1000;
}

.menu {
 width:316px;
 margin:0 auto;
}

.polozka {
 float:left;
}

.menu2-con {
  display:none;
}

.menu2 {

}

#produkt {
  bottom:0; 
}

.produktmargin {
}

.hrozny {
	display:none;
}

#sortiment {
	
	margin-top: -10px;
	padding-top:20px;
	text-align:center;
	
	min-height: 690px;
	width: 100%;
	
}

.sortline {
	display:none;
}

#social {
	margin-top: -10px;
	padding-top:20px;
	text-align:center;
	min-height: 370px;
	width: 100%;


}

.produkt-nadpis {
  width:100%;
  text-align:center;
  font-size:17px;
  padding-top:10px;
}

#yt-logo {

  width:270px;
  text-align:left;
  padding-left:15px;
  padding-top:55px;
}


#yt-video {
  display:none;
}

#video-mobile{
  width:280px;
  margin:0 auto;
}

.video {
  margin-top:30px;
}

.video-left {
	width:100%;
}

.video-right {
    width:145px;
	margin:0 auto;
	margin-top:-40px;
	text-align:center;
}

#kontakt {
	margin-top: -10px;
	padding-top:20px;
	text-align:center;
	min-height: 710px;
	width: 100%;

}

.kontakt-con {
  position:relative;
  width:100%;

}

.kontakt-center {
 margin:0 auto;
 width:100%;
}

.kontakt-left {
  text-align:center;
  margin-left:10px;
  margin-top:25px;
}

.kontakt-right {
  text-align:center;
  font-size:16px;
  margin-top:25px;
}

#vizual2 {
 padding-top:30px;
 margin:0 auto;
 width:50%;
}

#vizual2 img {
 width:98%;
}

.napiste-con {
  position:relative;
  width:100%;
}

#napiste-box {
  width:100%;
  background-color:#4e8637;
  margin-top:45px;
  text-align:left;
  padding:20px;
}

.decor2 {
  display:none;
}

.podminky {
	float:left;
	width:94%;
}
.napiste-input {
  border-style:none;
  width:90%;
  height:30px;
  margin-top:3px;
  color:#000;
  padding:3px;
}

.napiste-textarea {
  border-style:none;
  width:100%;
  height:250px;
  margin-top:3px;
  color:#000;
  padding:4px;
}

.napiste-button {
  background-color:#316c31;
  padding:5px;
  border-style:none;
  color:#fff;
  width:120px;
  height:30px;
  margin-top:8px;
}

#footer {
	background-color:#316c31;
	margin-top: -10px;
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 120px;
	width: 100%;
	
}

.footer1 {
  width:100%;
  text-align:center;

}

.footer2 {
  width:96%;
  margin-top:10px;
  padding-left:14px;

}

.footer3 {
  width:96%;
  font-size:13px;
  margin-top:10px;
  text-align:justify;
  padding-left:14px;

}

.footer-logo {

}
  

.marka15 {
	margin-top:30px;
}
.marka05 {
	margin-top:30px;
}
.marka02 {
	margin-top:30px;
}

#preloader {
	background: #316c31;
	position:fixed;
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	text-align:center;
	color:#fff;
	z-index:3800;
}
.preloder-div {
	width:280px;
	text-align:center;
	margin:auto;
	height: 240px;
	text-align:center;
	overflow:hidden;
	margin-top:-100px;
	z-index:3800;
}