body, div, span,applet,object,iframeiframe,h1,h2,h3,h4,h5,h6,p,ul,li,nav,section {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 17px;
  font-family: Century Gothic;
  font-family: 'Open Sans Condensed', sans-serif;
  color:#343129;
  vertical-align: baseline;
  list-style: none;
}


.fotobg{
position:relative;
top:0px;
left:0px;
width:100%;
height:420px;
background:#2D262D url("../img/slide0.jpg") no-repeat;
background-size:cover;
background-position:center; 
}

.tvorbabg {
  position: relative;
  width: 100%;
  height: 420px;

  background: #000 url("../img/slide11.jpg") no-repeat center;
  background-size: contain;

  overflow: hidden;
}

/* 1️⃣ VIGNETTE – moderní rámování */
.tvorbabg::before {
  content: "";
  position: absolute;
  inset: 0;

  background:
    radial-gradient(
      ellipse at center,
      rgba(0,0,0,0) 40%,
      rgba(0,0,0,0.35) 70%,
      rgba(0,0,0,0.75) 100%
    );

  pointer-events: none;
}

/* 2️⃣ LIGHT SWEEP – jemný moderní akcent */
.tvorbabg::after {
  content: "";
  position: absolute;
  inset: -30%;

  background:
    linear-gradient(
      120deg,
      transparent 45%,
      rgba(255,255,255,0.06) 50%,
      transparent 55%
    );

  transform: translateX(-20%);
  animation: sweep 8s ease-in-out infinite;
  pointer-events: none;
}

@keyframes sweep {
  0%   { transform: translateX(-30%); }
  50%  { transform: translateX(30%); }
  100% { transform: translateX(-30%); }
}


.fbg{
position:relative;
top:0px;
left:0px;
width:100%;
height:420px;
background:#2D262D url("../img/slide-foceni-psu.jpg")  no-repeat;
background-size:cover;
background-position:center; 
}


.grafickestudio{
position:relative;
top:0px;
left:0px;
width:100%;
height:420px;
background:#000 url("../img/slide11.jpg")  no-repeat;
background-size:cover;
background-position:center; 
}

.grafickestudio{
position:relative;
top:0px;
left:0px;
width:100%;
height:420px;
background:#000 url("../img/slide111.jpg")  no-repeat;
background-size:cover;
background-position:center; 
}


.luxbgde{
position:relative;
top:0px;
left:0px;
width:100%;
height:450px;
background:#000 url("../img/slide11-de.jpg") no-repeat;
background-size:cover;
background-position:center; 
}


.luxbgen{
position:relative;
top:0px;
left:0px;
width:100%;
height:450px;
background:#000 url("../img/slide11-en.jpg")  no-repeat;
background-size:cover;
background-position:center; 
}

.luxbgfr{
position:relative;
top:0px;
left:0px;
width:100%;
height:450px;
background:#000 url("../img/slide11-fr.jpg")  no-repeat;
background-size:cover;
background-position:center; 
}



.lux{
text-align:right;
color:#7d704c;
}

.lux a:link, .lux a:visited{
color:#dcc685;
}

.lux a:hover{
color:#7d704c;
}


body{
background:#111;
}

a{ transition: all 1s linear;}

a:link, a:visited{
color:#937c48;
text-decoration:none;
}

a:hover{
color:#726448;
text-decoration:none;
}


.bg1{
position:relative;
background:url("black-bg.jpg") repeat fixed;
width:100%;
height:auto;
}

.bgb{
position:absolute;
background:#cdc7b9;
width:100%;
height:200px;
}

.bg2{
position:absolute;
background:#111;
width:100%;
}

.bg2s{
position:absolute;
background:#000;
width:100%;
height:50px;
}


.bg3{
position:absolute;
background:#bdb8ab url("bg2.jpg") repeat fixed;
height:200px;
}

.bg4{
position:relative;
background:#fff;
width:100%;
height:650px;
}

.bg4s{
position:relative;
background:#fff;
width:100%;
height:500px;
}

.bg5{
position:relative;
background:#fff;
width:100%;
}

.bg5 a:link, .bg5 a:visited{
color:#726448;
}

.bg5 a:hover{
color:#000;
}


.pages {
  font-size: 22px; 
  color: red; 
}


.bg6{
position:relative;
background:#111;
width:100%;
}

.bgwlarge{
position:relative;
background:#fff;
width:100%;
}

.bwlarge a:link, .bwlarge a:visited{
color:#111;
}

.bwlarge a:hover{
color:#726448;
}

.bottom{
position:relative;
background:url("bg1.jpg") repeat fixed 0% 0%;
background-size:100%;
width:100%;
height:300px;
border-top:1px solid #fff;
}

#grad{
position:relative;
height:75px;
background:url("black-bg.jpg") repeat fixed;
text-align:center;
}


#grad2{
position:relative;
height:75px;
background: -webkit-linear-gradient(#111, #222); /* For Safari */
background: -o-linear-gradient(#111, #222); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#111, #222); /* For Firefox 3.6 to 15 */
background: linear-gradient(#111, #222); /* Standard syntax */
} 

#wrapper {
  margin: 0 auto;
}

#wrapper.floating #top {
  display: block;
  height: 65px;
  background: #fff;
  margin-bottom: 88px;
}
#wrapper.floating header {
  min-height: 65px;
  position: fixed;
  width: 100%;
  z-index: 15;
  top: 0;
}
#wrapper.floating .categories-block {
  position: fixed;
  top: 60px;
  width: 100%;
  z-index: 10;
  margin: 0 0 0 -37px;
}
#wrapper.floating .categories-block .padding-wrap {
  padding: 0 37px;
}

#fullScreenHome {
  text-align: center;
 top: 0;
  left: 0;
  z-index: 0;
}
#fullScreenHome a.title {
  width: 100%;
  position: absolute;
  font: 12px Century Gothic;
font-family: 'Cinzel', serif;
  color: transparent;
   text-align: center;
  left: 0;
  top: 30%;
  height: 100%;
  line-height: 50%;
  word-wrap: break-word;
  z-index: 20;
 
}
#fullScreenHome #featured {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;

}
#fullScreenHome #featured .slides li {
  text-align: center;
  display: none;
}
#fullScreenHome #featured .slides li img {
  width: 100%;
}
#fullScreenHome #featured .flex-control-nav {
  position: absolute;
  margin-top: -35px;
  display: table;
  right: 90px;
  bottom: 30px;
  width: 120px;
  text-align: center;
  z-index: 99999;
}
#fullScreenHome #featured .flex-control-nav li {
  margin: 0 5px;
  display: inline-block;
}
#fullScreenHome #featured .flex-control-nav li a {
  background: url(images/slider-nav-dots.png) 0 0 no-repeat;
  cursor: pointer;
  display: block;
  width: 5px;
  height: 5px;
  text-indent: -2222px;
}
#fullScreenHome #featured .flex-control-nav li a:hover,
#fullScreenHome #featured .flex-control-nav li a.active {
  background: url(images/slider-nav-dots.png) 0 100% no-repeat;
}
#fullScreenHome #featured .flex-direction-nav {
  position: absolute;
  z-index: 10;
  width: 88%;
  max-height: 70px;
  left: 0;
  padding: 0 6%;
  top: 50%;
  margin: -18px 0 0;
}
#fullScreenHome #featured .flex-direction-nav li {
  display: inline-block;
  float: right;
  width: 38px;
  height: 70px;
  overflow: hidden;
}
#fullScreenHome #featured .flex-direction-nav li:first-child {
  float: left;
}
#fullScreenHome #featured .flex-direction-nav a {
  background: url(images/big-arrows.png) 0 0 no-repeat;
  display: block;
  width: 38px;
  height: 70px;
  overflow: hidden;
  text-indent: -999px;
 }
 
 .content{
width:100%;
height:60%;
overflow:hidden;
}



.in img, .int img, .op img:hover, .invert img a:hover
{
opacity:0.9;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
.in img:hover, .int img:hover, .op img, .invert img
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.op2 a:visited, .op2 a:link, op2 a:hover{
	font.weight:bold;
}

.op2 img:hover
{
filter: contrast(200%);
}
.op2 img
{
-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
  }
  
  .int2 img{
 
-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.int2 img:hover{

-webkit-transform: scale(1.3);
	transform: scale(1.3);
}



.inz{
position:relative;
width:95%;
margin:0 auto;
}

.in{
position:relative;
width:80%;
margin:0 auto;
}

.int{
position:relative;
width:90%;
margin:0 auto;
text-align:center;

}


.int2{
position:relative;
width:90%;
margin:0 auto;
text-align:center;
}

.intd{
position:relative;
width:85%;
margin:0 auto;
text-align:center;
}

h2 .intd{
color:#7d704c;
}


.ins{
position:relative;
width:95%;
margin:0 auto;
line-height:2;
text-align:center;
}

.ins ul li{
display:inline;
font-family: 'Open Sans Condensed';
font-weight:800;
}

.ins ul li a{
padding-right:4px;
padding-left:4px;
}

.ins ul li a:link, .ins ul li a:visited{
color:#efdeb2;
text-decoration:none;
border-right:1px dashed #bdb8ab;
}

.ins ul li a:hover{
color:#00c9f9;
text-decoration:none;
border-right:1px solid #ef01f7;
}

.insbig{
position:relative;
width:90%;
margin:0 auto;
text-align:center;
font-size:17px;
}

.insbig table{
font-size:17px;
}

.insbig a:link, .insbig a:visited{
	color:#896444;
}

.insbig h3{
font-family: 'Open Sans Condensed';
font-weight:bold;
color:#111;
line-height:2;
}

.insbig h3 a:link, .insbig h3 a:visited{
color:#999;
}

.insbig h3 a:hover{
color:#444;
}

/*

 .intd img{border-radius: 70%;
 -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;

}
.intd img:hover{
border-radius: 8%;

}
*/

.inbot{
position:relative;
width:80%;
margin:0 auto;
font-size:14px;
letter-spacing:2;
line-height:2;
text-align:center;

}

.novinka1 img, img.novinka1
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.novinka1 img:hover
{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}

.coop{
font-size:14px;
color:#7d704c;
}

.coop h3{line-height:1.5;}

.coop2{
font-size:17px;
color:#7d704c;
}

.ii{
color:#ffefa7;
}

tr.t1 td{
border-bottom:2px solid #e0c7ae;
}

.t1{
color:#95785b;
}

.strongt1{
font-family: 'Open Sans Condensed';
font-weight:700;
color:#95785b;
}

tr.t2 td{
border-bottom:2px solid #c0b7ae;
}

.t2{
color:#716b64;
}

.strongt2{
font-family: 'Open Sans Condensed';
font-weight:700;
color:#716b64;
}

h1, h3{
color:#726448;
line-height:2.2;
font-family: 'Cinzel', serif;
font-size:22px;
}


.int h2{
color:#dcc685;
color:#726448;
line-height:2.2;
font-family: "Quicksand", serif;
font-size:22px;
}

.int h2#darker{
color:#896448;
margin-top:5px;
}

.darker h2{
color:#896448;
}

.darker h2 a:link, .darker h2 a:visited{
color:#ff0000;
}

.darker{
color:#896448;
}

.darker2{
color:#B4652B;
}

.int h3#darkerr{
color:#563f24;
font-size:23px;
}

h1{
font-size:24px;
color:#ffefa7;
letter-spacing:1;
}

h3{
font-size:18px;
color:#ada57e;
letter-spacing:1;
line-height:3;
}

h4{
font-size:20px;
color:#5c533c;
line-height:2;
font-weight:bold;
}

h5{
font-size: 35px;
color:#dcdcdc;

}
  
  
  h6{
	  font-size: 30px;
	  font-family: 'Cinzel', serif;
	  color:#d4cd88!important;
	  font-size:24px;
	  
  }
    
 
  .count{
  font-weight:bold;
  color:#fff;
}


.purple{
color:#ef01f7;
font-size:inherit;
}

.tyrquise{
color:#00c9f9;
font-size:inherit;
}

.gold{
color:#ffefa7;
font-family: 'Cinzel', serif;
font-size:inherit;
}

.c2{
margin:auto;
text-align:left;
}

.c2 td{
padding:10px;
font-size:17px;
line-height:1;
}



.c{
margin:auto;
text-align:center;
}

.c td{
padding:10px;
}


.c a:hover{
color:#000;
}


.d table, .d td{
font-style:italic;
padding:10px;
font-size:18px;
}

.d td{
background:#efefef;
border-radius:21px;
}

.news table, .news td{
padding:5px;
border:1px dotted #2a2929;
border-radius:25px;
margin:auto;
text-align:center;
box-shadow: 3px 3px 5px #000;
color:#ffefa7;
}

.hpflo1{position:relative; width:33%;float:left;}

.strong{
font-family: 'Open Sans Condensed';
font-weight:700;
}

.strong2{
font-family: 'Open Sans Condensed';
font-weight:700;
color:#69533e;
}

.novinka1{
color:#ffefa7;
margin-bottom:15px;
font-size:17px;
}

.novinka1 p{
color:#ffefa7;
}

.novinka1 a:link, .novinka1 a:visited{
	color:#ad9c7b;
}

.news a:link, .news a:visited{
color:#726448;
text-decoration:none;
}

.news a:hover, .novinka1 a:hover{
color:#ffefa7;
}


.cont{
position:relative;
  height:422px;
  width:791px;
  margin:0 auto;
}

.cont img {
  position:absolute;
  left:0;
  -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;
}

.cont img.c2:hover {
  opacity:0;
}


.langs{
  position:relative;
  
  }

img.l2{left:100px;}
img.l3{left:200px;}




.price{
position:relative;
width:1000px;
height:327px;
background:url("cenik2014.jpg");
margin:0 auto;
}

.price-de{
position:relative;
width:1000px;
height:328px;
background:url("cenik2014de.jpg");
margin:0 auto;
}

.price-en{
position:relative;
width:690px;
height:431px;
background:url("price-en.jpg");
margin:0 auto;
}

#list {
	margin: 0 auto;
	padding: 0;
	max-width: 900px;
	list-style: none;
	height: 50px;
	
}

#list2 {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	
}

#list li {
	width: 100%;
	text-align: center;
		opacity: 0;
	animation: fadeIn 1s ease-in both;
}

#list li:nth-child(2) {
	animation-delay: 1s;
}
#list li:nth-child(3) {
	animation-delay: 2s;
}
#list li:nth-child(4) {
	animation-delay: 3s;
}
#list li:nth-child(5) {
	animation-delay: 4s;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translate3d(0, -20%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}


.appear{
  transition: all 0.8s;
  opacity: 0;
  transform: translateY(40px);
}

.appear.inview {
  opacity: 1;
  transform: none;
  transition-delay: 0.3s;
}



.frame{
position:realtive;
width:600px;
height:385px;
clear:both;
}


/* second an */

#cf3a {
  position:relative;
width:600px;
height:385px;
  margin:0 auto;
}

@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#cf4 {
  position:relative;
  margin:0 auto;
}
#cf4 img {
  position:absolute;
  left:0;
}

#cf4 img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 8s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 8s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 8s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}
#cf4 img:nth-of-type(1) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
#cf4 img:nth-of-type(2) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
#cf4 img:nth-of-type(3) {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}
#cf4 img:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}

.b2{
color:#999;
font-size:14pt;
}

img.flo{
position:relative;
float:right;
}

img.flo-left{
position:relative;
float:left;
margin-right:20px;
}


.portfolion{
width:330px;
float:left;
}

.portfolion a:link, .portfolion a:visited{color:ff0000;}
.visit a, .visit a:link, .visit a:visited{color:ff0000;}
.ing{
width:1000px;
margin:0 auto;
}

.portfolion{
width:330px;
float:right;
text-align:center;
}

.ing h3, .ing h3 a{
font-size:15px;
font-weight:normal;
line-height:1.5;
margin:0px;
padding:0px;
}



.gray3{
width:100%;
background:url("bg-ref.jpg") repeat;
}

.gray3 a:link, .gray3 :visited{
color:#726448;
text-decoration:none;
}

.gray3 a:hover{
color:#ffefa7;
text-decoration:none;
}

.clear{
clear:both;
}


.lb-album{
	width: 900px;
	margin: 0 auto;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
}
.lb-album li{
	float: left;
	margin: 5px;
	position: relative;
}
.lb-album li > a,
.lb-album li > a img{
	display: block;
}
.lb-album li > a{
	width: 250px;
	height: 200px;
	position: relative;
	padding: 10px;
	background: #95785b;
	-webkit-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	-moz-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
}
.lb-album li > a span{
	position: absolute;
	width: 250px;
	height: 200px;
	top: 10px;
	left: 10px;
	text-align: center;
	line-height: 150px;
	color: #6e5337;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	font-size: 24px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	background: rgb(241,210,194);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(241,210,194,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.lb-album li > a:hover span{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-overlay{
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background: rgb(241,210,194);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(241,210,194,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
}
.lb-overlay > div{
	position: relative;
	color: rgba(27,54,81,0.8);
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	width: 550px;
	margin: 10px auto 0px auto;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	-webkit-transition: opacity 0.3s linear 1.3s;
	-moz-transition: opacity 0.3s linear 1.3s;
	-o-transition: opacity 0.3s linear 1.3s;
	-ms-transition: opacity 0.3s linear 1.3s;
	transition: opacity 0.3s linear 1.3s;
}
.lb-overlay div h3,
.lb-overlay div p{
	padding: 0px 10px;
	width: 200px;
	height: 60px;
}
.lb-overlay div h3{
	font-size: 20px;
	float: left;
	text-align: right;
	border-right: 1px solid #95785b;
	color:#433528;
}
.lb-overlay div h3 span,
.lb-overlay div p{
	font-size: 16px;
	font-style: italic;
}
.lb-overlay div h3 span{
	display: block;
	line-height: 6px;
}
.lb-overlay div p{
	text-align: left;
	float: left;
	width: 260px;
}
.lb-overlay a.lb-close{
	background: #a6775e;
	z-index: 1001;
	color: #fff;
	position: absolute;
	top: 43px;
	left: 50%;
	font-size: 15px;
	line-height: 26px;
	text-align: center;
	width: 50px;
	height: 23px;
	overflow: hidden;
	margin-left: -25px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s linear 1.2s;
	-moz-transition: opacity 0.3s linear 1.2s;
	-o-transition: opacity 0.3s linear 1.2s;
	-ms-transition: opacity 0.3s linear 1.2s;
	transition: opacity 0.3s linear 1.2s;
}
.lb-overlay img{
	/* height: 100%; For Opera max-height does not seem to work */
	max-height: 100%;
	position: relative;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
}

.ruby{
    width: 10px;
    height: 10px;
    background: #111;
    position: relative;
    -webkit-animation: ruby 5s; /* Chrome, Safari, Opera */
    animation: ruby 5s;
border-radius:3px;
animation-iteration-count: infinite;
text-align:center;
}

@-webkit-keyframes ruby {
    0%   {background:#111; left:0px; top:0px;}
    25%  {background:#DCC685; left:300px; top:0px;}
    100%  {background:#111; left:0px; top:0px;}
   }
@keyframes ruby {
    0%   {background:#111; left:0px; top:0px;}
    25%  {background:#DCC685; left:300px; top:0px;}
       100%  {background:#111; left:0px; top:0px;}
    


}



.lb-overlay:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 80px 100px 120px 100px;
}
.lb-overlay:target img {
	-webkit-animation: fadeInScale 1.2s ease-in-out;
	-moz-animation: fadeInScale 1.2s ease-in-out;
	-o-animation: fadeInScale 1.2s ease-in-out;
	-ms-animation: fadeInScale 1.2s ease-in-out;
	animation: fadeInScale 1.2s ease-in-out;
}
.lb-overlay:target a.lb-close,
.lb-overlay:target > div{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
@-webkit-keyframes fadeInScale {
  0% { -webkit-transform: scale(0.6); opacity: 0; }
  100% { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes fadeInScale {
  0% { -moz-transform: scale(0.6); opacity: 0; }
  100% { -moz-transform: scale(1); opacity: 1; }
}
@-o-keyframes fadeInScale {
  0% { -o-transform: scale(0.6); opacity: 0; }
  100% { -o-transform: scale(1); opacity: 1; }
}
@-ms-keyframes fadeInScale {
  0% { -ms-transform: scale(0.6); opacity: 0; }
  100% { -ms-transform: scale(1); opacity: 1; }
}
@keyframes fadeInScale {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/
x:-o-prefocus, .lb-overlay img {
    height: 100%;
}

.clear{
clear:both;
}


input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}

ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


.ie7 body{
	overflow:hidden;
}

.container{
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}
.container > header{
	padding: 20px 30px 10px 30px;
	margin: 0px 20px 10px 20px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
}
.container > header h1{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 35px;
	line-height: 35px;
	position: relative;
	font-weight: 400;
	color: rgba(27,54,81,0.8);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    padding: 0px 0px 5px 0px;
}
.container > header h1 span{
	color: #c7957b;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
.container > header h2, p.info{
	font-size: 16px;
	font-style: italic;
	color: #4a3124;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
}
/* Header Style */
.codrops-top{
	font-family:'Arial Narrow', Arial, sans-serif;
	line-height: 24px;
	font-size: 11px;
	width: 100%;
	background: #000;
	opacity: 0.9;
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000;
}
.codrops-top a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display: block;
	float: left;
}
.codrops-top a:hover{
	color: #fff;
}
.codrops-top span.right{
	float: right;
}
.codrops-top span.right a{
	float: none;
	display: inline;
}

p.codrops-demos{
	text-align:center;
	display: block;
	padding: 14px;
}
p.codrops-demos a,
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{
    display: inline-block;
	border: 1px solid #ddd;
	border-color: #ddd #aaa #aaa #ddd;
	padding: 4px 10px 3px;
	font-size: 13px;
	line-height: 18px;
	margin: 0px 3px;
	font-weight: 800;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: rgba(27,54,81,0.8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.9);
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
}
p.codrops-demos a:hover{
	background: #fff;
}
p.codrops-demos a:active{
	background: #e5e5e5;
	background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	background: linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
	-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
}
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{
	color: #999;
}
/* Media Queries */
@media screen and (max-width: 767px) {
	.container > header{
		text-align: center;
	}
	p.codrops-demos {
		position: relative;
		top: auto;
		left: auto;
	}
}

h2#bg5, .bg5 h2{
color:#999;
}


.bigger{
font-size:17px;
}

/* price */

.cenik table{
margin:auto;
text-align:center;
    padding:15px;
    color:#fff;
        background:transparent;
	font-size:18px;
}

.cenik table a:link, .cenik table a:visited{
color:#a8d262;
}

.cenik table a:hover{
color:#aefe29;
}

.cenik table .purp{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #ff5bb8;
    border:1px solid #ff5bb8;
    border-bottom:3px solid #8a041f;
    background-color:#306fa7;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #ee379f),
        color-stop(0.51, #8a041f),
        color-stop(0.87, #ca0a43)
        );
    background: -moz-linear-gradient(
        center bottom,
        #ee379f 2%,
        #8a041f 51%,
        #ca0a43 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
	font-size:19px;
	}
	
	.cenik table .wi{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
    color:#000;
    text-shadow:1px 1px 1px #fff;
    border:1px solid #fff;
    border-bottom:3px solid #888;
    background-color:#999;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #fff),
        color-stop(0.51, #888),
        color-stop(0.87, #bdbdbd)
        );
    background: -moz-linear-gradient(
        center bottom,
        #fff 2%,
        #888 51%,
        #bdbdbd 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
	font-size:19px;
	}

	
		.cenik table .gre{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #d1ff82;
    border:1px solid #b1ea4f;
    border-bottom:3px solid #618225;
    background-color:#73982e;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #c5f37c),
        color-stop(0.51, #618225),
        color-stop(0.87, #90c837)
        );
    background: -moz-linear-gradient(
        center bottom,
        #c5f37c 2%,
        #618225 51%,
        #90c837 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
	font-size:19px;
	}
	
	.cenik table .blu{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #99e6ff;
    border:1px solid #5daaef;
    border-bottom:3px solid #13577a;
    background-color:#306fa7;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #87c2de),
        color-stop(0.51, #13577a),
        color-stop(0.87, #548cc1)
        );
    background: -moz-linear-gradient(
        center bottom,
        #87c2de 2%,
        #13577a 51%,
        #548cc1 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
	font-size:19px;
	}
	
	.cenik table .lu{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #ffdf90;
    border:1px solid #e1d0a4;
    border-bottom:3px solid #786545;
    background-color:#306fa7;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #e1d0a4),
        color-stop(0.51, #786545),
        color-stop(0.87, #b1995c)
        );
    background: -moz-linear-gradient(
        center bottom,
        #e1d0a4 2%,
        #786545 51%,
        #b1995c 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
	font-size:19px;
	}
	
	

		.cenik table .ll{
text-align:center;
    padding:15px;
    color:#ffe8b7;
	 text-shadow:1px 1px 1px #000;
    	font-size:18px;
	background:url("lux_bg.jpg") repeat;
	background-size:100%;
	}
	
			.cenik table .ww{
text-align:center;
    padding:15px;
    color:#fff;
 text-shadow:1px 1px 1px #000;
    	
	background:#191919;
	font-size:17px;
	}
	
		.cenik table .no{
text-align:right;
    padding:15px;
    color:#afafaf;
    text-shadow:1px 1px 1px #000;
   	font-size:17px;
	border-top:1px solid #222;
	border-left:1px solid #222;
	border-bottom:1px solid #222;
	border-radius:15px;
	}
	
.cenik table .p1{
font-size:30px;
font-weight:bold;
text-shadow:1px 1px 1px #000;
color:#fff;
}

.cenik table .p2{
font-size:30px;
font-weight:bold;
text-shadow:1px 1px 1px #000;
color:#78B4D1;
}

.cenik table .p3{
font-size:30px;
font-weight:bold;
text-shadow:1px 1px 1px #000;
color:#B4E06D;
}

.cenik table .p4{
font-size:30px;
font-weight:bold;
text-shadow:1px 1px 1px #000;
color:#E1308E;
}

/* bott */


.cenik table .purp2{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
    color:#000;
    text-shadow:1px 1px 1px #ff5bb8;
    border:1px solid #ff5bb8;
	border-top:3px solid #8a041f;
    background-color:#306fa7;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #ee379f),
        color-stop(0.51, #8a041f),
        color-stop(0.87, #ca0a43)
        );
    background: -moz-linear-gradient(
        center bottom,
        #ee379f 2%,
        #8a041f 51%,
        #ca0a43 87%
        );
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
	font-size:20px;
	font-weight:bold;
	}
	
	.cenik table .wi2{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
    color:#000;
    text-shadow:1px 1px 1px #fff;
    border:1px solid #fff;
	border-top:3px solid #888;
    background-color:#999;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #fff),
        color-stop(0.51, #888),
        color-stop(0.87, #bdbdbd)
        );
    background: -moz-linear-gradient(
        center bottom,
        #fff 2%,
        #888 51%,
        #bdbdbd 87%
        );
        -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
	font-size:20px;
	font-weight:bold;
	}

	
		.cenik table .gre2{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
 color:#000;
    text-shadow:1px 1px 1px #d1ff82;
    border:1px solid #618225;
	border-top:3px solid #73982e;
    background-color:#b1ea4f;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #c5f37c),
        color-stop(0.51, #618225),
        color-stop(0.87, #90c837)
        );
    background: -moz-linear-gradient(
        center bottom,
        #c5f37c 2%,
        #618225 51%,
        #90c837 87%
        );
       -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
	font-size:20px;
	font-weight:bold;
	}
	
	.cenik table .blu2{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
     color:#000;
    text-shadow:1px 1px 1px #99e6ff;
    border:1px solid #5daaef;
	border-top:3px solid #13577a;
    background-color:#306fa7;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #87c2de),
        color-stop(0.51, #13577a),
        color-stop(0.87, #548cc1)
        );
    background: -moz-linear-gradient(
        center bottom,
        #87c2de 2%,
        #13577a 51%,
        #548cc1 87%
        );
        -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
	font-size:20px;
	font-weight:bold;
	}
	
	.cenik table .lu2{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
    color:#000;
    text-shadow:1px 1px 1px #ffdf90;
    border:1px solid #e1d0a4;
    border-top:3px solid #786545;
    background-color:#306fa7;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #e1d0a4),
        color-stop(0.51, #786545),
        color-stop(0.87, #b1995c)
        );
    background: -moz-linear-gradient(
        center bottom,
        #e1d0a4 2%,
        #786545 51%,
        #b1995c 87%
        );
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
	font-size:20px;
	font-weight:bold;
	}
	
.red, .red a:link, .red a:visited{
color:#C40401;

}

.red2{
color:#C40401;
font-size:20px;
}

.red a:hover{
color:#5B7914;
}

.dd table, .dd td{
text-align:center;
padding:10px;
}


.skrt{
text-decoration: line-through;
font-size:19px;
}





/* Preload images */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: #fff;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#ifra{
border:none; overflow:hidden; width:300px; height:490px
}

.high{
color:#bd9749;
}

.ruby2 {
display:block;
width:350px;
margin:0 auto;
border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #F8F8F8, rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), #F8F8F8, rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), #F8F8F8, rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), #F8F8F8, rgba(0,0,0,0)); 
margin-top:15px;
margin-bottom:10px;
}

.next{
font-size:15px;
color:#999;
}

.small{
font-size:11px;
}

.cont9{
	position:relative;
	margin:0 auto;
	width:900px;
	}

/* Add a black background color to the top navigation */
.topnav {
  background-color: #111;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #efdeb2;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
  font-weight:bold;
  line-height:1;
  transition: all 1s linear;
}

/* Change the color of links on hover 
-webkit-transition: color 1s;
        -moz-transition:    color 1s;
        -ms-transition:     color 1s;
        -o-transition:      color 1s;
        transition:         color 1s;
		*/
.topnav a:hover {
  background-color: #000;
   color: #e2af3a;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #985d6f;
   color: #f6f6e6;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
} 

			
			
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 992px) {
	
	.topnav a {
  float: left;
  display: block;
  color: #efdeb2;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
  font-weight:bold;
  line-height:1.2;
  font-size:4vw;
}

		
    .topnav a:not(:first-child) {display: none;font-size:6vw;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  
  
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;font-size:6vw;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: center;
	font-size:6vw;
  }
  
  .cont9{
	position:relative;
	margin:0 auto;
	width:auto;
		}
		
		.bigger{
font-size:4vw;
}

.int2 .darker, .inta, .strong{
font-size:4vw;
}



.op2 img{width:90%; display:block;margin: 0 auto;}
	
	.tvorbabg{
position:relative;
top:0px;
left:0px;
width:100%;
max-height:350px;
background:#000 url("../img/slide11.jpg")  no-repeat;
background-size:cover;
background-position:center; 
}

h3{
font-size:20px;
color:#ffefa7;
letter-spacing:1;
line-height:1.5;
}	

h2{
font-size:18px;
letter-spacing:0;
line-height:1.2;
margin-top:4px;
}	

.langs{
	margin-top:5px;
}



.c2 td{
padding:10px;
font-size:17px;
line-height:1;
border:1px dotted #dcdcdc;
}

.c td{
padding:10px;
display:block;
}

.c td img{
	width:50%;
	}
	

	
	.portfohpi img{width:100%;}

.bg4{
position:relative;
background:#fff;
width:100%;
height:auto;
}

.coop h3{line-height:1;}
 
.int2{background:#fff; padding-top:30px;margin-top:10px;} 
 .int2 h2{
line-height:2;

}

  .int2 img{border:none;
	  border-radius: none;
 -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
      -ms-transition: none;
          transition: none;

}
.int h1{font-size:5vw;line-height:1;}
.int h2{font-size:3vw;line-height:1;}


.fnc-slider {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  height: 80vh;
}
.fnc-slider *, .fnc-slider *:before, .fnc-slider *:after {
  box-sizing: border-box;
}
.fnc-slider__slides {
  position: relative;
  height: 80%;
  transition: transform 1s 0.6666666667s;
}



}

.move, .move2{
	color:#726448;
font-family: 'Cinzel', serif;
font-size:22px;
padding:0px;
margin:0px;
	}

.move {
  display:inline-block;
  overflow:hidden;
  #fff-space:nowrap;
}

.move:first-of-type {    /* For increasing performance 
                       ID/Class should've been used. 
                       For a small demo 
                       it's okaish for now */
  animation: showup 7s infinite;
}

.move:last-of-type {
  width:0px;
  animation: reveal 7s infinite;
}

.move:last-of-type move2 {
  margin-left:-310px;
  animation: slidein 7s infinite;
}

@keyframes showup {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes slidein {
    0% { margin-left:-770px; }
    20% { margin-left:-770px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}

@keyframes reveal {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:310px;}
    80% {opacity:1;}
    100% {opacity:0;width:310px;}
}

iframe{margin:  auto; display:block;}








.fnc {
  /* you can add color names and their values here
  and then simply add classes like .m--blend-$colorName to .fnc-slide 
  to apply specific color for mask blend mode */
}
.fnc-slider {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  height: 100vh;
}
.fnc-slider *, .fnc-slider *:before, .fnc-slider *:after {
  box-sizing: border-box;
}
.fnc-slider__slides {
  position: relative;
  height: 100%;
  transition: transform 1s 0.6666666667s;
}
.fnc-slider .m--blend-dark .fnc-slide__inner {
  background-color: #8a8a8a;
}
.fnc-slider .m--blend-dark .fnc-slide__mask-inner {
  background-color: #575757;
}
.fnc-slider .m--navbg-dark {
  background-color: #222;
}
.fnc-slider .m--blend-green .fnc-slide__inner {
  background-color: #fff;
}
.fnc-slider .m--blend-green .fnc-slide__mask-inner {
  background-color: #575757;
}
.fnc-slider .m--navbg-green {
  background-color: #444;
}
.fnc-slider .m--blend-red .fnc-slide__inner {
  background-color: #ea2329;
}
.fnc-slider .m--blend-red .fnc-slide__mask-inner {
  background-color: #575757;
}
.fnc-slider .m--navbg-red {
  background-color: #666;
}
.fnc-slider .m--blend-blue .fnc-slide__inner {
  background-color: #59aecb;
}
.fnc-slider .m--blend-blue .fnc-slide__mask-inner {
  background-color: #575757;
}
.fnc-slider .m--navbg-blue {
  background-color: #888;
}
.fnc-slide {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translate3d(0, 0, 0);
}
.fnc-slide.m--before-sliding {
  z-index: 2 !important;
  transform: translate3d(100%, 0, 0);
}
.fnc-slide.m--active-slide {
  z-index: 1;
  transition: transform 1s 0.6666666667s ease-in-out;
  transform: translate3d(0, 0, 0);
}
.fnc-slide__inner {
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center top;
  transform: translate3d(0, 0, 0);
 }
.m--global-blending-active .fnc-slide__inner, .m--blend-bg-active .fnc-slide__inner {
  background-blend-mode: luminosity;
}
.m--before-sliding .fnc-slide__inner {
  transform: translate3d(-100%, 0, 0);
}
.m--active-slide .fnc-slide__inner {
  transition: transform 1s 0.6666666667s ease-in-out;
  transform: translate3d(0, 0, 0);
}
.fnc-slide__mask {
  overflow: hidden;
  z-index: 1;
  position: absolute;
  right: 55%;
  top: 17%;
  width: 40.25vh;
  height: 57vh;
  margin-right: -90px;
  -webkit-clip-path: circle(33%);
          clip-path: circle(33%);
  transform-origin: 50% 0;
  transition-timing-function: ease-in-out;
   }
.m--before-sliding .fnc-slide__mask {
  transform: rotate(-10deg) translate3d(200px, 0, 0);
  opacity: 0;
}
.m--active-slide .fnc-slide__mask {
  transition: transform 0.7s 1.2222222222s, opacity 0.35s 1.2222222222s;
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.m--previous-slide .fnc-slide__mask {
  transition: transform 0.7s 0.3333333333s, opacity 0.35s 0.6833333333s;
  transform: rotate(10deg) translate3d(-200px, 0, 0);
  opacity: 0;
}


.fnc-slide__mask-inner {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 100vh;
  margin-left: -50vw;
  margin-top: -50vh;
  background-size: cover;
  background-position: center center;
  background-blend-mode: luminosity;
  transform-origin: 50% 16.5vh;
  transition-timing-function: ease-in-out;
 }
.m--before-sliding .fnc-slide__mask-inner {
  transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
}
.m--active-slide .fnc-slide__mask-inner {
  transition: transform 0.7s 1.2222222222s;
  transform: translateX(0);
}
.m--previous-slide .fnc-slide__mask-inner {
  transition: transform 0.7s 0.3333333333s;
  transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
}
.fnc-slide__content {
  z-index: 2;
  position: absolute;
  left: 40%;
  top: 40%;
}


.fnc-slide__heading {
  margin-bottom: 10px;
  text-transform: uppercase;

 }
.fnc-slide__heading-line, .fnc-slide__heading-line span {
  overflow: hidden;
  position: relative;
  padding-right: 20px;
  font-size: 80px;
    color: #fff;
  word-spacing: 7px;
    
}

.fnc-slide__heading-line {background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1));}

.fnc-slide__heading-line{line-height:99px;}

.fnc-slide__heading-line a:visited, .fnc-slide__heading-line a:link{
	color:#fff;
	}
  
  
.fnc-slide__heading-line:nth-child(2) {
  padding-left: 30px;
}
.m--before-sliding .fnc-slide__heading-line {
  transform: translateY(100%);
}
.m--active-slide .fnc-slide__heading-line {
  transition: transform 1.5s 1s;
  transform: translateY(0);
}
.m--previous-slide .fnc-slide__heading-line {
  transition: transform 1.5s;
  transform: translateY(-100%);
}
.fnc-slide__heading-line span {
  display: block;
}
.m--before-sliding .fnc-slide__heading-line span {
  transform: translateY(-100%);
}
.m--active-slide .fnc-slide__heading-line span {
  transition: transform 1.5s 1s;
  transform: translateY(0);
}

.m--previous-slide .fnc-slide__heading-line span {
  transition: transform 1.5s;
  transform: translateY(100%);
}

.fnc-slide__action-btn {
  position: relative;
  margin-left: 200px;
  padding: 5px 15px;
  font-size: 40px;
  line-height: 1;
  color: transparent;
  border: none;
  text-transform: uppercase;
  background: transparent;
  cursor: pointer;
  text-align: center;
  outline: none;
}


.fnc-slide__heading-line a:link, .fnc-slide__heading-line a:visited{
color:#fff;
-webkit-transition: color 1s;
        -moz-transition:    color 1s;
        -ms-transition:     color 1s;
        -o-transition:      color 1s;
transition:         color 1s;}

.fnc-slide__heading-line a:hover{color:#e2af3a;}

		
.fnc-slide__action-btn span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  perspective: 1000px;
  transform-style: preserve-3d;
  transition: transform 0.3s;
  transform-origin: 50% 0;
  line-height: 45px;
  color: #fff;
   font-size: 33px;
}
.fnc-slide__action-btn span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #e2af3a;
  border-top: none;
  border-bottom: none;
}
.fnc-slide__action-btn span:after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 45px;
  background: #e2af3a;
  opacity: 0;
  transform-origin: 50% 0;
  transform: translateY(100%) rotateX(-90deg);
  transition: opacity 0.15s 0.15s;
}
.fnc-slide__action-btn:hover span {
  transform: rotateX(90deg);
}
.fnc-slide__action-btn:hover span:after {
  opacity: 1;
  transition: opacity 0.15s;
}

.fnc-nav {
  z-index: 5;
  position: absolute;
  right: 40%;
  bottom: 0;
}
.fnc-nav__bgs {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg.m--nav-bg-before {
  z-index: 2 !important;
  transform: translateX(100%);
}
.fnc-nav__bg.m--active-nav-bg {
  z-index: 1;
  transition: transform 1s 0.6666666667s;
  transform: translateX(0);
}
.fnc-nav__controls {
  font-size: 0;
}
.fnc-nav__control {
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 10px;
  font-size: 1px;
  color: #fff;
  text-transform: uppercase;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  transition: background-color 0.5s;
}
.fnc-nav__control.m--active-control {
  background: #000;
}
.fnc-nav__control-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition-timing-function: linear !important;
}
.m--with-autosliding .m--active-control .fnc-nav__control-progress {
  transform: scaleX(1);
}
.m--prev-control .fnc-nav__control-progress {
  transform: translateX(100%);
  transition: transform 0.5s !important;
}
.m--reset-progress .fnc-nav__control-progress {
  transform: scaleX(0);
  transition: transform 0s 0s !important;
}
.m--autosliding-blocked .fnc-nav__control-progress {
  transition: all 0s 0s !important;
  transform: scaleX(0) !important;
}


body {
  margin: 0;
}

.demo-cont {
  overflow: hidden;
  position: relative;
  height: 100vh;
  perspective: 1500px;
  background: #000;
}
.demo-cont__credits {
  box-sizing: border-box;
  overflow-y: auto;
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  padding: 20px 10px 30px;
  background: #303030;
  text-align: center;
  transition: transform 0.7s;
  transform: translate3d(100%, 0, 0) rotateY(-45deg);
  will-change: transform;
  
}
.credits-active .demo-cont__credits {
  transition: transform 0.7s 0.2333333333s;
  transform: translate3d(0, 0, 0);
}
.demo-cont__credits *, .demo-cont__credits *:before, .demo-cont__credits *:after {
  box-sizing: border-box;
}
.demo-cont__credits-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.demo-cont__credits-close:before, .demo-cont__credits-close:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: #fff;
}
.demo-cont__credits-close:before {
  transform: rotate(45deg);
}
.demo-cont__credits-close:after {
  transform: rotate(-45deg);
}

.demo-cont__credits-img, img.demo-cont__credits, .demo-cont__credits img {
  display: block;
  max-width: 380px;
   margin: 0 auto;
  border-radius: 10px;
}
.demo-cont__credits-name {
   font-size: 30px;
}
.demo-cont__credits-link  {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  color: #fff;
}

.demo-cont__credits, .demo-cont__credits a:link, .demo-cont__credits a:visited{
	color:#ded59a;
	
}


.demo-cont__credits-blend {
  font-size: 30px;
  margin-bottom: 10px;
}

.example-slider {
  z-index: 2;
  transform: translate3d(0, 0, 0);
  transition: transform 0.7s;
}
.credits-active .example-slider {
  transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
}
.example-slider .fnc-slide-2 .fnc-slide__inner,
.example-slider .fnc-slide-2 .fnc-slide__mask-inner {
  background-image: url("../img/web/slidde03.jpg");
}
.example-slider .fnc-slide-3 .fnc-slide__inner,
.example-slider .fnc-slide-3 .fnc-slide__mask-inner {
  background-image: url("../img/web/slidde02.jpg");
}
.example-slider .fnc-slide-4 .fnc-slide__inner,
.example-slider .fnc-slide-4 .fnc-slide__mask-inner {
  background-image: url("../img/web/slidde01.jpg");
}


.example-slider .fnc-slide-4 .fnc-slide__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
}
.example-slider .fnc-slide-1 .fnc-slide__inner,
.example-slider .fnc-slide-1 .fnc-slide__mask-inner {
  background-image: url("../img/web/slidde0.jpg");
}
.example-slider .fnc-slide-1 .fnc-slide__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.example-slider .fnc-slide__heading,
.example-slider .fnc-slide__action-btn,
.example-slider .fnc-nav__control {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

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