/*
tm sediva nadpis #4b4949
sv sediva #e6e6e6
sv sediva #f7f7f7
stredne sv sediva #6d6d6d

gold #feb406
gold2 #f0a951
oranzova #ff5200

*/

* { font: 1.05rem/1.7 'Roboto', sans-serif, arial; Xfont-family: 'Roboto', sans-serif; }

.nanogallery_gallerytheme_custom_gallery-id .nGY2GThumbnail { border-color: #f0a951 !important; }

h1, h1 *, h2, h3, h4, h5 {  }
h1, h1 *, .h1 { font: 2.5rem/1.5 'Roboto', sans-serif; color: inherit;  }
h2, h2 > * { font: 2rem/1.6 'Roboto', sans-serif; }
h3, h2 > * { font: 1.6rem/1.6 'Roboto', sans-serif; margin: 0.5em 0; }

body {
 color: #171717;
 background: #f5f5f5;
}

h1 {
  margin-bottom: 20px;
  padding-bottom: 9px;
}

a {
    color: #f0a951;
}

a:hover, a.active {
    color: #f0a951;
    text-decoration: none;
}

strong, b { color: #888; }
em { font-style: italic; }
img.left { float: left; margin: 5px 15px 5px 0; }
img.right { float: right; margin: 5px 0 5px 15px; }


.text--split { font-size: 2rem; padding: 0 0.4em ;}

.lang {  }
.lang--cz { background: url('../images/ico-lang-cz.png') no-repeat 0 0; width: 32px; height: 32px; display: inline-block;  }

.section__title { padding: 0; position: relative; display: inline-block; margin: 0 0 1em 0; font-weight: bold; color: #171717; }
.section__title span { border-bottom: 6px solid #f0a951; }
/*
.section__title::after { content: ""; border-bottom: 2px #f0a951 solid; width: 3em; height: 2em; display: inline-block; position: absolute; bottom: 0; left: 0; }
.section__title--center::after { left: 26%; }
*/


.main {
  padding-top: 0rem;
 } 
 
@media only screen and (min-width: 641px) { 
.main {
  padding-top: 0rem;  
 }
} 

/* logo */
.home-logo { padding: 1em 0 0 0; display: inline-block; }
.home-logo img { width: 95%; }

@media only screen and (min-width: 768px) {
  .home-logo { margin-top: 0.5em; }
}

/* menu */
.menu { Xwidth: 100%; /*padding: 1em 0em;*/ Xposition: absolute; Xz-index: 2; text-align: center; background: linear-gradient(90deg, rgba(220,218,218,1) 0%, rgba(173,171,171,1) 15%, rgba(146,143,143,1) 100%);  }
.menu nav { margin: 1em 0em; }

.menu--default .menu { transition: 0.5s background-color ease; }
.menu--default .home-logo { width: 100%; transition: 0.5s width ease; }
.menu--default .nav-link { font-size: 1em; transition: 0.5s font-size ease; }


.menu--sticky .menu { background-color: rgba(255, 255, 255, .95); transition: 0.5s background-color ease; top:0; z-index: 1050; Xborder-bottom: 2px solid #f7f7f7; }
.menu--sticky .home-logo { width: 90%; transition: 0.5s width ease; }
.menu--sticky .nav-link { font-size: 0.9em; transition: 0.5s font-size ease; }


.nav-item {
  position: relative;
  margin: 0 1em 0 0;
}

.nav-link {
  border-radius: 0;
  text-align: center;
  line-height: 1.0em;
  font-size: 1.2em;
  font-weight: bold;
  display: inline-block;
}

.nav-pills .nav-link.active {
  background: #fff;
  color: #f0a951;
}

.nav-pills .nav-item.active .nav-link {
  /*background: #fff;*/
  color: #000;
  border-radius: 0;
  border-bottom: 6px #f0a951 solid;
}

.nav-pills .nav-item:hover .nav-link{
  /*background: #fff;*/
  color: #f7f7f7;
  border-radius: 0;
}

.nav-link::after{
  content: "";
  position: absolute;
  right: 0;
  left: 50%;
  bottom: 0px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 0;
  height: 6px;
  background-color: #f0a951;
  transition: 0.2s width ease;
}

.nav-pills .nav-item:hover .nav-link::after{
  width: 80%;
}

.nav-pills .nav-item {
  width: 100%;
}

.nav-pills .nav-item::before {
  content: "";
}

.nav-pills .nav-item .nav-link{
  /*background: #fff;*/
  color: #000;
}

.navbar-toggler {
  position: absolute;
  top: -10px;
  right: 0px;
}

/*.navbar-dark .navbar-toggler { border-color: #fff; }*/

@media only screen and (max-width: 600px) {
  .nav-link {
    padding: 0.8rem 0;
  }

  /*
  .nav-link::after{
    left: 0%;
    bottom: 0px;
    -webkit-transform: translateX(-0%);
    transform: translateX(-0%);
  }
  */
}

@media only screen and (min-width: 768px) {
  .menu { padding: 0.1em 0 0.4em 5em; height: 5em; }
  .menu { position: fixed; top: 53px; z-index: 1020; width: 100%; } /* sticky menu */
  /*#homepage .menu { background-color: rgba(255, 255, 255, .95); }*/

  .menu nav { margin: 0em 0em; position: relative; top: -15px; }
  .nav-link {
    line-height: 2.2em;
  }

  .nav-pills .nav-item {
    width: auto;
  }
  
  .navbar-expand-md { flex-direction: column; }  
}

@media only screen and (min-width: 1500px) {
  .menu nav { position: relative; top: 0; }
}


/* top panel */
.toppanel { padding: 0 1em; background-color: #fff; color: #6d6d6d;  }
.toppanel p { margin: 0; text-align: center; }
.toppanel p * { font: 0.95rem/1.7 'Roboto', sans-serif, arial; }
.toppanel a { color: inherit; }
.toppanel a:hover, a.active { color: #f0a951; }
.toppanel span { padding: 0.1em; white-space: nowrap; }
.menu--sticky .toppanel { display: none; }

@media only screen and (min-width: 400px) {
  .toppanel { padding: 0 0em; }
}

@media only screen and (min-width: 768px) {
  .toppanel { padding: 0 1em; position: absolute; z-index: 2; width: 100%; }
  .toppanel { position: fixed; top: 0; z-index: 1021;} /* sticky menu */

  .toppanel-block1 p { text-align: right; line-height: 3em; }
  .toppanel-block2 { text-align: center; }
  .toppanel span { width: auto; display: inline-block; margin: 0 2em 0 0;  }
  .toppanel span:last-child { margin: 0;}
}

@media only screen and (min-width: 1200px) {
  
  .toppanel { padding: 0 5em; }
  .toppanel-block2 { text-align: right; }
}

/* flag */
.flag-container { padding: 0.1em 0 0 0; }
.flag {
    background-image: url('../images/flags.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 17px;
    width: 24px;
    margin: 0.3em 0 0 0;
}
.flag--cz { background-position:-1px -1px; }
.flag--de { background-position:-26px -1px; }
.flag--en { background-position:-48px -1px; }

/* intro */
.intro { position: relative;  overflow:hidden; }
.intro-wrapper { height:350px; margin: 0 auto; width: 100%; background-position:center; }

.intro-text {
  color: white;
  font-size: 3em;
  font-family: sans-serif;
  padding: 25%;
  position: absolute;
  transition: 1.5s display ease;
}

.intro-text-inner {
  font-size: 2em;
  padding: 1em 2em ;
  background: rgba(30,30,30,0.7);
}

.intro-wrapper--zoom {
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
}

.intro-wrapper--zoom:hover {
  transform: scale(1.06);
  -moz-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  -o-transform: scale(1.06);
  -ms-transform: scale(1.06); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.06, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
}   

.intro-wrapper:hover .intro-text {
  /*display: block;*/
  display: none;
}

.intro-wrapper img { width: 100%; }

.intro__overlay { padding: 1em 2em ; background: rgba(23,23,23,0.9); }
.intro__title { font-size: 1rem; color: #fff; font-weight: bold; text-transform: uppercase; text-shadow: 4px 4px 5px rgba(0, 0, 0, 1); }
.intro__lead { font-size: 1rem; color: #fff;  text-shadow: 4px 4px 5px rgba(0, 0, 0, 1); }

@media only screen and (min-width: 400px) {
    
}

@media only screen and (min-width: 768px) {
  .intro { margin-top: -140px; }
  .intro-wrapper { height:850px; }
  .intro__overlay { position: absolute; z-index: 100; top: 56%; left: 12%; xtransform: translate(-50%, -50%);  padding: 1em 2em; max-width: 76rem; background: transparent; }
  .intro__title { font-size: 4rem; margin: 0; }
  .intro__lead { font-size: 2rem; width: 80%; }
}

@media only screen and (min-width: 1200px) {
  
}

/* */
.sluzby { padding: 2.5em 0 ; text-align: center;  }
.sluzby__item { padding: 0 ; position: relative; color: #fff; margin-bottom: 1em; margin-top: 1em; }
.sluzby__wrapper {
  margin: 0 auto;
  text-align: left;
  padding: 1em;
  /*background: #3c3a3a;
  border-bottom: 10px solid #f0a951;
  border-right: 10px solid #f0a951;
  */
  /*background-image: linear-gradient(to bottom, transparent 30%, #fff 100%);*/
  /*
  background-size: cover;
  transition: 0.5s background ease;
  */
  /*transition: 0.5s padding ease;*/

}
.sluzby__wrapper * { font-weight: bold; }
.sluzby__name { color: #000; /*text-shadow: 1px 1px #000;*/ font-size: 1.3em; }
.sluzby__item .icon_circle { position: relative; left: -10px; }

.Xsluzby__img::after {
  display: block;
  position: relative;
  background-image: linear-gradient(to bottom, transparent 0%, black 100%);
  margin-top: -150px;
  height: 150px;
  width: 100%;
  content: '';
}

.sluzby__item:hover .sluzby__wrapper {
  /*
  background: #f0a951;
  border-bottom: 10px solid #3c3a3a;
  border-right: 10px solid #3c3a3a;
  */
}
.sluzby__item:hover .sluzby__name {
  color: #f0a951;
}

.sluzby__item:hover .icon_circle {
  background-color: #f0a951;
  color: #000;
}

/*
.sluzby__item--highlight:hover .sluzby__wrapper {
  xbackground: #f7f7f7;
  color: #4b4949;
}

.sluzby__item--highlight:hover .sluzby__name {
  color: #4b4949;
}

.sluzby__item--highlight { }
.sluzby__item--highlight .sluzby__name { color: #fff; }
.sluzby__item--highlight .sluzby__wrapper { background: #f0a951; }
*/

@media only screen and (min-width: 1200px) {
  
}

@media only screen and (min-width: 768px) {
 .sluzby__item { Xmargin-left: 0; margin-top: 2em; position: relative; left: 2em; }
 /*.sluzby__item--highlight .sluzby__wrapper { padding: 4em 1em; position: relative; top: -2em; }*/
 .sluzby__wrapper { width: 100%; min-height: 4em; }
 .sluzby__name { display: inline-block; width: 74%; margin-left: 2em; }
 .sluzby__item .icon_circle {   position: absolute; left: -1.5em; }
}

/* showimage */
.showimage { padding: 4em 0; text-align: center; }
.showimage__item { padding: 0 ; position: relative; color: #fff; text-align: center; }
.showimage__wrapper { display: none;  position: absolute; z-index: 10; width: 100%; height: 100%; padding: 0.5em 1em; background: rgba(15,15,15,0.7); background-size: cover; transition: 0.5s background ease; transition: 0.5s padding ease; transition: 0.5s display ease; text-align: center; }
.showimage__wrapper * { font-weight: bold; color: #fff; }
.showimage__name { color: #fff; padding-left: 1em; text-shadow: 1px 1px #000; font-size: 1.3em; }
.showimage__note { padding: 1em; text-align: center; font-size: 1.5em; }
.showimage__img { height: 100%; }
.showimage__item img { width: 100%; height: 100%; }

.Xshowimage__img::after {
  display: block;
  position: relative;
  background-image: linear-gradient(to bottom, transparent 0%, black 100%);
  margin-top: -150px;
  height: 150px;
  width: 100%;
  content: '';
}

.showimage__item:hover {
}

.showimage__item:hover .showimage__wrapper {
  background: rgba(15,15,15,0.7);
  padding: 0.2em;
  display: block;
  transition: 5s display ease;
}

@media only screen and (min-width: 1200px) {

}

@media only screen and (min-width: 768px) {
 .showimage__wrapper { Xwidth: 80%; }
 .showimage__item { margin-left: 0; }
 .showimage__item .btn { position: absolute; bottom: 3em; left: 50%; transform: translate(-50%, -50%); }
 .showimage__note { position: absolute; width: 80%; top: 27%; left: 50%; transform: translate(-50%, -50%); }
}

@media only screen and (min-width: 400px) {

}


/* aktuality */
.aktuality { background: #f7f7f7; padding: 2em 0; border-bottom: 4px solid #f0a951; }
.aktuality__item { margin-bottom: 0.8em; }
.aktuality__item a { font-size: inherit; color: inherit; }
.aktuality__item a:hover { text-decoration: underline; }
.aktuality__date { font-size: 0.7em; color: gray; padding-right: 1em; display: block; }


@media only screen and (min-width: 1200px) {
  
}

@media only screen and (min-width: 768px) {
  .aktuality__date { display: inline; }
}

@media only screen and (min-width: 400px) {
      
}


/* promobox */
.promobox { padding: 1em 0; text-align: center; }
.promobox__note p { font-size: 0.85rem; font-style: italic; }
.promobox img { margin-bottom: 0.8em; }

.promobox__item .promobox__wrapper { background: #f7f7f7;}
.promobox__item--highlight .promobox__wrapper { background: #f0a951; color: #fff; }

@media only screen and (min-width: 1200px) {
    
}

@media only screen and (min-width: 768px) {
 .promobox__item { position: relative; padding: 1em 0 3em 0; }
 .promobox__wrapper { margin: 1em ; padding: 3em 1.5em;  min-height: 10em; }
 .promobox__item--highlight .promobox__wrapper { min-height: 20em; position: absolute; top: -1em; }
 .promobox__note { position: absolute; bottom: 0; width: 100%; }
}

@media only screen and (min-width: 400px) {
    
}

/* infobox */
.infobox { padding: 2em 1em;  position: relative; }
.infobox--image { }
.infobox--noimage { background: #4b4949; }
.infobox .section__title, .infobox p { color: #fff;}
.infobox a { text-decoration: underline; }
.infobox strong, .infobox b { color: #f0a951; }
/*.infobox::after{ content:""; background: rgba(30,30,30,0.2);  position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/
.infobox_wrapper { margin: 0 auto; z-index: 10; text-align: justify; }

.infobox ul {list-style: none}
.infobox li { position: relative; line-height: 2em; }
.infobox li::before {content: "•"; color: #f0a951; display: inline-block; font-size: 2.5em; margin-left: -0.7em; position: absolute; top: 3px; }


@media only screen and (min-width: 1200px) {

}

@media only screen and (min-width: 768px) {
  .infobox { padding: 4em 3em; height: 30em; }
  .infobox_wrapper * { font-size: 1.2rem; }
  .infobox_inner--left { float: right; }
  .infobox_inner--right { float: left; }
}

@media only screen and (min-width: 400px) {

}

/* facebook */
.facebook { padding: 2em 0; border-top: 4px solid #f0a951; border-bottom: 4px solid #f0a951; }

/* mapa */
.mapa { padding: 0; background: #f7f7f7; margin: 0; }
.mapa p { margin: 0; }
.mapa div { padding: 0 !important; }

/* */
.footer { background: #f7f7f7; xcolor: #999; padding: 1em 0;  }
.footer .section__title { color: #fff; }
.footer h3, .footer h4 { padding: 0 0 0.5em 0; xcolor: #999; }
.copyright { margin-top: 1em; }
.copyright__txt1 { font-weight: bold; }
.copyright__txt2 { font-size: 12px; font-style: italic; margin: 0; }

@media only screen and (min-width: 768px) {
.footer { padding: 2em 5em 1em 5em; }
}

@media only screen and (min-width: 400px) {

}




.link-arrow { background: url('../images/ico-sipka.png') no-repeat right 2px; padding-right: 2.3em; text-transform: uppercase; }


/* form */
.btn { color: #000 !important; border: 2px solid #f0a951; background: #f0a951; text-decoration: none !important; padding: 0.8rem 2.5rem; cursor: pointer; text-align: center; line-height: 1.5; xtransition: background 2s; font-weight: bold; }
.btn:hover { color: #fff !important; background: linear-gradient(to bottom right, #f0a951, #D68F38); transition: background 5s; border: 2px solid #f0a951; }
.btn-contact { background: transparent; border: 3px #fff solid; }
.btn--transparent { background: transparent; color: #fff !important; border: 3px solid #fff; }

/* section */



/* */
.page { padding: 0 0 2em 0;  border-bottom: 0px solid #f0a951; }
.page .page-inner { padding-left: 7%; }
.page .section__title { /*background: url('../images/bg-title-sand.jpg') ;  background-repeat: no-repeat; background-size: cover; text-shadow: 1px 2px #000; text-transform: uppercase;  */ width: 100%; padding: 1.8em 0 0 0; /*background: linear-gradient(90deg, rgba(220,218,218,1) 0%, rgba(173,171,171,1) 15%, rgba(146,143,143,1) 100%);*/ padding-left: 14.5%; color: #000; }
.page h2 { color: #f0a951; text-transform: uppercase; }
.page h2, .page h3 { color: #f0a951; }
.page a { text-transform: none; text-decoration: underline; }
.page a:hover { text-decoration: none; }
.xpage ul { padding-left: 30px; }
.xpage ul li { padding-left: 10px; }
.page ul {list-style: none}
.page li::before {content: "•"; color: #f0a951; display: inline-block; width: 1em; font-size: 1.5em; margin-left: -1em}


@media only screen and (min-width: 768px) {
.page { margin-top: 8em; margin-bottom: 2em; }
}

@media only screen and (max-width: 400px) {
  img.left { float: none; display: block; }
  img.right { float: none; display: block; }
}

thead th, .thead th, .thead td { background: #f0a951; color: #fff; font-weight: bold; font-size: 1.15rem; margin: 0 0 0.5em 0; }
input { outline: none !important; }

.form.varianta2 { margin: 4em 0; }
.form.varianta2 * { font-family: arial;}
.form.varianta2 button { background: #f0a951; border: 0; padding: 0.8em 1em; color: #fff; cursor: pointer; text-transform: uppercase; font-weight: bold; }
.form.varianta2 input { border: 0 ; border-bottom: 5px solid #f6f6f6/* #cccccc*/; padding: 0.5em 0.8em; margin: 0 0 0.6em 0; width: 50%; line-height: 2.5em; }
.form.varianta2 input:focus { border-bottom: 5px solid #f0a951; background: #fcfcfc; }
.form.varianta2 label { font-weight: bold;}
.form.varianta2 table { width: 100%; }
.form.varianta2 td.col-1 { xbackground: #cccccc; width: 8em; }

/* form */
.form div.msg_notice { padding: 10px; border: 2px solid #3286b1; background: #b1e5ff; color: #000; margin: 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.form div.msg_error { padding: 10px; border: 2px solid #7F0707; background: #BF0B0B; color: #fff; margin: 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.form div.msg_ok { padding: 10px; border: 2px solid #22a304; background: #c7ffba; color: #000 !important; margin: 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.form div.msg_ok p { color: #000 !important; }
.form div.msg_error a { color: #fff; }
.form div.msg_notice p, 
.form div.msg_error p, 
.form div.msg_ok p { margin:0 !important; width: auto; }

/* vypis fotogalerii */
#fotos { }
#fotos .item { width: 200px; height: 250px; margin: 0 20px 20px 0; float: left; }
#fotos .item.last { margin-right: 0; }
#fotos .img { display: block; }
#fotos h3 { padding: 0; overflow: hidden; height: 68px; font-size: 1.3rem; }
#fotos h3 a { text-decoration: none; font-size: inherit; }
ul.navlist { list-style: none; list-style-type: none; margin: 0 0 0px 0; padding: 0 ; }
ul.navlist li { display: inline-block; list-style-type: none; background: none; margin: 0 15px 0 0; }

/* detail fotogalerie */
#fotogalerie{position:relative;}
#fotogalerie .cont{display:table;width:100%;}
#fotogalerie .clear{display:table-row-group;}
#fotogalerie .img{padding:3px 3px 1px 3px;border:2px #fff solid;width:120px;height:120px;display:table-cell;vertical-align:middle;text-align:center;}
#fotogalerie a.img:hover{border:2px #f0a951 solid;}

/* kontaktni formular */
#contact-form { }
#contact-form td { padding: 0.5em 1em; max-width: 30em; }
#contact-form label { white-space: nowrap; }
#contact-form input, #contact-form textarea { width: 100%; border: 1px solid #000; border-radius: 5px; padding: 0 0 0 0.5em; }

/* admin tools */
.admin-tools { }
.admin-tools .box-container { position: relative; }
.admin-tools .page-container { position: relative; }
.admin-tools .admin-tools-link { position: absolute; top: 30px; right: 30px; z-index: 1000; display: inline-block; background: #57a000; color: #fff !important; padding: 0.5em 1em; font-weight: bold; border: 2px solid #fff; text-decoration: none; }

/* icons */
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-top: -.15em;
  vertical-align: middle;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  shape-rendering: geometricPrecision;
}

.icon_circle { display: inline-block;
  text-align: center;
  height: 70px;
  width: 70px;
  font-size: 30px;
  line-height: 70px;
  /*color: #ff5200;*/
  background: linear-gradient(173deg, rgba(255, 255, 255, 0.35), rgba(215, 215, 215, 0.35));
  border-radius: 50%;
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.15);
  animation: iconClassic 20s ease-in-out infinite;
}

.icon_circle .icon { width: 2em; height: 2em;}

.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}