/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Duru+Sans&subset=latin,latin-ext);

html { height: 100%; }

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

::-moz-selection {background:#e30045;color:#fff;text-shadow:none;}
::selection {background:#e30045;color:#fff;text-shadow:none;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */


body {
    font-family: 'Duru Sans', Calibri, Arial, sans-serif;
    background: #fff;
    font-weight: 300;
    font-size: 15px;
    color: #333;
    -webkit-font-smoothing: antialiased;
}

a {
	color: #e30045;
	text-decoration: none;
}

.sl-slider-wrapper {
	width: 800px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #e40045;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #e40045;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	background: #e40045;
}

.sl-slide-vertical .sl-slide-inner {
	background: #e40045;
}





/*Preload*/
#preload {
  position: fixed; 
  z-index: 1000; 
  color: #000; 
  width: 100%; 
  height: 100%; 
  top: 0; 
  left: 0; 
}



.demo-1 .sl-slider-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}




/* Custom navigation arrows */

.nav-arrows span {
	position: absolute;
	z-index: 2000;
	top: 50%;
	width: 40px;
	height: 40px;
	border: 8px solid #fff;
	border: 8px solid rgba(255,255,255,1);
	text-indent: -90000px;
	margin-top: -40px;
	cursor: pointer;
	
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nav-arrows span:hover {
	border-color: rgba(255,255,255,0.7);
}

.nav-arrows span.nav-arrow-prev {
	left: 5%;
	border-right: none;
	border-top: none;
}

.nav-arrows span.nav-arrow-next {
	right: 5%;
	border-left: none;
	border-bottom: none;
}

/* Custom navigation dots */

.nav-dots {
	text-align: center;
	position: absolute;
	bottom: 120px;
	height: 30px;
	width: 100%;
	left: 0;
	z-index: 1000;
}

.nav-dots span {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #fff;
	background: rgba(255,255,255,1);
	cursor: pointer;
}

.nav-dots span.nav-dot-current:after {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0px;
	left: 0px;
	border-radius: 50%;
	background: #e40045;
	background: rgba(228,0,69,1);
}


/* footer */

.mobile .oteviraci-doba {
	text-align: center;
	position: absolute;
	top: 0px;
	height: auto;
	width: 100%;
  float:left;
  color:#fff;
	z-index: 1000;
  display:none;
}
.mobile .oteviraci-doba span {
  display:block;
  padding-top:10px;
  font-weight:bold;
}

.footer {
	text-align: center;
	position: absolute;
	bottom: 0px;
	height: 100px;
	width: 100%;
  background:#fff;
	left: 0;
	z-index: 1000; 
-webkit-box-shadow: 0px -3px 15px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px -3px 15px 0px rgba(50, 50, 50, 0.4);
box-shadow:         0px -3px 15px 0px rgba(50, 50, 50, 0.4);
}
.footer .tlacitka {
  float:left;
  width:200px;
  padding:10px 0px 0px 10px;
}
.footer .adresa {
  float:left;
  height:100%; 
  position:relative;
  width:330px;
  padding-top:17px;
}


.footer .adresa h1 {
  float:left;
  text-transform: uppercase;
  font-size:18px;
  display:block;
  text-align:left;
}
.footer .adresa h2 {
  float:left;
  font-size:16px;
  display:block;
  text-align:left;
}
.footer .adresa h3 {
  float:left;
  font-size:15px;
  font-weight:bold;
  display:block;
  text-align:left;
}




.footer .oteviraci-doba {
  clear:right;
  height:100%;
  width:250px;
  margin:0 auto;
  padding-top:17px;
  text-align:left;
}
.footer .oteviraci-doba span {
  display:block;
  padding-top:10px;
  font-weight:bold;
}
.footer .informace a {
  display:block;
  float:left;
}


.footer #facebook:hover a img, .footer #mapa:hover a img, .footer #email:hover a img {
	-webkit-transform: scale(0.93)!important;
	-moz-transform: scale(0.93)!important;
	-o-transform: scale(0.93)!important;
	-ms-transform: scale(0.93)!important;
	transform: scale(0.93)!important;
}



/* footer prava strana*/

.footer .informace {
  float:left; 
  position:absolute;
  right:10px;
  bottom:10px;
  height:80px;  
}
.footer .facebook {
  float:right;   
  width:92px;
  height:80px;
  position:relative;
  bottom:0px;
  right:0px;
  overflow: hidden;
  background:white;
}
.footer .facebook .image {
  position: absolute;
  width:92px;
  height:80px;
  bottom:0px;
  background:white;
}
.footer .facebook .text {
  width:240px;
  height:340px;    
  background:white;
  float:left;
  position:relative;
  color:black;
  text-align:left;
}
.footer .mapa {
  float:right;    
  width:92px;
  height:80px;
  position:relative;
  bottom:0px;
  right:0px;
  overflow: hidden;
  background:white;
}
.footer .mapa .image {
  position: absolute;
  width:92px;
  height:80px;
  bottom:0px;
  background:white;
}
.footer .mapa .text {
  width:230px;
  height:330px;    
  background:white;
  float:left;
  position:relative;
  color:black;
  text-align:left;
  padding:5px;
}
.footer .mapa .text img {max-width:230px;}

.footer .email {
  float:right;    
  width:92px;
  height:80px;
  position:relative;
  bottom:0px;
  right:0px;
  overflow: hidden;
}
.footer .email .image {
  position: absolute;
  width:92px;
  height:80px;
  bottom:0px;
  background:white;

}
.footer .email .text {
  width:240px;
  padding-top:50px;
  height:290px;    
  background:white;
  float:left;
  position:relative;
  color:black;
  text-align:left;
  background:#fff url('../images/form.jpg') no-repeat center top;
}

/* Tlacitka - proklik*/

.footer #klobouky_tlacitko span, .footer #slavicin_tlacitko span {
  display:none;
} 

.footer #klobouky_tlacitko {
  float:left;
  width:83px;
  height:77px;
  background:url('../images/logo_klobouky.jpg') no-repeat -2px 0px;
  position:absolute;
  bottom:10px;
  cursor:pointer;
}
.footer #klobouky_tlacitko.active {

}
.footer #klobouky_tlacitko:hover {
  background-position: bottom right;
}
.footer #klobouky_tlacitko.active {
  background-position: bottom right;
}
.footer #klobouky_tlacitko div {
  display:inline;
  width:83px;
  height:204px;
  float:left;
  background:transparent url('../images/klobouky_napis2.png') no-repeat center bottom;  
  margin-left:2px;
  top:-217px;
  position:relative;
}     
.footer #klobouky_tlacitko div:hover {
  background:transparent url('../images/klobouky_napis_hover.png') no-repeat center bottom;
}
.footer #klobouky_tlacitko.active div {
  display:inline;
  width:83px;
  height:204px;
  float:left;
  background:transparent url('../images/klobouky_napis.png') no-repeat center bottom;  
  margin-left:2px;
}
.footer #slavicin_tlacitko {
  float:left;
  width:83px;
  height:77px;
  background:url('../images/logo_slavicin.jpg') no-repeat 3px 0px;
  position:absolute;
  bottom:10px;
  left: 100px;
  cursor:pointer;
}
.footer #slavicin_tlacitko:hover {
  background-position: bottom right;
}
.footer #slavicin_tlacitko.active {
  background-position: bottom right;
}
.footer #slavicin_tlacitko div {
  display:inline;
  width:83px;
  height:204px;
  float:left;
  background:transparent url('../images/slavicin_napis2.png') no-repeat center bottom;
  margin-left:2px;
  top:-217px;
  position:relative;
}
.footer #slavicin_tlacitko div:hover {
  background:transparent url('../images/slavicin_napis_hover.png') no-repeat center bottom;
}
.footer #slavicin_tlacitko.active div {
  display:inline;
  width:83px;
  height:204px;
  float:left;
  background:transparent url('../images/slavicin_napis.png') no-repeat center bottom;
  margin-left:2px;
}

/* Content elements */

.demo-1 .deco {
	width: 151px;
	height: 128px;   
	float:left;
	position: absolute;
	bottom: 50%;
	left: 45%;
	margin: 0 0 0 -180px;  
  background:url('../images/logo1.png') no-repeat center center;
}

.demo-1 .logo {
	width: 404px;
	height: 130px;   
	float:left;
	position: absolute;
	bottom: 50%;
	left: 45%;
	margin: 0 0 0 0px;  
  background:url('../images/logo2.png') no-repeat center center;
}


.demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice {
	background: url('../images/bg_1.jpg') right top;
}

.demo-1 .bg-2 .sl-slide-inner,
.demo-1 .bg-2 .sl-content-slice {
	background: url('../images/bg_2.jpg') right top;
}

.demo-1 .bg-3 .sl-slide-inner,
.demo-1 .bg-3 .sl-content-slice {
	background: url('../images/bg_3.jpg') center top;
}

.demo-1 .bg-4 .sl-slide-inner,
.demo-1 .bg-4 .sl-content-slice {
	background: url('../images/bg_4.jpg') center bottom;
}

.demo-1 .bg-5 .sl-slide-inner,
.demo-1 .bg-5 .sl-content-slice {
	background: url('../images/bg_5.jpg') center top;
}

.demo-1 .bg-6 .sl-slide-inner,
.demo-1 .bg-6 .sl-content-slice {
	background: url('../images/bg_6.jpg') center top;
}

/* Animations for content elements */

.sl-trans-elems .deco{
	-webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	animation: roll 1s ease-out both, fadeIn 1s ease-out both;
}
.sl-trans-elems .logo{
	-webkit-animation: moveUp 1s ease-in-out both;
	-moz-animation: moveUp 1s ease-in-out both;
	-o-animation: moveUp 1s ease-in-out both;
	-ms-animation: moveUp 1s ease-in-out both;
	animation: moveUp 1s ease-in-out both;
}
.sl-trans-elems blockquote{
	-webkit-animation: fadeIn 0.5s linear 0.5s both;
	-moz-animation: fadeIn 0.5s linear 0.5s both;
	-o-animation: fadeIn 0.5s linear 0.5s both;
	-ms-animation: fadeIn 0.5s linear 0.5s both;
	animation: fadeIn 0.5s linear 0.5s both;
}
.sl-trans-back-elems .deco{
	-webkit-animation: scaleDown 1s ease-in-out both;
	-moz-animation: scaleDown 1s ease-in-out both;
	-o-animation: scaleDown 1s ease-in-out both;
	-ms-animation: scaleDown 1s ease-in-out both;
	animation: scaleDown 1s ease-in-out both;
}
.sl-trans-back-elems .logo{
	-webkit-animation: fadeOut 1s ease-in-out both;
	-moz-animation: fadeOut 1s ease-in-out both;
	-o-animation: fadeOut 1s ease-in-out both;
	-ms-animation: fadeOut 1s ease-in-out both;
	animation: fadeOut 1s ease-in-out both;
}
.sl-trans-back-elems blockquote{
	-webkit-animation: fadeOut 1s linear both;
	-moz-animation: fadeOut 1s linear both;
	-o-animation: fadeOut 1s linear both;
	-ms-animation: fadeOut 1s linear both;
	animation: fadeOut 1s linear both;
}
@-webkit-keyframes roll{
	0% {-webkit-transform: translateX(500px) rotate(360deg);}
	100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
	0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
	0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-ms-keyframes roll{
	0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
	0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes moveUp{
	0% {-webkit-transform: translateY(40px);}
	100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
	0% {-moz-transform: translateY(40px);}
	100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
	0% {-o-transform: translateY(40px);}
	100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUp{
	0% {-ms-transform: translateY(40px);}
	100% {-ms-transform: translateY(0px);}
}
@keyframes moveUp{
	0% {transform: translateY(40px);}
	100% {transform: translateY(0px);}
}
@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes scaleDown{
	0% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
	0% {-moz-transform: scale(1);}
	100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
	0% {-o-transform: scale(1);}
	100% {-o-transform: scale(0.5);}
}
@-ms-keyframes scaleDown{
	0% {-ms-transform: scale(1);}
	100% {-ms-transform: scale(0.5);}
}
@keyframes scaleDown{
	0% {transform: scale(1);}
	100% {transform: scale(0.5);}
}
@-webkit-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-o-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-ms-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@media screen and (max-width: 1024px) {
  .mobile .oteviraci-doba {
    display:inline;
 }
  .footer .oteviraci-doba {
    display:none;
 }
}
/* Media Queries for custom slider */
@media screen and (max-width: 850px) {

.demo-1 .deco {
	width: 113px;
	height: 96px;   
	float:left;
	position: absolute;
	bottom: 50%;
	left: 45%;
	margin: 0 0 0 -180px;  
  background:url('../images/logo1_75.png') no-repeat center center;
}

.demo-1 .logo {
	width: 303px;
	height: 105px;   
	float:left;
	position: absolute;
	bottom: 50%;
	left: 45%;
	margin: 0 0 0 -50px;  
  background:url('../images/logo2_75.png') no-repeat center center;
}

}

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

.demo-1 .deco {
	width: 75px;
	height: 80px;   
	float:left;
	position: absolute;
	bottom: 50%;
	left: 45%;
	margin: 0 0 0 -110px;  
  background:url('../images/logo1_50.png') no-repeat center center;
}

.demo-1 .logo {
	width: 202px;
	height: 83px;   
	float:left;
	position: absolute;
	bottom: 50%;
	left: 45%;
	margin: 0 0 0 -20px;  
  background:url('../images/logo2_50.png') no-repeat center center;
}
.footer .informace {display:none;}

}
@media screen and (max-width: 550px) {
  .footer .adresa {width:260px;padding-top:8px;}
}
@media screen and (max-width: 480px) {

.demo-1 .deco {
	width: 37px;
	height: 32px;   
	float:left;
	position: absolute;
	bottom: 50%;
	left: 45%;
	margin: 0 0 0 -50px;  
  background:url('../images/logo1_25.png') no-repeat center center;
}

.demo-1 .logo {
	width: 101px;
	height: 35px;   
	float:left;
	position: absolute;
	bottom: 50%;
	left: 45%;
	margin: 0 0 0 0px;  
  background:url('../images/logo2_25.png') no-repeat center center;
}

.nav-arrows span {display:none;}
.nav-dots {display:none;}



.footer {height:70px;}

.footer #klobouky_tlacitko {
  float:left;
  width:40px;
  height:39px;
  background:url('../images/logo_klobouky_small.jpg') no-repeat -2px 0px;
  position:absolute;
  bottom:10px;
  cursor:pointer;
}
.footer #klobouky_tlacitko.active {

}
.footer #klobouky_tlacitko div {
  display:inline;
  width:41px;
  height:102px;
  float:left;
  background:transparent url('../images/klobouky_napis_small2.png') no-repeat center bottom;  
  margin-left:2px;
  top:-123px;
  position:relative;
}
.footer #klobouky_tlacitko div:hover {
  background:transparent url('../images/klobouky_napis_small_hover.png') no-repeat center bottom;
}
.footer #klobouky_tlacitko.active div {
  display:inline;
  width:41px;
  height:102px;
  float:left;
  background:transparent url('../images/klobouky_napis_small.png') no-repeat center bottom;  
  margin-left:2px;
}
.footer #slavicin_tlacitko {
  float:left;
  width:40px;
  height:39px;
  background:url('../images/logo_slavicin_small.jpg') no-repeat 3px 0px;
  position:absolute;
  bottom:10px;
  left: 60px;
  cursor:pointer;
}
.footer #slavicin_tlacitko.active {

}
.footer #slavicin_tlacitko div {
  display:inline;
  width:41px;
  height:102px;
  float:left;
  background:transparent url('../images/slavicin_napis_small2.png') no-repeat center bottom;
  margin-left:2px;
  top:-123px;
  position:relative;
}  
.footer #slavicin_tlacitko div:hover {
  background:transparent url('../images/slavicin_napis_small_hover.png') no-repeat center bottom;
}
.footer #slavicin_tlacitko.active div {
  display:inline;
  width:41px;
  height:102px;
  float:left;
  background:transparent url('../images/slavicin_napis_small.png') no-repeat center bottom;
  margin-left:2px;
}

.footer .adresa {width:210px;padding-top:4px;}
.footer .adresa h1 {
  float:left;
  text-transform: uppercase;
  font-size:13px;
  display:block;
  text-align:left;
}
.footer .adresa h2 {
  float:left;
  font-size:12px;
  display:block;
  text-align:left;
}
.footer .adresa h3 {
  float:left;
  font-size:11px;
  font-weight:bold;
  display:block;
  text-align:left;
}













}


@media screen and (max-height: 600px) {

.nav-arrows span {display:none;}
.nav-dots {display:none;}

.demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice {
	background: url('../images/bg_1_50.jpg') right top;
}

.demo-1 .bg-2 .sl-slide-inner,
.demo-1 .bg-2 .sl-content-slice {
	background: url('../images/bg_2_50.jpg') right top;
}

.demo-1 .bg-3 .sl-slide-inner,
.demo-1 .bg-3 .sl-content-slice {
	background: url('../images/bg_3_50.jpg') center top;
}

.demo-1 .bg-4 .sl-slide-inner,
.demo-1 .bg-4 .sl-content-slice {
	background: url('../images/bg_4_50.jpg') center bottom;
}

.demo-1 .bg-5 .sl-slide-inner,
.demo-1 .bg-5 .sl-content-slice {
	background: url('../images/bg_5_50.jpg') center top;
}

.demo-1 .bg-6 .sl-slide-inner,
.demo-1 .bg-6 .sl-content-slice {
	background: url('../images/bg_6_50.jpg') center top;
}
}

@media screen and (max-height: 480px) {

.demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice {
	background: url('../images/bg_1_25.jpg') right top;
}

.demo-1 .bg-2 .sl-slide-inner,
.demo-1 .bg-2 .sl-content-slice {
	background: url('../images/bg_2_25.jpg') right top;
}

.demo-1 .bg-3 .sl-slide-inner,
.demo-1 .bg-3 .sl-content-slice {
	background: url('../images/bg_3_25.jpg') center top;
}

.demo-1 .bg-4 .sl-slide-inner,
.demo-1 .bg-4 .sl-content-slice {
	background: url('../images/bg_4_25.jpg') center bottom;
}

.demo-1 .bg-5 .sl-slide-inner,
.demo-1 .bg-5 .sl-content-slice {
	background: url('../images/bg_5_25.jpg') center top;
}

.demo-1 .bg-6 .sl-slide-inner,
.demo-1 .bg-6 .sl-content-slice {
	background: url('../images/bg_6_25.jpg') center top;
}
}