@font-face { font-family: 'Open Sans'; src: url("https://s3b.estranky.cz/img/d/1000000370/opensans-regular.eot"); src: url("https://s3b.estranky.cz/img/d/1000000370/opensans-regular.eot?#iefix") format("embedded-opentype"), url("https://s3b.estranky.cz/img/d/1000000370/opensans-regular.woff") format("woff"), url("https://s3b.estranky.cz/img/d/1000000370/opensans-regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Open Sans Light'; src: url("https://s3b.estranky.cz/img/d/1000000370/opensans-light.eot"); src: url("https://s3b.estranky.cz/img/d/1000000370/opensans-light.eot?#iefix") format("embedded-opentype"), url("https://s3b.estranky.cz/img/d/1000000370/opensans-light.woff") format("woff"), url("https://s3b.estranky.cz/img/d/1000000370/opensans-light.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Open Sans Semibold'; src: url("https://s3b.estranky.cz/img/d/1000000370/opensans-semibold.eot"); src: url("https://s3b.estranky.cz/img/d/1000000370/opensans-semibold.eot?#iefix") format("embedded-opentype"), url("https://s3b.estranky.cz/img/d/1000000370/opensans-semibold.woff") format("woff"), url("https://s3b.estranky.cz/img/d/1000000370/opensans-semibold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
.message { text-indent: -10000px; position: absolute; display: none !important; }
.clear { clear: left; height: 0; line-height: 0; font-size: 0; width: 1px; }
button:focus, #sendsearch:focus, #send-mail-list:focus, .submit:focus { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; height: 100%; min-height: 30px;}
#clear6 { clear: both; }
.fb-inner {
  display: none;
}
@media(min-width: 992px) {
.fb-inner {
  display: block;
  margin: 3.5em 0;
}
}
.title-hidden {
  visibility: hidden;
  overflow: hidden;
  display: none;
}
.comparison-preheader {
  color: #000;
    font-size: 1.1rem;
    text-transform: uppercase;
    text-align: center;
    padding: 1em 0 1em;
    margin: 0;
}
.comparison-title {
  color: #000;
  font-size: 1rem;
  margin: 0 0 1.5em;
}
div#comparison1,
div#comparison2,
div#comparison3,
div#comparison4,
div#comparison5,
div#comparison6 { 
  width: 100%;
  height: 20em;
  max-width: 600px;
  max-height: 600px;
  overflow: hidden; 
}
div#comparison2 figure { 
  background-image: url("/img/picture/31/zabezpeceni-domova-kteremu-budete-duverovat-1.png"); 
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  font-size: 0;
  width: 100%; 
  height: 100%;
  margin: 0; 
}
div#comparison3 figure { 
  background-image: url("/img/picture/33/moderni-prezentace-udrzitelnych-technologii-1.png"); 
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  font-size: 0;
  width: 100%; 
  height: 100%;
  margin: 0; 
}
div#comparison4 figure { 
  background-image: url("/img/picture/35/renesance-divadelniho-spolku-1.png"); 
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  font-size: 0;
  width: 100%; 
  height: 100%;
  margin: 0; 
}
div#comparison5 figure { 
  background-image: url("/img/picture/37/stylova-prezentace-unikatniho-nabytku-1.png"); 
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  font-size: 0;
  width: 100%; 
  height: 100%;
  margin: 0; 
}
div#comparison6 figure { 
  background-image: url("/img/picture/39/duveryhodny-stavitel-vaseho-domova-1.png"); 
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  font-size: 0;
  width: 100%; 
  height: 100%;
  margin: 0; 
}
div#comparison1 figure > img,
div#comparison2 figure > img,
div#comparison3 figure > img,
div#comparison4 figure > img,
div#comparison5 figure > img,
div#comparison6 figure > img { 
  position: relative;
  width: 100%;
}
div#comparison2 figure div { 
  background-image: url("/img/picture/32/zabezpeceni-domova-kteremu-budete-duverovat-2.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  width: 50%; 
  box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
  bottom: 0;
  height: 17.6rem;
}
div#comparison3 figure div { 
  background-image: url("/img/picture/34/moderni-prezentace-udrzitelnych-technologii-2.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  width: 50%; 
  box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
  overflow: hidden;
  bottom: 0;
  height: 17.5rem;
}
div#comparison4 figure div { 
  background-image: url("/img/picture/36/renesance-divadelniho-spolku-2.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  width: 50%; 
  box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
  overflow: hidden;
  bottom: 0;
  height: 17.5rem;
}
div#comparison5 figure div { 
  background-image: url("/img/picture/38/stylova-prezentace-unikatniho-nabytku-2.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  width: 50%; 
  box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
  overflow: hidden;
  bottom: 0;
  height: 17.5rem;
}
div#comparison6 figure div { 
  background-image: url("/img/picture/40/duveryhodny-stavitel-vaseho-domova-2.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  width: 50%; 
  box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
  overflow: hidden;
  bottom: 0;
  height: 17.5rem;
}
input[type=range]{
  -webkit-appearance: progress-bar;
  -moz-appearance: progress-bar;
  position: relative;
  top: -2rem; 
  left: 10px;
  width: 95%; 
  height: 5px;
  accent-color: #f5801f;
  background-color: #f5801f; 
  color: #f5801f;
  cursor: pointer;
  padding: 0;
}
input[type=range]:focus { 
  outline: none; 
}
input[type=range]:active { 
  outline: none;  
}

input[type=range]::-moz-range-track { 
  -moz-appearance:none;
    height: 5px;
    width: 98%;
    background-color: #f5801f; 
    accent-color: #f5801f;
    position: relative;
    outline: none;    
 }
input[type=range]::active { 
  border: none; 
  outline: none;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance:none;
    width: 20px; 
    height: 20px;   
    accent-color: #f5801f;
    background: #f5801f;
    border-radius: 50%;
   }
input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  accent-color: #f5801f;
  background: #f5801f;
  border-radius: 50%;
     }   
input[type="range"]::-webkit-slider-container {
  background: #f5801f;
}
input[type=range]:focus::-webkit-slider-thumb {
    background:  #f5801f;
   }
input[type=range]:focus::-moz-range-thumb {
    background:  #f5801f;
   }
input[type=range]:focus::-ms-fill-lower {
   background: #f5801f;
}
input[type=range]:focus::-ms-fill-upper {
   background: #f5801f;
}

.bg-section-color p {
  margin-bottom: 0;
}
.fb-title-h2 {
  font-size: 1rem;
    font-family: "Open Sans";
    padding: 10px 15px 10px;
    color: #fff;
    background: #f37720;
    border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0;
}
.bg-section-color {
  background-color: #f5f5f5;
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.content-h3 {
  font-size: 1.2rem;
  font-family: "Open Sans";
  color: #f27721;
  width: fit-content;
}
.content-h3:after {
  content: "";
    height: 1px;
    width: 100%;
    display: block;
    background-color: #f27721;
    margin: 0.2em 0 0;
}
.expand-area-list.height,
.expand-area-list-item-2.height,
.expand-area-list-item-3.height {
  height: auto;
}
.expand-area-list,
.expand-area-list-item-2,
.expand-area-list-item-3 {
  height: 125px;
  overflow: hidden;
}
.editor-area h3 {
  padding: 1em 0;
}
.editor-area li {
  padding: 0 0 0.5em;
  font-size: 1rem;
}
.editor-area li::marker {
  color: #f37720;
}
.pice-list-inner {
  margin: 1em 0 0;
}
@media(min-width: 992px) {
.pice-list-inner {
  margin: 2em 0 1em;
}
}
.pice-list-content {
  position: relative;
}
.pice-list-content h4 {
    color: #f37720;
    font-size: 1.2rem;
    height: auto;
    padding: 1em 0 0.5em;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.pice-list-content:after {
   display: none;
  content: "";
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/img/picture/16/arrow-hp-section.png");
    width: 75px;
    height: 245px;
    z-index: 99999999;
    position: absolute;
    left: -55px;
    top: 133px;
}
@media(min-width: 992px) {
  .pice-list-content:after {
      display: none;
  }
}
.pice-list-content p {
  font-size: 1rem;
}
.pice-list-inner h4 {
  color: #f37720;
    font-size: 1.2rem;
    height: auto;
    padding: 0 0 1em;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
@media(min-width: 992px) {
  .pice-list-inner h4 {
     padding: 0 0 0.5em;
  }
}
.pice-list-inner .price-header {
  color: white;
    white-space: nowrap;
    background-color: #40434e;
    text-align: center;
    padding: 0.5em;
    margin-bottom: 0;
    border-radius: 1em 1em 0 0;
}
.pice-list-inner .price-header p {
  font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0.5em;
}
.pice-list-inner .price-header p sup {
  font-size: 1rem;
    padding: 0 5px 0;
}
.dph-content {
  margin: 0;
    line-height: 1;
    font-size: 1rem;
}
.dph-content sup {
  font-size: 1rem;
    line-height: 1;
    top: -1px;
}
.pice-list-inner .price-body {
  border: 1px solid rgba(0,0,0,.125);
    border-radius: 0 0 1em 1em;
  padding: 1em;
}
.pice-list-inner .price-body li {
  display: flex;
  align-items: flex-start;
    justify-content: flex-start;
  color: #40434e;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    padding: 0 0 0.5em;
}
.pice-list-inner .price-body li .strong-text {
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
    font-size: 1rem;
  display: contents;
}
.pice-list-inner .price-body-list {
  list-style-type: none;
    display: inline;
    text-align: start;
   padding: 0;
}
.price-body-list .orange-dot {
    color: #f37720;
    font-weight: bold;
    line-height: 1.5rem;
    font-size: 2rem;
    margin: 0 .4rem;
    font-family: 'Poppins', sans-serif;
}
.pice-list-button {
  display: block;
  text-align: center;
    padding: 1.5em 0 1em;
}
.pice-list-arrow {
  text-align: center;
}

.pice-list-arrow img {
  width: auto;
    height: 70px;
}
.fb-mobile {
  display: block;
}
.button-main {
  color: #fff;
    font-weight: 400;
    font-size: 1rem;
    max-width: 19rem;
    background-color: #f37720;
    padding: 0.5rem 1.5rem;
    border-radius: 25rem;
    border-color: #f37720;
    border-style: solid;
    -webkit-appearance: button;
   cursor: pointer;
}
.button-main:hover {
  color: #fff;
}
.readMore.show:before {
  display: block;
  content: "Další";
}
.readMore.close:after {
  display: block;
  content: "Zavřít";
}
.readMore.show.close:before {
  display: none;
}

.readMoreItem2.show:before {
  display: block;
  content: "Další";
}
.readMoreItem2.close:after {
  display: block;
  content: "Zavřít";
}
.readMoreItem2.show.close:before {
  display: none;
}

.readMoreItem3.show:before {
  display: block;
  content: "Další";
}
.readMoreItem3.close:after {
  display: block;
  content: "Zavřít";
}
.readMoreItem3.show.close:before {
  display: none;
}
.readMore,
.readMoreItem2,
.readMoreItem3 {
  cursor: pointer;
  background-color: #f37720;
    border: 0;
    color: #fff;
    font-size: 1rem;
    margin: 5px auto;
    padding: 6px 25px;
    display: block;
    border-radius: 15px;
    height: 100%; 
    min-height: 30px;
}

.readMore:hover,
.readMoreItem2:hover,
.readMoreItem3:hover {
  background-color: #40434e!important;
  border-color: #000!important;
}

button.close {
    padding: 6px 20px;
    background-color: #f37720;
}
div.editor-area .video-title {
  margin: 1em 0;
  display: inline-block;
    width: 100%;
    border-top: 1px solid #fcc6a8;
    padding: 1em 0;
   font-size: 1.1rem;
   line-height: 1.3;
}
.close {
    float: none;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-shadow: 0 0 0 #fff;
    opacity: 1;
}
.close:hover {
    color: #fff;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
  opacity: 1;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: 1;
}
.button-wrapper-cta.text-center {
  padding: 2em 0 0;
}
.button-cta.cta-button {
  display: inline-block;
  color: #fff;
    font-weight: 500;
    font-size: 1rem;
    max-width: 19rem;
    background-color: #f37720;
    padding: 0.5em 1.5em;
    border-radius: 25rem;
    webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
@media(min-width: 410px) {
.button-cta.cta-button {
  display: inline;
}
}

.btn-send {
  color: #fff;
    font-weight: 500;
    font-size: 1rem;
    max-width: 19rem;
    background-color: #f37720;
    padding: 0.5em 1.5em;
    border-radius: 25rem;
    border-color: #f37720;
    border-style: solid;
}
.btn-send:hover {
  background-color: #40434e!important;
    border-color: #000!important;
}

.modul-right-site-item-2 li,
.modul-right-site-item-3 li {
  border-bottom: 1px solid;
    border-color: #f3772026;
}

.modul-right-site-item-2 li:last-child,
.modul-right-site-item-3 li:last-child {
  border-bottom: 0px solid;
    border-color: #f3772026;
}

.modul-right-site-item-2 li a,
.modul-right-site-item-3 li a {
  padding: 8px 15px 8px 0!important;
}

.slidebar {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    white-space: nowrap;
}
input[type="submit"], input[Type="button"] { 
  -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

input[type=submit] {
  background-color: #f37720!important;
  color: #fff!important;
}
input[type="submit" i] {
  background-color: #f37720!important;
  color: #fff!important;
}
#eshop .photo-wrap div a img {
    height: auto;
    max-height: 120px;
    object-fit: contain;
}

#eshop form table tbody tr td {
  vertical-align: top;
}
#eshop .contact-info td span {
    position: relative;
    display: block;
    top: -50px;
    left: -10px;
    width: 20px;
}
input[type="button" i] {
      color: #fff;
    font-weight: 500;
    font-size: 0.9rem;
    max-width: 20rem;
    background: #f37720!important;
    padding: .5rem 1rem .6rem;
    border-radius: 25rem;
    border: 1px solid #f37720;
   cursor: pointer;
}
#document {
  display: inline-block;
    width: 100%;
}
#in-document {padding: 0;}
@media(min-width: 1100px) {
  #in-document {padding: 15px 0;}
}
.editor-area .content-wrapper-gdpr p {
  line-height: 25px;
  font-size: 1rem;
  padding: 5px;
}
hr { display: none }
#header h1 {
  position: absolute;
    top: 50%;
    transform: translate(0, -50%);
   font-size: 1.2rem;
    font-style: italic;
}
@media(min-width: 992px) {
#header h1 {
   font-size: 3rem;
}
}
h2 {font-size: 1.17em;}
h3 {font-size: 1.07em;}
h4 {font-size: 0.97em;}
h5 {font-size: 0.87em;}
h6 {font-size: 0.8em;}
h2, h3, h4, h5, h6, pre, address, u, s {margin: 10px 0;}
input {padding: 5px;}
table {
    max-width: 500px;
}
iframe {
  width: 100%!important;
    max-width: 100%;
}
#osm-map {
  width: 100%!important;
    max-width: 100%;
}
td {padding: 5px;}
.editor-area hr { display: block; }
.accessibility-links { position: absolute; top: -10000em; }
input[type="radio"] { margin-right: 4px; }
input[type="submit"] { border: none; color: #FFF; background-color: #f37720; }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans Semibold"; font-weight: normal; }
p.message-info { font-size: 120%; font-family: "Open Sans Semibold"; margin: 5px 0px 45px; }
#navigation .inner_frame h2 { display: none; }
#navigation .inner_frame {
  display: flex;
    justify-content: space-between;
    align-items: center;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: none; }
body { font: 14px 'Open Sans', Arial, Sans-serif; color: #000; line-height: 25px; font-weight: normal; font-style: normal; background-color: #fff; }
a { color: #FA965A; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
a:hover { color: #000000; }
p { margin: 0 0 15px; word-break: break-word; line-height: normal; }
#whole-page { padding: 0; width: 100%; min-height: 100%; position: relative; z-index: 10; clear: both; background: #fff;}

.search-nav li {
  border-bottom: 1px solid;
  border-color: #f3772026;
}
.search-nav li:last-child {
  border-bottom: 0;
}
.search-nav a {
  padding: 8px 15px 8px 0!important;
}
.navMore li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 15px 0 0 0;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -ms-transition: color 0.5s;
    transition: color 0.5s;
    font-size: 0.80rem;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    line-height: 19px;
}
.navMore li .color-orange-hp-a {
  color: #f37720;
  padding-top: 0;
}
.app-up {
     position: fixed;
    right: 0.5em;
    bottom: 0.7em;
    background-color: #f5801f;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    padding: 10px;
    font-size: 1.5rem;
    visibility: visible;
    opacity: 1;
    z-index: 9999;
}
.app-up .up {
  color: #fff;
}
.fa {
    color: white;
    display: inline-block;
    font: normal normal normal FontAwesome;
    font-size: 1rem!important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.footer a:hover,
.footer-footer a:hover  {
  color: #fff;
}
.footer {
    width: 100%;
    margin: 0 auto 4em;
    display: flex;
    flex-direction: column;
    padding: 0;
    color: #fff;
}
@media(min-width: 992px) {
  .footer {
    margin: 0 auto 4em;
    flex-direction: row;
    padding: 0;
 }
}
.footer:before {
    position: absolute;
    content: "";
    background: rgb(0 0 0 / 35%);
    inset: 0;
}
.copyright-section {
  text-align: center;
    margin: 3em 0 0;
}
input[type="text" i]::placeholder { color: #fff; }
input[type="text" i]:-ms-input-placeholder { color: #fff; }
input[type="text" i]::-ms-input-placeholder { color: #fff; }

input[type="email" i]::placeholder { color: #fff; }
input[type="email" i]:-ms-input-placeholder { color: #fff; }
input[type="email" i]::-ms-input-placeholder  { color: #fff; }

.form-control::placeholder { color: #fff; }
.form-control:-ms-input-placeholder { color: #fff; }
.form-control::-ms-input-placeholder  { color: #fff; }

input:focus-visible,
textarea {outline: none;}

.footer-form-item {
  padding-right: 3em;
  border-right: 0px solid grey;
  z-index: 9999;
}
@media(min-width: 992px) {
.footer-form-item {
  border-right: 1px solid grey;
}
}
.contact-section {
  padding-left: 0;
  margin: 4em 0 0;
  z-index: 9999;
}
@media(min-width: 992px) {
.contact-section {
  padding-left: 3em;
  margin: 0;
}
}
.contact-text {
  margin: 0 0 5px;
}
.item-detail {
   display: flex;
    flex-direction: column;
    margin: 2em 0;
}
@media(min-width: 992px) {
.item-detail {
    flex-direction: row;
}
}
.footer-form .input-text,
.footer-form .form-control {
    background-color: transparent;
    background-image: transparent;
    border: 0px solid white;
    border-bottom: 1px solid white;
    color: #fff;
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    font-size: 1rem;
    line-height: 1.5;
    padding: .375rem;
}
footer .footer-footer .footer-link-a,
.sdhcr-link {
  margin: 1em 0 0;
  display: inline-block;
}
@media(min-width: 768px) {
footer .footer-footer .footer-link-a,
  .sdhcr-link {
    margin: 0.4em 0 0;
  }
}
footer .footer-footer {
  color: grey;
  border-top: 1px solid grey;
  margin: 0 auto;
    max-width: 90rem;
    width: 100%;
    padding: 10px 0 0;
  z-index: 9999;
  position: relative;
}
@media(min-width: 992px) {
  footer .footer-footer {
    padding: 10px 0 0;
}
}
footer .footer-footer .column-spacer {
  line-height: 1.5rem;
    padding-bottom: .1rem;
}
footer .footer-hedline {
  width: 100%;
    display: block;
   position: relative;
    font-size: 1.75rem;
    color: #fff;
    text-align: left;
    margin: 0 0 1em;
    font-weight: 500;
   padding-left: 0;
  font-family: 'Poppins',sans-serif;
    font-weight: 500;
  line-height: 24px;
}
.footer-btn {
  text-align: left;
}
@media(min-width: 992px) {
.footer-btn {
  text-align: right;
}
}
#navigation.nav-footer {
  background-color: transparent;
  padding: 0;
  text-align: center;
}
@media(min-width: 992px) {
#navigation.nav-footer {
  text-align: left;
}
}
#navigation.nav-footer ul {
  padding: 0;
}

#navigation { 
  background-color: rgba(2,2,2,0.9); 
  padding: 0;
  display: flex;
    align-items: center;
   line-height: 3.2;
}
@media(min-width: 991px) {
  #navigation { 
  background-color: rgba(2,2,2,0.9); 
  padding: 0;
}
}
@media(min-width: 1200px) {
  #navigation { 
  background-color: rgba(2,2,2,0.9); 
  padding: 10px 0;
  min-height: 70px;
}
}
#navigation #logo { position: relative; background-repeat: no-repeat; background-position: left center; width: 250px; height: 36px; background-size: contain;margin: 0 0 0 2px;}
.menu-type-standard li ul.level_2 {
   display: none;
}
.logo-content {
  display: flex;
    justify-content: flex-start;
    align-items: center;
  color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
    font-family: 'Dosis', sans-serif;
   width: 75%;
}
.logo-content:hover {
color: #fff;
}
.level_2 {position: absolute; padding: 0; top: 23px; background: rgba(2,2,2,0.9); z-index: 9999;}
.level_2 li {width: 100%;}
.level_2 li > a {padding: 10px 10px !important;}

.fb-image {
  width: 25px;
  height: auto;
}

.fb-link {
  padding: 10px 0 0 10px!important;
}

#navigation .inner_frame menu { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; list-style: none; margin: 0; width: 100%; }
#navigation .inner_frame menu li { display: inline-block; padding: 3px 0; position: relative; vertical-align: top; max-width: 100%; overflow: unset !important;}
#navigation .inner_frame menu li a { display: block; padding: 15px 10px 10px; text-transform: uppercase; white-space: nowrap; font-family: 'Open Sans'; font-size: 1rem; line-height: 10px; font-weight: normal; font-style: normal; color: #fff; border-bottom: 0; overflow: hidden; }
#navigation .inner_frame menu li a:hover, #navigation .inner_frame menu li.current a { border-bottom: #fff 0px solid; text-decoration: none; }
#body { background: #fff; }
#eshop h2 { font-size: 20px; font-family: "Open Sans"; margin-bottom: 10px; }
#eshop #perex { padding-top: 20px; margin-bottom: 20px; }
.home #eshop #perex { padding-top: 0px; }
#eshop #perex p { line-height: normal; text-align: left; }
#header { display: none; }
.home #header { display: block; }
#header .inner_frame { padding: 0; }
.bg-image { display: block; background: url("/img/ulogo.12.jpeg") no-repeat; width: 100%; position: relative; padding-top: 33%;
    background-position: center; background-size: cover; }
.preview { position: relative; height: 95px; overflow: hidden; background-color: #F4F0E4; }

.photo-wrap.ephoto:before { content: none; }

#nav-column { 
   width: 100%; 
}
#eshop { width: 100%; }
.article .date {
  margin: 0 0 15px;
    display: none;
}
.article h3 {
  font-family: 'Open Sans';
  font-size: 1.2rem;
  margin-bottom: 7px;
}
.article { padding: 35px 0; background: white; }
#articles .preview img {
    width: 100%;
}
div#articles .article img {
  height: 100%;
  object-fit: cover;
}
div#articles .article .h2-hp {
  font-size: 1rem;
  text-transform: uppercase;
}
div#articles .article .h2-hp a {
  text-decoration: underline;
}
div#articles .article .h2-hp a:hover {
  color: #fff;
}

div#articles .article h2 { 
  height: auto; 
  overflow: hidden; 
  padding: 5px 10px 5px; 
  font-size: 1.5rem; 
  background: #40434e;
  color: #fff;
  padding: 10px;
}
#articles .article div.editor-area { padding: 10px; height: auto; overflow: hidden; }
#articles .article div.editor-area p { line-height: 23px; display: inline-block; margin: 0;}
h1 { font-family: 'Open Sans'; line-height: 1.4em; font-size: 1.5rem; font-style: normal; color: #000; }
.article h2 { font-family: 'Open Sans'; line-height: 1.4em; font-size: 1.5rem; font-style: normal; color: #000; padding: 0 0 15px; }
h2 a, h1 a { color: inherit; }
a.a-whole-article { float: right; position: relative; }
.under-article { font-size: 80%; color: #75889C; padding: 10px 15px; line-height: 17px; }
.article .under-article { height: auto; }
div#preview-folder div.box { float: left; margin: 5px 10px 5px 0; }
.art-delimit-wa, .art-delimit-sec { display: none; }
div#folders { }
.folder { width: 100%; float: left; margin: 0px 20px 20px 0px; background: #FFF; border: 1px #DDD solid; border-bottom: 2px solid #E4E4E4; border-bottom: 2px solid rgba(0, 0, 0, 0.1); }
@media(min-width: 580px) {
.folder { 
  width: 30.6%; 
  height: 300px;
  overflow: hidden;
}
}
.folder:nth-child(3n+3) { margin-right: 0; }
#photos { clear: both; }
.photo-wrap { width: 100%; height: auto; overflow: hidden; position: relative; z-index: 0; }
.photo-wrap div { height: auto; width: 100%; text-align: center; display: block; overflow: hidden; }
.photo-wrap div a { width: 100%; height: 100%; border: 0px; vertical-align: top; }
.photo-wrap div a img { width: 100%; height: auto; }
.folder-info { height: auto; margin: 10px 13px 20px; display: inline-block;}
.folder-info a { color: #666; font-family: 'Open Sans'; line-height: 1.4em; font-size: 16px; font-style: normal; }
div.folder-info div { line-height: 20px; }
.logo-navigation-footer {
  width: 100%;
    display: block;
    float: left;
    margin: 0 0 10px;
}
footer{
background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('https://s3a.estranky.cz/img/p/footer.jpg');
background-color: #000;
width:100%;
margin:0px auto;
position:relative;
font-size:0.9em;
font-family: 'Poppins',sans-serif;
color:#787878;
padding-top: 4rem;
    padding-bottom: 2rem;
overflow:hidden;
}
footer .social-logo-wrapper {
  display: inline-block;
    margin-top: 50px;
    position: relative;
    width: 100%;
    height: auto;
}
footer #about .socialLinks .social-links-content a {
    color: #FFF;
    font-size: .9rem;
    display: initial;
    background: transparent;
    line-height: 17px;
   text-decoration: underline;
}
footer .social-logo-wrapper .socialLinks {
  margin-top: -30px;
}
footer .copyright {
  margin-top: 35px;
    display: inline-block;
    width: 100%;
}
@media(min-width: 768px) {
footer .copyright {
  margin-top: 65px;
}
}
footer .social-logo-wrapper img {
  width: 100%;
    max-width: 150px;
    height: auto;
    margin-bottom: 10px;
}
footer div.first {
    margin: 0 50px;
    max-width: 2450px;
}
footer div.first #navigation {
  float: none!important;
}
 footer #navigation nav {
   display: block;
}
.logo-navigation-footer img {
    height: 50px;
    float: none;
    width: auto;
}
footer .navMenu {
  width: 100%;
}
@media(min-width: 992px) {
  footer .navMenu {
     width: 34%;
  }
}
footer .navMenu a,
footer .navForyou a,
.logo-navigation-footer a {
  padding: 0 10px;
}
footer .navMore a,
footer .navMore h3 {
    padding: 0 10px;
}
@media(min-width: 992px) {
     footer .navMore a,
     footer .navMore h3 {
       padding: 0;
     }
  }

footer li{list-style-type:none;}
footer nav li a {color:#fff; text-decoration:none; display:block; padding:  0; -webkit-transition:color 0.5s; -moz-transition:color 0.5s;-ms-transition:color 0.5s; transition:color 0.5s;font-size: .9rem; font-family: 'Poppins',sans-serif;}
footer nav li a:hover{color:#fff;}
footer nav li strong{
  padding-left: 0;
  font-size: 1.3rem;
    font-family: 'Poppins',sans-serif;
    font-weight: 300;
    padding-bottom: 10px;
    display: block;
}
footer nav strong {font-family:'Open Sans Semibold';color:#fff;}
footer nav { 
    float: left;
    width: auto;
    padding: 0 15px;
    text-align: left;
}
@media(min-width: 600px) {
  footer nav { 
    width: 100%;
  }
}
@media(min-width: 992px) {
  footer nav { 
    width: 33%;
    padding: 15px 0 0;
  }
}
.socialLinks li{float: right;}
.socialLinks li a{display: inline-block;margin:0px 5px;text-indent:-9999px;overflow:hidden;}
.socialLinks li.fb a{background-position:-513px -360px;}
.socialLinks li.tw a{background-position:-553px -360px;}
.socialLinks li.gp a{background-position:-593px -360px;}
.socialLinks li.yt a{background-position:-633px -360px;}
.socialLinks li.ig a{background: url('/file/21/instagram.png');}
footer #about .socialLinks li a{margin:0 5px 0 0;}
footer .copyright a{display:block;padding:24px 0 18px 3px;}
footer .copyright p{font-size:0.95em; text-align: center; text-align: center;}

.fa {
    color: white;
    display: inline-block;
    font: normal normal normal FontAwesome;
    font-size: 1rem!important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#footer a.promolink-free, #footer a.promolink-paid {
  display: inline;
  top: 5px;
}
#footer { background: #333; color: #fff; margin-top: 20px; padding: 15px 10px 20px; text-align: center; *font-size: 0.929em; *position: relative; *bottom: 0 }
#footer .inner_frame { width: 1200px; margin: 0 auto; text-align: center; max-width: 100%; }
#footer .inner_frame span, #footer .inner_frame a { margin: 0 10px }
#footer .inner_frame span a { margin: 0 }
#footer .inner_frame a { color: #fff; margin: 0 10px }
#footer .inner_frame a:hover { color: #cbcbcb }
#footer .inner_frame p+p { margin-top: 10px }
#footer .inner_frame p + p a { margin: 0 10px 0 0 }
#footer a.promolink strong { position: absolute; left: 0; top: -9999px; text-indent: -9999px; }
#footer { clear: both; background-color: #2C2E3A; color: #E8ECEF; }
img { max-width: 100%; height: auto; }
#contact-nav { background-color: #FFF; }
#contact-nav .inner_frame { padding: 0; }
#contact-nav p.contact_name { font-family: "Open Sans Semibold"; }
.section { width: 100%; background-color: #fff; margin: 20px auto 25px; padding: 1px; }
.section a { color: #181818;}
.section a:hover { color: #f37720; }
.section h2 { font-size: 1rem; font-family: "Open Sans"; padding: 10px 15px 10px; color: #fff; background: #f37720; border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0;}
.section.own-code-nav .inner_frame {
  margin: 0;
  padding: 0;
}
@media(min-width: 480px) {
.section.own-code-nav .inner_frame {
  padding: 0 1em;
}
}
.section.own-code-nav {
  padding: 0;
}
@media(min-width: 992px) {
.section.own-code-nav {
  padding: 0;
}
}
.section.own-code-nav h2 {
  text-transform: none;
}
div#login.section { height: auto; }
#search form, #mail-list form { background-color: #FFF; text-align: left; }
#validation-dt {
  display: inline-block;
}
#search form input#key, #mail-list form input#mail-list-key { width: 87%; float: left; background-color: #fffff; margin: 0 auto; background-color: #FFF; border: 1px solid #D6DDE3; font-family: inherit; padding: 14px; }

@media(min-width: 992px) {
  #search form input#key, #mail-list form input#mail-list-key { width: 60%; }
}
#sendsearch, #send-mail-list { 
 width: 100%;
    color: #FFF;
    font-size: 1rem;
    background: #f37720;
    float: left;
    max-width: 35%;
    padding: .5rem 0 .5rem;
    border-radius: 25rem;
    border: 1px solid #f37720;
    cursor: pointer;
    margin-top: 20px;
}
@media(min-width: 992px) {
  #sendsearch, #send-mail-list { 
    float: right;
    max-width: 30%;
    margin-top: -20px;
  }
}
#sendsearch:hover, #send-mail-list:hover { 
  background-color: #40434e!important;
  border-color: #000!important;
}

input[type="submit"]:active { background-color: #f37720 !important; }
.section ul { list-style: none; padding: 0; margin: 0; }
.section ul li {color: #FA965A; }
.section ul li.current a { color: #3B3E4F; }
.section ul li a { font-size: 15px; padding: 12px 20px 12px 0px; display: block; position: relative; line-height: 1.471; }
.section ul li a:hover { color: #f37720; }

/*.section ul li a:before {
position: absolute;
left: 17px;
top: 9px;
font-family: 'Open Sans Semibold';
font-weight: 100;
text-align: left;
font-size: 17px;
line-height: 29px;
width: 29px;
content: '>';
color: #FA965A;
}*/
#nav-basket { background: url(https://s3b.estranky.cz/img/d/1000000370/cart.png) no-repeat 157px 47px white; height: auto;}
#ecategory { min-height: 259px; }

#nav-basket a {
  padding: 10px 0;
  display: block;
  font-size: 0.9rem;
}

/*UPDATE*/
#portrait h2 {
  position: relative;
  left: 0;
  top: 0;
}
#obalstranek { max-width: 100%; margin: 25px 0 0; padding-top: 0; width: 100%; float: left; }
@media (min-width: 992px) {
  #obalstranek {
     margin: 50px 0;
 }
}
@media (min-width: 1200px) {
  #obalstranek {
     margin: 35px 0 50px;
 }
}
.editor-area .text-picture {
  max-width: 100%;
  height: auto;
  padding: 0 0 10px;
}

@media (min-width: 768px) {
  .editor-area .text-picture {
    padding: 0 0 10px;
  }
}
.editor-area ul {
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
}
div.editor-area p { line-height: 22px; display: inline-block;}
.editor-area table {
  width: 100%;
  max-width: 100%;
  margin: 20px 0 20px;
}
.editor-area h2 { font-size: 1.2rem; font-family: "Open Sans"; padding: 0 0 10px; line-height: 1.3; }
@media(min-width: 992px) {
.editor-area h2 { font-size: 1.5rem; }
}
.editor-area table td {
  padding: 0 5px!important;
}
.inner_frame.inner-column {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  margin: 55px 0;
}
.article { padding: 20px 0; background: white; }
@media (min-width: 1100px) {
  .article { padding: 35px 0; }
}
#perex { display: block; }
 #photos h2 {width: 100%;}
.headerWrap h2, #photos h2 { font-size: 20px; font-family: "Open Sans"; padding: 10px 0 10px; }
@media (min-width: 768px) {
 .headerWrap h2, #photos h2 { padding: 20px 0 10px; }
}
form#comments-form, #product-comments form { text-align: left; }

div#block-comments { background-color: #FFFFFF; max-width: 100%; padding: 1px 15px 15px; }
@media (min-width: 768px) {
 div#block-comments { padding: 1px 30px 15px; }
}
div#articlesArticles .article:nth-child(3n) {
  margin-right: 0;
}
div#articles .article { 
  width: 100%; 
  height: auto; 
  float: left; 
  margin-top: 15px; 
  margin-right: 0; 
  margin-bottom: 10px; 
  background: #FFF; 
  padding: 0; 
  border: 1px solid rgba(0,0,0,.125);
  border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0;
}
@media (min-width: 768px) {
div#articles .article { margin-right: 0; }
}

.article .h2-hp:hover div#articles .article div#articles { 
  background-color: #f37720;
}

div#articles .article:hover  { 
  box-shadow: 0 20px 60px 0 rgb(236 163 28 / 70%), 0 6px 20px 0 rgb(240 169 37 / 19%);
  border-color: #f37720;
}

#photo-album .headerWrap {
  padding-top: 20px;
}
.recaptchaContainer {
  text-align: left;
}
form#comments-form input.submit, #product-comments input.submit { margin-top: 20px; float: none; color: #FFF; background-color: #f37720; font-size: 19px; line-height: 19px; font-weight: normal; font-style: normal; padding: 14px 25px; border: 0; width: 38%; }
@media (min-width: 768px) {
  form#comments-form input.submit, #product-comments input.submit { width: 20%; }
}
#portrait.section {
   height: auto;
}
#photo-album-nav.section {
   height: auto;
}
#mail-list.section {
  height: auto;
}
#links.section {
 height: auto;
}
#stats.section {
  height: auto;
}
@media (min-width: 768px) {
 #stats.section {
}
}
@media (min-width: 992px) {
 #stats.section {
}
}
#contact-nav.section {
  height: auto;
}
#last-photo.section {
  height: auto;
}
#fb-likebox-feed.section {
  height: auto;
}
.top-inner {
  display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #fff;
    padding: 0;
    margin: 0 0 30px;
}
@media(min-width: 992px) {
  .top-inner {
  display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px 0;
    margin: 0 0 30px;
}
}
 #search.section {
   height: auto;
   width: 100%;
    margin: 0;
}
@media(min-width: 992px) {
#search.section {
   width: 100%;
}
}
#photos ul.photos-shadow .shadow-wrap { 
  width: 100%; 
  height: auto; 
  padding: 0; 
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box;
  height: 120px;
  overflow: hidden;
  margin-bottom: 15px;
 }
@media (min-width: 768px) {
  #photos ul.photos-shadow .shadow-wrap { 
  padding: 0 20px 20px 0;
 }
}
/* ADVERTISEMENT */
#sky-scraper-block {
    position: absolute;
    right: -300px;
    width: 300px;
}
#sticky-box {
  position: relative;
  position: -webkit-sticky;
    position: sticky;
  top: 0;
  right: 0;
}
/* PHOTOS */
ul.photos-shadow { list-style: none; padding: 0; margin: 0; }
ul.photos-shadow li { display: inline-block; text-align: center; vertical-align: top; }
ul.photos-shadow .wrap-box { width: 209px; margin-bottom: 0; display: inline-block; position: relative; }
ul.photos-shadow .wrap-box-inner { display: block; max-width: 100%; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
ul.photos-shadow .shadow-wrap { width: 100%; height: auto; padding: 0 20px 20px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
ul.photos-shadow li a { display: block; position: relative; overflow: hidden; }
ul.photos-shadow .wrap-box .wrap-box-element { vertical-align: top; width: 100%; height: auto; }

/* LOGIN */
#login .inner_frame { text-align: center; }
#login input[type="text"], #login input[type="password"] { border: none; background: #eae9e9; padding: 14px 5px; margin: 3px 0; color: #424242; }
#login label { display: block; }
#login input[type="text"], #login input[type="password"] { width: 98%; }
#login input[type="submit"] { 
display: inline-block;
width: 100%; 
color: #FFF; 
background: #f37720; 
float: left; 
max-width: 30%;
padding: .5rem 0 .5rem;
    border-radius: 25rem;
    border: 1px solid #f37720;
    cursor: pointer;
  margin-top: 10px;
}
#login p a { display: inline-block; margin: 10px 8px 0 0; font-size: .9rem; float: left;}

/* ESHOP */
#eshop .products div.article div.editor-area p {
   line-height: 21px;
    height: 45px;
    overflow: hidden;
}

#eshop .products div.article { margin: 0 20px 20px 0; padding: 0; width: 100%; float: left; border: 1px solid #D6DDE3; background: #FFF; position: relative; }
@media(min-width: 600px) {
  #eshop .products div.article { 
     width: 30%; 
     height: auto;
     max-height: 280px;
     min-height: 280px;
  }
}
#eshop .products div.article:nth-child(3n+4) { margin-right: 0; }
#eshop .products .article h3 { float: none; width: auto; padding: 4px; height: auto; text-align: center; margin: 1em 0em 0.3em; }
#eshop .products .photo-wrap.ephoto { float: left; width: 100%; border-top: none; border-left: none; border-bottom: none; display: block; }
#eshop .products .photo-wrap.ephoto div { height: 100px; width: 100%; text-align: center; display: table; overflow: hidden; margin: 0; }
#eshop .products .photo-wrap.ephoto { width: 100%; height: auto; float: left; margin: 0; }
#eshop .products .article .editor-area { 
    width: auto;
    float: left;
    padding: 15px;
    line-height: 20px;
    margin: 0 0 10px; 
}
#eshop .products .price { 
   width: auto;
    float: right;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: "Open sans semibold";
    padding: 15px;
 }
div.editor-area { padding-right: 0; }
div.editor-area:after { display: none; }
#portrait a img {
    height: 163px;
    width: 100%;
    max-width: 100%;
    object-fit: contain;
}
.home div#breadcrumb-nav {
  display: none;
}
div#breadcrumb-nav { font-size: 80%; margin: -10px 0 10px; color: #999; }
div#breadcrumb-nav a { color: #000; }
#calendar.section {display: none;}
#calendar .inner_frame { text-align: center; }
#calendar .inner_frame th { padding-top: 10px; }
#calendar .inner_frame th, #calendar .inner_frame td { text-align: center; padding: 4px; }
#calendar .inner_frame caption { display: none; }
#calendar .inner_frame table { width: 100%; _width: 225px; }
#calendar .inner_frame .archive-nav-c { text-align: center; }
#calendar .inner_frame .day_active { padding: 0; }
#calendar .inner_frame .day_active a { padding: 3px; display: block; color: white; background: #333333;}
#calendar .inner_frame .day_active a:hover { color: black; background: #eeeeee; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; }
tr#archive-days th {width: 30px;}
#calendar table thead tr td, #calendar #archive-small td, #calendar table thead tr td a, #calendar #archive-small td a { background: url("https://s3b.estranky.cz/img/d/1000000370/sipky.png") no-repeat; _background: none; }
#calendar table thead tr td.archive-nav-c, #calendar #archive-small td.archive-nav-c, #calendar table thead tr td.archive-nav-c a, #calendar #archive-small td.archive-nav-c a { background: none; }
#calendar table thead .archive-nav-l { width: 38px; background-position: 9px -21px; *background-position: 15px -22px; color: transparent; }
#calendar table thead .archive-nav-l a { background-position: 0px 5px; color: transparent; _color: #333333; }
#calendar table thead .archive-nav-l a:hover { background-position: 0px -28px; }
#calendar table thead .archive-nav-r { width: 38px; background-position: -35px -21px; *background-position: -35px -21px; color: transparent; }
#calendar table thead .archive-nav-r a { background-position: -42px 5px; color: transparent; _color: #333333; }
#calendar table thead .archive-nav-r a:hover { background-position: -51px -28px; }
#calendar #archive-small .archive-nav-l { width: 44px; background-position: 14px -23px; *background-position: 18px -22px; color: transparent; }
#calendar #archive-small .archive-nav-l a { background-position: 0px 30px; color: transparent; }
#calendar #archive-small .archive-nav-l a:hover { background-position: -3px -30px; }
#calendar #archive-small .archive-nav-r { width: 44px; background-position: -37px -23px; *background-position: -33px -22px; color: transparent; }
#calendar #archive-small .archive-nav-r a { background-position: -51px 5px; color: transparent; }
#calendar #archive-small .archive-nav-r a:hover { background-position: -51px -28px; }
#portrait .inner_frame { text-align: center; }
#stats th { padding-right: 6px; text-align: left; }
#breadcrumb-nav div { width: 11px; height: 13px; margin: 9px 13px 0px 5px; display: inline-block; font-size: 80%; background-image: url("https://s3b.estranky.cz/img/d/1000000370/bread.png"); }
div#block-comments .message {
    display: block !important;
    position: static;
    text-indent: 0;
    color: #f00;
    margin-bottom: 15px;
}
h2#comments { font-size: 20px; font-family: "Open Sans"; padding: 20px 0 10px; }
#contact-nav p { margin: 0; }
#eshop #panel { width: auto; }
#comments-form dt, #product-comments dt { display: none; }
#comments-form legend span { display: none; }
#block-comments h3 { color: #FA965A; margin-top: 20px; }
#block-comments > h3 { color: #818181; font-size: 18px; font-family: "Open Sans"; padding: 20px 0 0px; }
form#comments-form input, #product-comments input { width: 70%; font-size: 17px; padding: 11px 6px; font-family: "Open Sans Light"; margin: 5px 0; border: 1px solid #D6DDE3; }
input#c_validation { 
  max-width: 180px!important;
  width: 100%;
  background: #eae9e9;
}
#mail-list .vizual-captcha {
  width: 100%;
  max-width: 190px;
  margin: 10px 0;
}
a.sound-captcha { display: block; }
#comments-form textarea, #product-comments textarea { width: 70%; font-size: 17px; padding: 3px 6px; font-family: "Open Sans Light"; margin: 5px 0; border: 1px solid #D6DDE3; }
.comment { font-size: 90%; line-height: 130%; border-bottom: 1px solid #cccccc; padding: 0 10px; clear: left; }
#eshop .comment { padding: 10px; }
.comment .comment-headline h3 span { font-family: "Open Sans Semibold"; }
.comment-headline div { font-size: 80%; margin-bottom: 5px; }

/* comments level */
.level1 { padding-left: 25px; }
.level2 { padding-left: 35px; }
.level3 { padding-left: 50px; }
.level4 { padding-left: 70px; }
.level5 { padding-left: 80px; }
.level6 { padding-left: 90px; }
.level7 { padding-left: 105px; }
.level8 { padding-left: 120px; }
.level9 { padding-left: 135px; }
.admin h3 span { color: #111; }
.comment-text { padding-bottom: 2px; }
.comment-answer a { float: right; margin-top: -27px; display: block; padding: 5px 12px; background: #FA965A; color: #FFFFFF; font-size: 13px; }
.comment-answer a:hover { background: #DE8048; }
strong, b { font-family: "Open Sans Semibold"; font-weight: normal; }
#footer p { margin: 0; line-height: 22px; }
.section .inner_frame { margin: 15px;}
#search.section .search-tiitle {
  font-size: 1.3rem;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
  font-family: 'Zen Kurenaido', sans-serif;
}
.top-inner-link {
  margin: 10px 50px 5px;
  text-align: center;
}
@media(min-width: 768px) {
  .top-inner-link {
    text-align: right;
  }
}
#search.section .inner_frame { margin: 5px 0 0;}
@media(min-width: 768px) {
  #search.section .inner_frame { margin: 5px 0 15px;}
}
#search.section h2 {display: none;}
#mail-list-message { display: block; text-align: center; color: red; padding-top: 3px; }
h2#product-name { margin-top: 0; text-align: center; font-size: 20px; }
div#photo-album { width: 100%; clear: both; }
div#photo-album-nav .photo-wrap { display: none; }
#eshop #sorting select { background: #FFF; color: #666; float: right; margin: 10px; width: 264px; padding: 5px; font-size: 14px; line-height: 1; border: 1px solid #D6DDE3; border-radius: 0; height: 30px; font-family: "Open Sans"; -webkit-appearance: none; }
#eshop #sorting { margin-top: -26px; }
input#product-search-text { border: 1px solid #CCC; background: #FFF; padding: 11px 5px; margin: 3px 0; color: #424242; font-size: 100%; width: 210px; }
input#product-search-submit { background: #FFF; padding: 11px 5px; margin: 3px 0; color: #424242; width: 115px; border: 1px solid #f37720; color: #FFF; background-color: #f37720; font-size: 100%; }
#eshop .photo-wrap div { height: 100%; }
#eshop #photo-detail .photo-wrap { float: left; }
#eshop .article .photo-wrap, #eshop #photo-detail .photo-wrap { margin-top: 1px; }
#eshop .photos .photo-wrap { border: none; }
#eshop a#viewLightbox { display: none; }
#product div#block-comments { margin: 0; }
#eshop fieldset.validation dd { margin: 10px auto 0px; }
#eshop #panel .inner_frame { background-color: #FFF; padding: 15px; }
#eshop .wrap { width: 570px; margin: 0 auto; max-width: 100%; }
div#product-detail { font-size: 80%; }
div#calculation p, div#product-info { margin-bottom: 0; color: #999; }
#eshop #product-detail #action-panel { margin: 50px 0 5px; }
#eshop #basket input.amount { font-size: 15px; padding: 4px; font-family: "Open Sans"; height: 24px; }
#eshop #basket input.add_basket { font-size: 14px; font-family: "Open Sans"; padding: 5px 5px 5px 30px; margin: 8px 0 0 0; border-radius: 0px; -moz-border-radius: 0px; background-color: #FA965A; border: 1px solid #FA965A; color: #FFFFFF; background-image: url("https://s3b.estranky.cz/img/d/1000000370/add.png"); height: 34px; }
#eshop .photo-wrap.ephoto { border: 1px solid #FFF; }
#eshop #panel .panel-header li.active a { background: #FFF !important; border-bottom: 1px solid #FFF; }
#eshop #panel .panel-header li a { font-family: "Open Sans Semibold"; font-weight: normal; font-size: 17px; padding: 6px 16px; }
#product-comments .comment .comment-headline { font-size: 80%; margin-bottom: 6px; }
#product-comments .comment .comment-headline h3 { font-size: 14px; margin: 0; }
.column #languages a { padding: 0px 15px 0 0px; float: left; }
#languages .inner_frame {display: inline-block;}
#eshop #product-detail .price { color: #000000; }
#eshop div#steps { margin: 0 auto; width: 270px; }
#eshop #steps li { width: 74px; padding: 0; margin: 0; text-align: center; border: 1px solid #FFF; }
#eshop #steps li.active { background: #FFF; }
form#basket_preview_form table, #confirm table { margin: 20px auto; border-spacing: 0px; }
form#basket_preview_form table th, #confirm table th { font-family: "Open Sans Semibold"; font-weight: normal; }
form#basket_preview_form table tr td, #confirm table tr td { padding: 4px 1px; }
form#basket_preview_form table tr td input[type="text"] { padding: 1px 4px; width: 30px; }
#eshop th {
  padding: 2px 3px;
}
@media(min-width: 768px) {
#eshop th {
  padding: 2px 10px;
}
}
#eshop p span.clButton input { color: #FFF; background-color: #f37720; border: 0; padding: 10px 12px; font-family: "Open Sans"; width: 100%; margin: 5px 0; }
#eshop span.clButton a.submit { color: #FFF; background-color: #FA965A; border: 0; padding: 10px 0; font-family: "Open Sans"; width: 100%; text-align: center; float: left; }
#eshop span.clButton a.submit:hover { text-decoration: none; }
#eshop span.clButton { float: left; margin: 0 8px 8px 0; }
#eshop #basket_preview_form .wrap { width: 100%; margin-top: 25px; }
#eshop #basket_preview_form span.nextstep input.submit[disabled]:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#baskettransport ul, #basketpayments ul { padding-left: 0px; margin-top: 0px; }
#basket_preview_form li { display: block; background: #FFF; margin: 4px 2px; padding: 3px; }
#eshop span.clButton.nextstep { width: 100%; }
form.gennewmail span.placeholder { display: none; }
form.gennewmail p { margin: 15px 0; }
#eshop .gennewmail fieldset.validation dd, #eshop .registration fieldset.validation dd { margin: 10px 0 0; }
form.registration.contact-info td.placeholder { display: none; }
form.registration tbody.right-float { float: left; }
form.registration tbody.left-float { float: left; margin-right: 50px; }
form#basket_preview_form tr:nth-child(2n+2), #confirm tr:nth-child(2n+2) { background-color: #FFF; }
#eshop #basket_preview_form td.remove { padding-right: 5px; }
form#basket_preview_form table tr td:nth-child(n+5), form#basket_preview_form table tr th:nth-child(n+5) { text-align: right; padding-right: 13px; }
form.login-info label, form.contact-info label { display: block!important; }
#eshop .settings #sameaddress + label, #eshop .settings #individual + label, #eshop .settings #firm + label, #eshop .settings #usernewsletter + label, #eshop .contact-info #sameaddress + label, #eshop .contact-info #individual + label, #eshop .contact-info #firm + label, #eshop .contact-info #usernewsletter+label { width: auto; display: inline; }
form.contact-info { margin-top: 25px; }
form.contact-info h3, form.login-info h3 { font-family: "Open Sans Semibold"; font-size: 1.2em; }
form.contact-info .left-float { float: left; margin-right: 50px; }
form.contact-info .right-float { float: left; }
fieldset#account_firm, fieldset#delivery_address { margin-top: 25px; }
form.contact-info p { clear: left; padding-top: 15px; }
form.contact-info p + p { padding: 0; }
#eshop #confirm table td, #eshop #confirm table th { padding: 2px 6px; }
#eshop #basket_preview_form td img, #eshop #confirm td img { max-width: 25px; }
form#confirm table { font-size: 80%; line-height: 19px; }
#eshop #confirm td.title { width: 35%; }
#confirm fieldset.wrap { background-color: #FFF; padding: 15px; }
#eshop #confirm .price, #eshop .order_account .price { font-weight: normal; font-family: "Open Sans Semibold"; }
fieldset#usernote { text-align: center; }
fieldset#usernote h3 { display: none; }
#eshop #confirm #usernote { text-align: center; }
#eshop #confirm #usernote textarea#usernote_area { border: 1px solid #CCC; font-size: 100%; padding: 15px; width: 570px; }
#confirm .validation dl { width: 240px; margin: 0 auto; }
#confirm { text-align: center; }
#confirm fieldset { text-align: left; }
#confirm input[type="checkbox"] { margin: 40px 3px 20px; }
#confirm span.clButton { float: none; }
#eshop #confirm span.clButton input { padding: 11px 0; }
#eshop #block-comments span.clButton { float: none; }
input[type="submit"] { cursor: pointer; }

/* RESPONSIVE */
@media (max-width:870px) {
div#breadcrumb-nav { margin: 0 10px 7px; }
}
@media (max-width:849px) {

#nav-column .column { padding-left: 0; }
div#photo-album { margin: 0 auto; padding-left: 0; }
.folder:nth-child(3n+3) { margin-right: 20px; }
ul.photos-shadow .wrap-box { width: 190px; }
#eshop .products div.article:nth-child(3n+4) { margin-right: 20px; }
#eshop .products { width: 100%; margin: 0 auto; }
#eshop #sorting select { margin-right: 20px; }
#eshop .wrap { width: auto; }
#eshop #confirm #usernote textarea#usernote_area { width: 93%; }
}
@media (max-width:589px) {
#eshop div#articles { width: 100%; padding: 0; }
div#photo-album {  padding-left: 0; }
ul.photos-shadow .wrap-box { width: 100%; }
ul.photos-shadow .shadow-wrap { padding-right: 0px; }
#eshop form { margin-left: 0; margin-right: 15px; }
}
@media (max-width:565px) {

#eshop .products { width: 100%; }
}
@media (max-width:480px) {
div#product-detail { clear: both; padding: 20px; text-align: center; }
div#product-detail table { margin: 0 auto; text-align: left; }
#eshop #product-detail #action-panel { margin: 0; }
#eshop #photo-detail { margin: 0 auto; float: none; }
}

/* ------------------------- submenu --------------------------- */
#navigation menu li ul.classic, #navigation menu li ul.submenu, #navigation menu li ul.click, #navigation menu li ul.onmouse { display: none; background: #FA965A; }
#navigation menu li.submenu-over ul.onmouse, #navigation menu li:hover ul.onmouse, #navigation menu li.submenu-over ul.click, #navigation menu li.submenu-over ul.classic { display: block; line-height: 35px; }
#navigation menu li.submenu-over ul.onmouse, #navigation menu li:hover ul.onmouse, #navigation menu li.submenu-over ul.click { margin: 0px 0 0 1px; }
#navigation menu li.submenu-over ul.onmouse, #navigation menu li:hover ul.onmouse, #navigation menu li.submenu-over ul.click { position: absolute; z-index: 99999; *width: 400px; }
#navigation menu li.submenu-over ul.onmouse li, #navigation menu li.submenu-over ul.onmouse li.current, #navigation menu li:hover ul.onmouse li, #navigation menu li:hover ul.onmouse li.current, #navigation menu li.submenu-over ul.click li, #navigation menu li.submenu-over ul.click li.current { float: none; border: 0; padding-left: 0; text-align: left; color: #000000; background-image: none; opacity: 0.9; width: 100%; }
#navigation menu li.submenu-over ul.onmouse li a, #navigation menu li.submenu-over ul.onmouse li.current a, #navigation menu li:hover ul.onmouse li a, #navigation menu li:hover ul.onmouse li.current a, #navigation menu li.submenu-over ul.click li a, #navigation menu li.submenu-over ul.click li.current a { min-width: 100px; width: 100%; border-left: none; border-right: none; border-bottom: 1px solid #eeeeee; font-size: 1em; padding: 0px 0px 0px 10px; background-color: #fefefe; color: #757575; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
#navigation menu li.submenu-over ul.onmouse li a:last-of-tipe, #navigation menu li.submenu-over ul.onmouse li.current a:last-of-tipe, #navigation menu li:hover ul.onmouse li a:last-of-tipe, #navigation menu li:hover ul.onmouse li.current a:last-of-tipe, #navigation menu li.submenu-over ul.click li a:last-of-tipe, #navigation menu li.submenu-over ul.click li.current a:last-of-tipe { border-bottom: none; }
#navigation menu li.submenu-over ul.onmouse li a:hover, #navigation menu li.submenu-over ul.onmouse li.current a:hover, #navigation menu li:hover ul.onmouse li a:hover, #navigation menu li:hover ul.onmouse li.current a:hover, #navigation menu li.submenu-over ul.click li a:hover, #navigation menu li.submenu-over ul.click li.current a:hover { background: #FFF; color: #FA965A; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
#navigation menu li.submenu-over ul.onmouse li:last-child a, #navigation menu li.submenu-over ul.onmouse li.current:last-child a, #navigation menu li:hover ul.onmouse li:last-child a, #navigation menu li:hover ul.onmouse li.current:last-child a, #navigation menu li.submenu-over ul.click li:last-child a, #navigation menu li.submenu-over ul.click li.current:last-child a { border-bottom: none; }
ul.submenu { padding-left: 10px; padding-right: 10px; }
.list-of-pages, #paging { padding: 10px 35px; margin: 20px 0; text-align: center; clear: both; }
.list-of-pages .numbers { padding: 0; }
.list-of-pages p { display: inline-block; *display: inline; }
.list-of-pages span, .list-of-pages a, #paging span, #paging a { margin: 3px 10px 3px 0; padding: 5px 15px; *padding: 2px 5px; font-size: 0.857em; display: inline-block; }
.list-of-pages a, #paging a { border: 0; background: #FA965A; color: #fff; *font-size: 0.71em; *padding: 2px 10px; }
#footer a.promolink { background-image: url("https://s3b.estranky.cz/img/d/1000000370/promolink.png"); padding: 10px 5px 1px 22px; }
#eshop #basket_preview_form li div { font-size: x-small; margin-left: 23px; }
#eshop #basket_preview_form td.price { font-family: "Open Sans Semibold"; font-weight: normal; }
form.contact-info span { color: red; }
div#last-photo img { width: 100%; height: auto; max-height: 350px; object-fit: contain; }
.section_article { margin: 15px 0; }
.section_article h3 a { 
  font-size: 1rem;
  text-transform: uppercase;
}
form.settings label { display: none; }
#eshop th { font-family: "Open Sans Semibold"; font-weight: normal; }
#ecategory ul ul li { border-bottom: none; padding-left: 20px; }
.ie9 #document .column label, .ie8 #document .column label, .ie9 #comments-form label, .ie8 #comments-form label, .ie9 #eshop #block-comments form dt, .ie8 #eshop #block-comments form dt, .ie9 #eshop .placeholder, .ie8 #eshop .placeholder, .ie9 #usernote label, .ie8 #usernote label, .ie9 #content #eshop .settings .labelFix label, .ie8 #content #eshop .settings .labelFix label, .ie9 #content #eshop .login-info label, .ie8 #content #eshop .login-info label, .ie9 #content #eshop .contact-info .labelFix label, .ie8 #content #eshop .contact-info .labelFix label { display: block; }
div#login p { clear: left; margin-bottom: 4px; }
#eshop #basket_preview_form td.coupon input.submit { padding: 10px 12px; font-family: "Open Sans"; }
#eshop #basket_preview_form td.coupon input.couponText { width: 100px; padding: 11px 4px; position: relative; top: 0px; }
#eshop #basket_preview_form td.title { width: 43%; }
#eshop #basket_preview_form span.clButton { float: none; }
.full-width div#nav-column { display: none; }
#archive .under-article { padding: 0; }
#archive .folder { margin-top: 25px; }
#archive .article .preview { display: none; }
#archive .article { padding: 18px 35px; }
div#slide { text-align: center; }
.slidenav { width: 300px; margin: 0 auto 20px; }
div#slide div#photo_prev_div { float: left; }
div#slide div#photo_next_div { float: right; }
div#slide div#timenav { margin: 20px; }
div#slide #thumbnav .box { display: inline-block; width: 20%; height: 75px;}
.fb_iframe_widget {margin: 0;}
.menu-toggle.menu-active {padding: .35rem .75rem 0.85rem;}
.menu-toggle {
  position: absolute;
  margin-top: 18px;
  right: 10px;
  border: 1px solid #fff;
 border-radius: .25rem;
  outline: 0;
  padding: .35rem .75rem;
  cursor: pointer;
  min-height: 35px;
  display: none;
  background: transparent;
  z-index: 99999;
}
.menu-toggle span {
  border-top: 2px #fff solid;
    width: 30px;
    margin: 5px 0;
    display: block;
    transition: 0.3s all linear;
}
.menu-toggle.menu-active span:nth-of-type(1) {
  opacity: 0;
}
.menu-toggle.menu-active span:nth-of-type(2) {
  transform: rotate(45deg);
}
.menu-toggle.menu-active span:nth-of-type(3) {
  transform: rotate(-45deg);
  margin-top: -7px;
}

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

  #whole-page {
    overflow: hidden;
  }
  body {
    width: 100% !important;
  }
  .menu-toggle {
      display: none;
  }
  #navigation nav {
    display: none;
  }
  #navigation.menu-active nav {
    display: block;
  }
  #navigation .inner_frame {
        min-height: 70px;
        min-height: 70px;
    display: flex;
    justify-content: space-between;
   align-items: center;
  }
  #navigation .inner_frame menu {
      width: 100%;
        position: relative;
        background: rgba(2,2,2,0.9);
        z-index: 9999;
        padding-top: 50px;
        flex-direction: column;
        align-items: flex-start;
  }
  #navigation .inner_frame menu li {
      display: block;
      text-align: left;
      border-bottom: 0;
  }
  #navigation .inner_frame menu li a {
        padding: 10px 0;
        white-space: pre-wrap;
        line-height: 2;
  }
  .level_2 {
      display: block !important;
      position: relative;
      top: 0;
      margin: 0 10px;
  }
   .level_2 li {
     border-bottom: 0px solid #e8e9e8!important;
   }
   #navigation .inner_frame menu li {
     padding: 3px 10px;
   }
   .level_2 li > a {padding: 5px 10px !important;}
}

/* ------------- CUSTOM GALLERY ---------------- */
/* INIT SLIDER STYLES  */
.initSlider,
.initSlider *,
.initSlider *::after,
.initSlider *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.slide.hide,
.slide.hideSlide {
  display: none !important;
}
.initSlider {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 1;
}
.initSlider .firstImg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
}

 

.initSlider .lastImg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
}
.initSlider img {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  user-drag: none;
}

 

.initSlider .slide {
  position: relative;
  display: inline-block;
  float: left;
  overflow: hidden;
  text-align: center;
}

 

.initSlider .slide a {
  z-index: 55;
}

 

.initSlider .containerGallery {
  position: relative;
  display: inline-block;
}

 

.initSlider .slider__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  background: rgba(0, 0, 0, 0.4);
}
/* end INIT SLIDER STYLES */

 

/* SLIDER GALLERY STYLES  */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  body[data-slider-open="true"] {
     background: #000;
  }
}
body[data-slider-open="true"] {
  overflow: hidden;
}
body[data-slider-open="true"] .slider-gallery {
  display: block;
}

 

.slider-gallery {
  position: fixed;
  z-index: 100000;
  padding: 5px 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  display: none;
}
.slider-gallery .slider-gallery__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px 10px;
  margin-top: 15px;
}
.slider-gallery .slider-gallery__title {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
 -webkit-box-flex: 1;
   -ms-flex: 1;
    flex: 1;
}
.slider-gallery .slider-gallery__position {
  font-size: 1.42857rem;
  -webkit-box-flex: 1;
   -ms-flex: 1;
    flex: 1;
}
.slider-gallery .slider-gallery__count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
  color: inherit;
}
.slider-gallery .slider-gallery__header-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
   -ms-flex: 1;
    flex: 1;
}
.slider-gallery .slider-gallery__close {
  padding-left: 5px;
 cursor: pointer;
}

 

.slider-gallery .slider-gallery__close:hover {
  opacity: 0.6;
}
.slider-gallery .slider-gallery__description-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 10px 0;
  line-height: 1.5;
}

 

.slider-gallery .slider-gallery__description,
.slider-gallery .slider-gallery__comment {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  color: #eee;
  text-align: left;
}

 

.slider-gallery .slider-gallery__comment {
  font-size: 0.7rem;
}

 

.slider-gallery .slider-gallery__arrow {
  position: absolute;
  top: 0;
  bottom: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  color: transparent;
  text-decoration: none;
  cursor: pointer;
}
.slider-gallery .slider-gallery__arrow {
  width: 30px;
}

 

.slider-gallery .slider-gallery__arrow:hover {
  opacity: 0.6;
}

 

.slider-gallery .slider-gallery__arrow-prev {
  left: 0;
  width: 30%;
}

 

.slider-gallery .slider-gallery__arrow-next {
  right: 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 70%;
}

 

.slider-gallery .slider-gallery__arrow-icon {
   border: solid #fff;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 8px;
    position: relative;
}

 

.slider-gallery .slider-gallery__arrow-prev-icon {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: 10px;
}

 

.slider-gallery .slider-gallery__arrow-next-icon {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: 10px;
}

 

.slider-gallery .slider-gallery__slider {
  position: relative;
  height: 80vh;
  min-height: 700px;
}

 

.slider-gallery .slider-gallery__slide {
  height: 100%;
}

 

.slider-gallery .slider-gallery__container {
   position: relative;
   height: 89vh;
   height: calc(100vh - 65px);
   padding: 0 15px;
}

 

.slider-gallery .slider-gallery__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  text-align: center;
}

 

.slider-gallery .slider-gallery__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 100%;
  max-width: 90%;
  max-height: 100%;
  margin: auto;
  overflow: hidden;
}

 

.slider-gallery .slider-gallery__img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

 

.slider-gallery .containerGallery {
    height: 100%;
}

 

@media (max-width: 650px) {
  .slider-gallery .slider-gallery__container {
     padding: 0;
  }
}
/* end SLIDER GALLERY STYLES */

 

/* Foto (vyjmutí #photos definicí -> nově má samostané styly ) */
#preview-folder .box, #thumbnav .box, .folder .photo-wrap, #photo-album-nav li .photo-wrap {
  width: 100%;
  height: 130px;
  float: left;
  margin: 15px 0 0;
}
#preview-folder .box div, #thumbnav .box div, .folder .photo-wrap div, #photo-album-nav li .photo-wrap div {
  height: 130px;
  width: 100%;
  text-align: center;
  display: table;
  overflow: hidden;
}
#preview-folder .box div a, #thumbnav .box div a, .folder .photo-wrap div a, #photo-album-nav li .photo-wrap div a {
  height: 100%;
  border: 0;
  display: table-cell;
}
#preview-folder .box div img, #thumbnav .box div img, .folder .photo-wrap div img, #photo-album-nav li .photo-wrap div img {
  width: auto;
  height: auto;
  max-width: 90%;
  max-height: 120px;
}
@media (max-width: 900px) {
  #preview-folder .box, #thumbnav .box, .folder .photo-wrap, #photo-album-nav li .photo-wrap {
    width: 100%;
    height: auto;
    margin: 10px 5px 0;
  }
  #preview-folder .box div, #thumbnav .box div, .folder .photo-wrap div, #photo-album-nav li .photo-wrap div {
    height: auto;
    width: 95%;
  }
 #preview-folder .box div img, #thumbnav .box div img, .folder .photo-wrap div img, #photo-album-nav li .photo-wrap div img {
    max-width: 90%;
    max-height: 100%;
  }
}

 

/* speciální úprava pro detail galerie */
#photos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
   justify-content: space-between;
}
#photos::after {
    content: "";
    flex: auto;
}
#photos .slide {
  width: 130px;
  height: 130px;
  float: left;
  margin: 15px 7px 0;
}
#photos .slider-gallery__wrap {
  height: 130px;
  width: 130px;
  text-align: center;
  display: table;
  overflow: hidden;
}
#photos .slider-gallery__box {
  height: 100%;
  border: 0;
  display: table-cell;
}
#photos .slider-gallery__img {
  width: auto;
  height: auto;
  max-width: 120px;
  max-height: 120px;
  cursor: pointer;
}
#photos .slider-gallery__description-box {
   display: none;
}

@media (max-width: 900px) {
  #photos .slide {
    width: 100%;
    height: auto;
    margin: 10px 5px 0;
  }
  #photos  .slider-gallery__wrap {
    height: auto;
    width: 100%;
  }
  #photos .slider-gallery__img {
    max-width: 100%;
    max-height: 100%;
  }
}
/* Galerie responsive END */