/** {
  background: #000 !important;
  color: #0f0 !important;
  outline: solid #f00 1px !important;
}*/

body {font-family: 'Open Sans', sans-serif; font-weight: 300; background: #FFF; color: #5d717b; }
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif; font-weight: 400; color: #5d717b; text-transform: uppercase; }
h1.offmenu {color: #fff; font-size: 2rem;}
h2.offmenu { color: #5d727b; font-size: 1.5rem; }
h3 { color: #009aa6; }
h4 { color: #333333;}
@media print, screen and (min-width: 40em) {
  h1 {font-size: 2.5rem;}
  h2 {font-size: 2.0rem;}
  h3 {font-size: 1.5rem;}
  h4 {font-size: 1.3rem;}
}
#news h3 {color: #fff;}
.orbit-next, .orbit-previous {
  color: silver;
}
.my-lightgallery {margin-bottom: 2rem;}
.nahled {margin: 0 5px 8px 0; display: inline-block;}
.underline {padding-bottom:0.5rem; border-bottom: 1px solid #b0b0b0;}
a, .breadcrumbs a { color: #009aa6; text-decoration: underline;}
a:hover, .breadcrumbs a:hover, a:focus { color: #000;}
p { margin-bottom: 1.8rem;}
p, td, li { font-size: 1.2rem; line-height: 1.4;}
strong {font-weight: 600; }
.red {color: #f73f3f;}
.color1, .color1 a {color: #ff7031;}
.dark, .dark a {color: #000;}
.color1 a:hover, .dark:hover, .dark a:hover {color: #5d717b;}

.clear { clear:both;}
hr {
    height: 1px; width: 60%;
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 2rem;
}

.callout {
    padding: 1rem;
    border: none;
    background-color: #FFF;
    color: #333;
}
.callout.secondary {
    background-color: #f0f0f0;
    color: #000;
}
.callout.bgnone {
    background-color: transparent;
    color: #000;
}
.callout h5 {color: #ff7031;}
.button {
	 margin: 1rem 0 1rem 0;
	 padding: 0.5em 1em;
	 font-size: 1.4rem;
	 line-height: 1.2;
    border: 1px solid transparent;
    background-color: #009aa6;
    color: #FFF;
    text-decoration: none;
}

#form .success-message {
  border: 1px solid #fff;
  color: #fff;
  margin-bottom: 1rem;
  padding: 5px;
  background: rgba(233, 0, 60, 0.7);
  border-radius: 4px;
  display: none;
}

#form .nad50, #form .bezai {display: none; margin-bottom: 2rem; border-bottom: 1px solid silver; padding: 2rem;}
#form .nad50 h2, #form .pod50 h2, #form .bezai h2 {color: #ff7031; margin-bottom: 1rem;}
.Count {font-size: 4rem; font-weight: 700;}
#form .pod50 {display: none; margin-bottom: 2rem; border-bottom: 1px solid silver; padding: 2rem;}

#form .nad50.show {display: block;}
#form .pod50.show {display: block;}
#form .bezai.show {display: block;}

#form.success .success-message {
  display: block;
}

.fhp-input {
    display: none;
    pointer-events: none;
    opacity: 0;
}

.button:hover, .button:focus {
    background-color: #666;
    color: #FFF;
}
.button.gray {
    background-color: #666;
    color: #FFF;
}
.button.gray:hover {
	 background-color: #000;
    color: #FFF;
}
.button2 {
	 margin: 0 0 0.5rem 0;
	 padding: 0.5em 1em;
	 font-size: 1.3rem;
	 line-height: 1.2;
   border: 1px solid transparent;   
   background-color: #ffa200;
   color: #FFF;
   display: block;
   text-decoration: none;
   text-align: center;
}
.button2:hover, .button2:focus {
    background-color: #666;
    color: #FFF;
}

li {line-height: 1.6;}
ul.imgbullet { margin-left: 0;}
ul.imgbullet li { padding: 0 0 0.5rem 1.5rem; list-style: none; background: url(../../images/default/li-dot.png) no-repeat 0 6px;}
.thumbnail {border: solid 7px #a6b0b5;}
.thumbnail.rounded { border-radius: 50%; }
table.bgnone, table.bgnone tbody, table.bgnone thead, table.bgnone tbody, table.bgnone tr, table.bgnone td { border: none;background-color: transparent; }
table.bgnone td { vertical-align: top; padding: 0 0 8px 0;}

/*CONTENT-----------------------------------------------------*/
section { padding:4rem 0; }
section#logo-row { padding: 0; background: #fff; }
section#vizual {padding:0; background: #fff; background-size: cover; }
section#lide { padding:3rem 0; background: url(../../images/default/bg-lide.jpg) center center no-repeat; background-size: cover; }
section#news { background:#FFF; }
section#hodnoceni {background:#f9f9fa; }
section#oddeleni {background:#FFF; }
section#dotazy {background:#f9f9fa; }
section#map { padding:0; background: #dedede;  }
section#seminar { color:#FFF; background: #009aa6; }
@media print, screen and (min-width: 64em) {
	section#seminar {  background: #009aa6 url(../../images/default/bg-seminar.jpg) no-repeat top center; }
}
/*Vizual -----------------------------------------------------*/
#vizual .grid-container {padding-top:0rem; padding-bottom: 0rem;  }
#vizual .large-12 {margin: 0 auto; width: 800px; height: 575px; color: #fff!important; background: url(../../images/default/bg-vizual-center.png) no-repeat top center; }
#vizual .large-12.page {margin: 0 auto; width: 800px; height: auto; color: #333; background:#FFF; }
#vizual h2 { color: #fff; line-height: 1.1; font-size: 2.0rem; font-weight: 600; margin: 2rem 6rem 4rem 4rem; text-transform: uppercase;}
#vizual h2 span { display: block; float: left;  line-height: 2.6rem;}
#vizual p.citat { text-align: center; font-size: 2rem; margin-bottom: 5rem; padding: 0 10rem 0 9rem; }
#vizual p.text-right { text-transform: uppercase; font-size: 1.0rem; padding: 0 6rem 0 4rem; }
#vizual p.text-right strong { font-size: 1rem; }
#vizual p.text-right span { display: block; float: right; line-height: 1.5rem; margin: 1.5rem 0 0;}
#vizual p.text-right span.fa-stack { line-height: 2em; margin: 0 20px 0 10px;}
#vizual .bg-left {background-color: #ced4d7; background: right center no-repeat; width: 40%; height: 575px; position: absolute; top: 0; left: 0; z-index: -1; background-size: cover; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
#vizual .bg-right {background: #5d717b left center no-repeat; width: 45%; height: 575px; position: absolute; top: 0; right: 0; z-index: -1; background-size: cover;}
#vizual .bg1 {background: url(../../images/default/microsite-1.jpg) right center no-repeat; width: 40%; height: 475px; position: absolute; top: 0; left: 0; z-index: -1; background-size: cover;}
#vizual .bg2 {background: url(../../images/default/microsite-2.jpg) left center no-repeat; width: 40%; height: 475px; position: absolute; top: 0; right: 0; z-index: -1; background-size: cover;}
#vizual .bg3 {background: url(../../images/default/microsite-3.jpg) right center no-repeat; width: 40%; height: 475px; position: absolute; top: 0; left: 0; z-index: -1; background-size: cover;}
#vizual .bg4 {background: url(../../images/default/microsite-4.jpg) left center no-repeat; width: 40%; height: 475px; position: absolute; top: 0; right: 0; z-index: -1; background-size: cover;}
#vizual .bg5 {background: url(../../images/default/microsite-6.jpg) right center no-repeat; width: 40%; height: 475px; position: absolute; top: 0; left: 0; z-index: -1; background-size: cover;}
#vizual .bg6 {background: url(../../images/default/microsite-5.jpg) left center no-repeat; width: 40%; height: 475px; position: absolute; top: 0; right: 0; z-index: -1; background-size: cover;}
#vizual .bg7 {background: #ced4d7; width: 40%; height: 475px; position: absolute; top: 0; left: 0; z-index: -1; background-size: cover;}
#vizual .bg8 {background: #5d717b; width: 40%; height: 475px; position: absolute; top: 0; right: 0; z-index: -1; background-size: cover;}
#vizual h2 .badge {
    display: inline-block;
    min-width: 2.0em;
    padding: 0.3em;
    margin: 0 1.4rem;
    border-radius: 50%;
    font-size: 3rem;
    font-weight: 400;
    font-family: "Open Sans", serif;
    line-height: 4rem;
    text-align: center;
    background: #5d717b;
    color: #FFF;
}

@media print, screen and (max-width: 39.99em) {
	#vizual .large-12 {width: 100%; height: 475px; }
	#vizual h2 { font-size: 1.4rem;}
	#vizual p.citat { font-size: 1.6rem; margin: 0 0.5rem 2rem 3rem; text-align: right; }
  #vizual p.citat br {display: none;}
  #vizual p.text-right {margin-left: 2rem;}
	#vizual p.text-right span {display: block; float: right; line-height: 1.5rem; margin: 0 0 0; width:70%;}
	#vizual p.text-right span.fa-stack {line-height: 2em; margin: 0 15px 0 15px; font-size: 1.5rem; width:50px;}
  #vizual .bg2 {display: none;}
}

#koupit p.citat {margin-bottom: 3rem;}

.owl-item .grid-container {padding-right: 0; padding-left: 0;}

.owl-dots {text-align: center;}
.owl-dot {display: inline-block; transform: skew(-10deg); background: #5d717b;}
.owl-dot:hover {background: #ced4d7;}
.owl-dot a {display: inline-block; padding: 5px 15px; transform: skew(10deg); color: #fff; font-weight: 700; text-decoration: none;}
.owl-dot.active {background: #ff7031; }

.pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #ff7031;
    color: #fefefe;
    cursor: default;
}

/*Obsah -----------------------------------------------------*/
.fa-circle {color: #009aa6; }
#lide h2 {color: #ff7031;}
#lide h4 { margin-bottom: 1rem; }
#lide .cell { margin-bottom: 2rem; }
section h2 {margin-bottom: 4rem;}
#news h2 { color: #009aa6; margin-bottom: 4rem; }
#news .callout img {filter: grayscale(100%);}
#news .callout img:hover {filter: none;}
.icons1, .icons2 { width: 260px; height: 108px; margin: 0 auto 1.5rem;background: url(../../images/default/bg-ico1.gif) no-repeat; }
.icons1b, .icons2b { width: 290px; height: 108px; margin: 0 auto 1.5rem;background: url(../../images/default/bg-ico1b.gif) no-repeat; }
.icons2 { background: url(../../images/default/bg-ico2.gif) no-repeat; }
.icons2b { background: url(../../images/default/bg-ico2b.gif) no-repeat; }
.icons1 span, .icons2 span { display: block; width: 130px; height: 108px; float: left;}
.icons1b span, .icons2b span { display: inline-block; width: 130px; height: 108px; text-align: center;}
.icons1 strong, .icons2 strong { font-size: 3rem; color: #FFF; margin-top: 20px; display: block;}
.icons1b strong, .icons2b strong { font-size: 3rem; width: 160px; color: #FFF; margin-top: 20px; display: inline-block;  text-align: center;}
.icons1 i, .icons2 i {margin-top: 24px;}
.icons1b i, .icons2b i {margin-top: 24px;}

#oddeleni h2 {margin-bottom: 3rem;}
#oddeleni h3, #oddeleni h4 {color: #0a6c80;  }

#seminar h2, #seminar h3, #seminar a { color:#FFF; text-decoration: none;}
#seminar .fa-circle, #seminar a:hover {color: #ff7031; }
#seminar .large-button { margin-top: 2.5rem; }
#seminar .large-button strong { font-size: 2rem; }
@media print, screen and (min-width: 64em) {
	#seminar .large-button { position: absolute; top: 170px; left: 170px; margin-top: 0; }
}

#hodnoceni h2 {color:#ff7031; }

#dotazy h2 {color: #009aa6;  }
#form-problem {height: 120px;}

.problem, .problemy {padding: 1rem; border: 1px solid silver; background: #fff; font-size: 1rem; margin-bottom: 2rem;}
.problem p, .problemy p {font-size: 1rem;}

#top {
    display: block;
    width: 60px;
    height: 60px;
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: url(../../images/default/top.png) no-repeat;
    opacity: 0.6;
    display: none;
    z-index: 999;
}

/*Footer -----------------------------------------------------*/
#footer  {padding: 3rem 0 6rem; color:#c2c3c3; background:#454e54; font-size: 0.9rem;}
#footer p, #footer li { font-size: 1rem !important;}
#footer a { color:#c2c3c3; text-decoration: underline;}
#footer a:hover { color:#FFF; }

#footer ul li {display: inline-block; list-style-type: none; padding: 0 0.5rem;}

/*FORMS -----------------------------------------------------*/
/*[type='text'], textarea { color: #FFF; background: #646464; border: none; }
textarea { min-height: 150px; }
[type='text']:focus, textarea:focus { color: #FFF; background: #818181; border: none; }*/

/*-------- MENU --- */
#logo-row .topbar-responsive-logo {display: block; padding:0; float: left;}
#logo-row .topbar-responsive-logo img {vertical-align: middle;}
#logo-row span.nazev { float: left; display: block; color: #000; text-transform: uppercase; padding: 30px 0 25px 20px;}
#logo-row span.nazev strong {font-size: 1.2rem;}
#logo-row .grid-container, #top-row .grid-container { padding: 0;}

#logo-row button {cursor: pointer; color: #000; text-align: right; margin: 0 12px;}

#logo-row span.fa-stack { font-size:22px; margin: 0rem 0 0;}
@media screen and (max-width: 39.9375em) {
  #logo-row span.fa-stack { display: none;}
  #logo-row .topbar-responsive-logo img {display: none;}
  /*#logo-row button {margin: 2.5rem 1rem 2.5rem 0;}*/
}

.top-bar { padding: 0; }
.top-bar ul { background-color: transparent; }
.topbar-responsive {float: right; margin-top: 40px;}

.topbar-responsive .menu a {font-weight: 300; display: block; top: 10px;}
.topbar-responsive .menu li:last-of-type { margin-right: 0;}
.topbar-responsive .menu.simple li {margin-left: 0rem; }
.topbar-responsive .menu.vertical { background: #009AA6; padding-top: 1rem; }
.topbar-responsive .menu a {font-size: 1rem; color: #000;padding: 0.2rem; margin: 0 12px; text-decoration: none;text-transform: uppercase; font-weight: 300;}
.topbar-responsive .menu a:hover, .topbar-responsive .menu a.act {color: #000;}

.col1 {border-bottom: 3px solid #ff7031;}
.col2 {border-bottom: 3px solid #009aa6;}
/*

.col3 {background: #f73f3f;}
.col4 {background: #0a6c80;}
.col5 {background: #ba1f6c;}
*/
@media screen and (max-width: 39.9375em) {
  .topbar-responsive .menu {/*padding-bottom: 1.5rem;*/}
  .topbar-responsive .menu a { padding: 0.875rem; color: #000;}
  .topbar-responsive .menu a:hover { color: #009aa6;}
  .topbar-responsive .menu.simple li {margin-left: 0rem;width: 90%; border-bottom: 1px solid #FFF;}
  .topbar-responsive .top-bar-title { position: relative; width: 100%; padding-bottom: 10px}

  .topbar-responsive .top-bar-title span .menu-icon { margin-bottom: 4px;}
}
@-webkit-keyframes fadeIn {from { opacity: 0; } to { opacity: 1; }}
@keyframes fadeIn { from {  opacity: 0; } to { opacity: 1; }}
@-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% {-webkit-transform: translateY(0%);transform: translateY(0%); }}
@keyframes slideDown {0% {-webkit-transform: translateY(-100%);transform: translateY(-100%); }100% { -webkit-transform: translateY(0%); transform: translateY(0%);}}
@media screen and (max-width: 39.9375em) {.topbar-responsive-links { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; width: 100%; -webkit-animation: fadeIn 1s ease-in;animation: fadeIn 1s ease-in; }}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border: 6px solid #FFF;
}

.offcanvas-full-screen {
  position: fixed;
  z-index: 2000;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: #009AA6;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  overflow-y: auto;
}

[data-whatinput='mouse'] .offcanvas-full-screen {
  outline: 0;
}

.offcanvas-full-screen.is-transition-overlap {
  z-index: 2500;
}

.offcanvas-full-screen.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}

.offcanvas-full-screen.is-open {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.offcanvas-full-screen.is-open ~ .off-canvas-content {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.offcanvas-full-screen.is-transition-push::after {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
  content: " ";
}

.offcanvas-full-screen.is-transition-overlap.is-open ~ .off-canvas-content {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.offcanvas-full-screen-inner {
  padding: 2rem 1rem 0 1rem;
  /*text-align: center;*/
}

.offcanvas-full-screen-menu {
  margin: 0 0 2rem 0;
  list-style-type: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.offcanvas-full-screen-menu > li {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

[data-whatinput='mouse'] .offcanvas-full-screen-menu > li {
  outline: 0;
}

.offcanvas-full-screen-menu > li > a {
  display: block;
  padding: 0.7rem 1rem;
  line-height: 2;
  text-transform: uppercase;
  font-size: 1.5rem;
  text-decoration: underline;
}

.offcanvas-full-screen-menu input,
.offcanvas-full-screen-menu select,
.offcanvas-full-screen-menu a,
.offcanvas-full-screen-menu button {
  margin-bottom: 0;
}

.offcanvas-full-screen-menu > li {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.offcanvas-full-screen-menu > li > a {
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.offcanvas-full-screen-menu a {
  color: #fff;
  font-weight: 300;
  text-decoration: none;
}

.offcanvas-full-screen-menu a:hover {
  color: #000;
}

.offcanvas-full-screen-close {
  text-align: right;
  color: #fff;
  font-size: 5rem;
  cursor: pointer;
}

.offcanvas-full-screen-close:hover {
  color: #000;
}