/* Author : Lukáš Fischer - https://lukasf.cz =========================== */
/*
/* Fontawesome =========================== */

/* Global style =========================== */
*{padding:0;margin:0;}
html{}
img{border:none;} 
.cleaner{clear:both;height:1px;}
.f-left{float:left;} 
.f-right{float:right;}
.opacity{opacity: 1; filter:alpha (opacity=100);}
.opacity:hover{opacity: 0.8; filter:alpha (opacity=80);}
.a-center{width:100%;text-align:center;}
.a-right{width:100%;text-align:right;}    
a{color:#1d1d1b;}
a:hover{text-decoration:none;}
.hidden{display:none;}
table{border-collapse: collapse;border-spacing: 0;}
.mobile, .grid-0 > span{display:none;}
.gallery br{display:none!important;}

/* Layout style =========================== */
html{
  min-width:100%;
  min-height:100%;
}

body{
  margin:0;
  padding:0;
  background-image:url(../img/bg.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  font-family: 'PT Sans', sans-serif;
  font-size:15px;
  color:#000;	
}

.container{
  position:relative;
  max-width:1200px;
  width:98%;
  padding:0 1%;
  margin:0 auto;
} 

.container::after{ 
  clear:both;
  content:" ";
  display:block;  
} 


/* Typography =========================== */
h1{font-size:44px; font-weight:100; line-height:44px; margin-bottom:40px;}

/* Header =========================== */
header{
  padding:20px 0 0;
}

header .logo{
  float:left;
  width:103px;
}

header .logo img{
  display:block;
  width:100%;
  height:auto;
}

/* nav */
header ul{
  list-style:none;
  float:right;
  margin-top:54px;
}

header ul li{
  display:inline-block;
  margin-left:40px;
}

header ul li a{
  position:relative;
  display:inline-block;
  overflow:hidden;
  padding:0 5px 4px;
  font-size:16px;
  font-weight:700;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:0.5px;
  color:#fff;
  transition: all .25s ease;
}

header ul li a:after{
  content:'';
  width:100%;
  height:1px;
  position:absolute;
  bottom:0;
  left:-300px;
  background:rgba(255,255,255,0.5);
  transition: all .25s ease;
}

header ul li:hover a:after{
  left:0px;
}

/* hr */
header hr{
  clear:both;
  width:100%;
  height:1px;
  margin:20px 0;
  border:none;
  background:rgba(255,255,255,0.15);
}

/* pageContent =========================== */
.pageContent{

}

/* HomePage Conent =========================== */
.homepageContent{

}

.homepageContent .container{

}

/* aside */
aside{
  
}

aside > ul{
  list-style:none;  
}

aside > ul > li{
  display:block;
  position:relative;
  padding:10px 10px 10px 90px;
  border-bottom:dashed 2px rgba(255,255,255,0.35);
  background-position:20px 10px;
  background-repeat:no-repeat;
}

aside > ul > li:nth-child(1){background-image:url(../img/nav-icon-1.png);}
aside > ul > li:nth-child(2){background-image:url(../img/nav-icon-2.png);}
aside > ul > li:nth-child(3){background-image:url(../img/nav-icon-3.png);}
aside > ul > li:nth-child(4){background-image:url(../img/nav-icon-4.png);}
aside > ul > li:nth-child(5){background-image:url(../img/nav-icon-5.png);border-bottom:none;}

aside > ul > li > a{
  display:block;
  line-height:46px;
  font-size:24px;
  font-weight:300;
  text-transform:uppercase;
  text-decoration:none;
  color:#fff;
}

.homepageContent aside > ul ul, .contactContent aside > ul ul{
  display:none;
}

aside > ul ul{
  list-style:none;
  padding:10px 0;
}

aside > ul ul li{
  display:block;
  padding:4px 5px 4px 15px;
}

aside > ul ul li a{
  font-size:17px;
  text-decoration:none;
  color:#fff;
}

aside > ul ul li.current_page_item a{
  font-weight:700;
}
 
aside > ul ul li a:hover{
  text-decoration:underline;
}

/* content */
.homepageContent h1{
  font-family:"Times New Roman";
  font-size:60px;
  font-weight:700;
  line-height:66px;
  color:#fff;
  margin-bottom:40px;
  text-shadow: 0px 1px 5px rgba(0,0,0,0.5);
}

.homepageContent h2{
  font-family:"Times New Roman";
  font-size:30px;
  font-weight:700;
  line-height:36px;
  color:#fff;
  margin-bottom:70px;
  text-shadow: 0px 1px 5px rgba(0,0,0,0.5);
}

.homepageContent p{
  font-size:20px;
  line-height:26px;
  color:#fff;
  margin-bottom:30px;
  text-shadow: 0px 1px 5px rgba(0,0,0,0.5);
}

/* Footer =========================== */
footer{
  padding:20px 0;
  font-size:11px;
  text-transform:uppercase;
  color:#fff;
  background:#192409;
}

/* subpageContent =========================== */
.subpageContent{

}

.subpageContent .wrapper{
  padding:50px 30px;
  border-radius:25px;
  background:#fff;
}

/* serviceContent =========================== */
.serviceContent{
  margin-bottom:25px;
}

/* Open Hours */
.serviceContent .openHours{
  display:inline-block;
  padding:40px 25px;
  text-align:center;
  border-radius:20px;
  font-size:16px;
  text-align:left;
  color:#fff;
  background:#99bf61;
}

.serviceContent .openHours strong{
  display:block;
  font-family:"Times New Roman";
  font-size:22px;
  line-height:24px;
  margin-bottom:15px;
}

.serviceContent .openHours p{
  color:#fff;
  margin:0;
}

/* title */
.serviceContent h1{
  font-family:"Times New Roman";
  font-size:40px;
  line-height:44px;
  font-weight:700;
  text-transform:uppercase;
  margin:30px 0;
  color:#99bf61;
}

/* headeSlider */
.serviceSlider{
  margin-bottom:20px;
}

.serviceSlider, .serviceSlider .gallery, .serviceSlider .gallery .gallery-item{
  width:100%;
}

.serviceSlider .gallery .gallery-item img{
  display:block;
  width:100%;
  height:auto;
}

/* content */
.serviceContent h2{
  font-family:"Times New Roman";
  font-size:36px;
  line-height:40px;
  font-weight:700;
  text-transform:uppercase;
  margin:0 0 25px 0;
  color:#99bf61;
}

.serviceContent p{
  font-size:18px;
  line-height:normal;
  margin:0 0 35px 0;
  color:#666666;
  letter-spacing:1px;
}

.serviceContent .person p{
  margin:0 0 10px 0;
}

.serviceContent .wrapper ul{
  list-style:none;
  font-size:18px;
  line-height:normal;
  margin:0 0 35px 0;
  color:#666666;
  letter-spacing:1px;
}

/* ourTeam */
.ourTeam h2{
  padding-bottom:18px;
  margin-bottom:18px;
  border-bottom:solid 1px #dadcda;
}

.ourTeam h3{
  font-family:"Times New Roman";
  font-size:17px;
  line-height:20px;
  font-weight:700;
  text-transform:uppercase;
  margin:0 0 10px 0;
  color:#83a94c;
}

.ourTeam a{
  color:#666666;
}

.ourTeam .person{
  padding-bottom:0;
  margin-bottom:18px;
  border-bottom:solid 1px #dadcda;
}

.ourTeam .person .title{
  font-size:16px;
  line-height:normal;
  margin:0 0 20px 0;
  color:#666666;
  letter-spacing:1px;
}

.ourTeam .person .title h3{
  display:inline-block;
  font-size:20px;
  line-height:normal;
  margin:0;
  color:#83a94c;
  letter-spacing:1px;
}

.ourTeam .person .title span{
  display:inline-block;
  padding:0 20px;
}

.ourTeam .person .decs ul, .defaultInformation ul{
  font-size:14px;
  font-style:italic;
  margin-bottom:10px;
  text-align:justify;
}

.ourTeam .person .decs ul li, .defaultInformation ul li{
  position:relative;
  padding:2px 0 2px 15px;
}

.ourTeam .person .decs ul li:before, .defaultInformation ul li:before{
  position:absolute;
  left:0;
  top:4px;
  font-family: "FontAwesome";
  font-weight: 400;
  content: "\f105";
  margin-right:7px;
  color:#99bf61;
}

/* buttons */
.priceListArea .priceListButton, .photoGalleryArea .photoGalleryButton{
  display:block;
  height:40px;
  line-height:40px;
  margin:10px 0;
  font-size:14px;
  font-weight:700;
  text-transform:uppercase;
  text-align:center;
  letter-spacing:1px;
  color:#fff;
  background:#99bf61;
  border-radius:2px;
  cursor:pointer;
  text-shadow: 0px 0px 2px rgba(0,0,0,0.2);
  transition: all .25s ease;
}

.priceListArea .priceListButton:hover, .photoGalleryArea .photoGalleryButton:hover{
  background:#666;
}

.priceListArea .priceListButton:before{
  content:'zobrazit ceník - ';
}

.priceListArea .priceListButton.clicked:before{
  content:'skrýt ceník - ';
}

.photoGalleryArea .photoGalleryButton:before{
  content:'zobrazit galerii - ';
}

.photoGalleryArea .photoGalleryButton.clicked:before{
  content:'skrýt galerii - ';
}

/* Price List */
.priceListArea .priceList{
  display:none;  
}

.priceListArea .priceList table{
  width:100%;  
  font-size:15px;
  color:#666;
  margin-bottom:10px;
  table-layout:fixed;
}

.priceListArea .priceList table td{
  padding:8px 6px; 
}

.priceListArea .priceList table td:first-child{
  width:50%;
}

.priceListArea .priceList table thead tr{
  color:#fff;
  font-size:13px;
  letter-spacing:1px;
  font-weight:700;
  background:#4f4f4f;
}

.priceListArea .priceList table tbody tr{
  border-bottom:solid 1px #dadcda;
}

/* photoGalleryArea */
.photoGalleryArea .photoGallery{
  height:0px;
  overflow-y:hidden;
}

.photoGalleryArea .photoGallery.show{
  height:auto;
  overflow-y:unset;
}

.photoGalleryArea, .photoGalleryArea .photoGallery, .photoGalleryArea .gallery .gallery-item{
  width:100%;
}

.photoGalleryArea .gallery .gallery-item img{
  display:block;
  width:100%;
  height:auto;
}

/* dots */
.photoGalleryArea .gallery .slick-dots{
  width:100%;
  list-style:none;
  text-align:center;
  margin-bottom:10px;
}

.photoGalleryArea .gallery .slick-dots li{
  display:inline-block;
  margin:0 3px;
}

.photoGalleryArea .gallery .slick-dots li button{
  display:inline-block;
  overflow:hidden;
  width:16px;
  height:16px;
  text-indent:-50px;
  border-radius:8px;
  background:#383838;
  border:none;
  cursor:pointer;
}

.photoGalleryArea .gallery .slick-dots li button:hover, .photoGalleryArea .gallery .slick-dots li.slick-active button{
  background:#99bf61;
}

/* contactContent =========================== */
.contactContent p{
  font-size:16px;
}

.contactContent i{
  font-size:12px;
}

.contactContent .map{
  width:100%;
  height:500px;
}

.contactContent .map iframe{
  width:100%;
  height:100%;
}