/* OBECNE STYLY */

body, html {
 background-color: white;
}

* { margin: 0; padding: 0; outline: none;}

BODY, DIV, TABLE, CAPTION,ADRESS, IMG {
  border: 0;
  font-family: Arial;
  margin: 0;
  padding: 0;
}

* { margin: 0; padding: 0; outline: none;font-family: "Roboto condensed", sans-serif;}

h1{display: inline-block;position: relative;text-align: left;color:white;font-weight: 400;margin-bottom: 10px;font-size: 40px;line-height: 35px;margin-bottom: 20px;}
h1.center{text-align: center;padding: 0;background: none;}
h1.zbozi{text-transform:unset;line-height: 35px;}
h2{display: inline-block; position: relative;color:white;font-size: 35px;line-height: 50px;font-weight: 400;margin-bottom: 10px;padding-left: 5px;}
h3{color:white;font-size: 30px;line-height: 25px;font-weight: 400;margin-bottom: 10px;}
h4{color:white;font-size: 25px;line-height: 20px;font-weight: 400;margin-bottom: 10px;}
h5{color:white;font-size: 20px;line-height: 18px;font-weight: 400;margin-bottom: 10px;}

p{font-size: 18px;font-weight: 400;color:#1f2120;letter-spacing: 0.3px;line-height: 20px;margin-bottom: 20px;}
b{font-size: 18px;font-weight: 600;color:#1f2120;letter-spacing: 0.3px;line-height: 20px;margin-bottom: 20px;}
strong{font-size: 18px;font-weight: 600;}

a{color: #ecbe34;font-weight: 600;text-decoration: none;}
a:hover{text-decoration: underline;}
a.phone{display: inline-block;background: transparent url('../img/phone.png') center left no-repeat;padding-left: 20px;}
a.fb{display: inline-block;background: transparent url('../img/fb.png') center left no-repeat;padding-left: 20px;}
a.ig{display: inline-block;background: transparent url('../img/ig.png') center left no-repeat;padding-left: 20px;}
a.wa{display: inline-block;background: transparent url('../img/wa.png') center left no-repeat;padding-left: 20px;}
a.yt{display: inline-block;background: transparent url('../img/yt.png') center left no-repeat;padding-left: 20px;}
a.email{display: inline-block;background: transparent url('../img/email.png') center left no-repeat;padding-left: 20px;}
a.web{display: inline-block;background: transparent url('../img/web.png') center left no-repeat;padding-left: 20px;}
a.place{display: inline-block;background: transparent url('../img/place.png') center left no-repeat;padding-left: 20px;}

form{text-align: left;}

.toLeft {
  float: left;
}

.toRight {
  float: right;
}

.hidden{display: none;}

.toCenter{display: block;text-align: center;margin: 0 auto;}
.halfwidth{width: 50%;}
.right{text-align: right;}
.cleaner{display: block;height: 0;clear: both;overflow: hidden;content: ' ';font-size: 0;}
.fb-like{top:-5px;}
.seznam{width: 100%; font-size: 12px; text-align: left;}
.seznam th{padding: 5px;color: #202020!important;}
.seznam td{padding: 5px;color: #202020!important;}

/*ol,ul*/
ul{margin-left: 0;list-style-type: none!important;margin-bottom: 20px;text-align: left;}
ul li{position: relative;background: transparent url('../img/check1.png') no-repeat left center;color:#1f2120;font-size: 18px;line-height: 180%;letter-spacing: 0.3px;font-weight: 400;padding-left: 25px;}

li ul{list-style-type:disc!important;margin-left: 20px;}
li ul li{padding: 0;margin: 0;}
li ul li:before {display: none;}

ol{text-align: left;position: relative;list-style-position: inside;line-height: 150%;margin-bottom: 20px;}
ol li{position: relative;color:white;font-size: 16px;line-height: 200%;font-weight: 400;letter-spacing: 0.3px;}
ol li::marker{color:#ea6433;font-size: 20px;font-weight: 900;}


/*table*/
#table{overflow-x: auto;}
table{width: 100%;border-collapse: collapse;border: none;margin-bottom: 10px;}
table p{margin: 0!important;}
th{border: 1px solid #9d9fa1;color:#9d9fa1;font-size: 16px;font-weight: 500;text-align: center;padding: 10px;}
td{border: 1px solid #9d9fa1;color:#9d9fa1;font-size: 16px;font-weight: 400;text-align: center;padding: 10px;}
tr{}

@media only screen and ( max-width: 800px ){
    table{width: 100%!important;}
}

hr{border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); margin-bottom: 50px;margin-top: 50px;}

.seznam input{padding: 5px;border: none;color: #202020;font-size: 15px;}
.seznam select{padding: 5px;border: none;color: #202020;font-size: 15px;}

.seznam .save{display: inline-block;vertical-align: top;cursor: pointer;background: transparent url('../img/save.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;}
.seznam .copy{display: inline-block;vertical-align: top;cursor: pointer;background: transparent url('../img/copy.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;}
.seznam .del{display: inline-block;vertical-align: top;cursor: pointer;background: transparent url('../img/kos.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;}
.seznam .edit{display: inline-block;vertical-align: top;cursor: pointer;background: transparent url('../img/pencil.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;}

.msgOK{position: relative;z-index: 99;background-color: #438bc5;  font-weight: 900; font-size: 15px; color: white; text-align: center; padding: 10px;}
.msgError{position: relative;z-index: 99;background-color: #E21A1A;  font-weight: 900; font-size: 15px; color: white; text-align: center; padding: 10px;}

.grecaptcha-badge{z-index: 99;}

/* LAYOUT */
#panelMiddle{min-height: 100%;position: relative;width: 100%;z-index: 94;}
.panelMiddleIn{max-width: 1600px;padding: 0 10px; margin:0 auto;}
#panelStred.uvod{padding: 0 0 0 0;}
#panelStred{padding: 144px 0 0 0;overflow: hidden;}

@media only screen and ( max-width:1200px ){
    #panelStred.uvod{padding: 144px 0 0 0;}
}

@media only screen and ( max-width:1200px ){
    #panelStred.uvod{padding: 125px 0 0 0;}
}

#panelTop{position: fixed;width: 100%;max-width: inherit;z-index: 99;box-sizing: border-box;transition: all 0.5s;background: linear-gradient(to right,#1f2120 0%,#1f2120 25%,white 25%,white 100%);}

#panelTop.fixed{top:0;}

#panelTop.visible{top:0px!important;background-color: rgba(37,55,70,0.9);}
#panelTop.invisible{top:-147px!important;}

#dokumenty{text-align: left;}
#dokumenty a{font-size: 15px;}
#dokumenty div.editable{display: inline-block;}

.vice{text-align: center;position: relative;display: inline-block!important;width: auto!important;box-sizing: border-box;color:#ecbe34;font-size: 12px;font-weight: 900;line-height: 12px;letter-spacing: 0.3px;padding: 20px 40px;text-transform: uppercase;text-decoration: none;transition: all 0.9s;}
.vice:hover{text-decoration: none!important;}

.vice:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #ecbe34;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.vice:hover:after {    
  width: 100%;
  left: 0;
}

.button{
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin: 0px;
    margin-top: 20px;
    padding: 15px 20px;
    color:white;
    font-size: 14px;font-weight: 700;line-height: 12px;letter-spacing: 0.3px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border: 5px solid #ecbe34;
    border-radius: 0px;
    background-color: transparent;    
 }

 .button:::after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;

    background: #333333;
    border-bottom: 3px solid #2E8DEF;
    border-right: 20px solid #2E8DEF;

    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}


.button:hover {text-decoration: none;color: white;background-color: #ecbe34;}

.button:hover:before, .button:focus:before, .button:active:before {
    top: -15px;    
    left: -15px;
}

#panelContent{text-align: center;background: none;margin: 0;position: relative;z-index: 98;overflow: hidden;margin: 0 auto;}

@media only screen and ( max-width: 500px ){
    #panelContent{padding: 0;}
}

#uzivatel{text-align: right;position: relative;display: block;padding: 10px 0;}
#uzivatel a{display: inline-block;color: #ecbe34;font-size: 15px;font-weight: 400;margin-left: 5px;}

#logo{float: left;text-align: left;padding: 20px 0;padding-right: 30px; box-sizing: border-box; width: 40%;background-color: #1f2120;clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);}
#logo a{text-decoration: none;text-transform: uppercase;font-size: 12px;font-weight: 700; letter-spacing: 2px;}
#logo a:hover{text-decoration: none;}
#logo a img{max-width:100% !important;height:auto !important;}

@media only screen and ( max-width: 1000px ){
    #logo{width: 300px;}
}

@media only screen and ( max-width: 500px ){
    #logo{width: 250px;}
}

#slogan {
    text-align: left;
  position: absolute;
  left: 20%;
  top: 45%;
  /*transform: translate(-50%, -50%);*/
  /*background-color: rgba(25,25,25,0.6);*/
  display: inline-block;
  padding: 0px;
  /*overflow: hidden;*/
  color: white;
  box-sizing: border-box;
  z-index: 99;
  max-width: 1200px;
  /*padding: 80px;*/
}

#slogan p{font-size: 80px;line-height: 80px;font-weight: 300;color: white;letter-spacing: 0px;text-shadow: 0px 4px 3px rgba(0,0,0,0.4),0px 8px 13px rgba(0,0,0,0.1),0px 18px 23px rgba(0,0,0,0.1);text-transform: uppercase;}
#slogan strong {font-size: 80px;line-height: 80px;font-weight: 700;color: #ecbe34;text-transform: uppercase;}
#slogan br {display: none;}


@media only screen and ( max-width: 1000px ){
    #slogan {width:100%;left: 0;text-align: center; padding: 10px;}
}

@media only screen and ( max-width: 800px ){
    #slogan br {display: block;}
}


@media only screen and ( max-width: 600px ){
    #slogan p{font-size: 60px;line-height: 60px;}
    #slogan strong {font-size: 60px;line-height: 60px;}
}

@media only screen and ( max-width: 500px ){
    #slogan p{font-size: 50px;line-height: 50px;}
    #slogan strong {font-size: 50px;line-height: 50px;}
}

#panelSlider{position: relative;width:100%; height:100vh; overflow: hidden;z-index: 97;background-color: white;margin: 0 auto;}
#panelSlider .utlumeni{position: absolute;top: 0;left: 0;z-index: 6;width:100%;height: 100%;background-color: rgba(0,0,0,0.3);}
.theme-default .nivoSlider img{-webkit-animation:10s ease-out forwards kenburns-zoomin;animation:10s ease-out forwards kenburns;}
/*#panelSlider img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;object-fit: cover;}*/

@keyframes kenburns{
  0%   {transform:scale3d(1, 1, 1);}
  100% {transform:scale3d(1.1, 1.1, 1.1);}
}

#panelVideo{position: relative;width:100%; height:100vh; overflow: hidden;z-index: 97;margin: 0 auto;}
#panelVideo .utlumeni{position: absolute;top: 0;left: 0;z-index: 6;width:100%;height: 100%;background-color: rgba(0,0,0,0);}
#panelVideo video{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;object-fit: cover;filter: grayscale(90%) contrast(100%);}

@media only screen and ( max-width:1200px ){
    #panelVideo{width:100%; height:auto;}
    #panelVideo video{position: relative;top: 0;left: 0;transform: none;}
}

#panelPobocky{position: relative;left: -20px; overflow: hidden;padding: 20px 0;width: calc(100% + 40px);}
#panelPobocky div.pobocka{background-color: #1f2120;min-height: 200px;clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);text-align: center;display: flex;justify-content: center;align-items: center;}
#panelPobocky div.pobocka p{margin-bottom: 0; color: white;}

#panelGalerie{position: relative;left: -20px; overflow: hidden;padding: 20px 0;width: calc(100% + 40px);}
#panelGalerie .gallery a{position: relative;aspect-ratio: 4/3;overflow: hidden;clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);}
#panelGalerie .gallery a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 0.9s;filter: grayscale(100%);}
#panelGalerie div.galerie a:hover img{filter: grayscale(0%);}

#panelMapa{padding: 0;text-align: center;}
#panelMapa h2{display: inline-block;position: relative;text-align: left;color:#6f95be;font-weight: 900;margin:0;text-transform: uppercase;margin-bottom: 20px;}

#mapa{width: 100%;height: 500px;}

#panelBottom{width:100%;}
#panelFooter{width:100%;background-color: #1f2120;}

#panelBottom {
    position: relative;
    margin: 0;
      margin-bottom: 0px;
    overflow-x: hidden;
    text-align: center;
    padding: 50px 0;    
    background: transparent url('../img/bottom_bg.jpg') no-repeat center center;    
    background-attachment: fixed;
    background-size: cover;
  }

#bottom{position: relative; padding: 100px 0;}
#bottom h3{color:#cf0202;font-size: 18px;font-weight: 900;text-transform: uppercase;}
#bottom p{margin-bottom: 10px;color: white;}  

#bottom h3{color:white;font-size: 18px;font-weight: 900;}
#bottom p{color:white;font-size: 16px;line-height: 25px;font-weight: 400;margin-bottom: 10px;}
#bottom strong{color:white;font-weight: 700;}
#bottom a{color: #ecbe34;font-size: 16px;font-weight: 700;}
#bottom a.phone{background: transparent url('../img/phone.png') center left no-repeat;padding-left: 20px;}
#bottom a.whatsapp{background: transparent url('../img/whatsapp.png') center left no-repeat;padding-left: 20px;}
#bottom a.email{background: transparent url('../img/email.png') center left no-repeat;padding-left: 20px;}
#bottom a.web{background: transparent url('../img/web.png') center left no-repeat;padding-left: 20px;}
#bottom li{line-height: 130%;color: white;}

#footer{padding: 15px 0;}
#footer p{text-align: right;font-size: 13px;font-weight: 700;color: white;margin-bottom: 0;}
#footer a{color:#ecbe34;font-size: 13px;font-weight: 700;}

@media only screen and ( max-width: 1200px ){
    #bottom{text-align: center;margin: 0;}
    #bottom div{float: none!important;padding: 0; margin:20px 0!important;width: 100%!important;text-align: center!important;}
    #bottom h3{text-align: center!important;}
    #bottom p{text-align: center!important;}
    #bottom ul{margin:20px 0!important;line-height: 120%;text-align: center; list-style-type: none;}
    #bottom li{text-align: center!important;}
    #footer{text-align: center;}
    #footer p{float: none;margin: 0!important; text-align: center;}
}

#edit{float: right; margin: 5px; width: 130px;}

#upload{float: left; margin: 5px;}
#upload label{float: left; padding-top: 4px; font-size: 13px; color: white; margin-left: 10px;}
#upload b{cursor: pointer; float: left;}
#upload input{float: left; margin-left: 10px;}
#upload select{float: left;margin-left: 10px;height: 21px;}
#upload .popis{height: 21px;}
#upload div.img{display: none; float: left; padding: 5px; background-color: #546a76;color: white;}
#upload div.file{display: none; float: left; padding: 5px; background-color: #546a76;color: white;}

#podmenu{text-align: center;padding: 20px 0;}
#podmenu a{font-size: 15px; font-weight: 800;text-decoration: none!important;}
#podmenu a:hover{text-decoration: underline!important;}

/*Podskupiny*/
#podskupiny{overflow-x: hidden;align-items: center;position: relative;margin: 0 auto;}
#podskupiny div.licha{display: flex;justify-content: center;flex-flow: row wrap;text-align: left;position: relative;width: 100%;z-index: 98;overflow: hidden;box-sizing: border-box;background-color: #1f2120;margin-bottom: 20px;}
#podskupiny div.suda{display: flex;justify-content: center;flex-flow: row wrap;text-align: left;position: relative;width: 100%;z-index: 97;overflow: hidden;box-sizing: border-box;background-color: #1f2120;}

#podskupiny div.licha div.img{display: flex;justify-content: center;align-items: center;position: relative;width: 50%;order: 2;font-size: 0;text-align: center;box-sizing: border-box;background-color: white; clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0 100%);}
#podskupiny div.suda div.img{display: flex;justify-content: center;align-items: center;position: relative;width: 50%;order: 1;font-size: 0;text-align: center;box-sizing: border-box;background-color: white; clip-path: polygon(0 0, 95% 0%, 100% 100%, 0 100%);}
#podskupiny div.img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);transition: all 0.9s;transition: all 0.9s; z-index: 89;filter: grayscale(100%);}

#podskupiny div.text{overflow: hidden;box-sizing: border-box;box-sizing: border-box;padding: 100px;}
#podskupiny div.licha div.text{flex: 2;order: 1;}
#podskupiny div.suda div.text{flex: 2;order: 2;}

#podskupiny p{color: white;}
#podskupiny li{color: white;}

@media only screen and ( max-width: 1650px ){
    #podskupiny div.text{padding: 50px;}
}

@media only screen and ( max-width: 1200px ){
    #podskupiny div.text{padding: 20px;}
}

@media only screen and ( max-width: 1000px ){
    #podskupiny div.licha{flex-direction: column-reverse; padding: 0;}
    #podskupiny div.suda{flex-direction: column; padding: 0;}
    #podskupiny div.licha div.img{width: 100%; padding:0;clip-path: none;padding-bottom: 20px;}
    #podskupiny div.suda div.img{width: 100%; padding:0;clip-path: none;padding-bottom: 20px;}
    #podskupiny div.img img{position: relative;top: 0;left: 0;transform: none;max-width: 100%;}
    #podskupiny div.text{padding: 50px 10px;}
}

@media only screen and ( max-width: 700px ){
    #podskupiny div.text{padding: 50px 10px;}
}

#panelCont{display: flex;justify-content: center;flex-flow: row wrap;margin-bottom: 20px;background-color: #1f2120;}

#panelLeft{display: flex;justify-content: center;align-items: center;order: 1;position: relative;font-size: 0;width: 50%;text-align: center;box-sizing: border-box;background-color: white;clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);}
#panelLeft img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);transition: all 0.9s;transition: all 0.9s; z-index: 89;}
#panelLeft video{max-width: 100%;}

#panelRight{display: flex;justify-content: center;align-items: center;order: 2;position: relative;font-size: 0;width: 50%;text-align: left;box-sizing: border-box;background-color: #1f2120;clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);}
#panelRight h1{color:white;}
#panelRight p{color:white;}
#panelRight b{color:white;}
#panelRight li{color:white;}

#panelRight div.img{position: relative;}
#panelRight img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);transition: all 0.9s;transition: all 0.9s; z-index: 89;}
#panelRight video{max-width: 100%;}

#panelMainLeft{flex: 2;order: 1;overflow: hidden;box-sizing: border-box;text-align: left;padding: 100px;background-color: white; clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);}
#panelMainLeft div.popis{text-align: left;box-sizing: border-box;overflow: hidden;}
#panelMainLeft h1{color:#1f2120;}
#panelMainLeft p{color:#1f2120;}
#panelMainLeft b{color:#1f2120;}
#panelMainLeft div.logo{display: inline-block;max-width: 280px;margin: 20px 0;}
#panelMainLeft div.logo img{max-width: 100%;}
#panelMainLeft img.logo{float: left;}

#panelMainRight{flex: 2;order: 1;overflow: hidden;box-sizing: border-box;text-align: left;padding: 100px;}
#panelMainRight div.popis{text-align: left;box-sizing: border-box;overflow: hidden;}
#panelMainRight h1{color:white;}
#panelMainRight p{color:white;}
#panelMainRight b{color:white;}
#panelMainRight li{color:white;}
#panelMainRight div.logo{display: inline-block;max-width: 280px;margin: 20px 0;}
#panelMainRight div.logo img{max-width: 100%;}
#panelMainRight img.logo{float: left;}

#panelMainCenter{overflow: hidden;box-sizing: border-box;text-align: left;padding: 50px 0;background: transparent url('../img/gear.png') top left no-repeat;}
#panelMainCenter div.popis{text-align: left;box-sizing: border-box;overflow: hidden;}
#panelMainCenter h1{color:#1f2120;}
#panelMainCenter p{color:#1f2120;}
#panelMainCenter b{color:#1f2120;}
#panelMainCenter div.logo{display: inline-block;max-width: 280px;margin: 20px 0;}
#panelMainCenter div.logo img{max-width: 100%;}
#panelMainCenter img.logo{float: left;}

#panelMainCenter hr{border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); margin-bottom: 50px;margin-top: 50px;}

#panelMain{flex: 2;order: 2;width: auto;overflow: hidden;box-sizing: border-box;text-align: center;}
#panelMain h1{color:#1f2120;}
#panelMain p{color:#1f2120;}
#panelMain b{color:#1f2120;}
#panelMain li{color:#1f2120;}
#panelMain.edit{overflow: unset;padding: 100px 0;}
#panelMain div.popis{text-align: left;box-sizing: border-box;overflow: hidden;}

@media only screen and ( max-width: 1400px ){
    #panelMainLeft{padding: 50px;}
    #panelMainRight{padding: 50px;}
}

@media only screen and ( max-width: 1000px ){
    #panelMain div.popis{text-align: center;}
    #panelMain div.popis img{float: none!important;width: auto!important;max-width: 100%!important; height: auto!important;margin: 10px 0!important;}
    #panelMain h1{display: inline-block;}
    #panelCont{flex-direction:column;}    
    #panelMain{width: 100%;}
    #panelMainLeft{padding: 50px 10px;}
    #panelLeft{width: 100%;margin: 0;clip-path: none;}
    #panelLeft img{position: relative;top: 0;left: 0;transform: none;max-width: 100%;padding-bottom: 20px;}
    #panelMainRight{padding: 50px 10px;}
    #panelRight{width: 100%;margin: 0;clip-path: none;}
    #panelRight img{position: relative;top: 0;left: 0;transform: none;max-width: 100%;padding-bottom: 20px;}
}

@media only screen and ( max-width: 700px ){
    #panelMainLeft{padding: 10px;text-align: center;}
    #panelMainRight{padding: 50px 10px;text-align: center;}
    #panelMainCenter{padding: 10px 0;text-align: center;}
    #panelMain h1{display: inline-block;text-align: center;}
    #panelCont{margin: 0;}
}

#dokumenty{text-align: left;margin: 20px 0;}
#dokumenty a{font-size: 15px;}
#dokumenty div.editable{display: inline-block;}
#dokumenty a.del{display: inline-block;background: transparent url('../img/kos_foto.png') no-repeat; width:15px; height:15px; border: none;}
#dokumenty b.drag{display: inline-block;background: transparent url('../img/drag_foto.png') no-repeat; width:15px; height:15px; border: none;margin: 0;}

#fotky{text-align: center;box-sizing: border-box;}
#fotky h2{position: relative;text-align: left;color:#52514c;font-size: 25px;font-weight: 400;margin-bottom: 30px;}
#fotky div.fotky{display: inline-block;width: 250px;height: 250px;overflow: hidden;box-sizing: border-box;position: relative;margin: 5px;font-size: 0;vertical-align: top;}
#fotky img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);transition: all 0.9s;}
#fotky div.fotky:hover img{transform: translate(-50%, -50%) scale(1.1);}
#fotky div.fotky:hover .editable{opacity: 1;text-decoration: none;}
#fotky div.fotky:hover .editable_content{opacity: 1;}
#fotky a.editable{display: table;text-align: center;z-index: 99;overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 20px;transition: all 0.9s;box-sizing: border-box;}
#fotky div.editable{display: table;text-align: center;z-index: 99;overflow: hidden;position: absolute;top: 10%;left: 10%;width: 80%;height: 80%;padding: 0;transition: all 0.9s;box-sizing: border-box;}
#fotky .editable .editable_content{position: relative;opacity: 0;z-index: 99;font-size: 13px;font-weight: 500;letter-spacing: 0.3px;text-transform: uppercase;display: table-cell;vertical-align: middle;text-align: center;color: #505050;padding: 10px;border: 1px solid white;background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);transition: all 0.9s;}
#fotky a.del{position:absolute;top: 3px;right:3px;background: transparent url('../img/kos_foto.png') no-repeat; width:15px; height:15px; border: none;}
#fotky b.drag{position:absolute;top: 3px;left:3px;background: transparent url('../img/drag_foto.png') no-repeat; width:15px; height:15px; border: none;}

#galerie{display: flex;flex-flow: row wrap;justify-content: center;text-align: center;}
#galerie .galerie{display: inline-block;text-align: left;box-sizing: border-box;width: 250px;position: relative;z-index: 98;margin: 10px;padding-bottom: 60px;}
#galerie div.bottom{position: absolute;bottom: 0;left:0;margin: 0px;width: 100%;text-align: center;}
#galerie div.img{position: relative;width: 250px;height: 250px;overflow: hidden;margin-bottom: 20px;}
#galerie div.img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);transition: all 0.9s;}
#galerie .galerie:hover img{transform: translate(-50%, -50%) scale(1.1);}
#galerie div.text{text-align: center;overflow: hidden;box-sizing: border-box;box-sizing: border-box;}
#galerie h5{position: relative;display: inline-block;text-align: center;margin-bottom: 10px;text-transform: none;font-weight: 400;}
#galerie p{font-size: 16px;font-weight: 400;letter-spacing: 0.3px;color: #1f2120;line-height: 20px;margin-bottom: 10px;}
#galerie strong{font-size: 13px;font-weight: 600;text-transform: uppercase;}

#pobocky{display: flex;flex-flow: row wrap;justify-content: center;text-align: center;}
#pobocky .pobocky{display: inline-block;text-align: left;box-sizing: border-box;width: 250px;position: relative;z-index: 98;margin: 10px;padding-bottom: 60px;}
#pobocky div.bottom{position: absolute;bottom: 0;left:0;margin: 0px;width: 100%;text-align: center;}
#pobocky div.img{position: relative;width: 250px;height: 250px;overflow: hidden;margin-bottom: 20px;}
#pobocky div.img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);transition: all 0.9s;}
#pobocky .pobocky:hover img{transform: translate(-50%, -50%) scale(1.1);}
#pobocky div.text{text-align: center;overflow: hidden;box-sizing: border-box;box-sizing: border-box;}
#pobocky h4{color: #1f2120;position: relative;display: inline-block;text-align: center;margin-bottom: 10px;text-transform: none;font-weight: 400;}
#pobocky p{font-size: 16px;font-weight: 400;letter-spacing: 0.3px;color: #1f2120;line-height: 20px;margin-bottom: 10px;}
#pobocky strong{font-size: 13px;font-weight: 600;text-transform: uppercase;}

#aktuality{overflow-x: hidden;margin-bottom: 50px;}
#aktuality div.aktuality{text-align: left;position: relative;width: 100%;z-index: 98;margin-bottom: 20px;padding-bottom: 75px;}
#aktuality div.bottom{position: absolute;bottom: 0;left:0;margin: 0px;width: 100%;text-align: center;}
#aktuality div.img{float: left;overflow: hidden;margin-right: 20px;margin-bottom: 20px;position: relative;width: 250px;height: 177px;}
#aktuality div.img img{max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 0.9s;}
#aktuality p.datum{float: right;padding: 10px 20px;color: white;font-size: 13px;font-weight: 800;background-color: #ecbe34;text-transform: uppercase;margin-right: 20px;}

#aktuality hr{border: 0;height: 1px;background-image: linear-gradient(to right, rgba(64, 84, 101, 0), rgba(64, 84, 101, 0.3), rgba(64, 84, 101, 0)); margin-bottom: 50px;margin-top: 50px;}

@media only screen and ( max-width: 800px ){
    #aktuality div.aktuality{text-align: center;}
    #aktuality div.img{float: none;width: 100%;height: auto;margin-right: 0;margin-bottom: 20px;text-align: center;}
    #aktuality div.img img{max-width: 100%;position: relative;top: 0;left: 0;transform: none;}
    #aktuality h3{text-align: center;}
    #aktuality p{text-align: center;}
    #aktuality p.datum{float: none;display: inline-block;}
}

/*Menu*/
#menu{float: right;text-align: right;position: relative;z-index: 99;margin-top: 50px;}

#menu b.openbtn{border-bottom: 14px double #ecbe34;border-top: 5px solid #ecbe34;content:"";height: 4px;width:30px;cursor: pointer;display: none;margin: 0;}
#menu b.closebtn{font-family: arial;position: absolute;top: 10px;left: 10px;font-size: 36px;color: white; cursor: pointer;display: none;margin: 0;}
#menu b.closebtn:hover{color: #ecbe34;}
div.nav_bg{display: block;}

#menu ul{list-style:none;margin: 0;padding: 0;}
#menu ul li{position: relative;display:inline-block; text-align: center;transition: all 300ms ease 0s;padding: 0;margin: 0;background: none;}
#menu ul li:before{display: none;}
#menu ul li a,#menu ul li p{display: inline-block;color:#1f2120;position: relative;z-index: 99;font-size: 12px;font-weight:700;letter-spacing: 2px;text-decoration: none;text-transform: uppercase;padding-bottom: 30px;padding: 10px;}
#menu ul li a.edit{width: 20px; height: 20px;padding: 0 10px;background: transparent url('../img/plus.png') center bottom no-repeat;}
#menu ul li.mark a:hover,#menu ul li.mark p:hover{text-decoration: none;color: #ecbe34;}
#menu ul li.unmark a:hover,#menu ul li.unmark p:hover{text-decoration: none;color: #ecbe34;}
#menu ul li.mark a,#menu ul li.mark p{text-decoration: none;color: #ecbe34;}

#menu li ul{list-style:none; position: absolute;visibility: hidden;overflow: hidden;padding-top: 20px;padding-bottom: 20px;max-height:0px;top:50px;background-color:rgba(234,100,51,1);width: 300%;margin: 0 0 0 -100%;transition: all 0.5s ease-in-out;}

#menu li:hover ul{max-height: 450px;visibility: visible;}
#menu li ul li{text-align: center;margin: 0px 10px;padding: 0;display: block;vertical-align: top;}
#menu li ul li a{color:white;display: inline-block;padding: 5px;font-size: 12px;font-weight: 900;letter-spacing: 2px;text-transform: uppercase;}
#menu li.mark ul li a:hover{color: #282828;background: none;}
#menu li.unmark ul li a:hover{color: #282828;background: none;}
#menu li.unmark ul li a{color: white;background: none;}
#menu li.mark ul li a{color: white;background: none;}

@media only screen and ( max-width: 1000px ){
    div.nav_bg{display: none;top: 0;left:0;right: 0;bottom: 0;position: fixed;z-index: 998;z-index: 888888888;width: 100%;height:100%;background-color: rgba(0,0,0,0);}
    #menu{margin-top: 50px;margin-right: 0;width:auto;}
    #menu ul{float: none;}
    #menu b{display: inline-block!important;}
    #menu ul li ul{background: none;}
    #menu ul li ul li a{color:white;}
    #menu ul li{display:block;background: none;padding-right: 0;padding-left: 0;background: none;}
    #menu ul li a,#menu ul li p{color:white;background: none;padding: 10px;border: none;font-size: 12px;line-height: 12px;font-weight: 900;letter-spacing: 2px;text-transform: uppercase;}
    #menu ul li.mark a:hover{color:#ecbe34;text-decoration: none;border:none;background: none;}
    #menu ul li.mark p:hover{color:#ecbe34;text-decoration: none;border:none;background: none;}
    #menu ul li.unmark a:hover{color:#ecbe34;text-decoration: none;border:none;background: none;}
    #menu ul li.unmark p:hover{color:#ecbe34;text-decoration: none;border:none;background: none;}
    #menu ul li.mark a,#menu ul li.mark p{color:#ecbe34;text-decoration: none;border:none;background: none;}

    #menu ul li a.edit{display: none;}
    #menu ul li ul{position: relative;top:0px;padding: 0;width: 100%;margin: 0;}
    #menu ul li ul li a{font-size: 14px;font-weight: 300;}
    #menu ul li.unmark ul li a:hover{color:#cc0001;text-decoration: none;border:none;background: none;}
    #menu ul li.unmark ul li p:hover{color:#cc0001;text-decoration: none;border:none;background: none;}
    #menu .nav{height: 100%;width: 200px;position: fixed;z-index: 1;top: 0;right: -200px;background-color: rgba(0,0,0,0.8);overflow-x: hidden;padding-top: 60px;transition: 0.5s;}
}

@media only screen and ( max-width: 500px ){
    #menu{margin-top: 40px;}
}

/* LOGIN */
#login{width: 300px; margin: 0 auto;}
#login h3{text-align: left;font-size: 15px;color: #666666;font-weight: bold;}
#login input[type=submit]{background-color: #666666;border:1px solid #666666;}
#login input[type=submit]:hover{background-color: white; color: #546a76; transition: all 300ms ease 0s;}
#login label{width: 100px;color: #666666;}

/*Search form*/

/*Registrace*/
#registrace{}
#registrace h1{}
#registrace form{max-width: 800px; margin: 0 auto;position: relative;}
#registrace label{width: 110px;}
#registrace p{font-size: 14px;margin-bottom: 10px;}
#registrace p.small{color:#22344c;font-size: 13px;}
#registrace p.small a{color:#22344c;}
#registrace label{text-align: right;color: #22344c;padding: 10px;}
#registrace input{font-size: 14px;font-weight: 400;color: #22344c;background:none;border: 1px solid #22344c;border-radius: 0;padding: 10px;}
#registrace textarea{font-size: 14px;font-weight: 400;color: #22344c;background:none;border: 1px solid #22344c;border-radius: 0;}
#registrace input[type=submit]{float: right;padding: 5px 20px;border: 1px solid #22344c;border-radius: 0;background-color: #22344c;color: white;font-size: 13px;font-weight: 800;cursor: pointer;text-transform: uppercase;transition: all 300ms ease 0s;}
#registrace input[type=submit]:hover{border-radius: 5px;border: 1px solid #22344c;border-radius: 0;background-color: transparent; color: #22344c;}

/*napoveda*/

/*sprava*/
#sprava label{float: left; width: 160px; padding: 5px; font-weight: 400;box-sizing: border-box;}
#sprava p{color: #505050;}
#sprava ul{margin-left: 25px;}
#sprava li{color: #505050;}
#sprava input{width: calc(100% - 160px);margin-bottom: 5px;font-size: 15px;font-weight: 400;padding: 5px;border-radius:5px;background-color: white;border:1px solid #546a76;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#sprava select{width: auto;margin-bottom: 5px;padding: 5px;border-radius:5px;border:1px solid #546a76;}
#sprava .textarea{display: inline-block;width: calc(100% - 160px);margin-bottom: 5px;box-sizing: border-box;}
#sprava input[type=submit]{width:100%;padding: 5px;border-radius:5px;border:1px solid #546a76;background-color: #546a76;color: white;font-size:14px;font-weight: 600;cursor:pointer;}
#sprava input[type=submit]:hover{background-color: white; color: #546a76; transition: all 300ms ease 0s;}
#sprava span.napoveda{font-weight: 300; margin-left: 10px;}
.ck-editor__editable .ck-list-bogus-paragraph{display: inline-block!important;}

#sprava input.button_small{
    width: auto;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.ck-content p{color: black;}

.ck.ck-list {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0!important;
}

.ck.ck-list li:before{
  display: none!important;
}

span.ck-widget.html-object-embed {
  display: inline-block;
  width: 100%;
}

/*Nevim heslo*/
#nevim-heslo {width: 350px;}
#nevim-heslo a{color: white;}
#nevim-heslo input.button{position: relative; top: -5px;}

/*loader*/
.loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background-color:white;}
.loader span{width: 100%;height: 100%;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-name: rotation;animation-name: rotation;position: fixed;left: 0px;top: 0px;z-index: 9999;background: transparent url('../img/page-loader.png') 50% 50% no-repeat;}

@keyframes rotation {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

/* KALKULACKA */

/* FORMULAR */
#formular{background: transparent url('../img/hero.jpg') no-repeat;background-size: cover;}
#formular.popupform{max-width: 1000px;background: transparent url('../img/formular_bg.jpg') no-repeat;background-size: cover;padding-left: 500px;}

#formular fieldset{border: none;padding: 50px;}
#formular h3{text-align: left;color:#ecbe34;margin-bottom: 20px;text-transform: uppercase;}
#formular p{font-size: 15px;font-weight: 400;color: white;line-height: 20px;margin-bottom: 10px;}
#formular.popupform p{color: #666;}
#formular p.small{font-size: 14px;}
#formular p.left{text-align: left;}
#formular a{color: #ecbe34;margin-bottom: 20px;}
#formular label{text-align: left; font-weight: 300;font-size: 16px;color: white;letter-spacing: 0.3px;margin-right: 20px;}
#formular.popupform label{color: #ecbe34;}
#formular input[type=text]{width: 100%;color: white;font-weight: 500;font-size: 15px;border: none;border-bottom: 1px solid #ecbe34;border-radius: 0px;background: none;padding: 5px;margin-bottom: 5px;box-sizing: border-box;}
#formular.popupform input[type=text]{color: #202020;}
#formular textarea{width: 100%;color: white;font-size: 15px;font-weight: 500;border: none;border-bottom: 1px solid #ecbe34;border-radius: 0px;background: none;padding: 5px;margin-bottom: 5px;box-sizing: border-box;}
#formular.popupform textarea{color: #202020;}

#formular input[type=submit]{
    float: right;
    width: auto;
    cursor: pointer;
    position: relative;
    display: inline-block;    
    padding: 20px;
    margin: 0;
    color:white;font-size: 12px;font-weight: 900;line-height: 12px;letter-spacing: 0.3px;    
    background-color: #ecbe34;    
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;    
    color: white;        
    border: none;
    border-radius: 0px;
    box-sizing: border-box;
 }

#formular input[type=submit]:hover {
    text-decoration: none;
    color: #666;
}

/*facebook*/
#facebook_side{transition: right 0.5s;position:fixed;z-index:9999;top:50%;width: 300px;right:-300px;top:200px;}
#facebook_side img.flag{position: absolute;left: -50px;}

/*instagram*/
#instagram_side{background-color: white;transition: right 0.5s;position:fixed;z-index:9998;top:50%;width: 300px;right:-300px;top:260px;padding-bottom: 50px;}
#instagram_side img.flag{position: absolute;left: -50px;}

@media only screen and ( max-width: 600px ){
    #facebook_side{display: none;}
    #instagram_side{display: none;}
}

/*cookies*/
.cookies_trigger{cursor: pointer;position: fixed;bottom: 0;left: 0;z-index: 99;height: 50px;width: 50px;background: #a94e1e url('../img/cookies.png') center center no-repeat;border: none;}
#cookies_popup{display: none;top: 0;left:0;right: 0;bottom: 0;position: fixed;z-index: 998;z-index: 888888888;width: 100%;height:100%;background-color: rgba(0,0,0,0.6);}
#cookies_popup_consent{
    position: absolute;z-index: 999;bottom:0;left:0;
    max-width: 600px;
    background-color:#505050;
    padding:20px;
    z-index:1000;
    box-sizing: border-box;
}

#cookies_extend{display: none;}

#cookies_popup_consent h1{
    text-align: center;
    color: #ecbe34;
    font-size:1.2em;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}
#cookies_popup_consent h1:before{
    content:"";
    padding:0;
}

#cookies_popup_consent a{
    color: white;
    text-decoration: underline;
}

#cookies_popup_consent p{
    font-size:13px;
    color: white;
}

#cookies_popup_consent a{
    font-size:13px;
    color: white;
}

#cookies_popup_consent span.nadpis{
    font-size:0.8em;
    font-weight: 600;
    color: white;
}

#cookies_popup_consent form{
    /*text-align: center;*/
}

#cookies_popup_consent button[type="submit"] {
    float: right;cursor: pointer;border: none;background-color: #ecbe34;color: white;padding: 10px;margin: 5px;font-size: 12px;font-weight:900;text-transform: uppercase;
}

#cookies_popup_consent button[type="button"] {
    float: right;cursor: pointer;border: none;background: none;color: #ecbe34;padding: 10px;margin: 5px;font-size: 12px;font-weight:600;text-decoration: underline;
}

.switch {
    float: right;
    font-size: 100%;
    height: 1.6em;
    position: relative;
}

.switch > input[type="checkbox"] {
    display: none;
}

.switch .switch-style {
    height: 1.6em;
    left: 0;
    background: #C0CCDA;
    -webkit-border-radius: 0.8em;
    border-radius: 0.8em;
    display: inline-block;
    position: relative;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 3em;
    cursor: pointer;
}

.switch > input[type="checkbox"]:checked + .switch-style {
    background-color: #ecbe34;
}

.switch .switch-style:before {
    display: block;
    content: '';
    height: 1.4em;
    position: absolute;
    width: 1.4em;
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 0.1em;
    top: 0.1em;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.switch > input[type="checkbox"]:checked + .switch-style:before {
    left: 50%;
}

.more > input[type="checkbox"] {
    display: none;
}

.more .more-more {
    position: relative;
}

.more .more-more p{
    display: inline-block;
    font-size:12px;
    height: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.more .more-more:before {
    display: block;
    content: '+';
    color: #ecbe34;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
}

.more > input[type="checkbox"]:checked + .more-more:before {
    content: '-';
}

.more > input[type="checkbox"]:checked + .more-more p{
    height: auto;
    visibility: visible;
}