body {font-family: inria-sans, sans-serif; font-size: 1.15rem; font-weight: 300; font-style: normal; color: #f9efe7; padding: 0; margin: 0; background: #0c3451;}

a {color: #f9efe7; text-decoration: underline;}
a:hover, a:focus {color: #fff;}
a.link i, a.link2 i {padding-left: 1rem;}
#content a.link {color: #fff;}
a.link.large {font-size: 1.3rem;}
strong {font-weight: 400;}
.breadcrumbs {display: inline-block; padding: 0 0;}
.breadcrumbs li {list-style-type: none;}
.breadcrumbs a {color: #f9efe7}
.breadcrumbs a:hover {color: #f7eee5;}
p {/*text-align: left;*/}
.nahled {margin-bottom: 1.8rem; display: inline-block;}
label {color: #f9efe7;}

span.label {background: #f9efe7; color: #0c3451; padding: 5px 10px 6px 10px; font-size: 0.8rem;}

.anotace {font-size: 1.25rem; font-weight: 400;}
.anotace.poradna {background: #f9efe7; color: #0c3451; padding: 2rem 2rem 1rem 2rem; margin-bottom: 3rem;}

.mt2 {margin-top: 2rem;}
.ml2 {margin-left: 2rem;}
.m2 {margin: 2rem 0;}
.mt4 {margin-top: 4rem;}
.mb1 {margin-bottom: 1rem;}
.mb2 {margin-bottom: 2rem;}
.mb4 {margin-bottom: 4rem;}
.pt2 {padding-top: 2rem;}
.m3 {margin: 3rem 0;}

#form input, #form textarea {background: none; border: 0; border-bottom: 1px solid #f9efe7; box-shadow: none; color: #fff; padding: 5px 0;}
#form textarea {height: 199px;}
#form input:focus, #form textarea:focus {background: none; border-bottom: 2px solid #f9efe7;}
#form [type="checkbox"] {margin: 0; padding: 0;}
#form p {margin-bottom: 0rem;}

.button, .button2, #form input.button, #form input.button2 {background: #0c3451; color: #fff; padding: 1rem 2rem; text-decoration: none; text-transform: uppercase; font-size: 1.1rem; border: 0; cursor: pointer;transition: background-color .25s ease-out,color .25s ease-out;}
.button2, #form input.button2 {background: #f9efe7; color: #0c3451;}
.button:hover, $form input.button:hover {background-color: #f9efe7; color: #0c3451;}
.button2:hover, #form input.button2:hover {background: #0c3451; color: #fff;}
h1, h2, h3, h4, h5, h6 {font-family: inria-sans, sans-serif; font-weight: 400; text-transform: uppercase; }

#header {z-index: 1; position: relative; margin: 0; padding: 1.5rem 0; width: 100%; height: 100px; background: #f9efe7;}
#logo {width: 250px;}

#vizual {z-index: 0; position: relative; top: 0; margin: 0; height: 700px; align-items: center; display: flex; justify-content: center; background: #f9efe7 url("../img/hero-2.webp") no-repeat right bottom; background-size: 900px;}
#vizual .grid-x {position: relative;}
#vizual .intro {z-index: 1; position: absolute; width: 60%; bottom: 4rem; padding: 0; color: #0c3451;}
#vizbg {height: 700px; position: relative;}
.intro h1 {font-size: 3rem;}
.intro h2 {font-size: 2rem;}

#badges {margin-top: 4rem;}
#badges img {display: inline-block; width: 100px;}


/* Small only */
@media screen and (max-width: 39.9375em) {
#header {height: 70px; padding: 0.9rem 0;}
#logo {width: 200px;}
#vizual {height: 600px; background-size: 500px; background-position: 47% bottom; justify-content: start; align-items: start;}
#vizual .intro {width: 100%; top: 2rem; text-align: center;}
#vizbg {height: 500px; position: relative;}
.intro h1 {font-size: 1.6rem;}
.intro h2 {font-size: 1.5rem;}
#badges {margin-top: 2rem;}
#badges img {width: 65px;}
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
#header {height: 80px; padding: 0.9rem 0;}
#logo {width: 250px;}
#vizual {height: 300px; background-size: 420px; background-position: 100% bottom; justify-content: start; align-items: start;}
#vizual .intro {width: 70%; top: 4rem; text-align: left;}
#vizbg {height: 300px; position: relative;}
.intro h1 {font-size: 1.6rem;}
.intro h2 {font-size: 1.5rem;}
#badges {margin-top: 2rem;}
#badges img {width: 65px;}
}




ul.menu.dropdown, ul.menu.simple {display: inline-block;}
ul.menu li {list-style-type: none; float: left;}

.menu a {color: #0c3451; font-family: inria-sans, sans-serif;  font-weight: 400; font-size: 0.9rem; padding: 0 0 5px 0; margin: 0rem 2rem 0 0rem; text-transform: uppercase;}
.menu a:hover, .dropdown.menu a:hover {color: #0c3451; text-decoration: underline;}
.menu button.icon i {color: #0c3451; font-size: 1.5rem; cursor: pointer; padding: 0 1rem 0 1rem;}
.menu button.search-button i {padding: 0.6rem; font-size: 1.2rem;}
.menu a.under {border-bottom: 2px solid #0c3451;}

#search2 button {position: absolute; right: 40px; top: 39px; color: #fff; font-size: 1.5rem; cursor: pointer;}
#search2 {padding: 2rem; position: relative;}

.menu h5 a {font-weight: 500;}

.dropdown.menu {margin-top: 0.8rem;}
.dropdown.menu > li > a {padding: 10px 0 10px 0;}
.dropdown.menu > li.is-dropdown-submenu-parent > a {padding: 10px 0 10px 0;}
.is-dropdown-submenu>li {text-align: left;}
.dropdown.menu>li.is-active>a {color: #0c3451;}
.dropdown.menu > li.is-active a:hover {color: #0c3451; text-decoration: underline;}
.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    width: 250px;
    border: none;
    background: rgba(249,239,231,0.9);
    padding: 1rem 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: none;
}

.lang .is-dropdown-submenu {width: auto;}
.dropdown .lang .is-dropdown-submenu a {padding: 0.7rem 0;}
.dropdown .lang .is-dropdown-submenu {padding-top: 0;}

#uvod {margin: 3rem 0;}

#content {margin: 3rem 0;}
#content h4 {margin-top: 3rem;}
#content h5 {margin-top: 2rem;}

#sluzby {margin: 3rem 0;}
#sluzby i {font-size: 2rem; color: #0c3451; line-height: 80px;}
/*#sluzby a.round {background: #0b2f4a; border-radius: 50px; width: 100px; height: 100px; display: inline-block;}*/
#sluzby a.round {background: #efe5db; border-radius: 50px; width: 80px; height: 80px; display: inline-block;}
#sluzby a {text-decoration: none;}
#sluzby a:hover {text-decoration: underline;}
#sluzby h5 {text-transform: none;}

#aktuality {margin: 3rem 0;}

#nas-tym h5 {text-transform: none;}
#nas-tym a {text-decoration: none;}
#nas-tym a:hover {text-decoration: underline;}

#kauzy {margin: 3rem 0; padding: 5rem 0; background: #f9efe7; color: #0c3451; }
#kauzy h2, #kauzy a {color: #0c3451; text-decoration: none;}
#kauzy h5 {text-transform: none; font-size: 100%;}
#kauzy a:hover {color: #0c3451;text-decoration: underline;}
#kauzy span.label {background: #0c3451; color: #f9efe7; padding: 7px 10px 8px 10px; font-size: 0.8rem;}
.cellbg {padding: 1rem; background: #efe5db; color:#0c3451;}
.motto {padding: 3rem 0 0 3rem; background: #efe5db; color:#0c3451;}
.sluzbabg {padding: 2rem; background: #efe5db; color:#0c3451;}
.sluzbabg a.nahled {margin: 0}
.sluzbabg2 {padding: 2rem; background: #0b2f4a; color: #efe5db;}

.uvodbg {padding: 3rem 0 0 3rem; background: #0b2f4a; color: #fff; /*border-bottom: 1px solid #fff;*/}

#detail {margin: 2rem 0;}
#detail h1 {text-transform: none;}
#detail a.nahled {float: none; margin-bottom: 2rem;}

@media screen and (min-width: 64em) {
    #detail a.nahled {float: right !important; max-width: 600px; margin-left: 2rem; margin-bottom: 2rem;}
}

.tabs, .tabs-content, .tabs-content.vertical {background: none; border: 0; color: #0c3451;}
.tabs-title a, .tabs-title.is-active a {background: none; color: #0c3451; font-size: 1.2rem;}
.tabs-title a:hover {background: none; color: #f7eee5;}

tbody, tfoot, thead {background: #0b2f4a; border: 0;}
thead {background: #0b2f4a; color: #fff; font-size: 1.15rem;}
thead th {font-weight: 600; border-bottom: 1px solid #f9efe7; padding: 1rem 1rem;} 
tbody td {border-bottom: 1px solid #f9efe7; padding: 1rem 1rem; font-size: 1rem;} 
tbody tr:nth-child(2n) {background: #0b2f4a;}

table.cenik {width: 100%; border: 0; text-align: left;}
table.cenik tbody {border: 0;}
table.cenik thead tr th:first-child + th { text-align: right;}
table.cenik td {border: 0; vertical-align: top;}
table.cenik tr td:first-child {font-weight: bold; width: 350px;}
table.cenik tr td:first-child + td + td {width: 250px; text-align: right; font-weight: bold;}
table tr.no-border {padding-top: 1rem;}
table tr.no-border td {border: 0; padding-top: 1rem;}
table tr.no-border td p {margin-top: 1rem;}

.card {background: #0b2f4a; color: #f9efe7; border: 0; padding: 1rem; }
.card h5 {text-transform: none;}
.card p {font-size: 90%;}
.card .card-image {margin-bottom: 1rem;}

#poradna a {color: #0c3451; text-decoration: none;}
#poradna a:hover .card {background: #0b2f4a; color: #f9efe7;}
#poradna a:hover h6 {border-top: 1px solid #f9efe7;}
#poradna .card {background: #f9efe7; color: #0c3451; padding: 2rem;}
#poradna h4 {text-transform: none; font-size: 1.6rem; margin: 1rem 0;}
#poradna h6 {border-top: 1px solid #0b2f4a; padding-top: 1rem; margin: 0;}
#poradna img.logo {width: 80px; border-radius: 80px;}


/* footer */
#footer {background: #f9efe7; padding: 2rem 0 0 0; color: #0c3451; font-size: 90%; font-weight: 400; margin: 0;}
#footer ul {margin-bottom: 0;}
#footer p.mt0 {margin-bottom: 0;}
#footer a {color: #0c3451; text-decoration: none;}
#footer a:hover {color: #0c3451; text-decoration: underline;}
#footer a.logo {display: inline-block;}
#footer .border {border-left: 0 solid #fff;}
#footer li {list-style-type: none; padding: 0 0 0.5rem 0;}
#footer i {font-size: 150%; margin-top: 1.5rem;}
#footer .ico {margin-right: 1rem;}
#footer .badges {margin-top: 0;}
#footer .badges img {width: 65px;}

#aeq {padding: 1rem 0;}
#aeq big {display: inline-block; padding: 0.9rem 0; font-size: 100%;}
#aeq img {padding: 1rem 0 0.5rem 0;}

.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: #0b2f4a;
  top: 0;
  right: 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-inner .social {font-size: 1.5rem; margin-bottom: 2rem;}

.offcanvas-full-screen-inner .ico {margin-right: 1rem;}

.offcanvas-full-screen-inner a {
  color: #fff;
}

.offcanvas-full-screen-menu {
  margin: 0 0 2rem 0;
  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-submenu {
    margin: 0;
    list-style-type: none;  
}

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

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

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

.offcanvas-full-screen-menu > li.lang > a {
    display: inline-block;
}

.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-family: inria-sans, sans-serif; font-weight: 400;
  text-decoration: none;
  outline: none;
}

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

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

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

#offcanvas-full-screen button, #offcanvas-full-screen a {
  outline: none;
}