/** 
 */

/* Reset */
body,
h1,h2,h3,h4,h5,h6,
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img,
em,dfn,del,ins,
a,
tbody,tfoot,thead,tr,
li,
label,legend {
  margin: 0;
  padding: 0;
}

body {
  font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color: #4e4e4e;
}

/* Accessibility helpers */
.offscreen {
  position: absolute;
  top: -9999em;
  left: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.element-hidden {
  display: none;
}
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.element-focusable {
  position: static !important;
  clip: auto;
}

#toggle{
  display: none;
}
/* responze */
@media screen and (max-width: 1170px){
  #page ins, #page iframe{display: block !important; max-width: 100%; margin: 0 auto !important;}
  img{max-width: 100%; height: auto !important;}
  html, body{overflow: hidden; overflow-x: hidden; overflow-y: visible;}
  #logo{float: left;}
  nav{clear: both; float: left; width: 100%; margin-top: -4px;}
  #site-name{top: 21px;}
  div.container {width: 100%;}
  #block-block-18 div, #block-block-19 div{left: 0px !important; text-align: center;}
}
@media screen and (max-width: 1023px){
  #site-name {font-size: 22pt; top: 33px;}
  .primary-links li {margin-right: 10px;}
  .region-sidebar-first .menu-item--collapsed {margin-left: 0px !important; padding-left: 0px;}
  .region-sidebar-first div{max-width: 100%;}
  #sidebar-last{float: right;}
  #sidebar-first{float: left;} 
}
@media screen and (max-width: 800px){
  div.content-inner {padding-right: 0px; border-right: none; border-bottom: 1px dashed rgb(164, 164, 164); margin: 0 0%; width: 100%;}
  #sidebar-first {width: 50%; margin-left: 0px; box-sizing: border-box;}
  #sidebar-last {width: 50%; margin-left: 0%;}
}
@media screen and (max-width: 767px){
  #page{width: 100%;}
  #site-name {font-size: 20pt; left: 26px;}
  div.content-inner {padding-right: 0px; border-right: none; border-bottom: 1px dashed rgb(164, 164, 164); margin: 0 0%; width: 100%;}
  #sidebar-first {width: 50%; margin-left: 0px; box-sizing: border-box;}
  #sidebar-last {width: 50%; margin-left: 0%;}
  a#toggle{text-decoration: none; color: #fff; display: block; text-align: center; line-height: 40px;}
  a#toggle:before{content: ""; display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 5px; background: transparent url(images/menu.png) no-repeat center center; background-size: contain; position: relative; top: -2px;}
  .primary-links{display: none;}
  #primary-menu{position: relative;}
  body.mobile-menu-visible .primary-links {z-index: 100; display: block; position: absolute; background: #000; top: 40px; left: 0px; padding: 5px 10px; width: 100%; box-sizing: border-box;}
  .primary-links li {margin-right: 0px; display: block;}
}
@media screen and (max-width: 639px){
  #site-name {left: 0px; box-sizing: border-box; padding-right: 15px; top: 22px;}
  #logo {margin-right: 10px;}
}
@media screen and (max-width: 479px){
  #site-name {font-size: 15pt; padding-right: 0px;}
  #logo {margin-right: 0px;}
  #sidebar-first {width: 100%; border-right: none;}
  #sidebar-last {width: 100%;}
  #block-block-19 br{display: none;}
}