@import url(https://fonts.googleapis.com/css?family=Signika+Negative:300,400,600&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic,700italic);
@import "/_js/dojox/html/resources/ellipsis.css";

html {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
}

body.claro {
    font-family: Lato, arial, helvetica, sans-serif;
    min-width: 320px;
    font-weight: 400;
    background-color: #e2e2e2;
    font-size: 14px;
    line-height: 1.6;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    color: #505050;
    font-size: 16px;
}

body.claro.size .articlepane,
body.claro.size article {
    font-size: 32px;
}

.hidden {
  display: none;
}

body.claro.hc {
    background-color: #000;
}

.hc-visible {
    display: none;
}

.hc section.hc-visible {
    display: block;
}

.hc img.hc-visible {
    display: inline-block;
}

.hc .hc-hidden {
    display: none;
}

:focus {
    outline: 2px solid #151515;
}

.hc :focus {
    outline: 2px solid yellow;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

.claro p {
    font-family: Lato, arial, helvetica, sans-serif;
    line-height: inherit;
    margin-top: 0px;
    font-size: inherit;
}

article img {
    width: auto !important;
    height: auto !important;
}


body.bw {
    filter: url(/_gfx/desaturate.svg#desaturate); /* Firefox 3.5+ */
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome 18+ (currently Beta) */
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.6);
    border-radius: 1px;
    background-color: rgba(255,255,255,1);
}

::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: rgba(192,192,192,1);
    color: rgba(192,192,192,0.3);

}

#mainmenu img.menu-toggle-button {
    display: none;
}

#mainmenu {
    top: 0px;
    left: 0px;
    bottom: 0px;
    position: absolute;
    height: 100%;
    width: 230px;
    min-width: 200px;
    background-color: white;
    margin: 0px 10px;
    box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
}

.hc #mainmenu {
    background-color: #000;
}

.menu {
    top: 0px;
    left: 0px;
    margin: 0px 0px;
    height: 30px;
    overflow: hidden;
    width: calc(100% - 80px);
    padding: 10px 30px;
    text-align: center;
    z-index: 20;
}

.menu > :nth-child(1) {
    float: left;
}

.menu > :nth-child(2) {
    float: right;
}

.menu img {
    display: inline-block;
}

.menu ul {
    padding: 0px;
    margin: 0px;
}

.menu li {
    display: inline;
}

.menu input {
    display: inline-block;
    margin-top: 4px;
    vertical-align: top;
    border-width: 0px;
    font-size: 11px;
    padding: 3px 6px 2px;
    box-shadow: inset 1px 1px 3px #bbb;
    color: #aaa;
}

.mainmenu-link {
    display: block;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    color: #444;
    font-size: 18px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #e2e2e2;
    padding: 5px 9px;
    background: #ffffff;
    padding: 8px 50px 8px 38px;
    background-image: url(/_gfx/left-menu-arrow.png);
    background-repeat: no-repeat;
    background-position: 195px 50%;
}

.hc .mainmenu-link {
    background: #000;
    color: yellow;
    border-color: yellow;
}

#mainmenu div:nth-child(2) a img {
    margin: 30px auto 12px;
    display: block;
}

#mainmenu div:nth-child(2) a img.hc-visible,
.hc #mainmenu div:nth-child(2) a img.hc-hidden {
    display: none;
}

.hc #mainmenu div:nth-child(2) a img.hc-visible {
    display: block;
}

#mainmenu a:last-child img {
    margin: 10px auto;
}

#mainmenu nav {
    margin-top: 70px;
    border-style: solid;
    border-color: #e2e2e2;
    border-width: 1px 0px 0px 0px;
    width: 230px;
    padding: 0px;
}

#mainmenu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#mainmenu li {
    padding: 3px 0px 0px;
}

.hc #mainmenu nav {
    border-color: yellow
}

.mainmenu-link-active {
    background-color: #ffd500;
}

.mainmenu-link-active a {
    background-color: #ffd500;
    font-weight: bold;
    background-image: url(/_gfx/left-menu-arrow-active.png);
}

nav#topmenu {
    margin-left: -10px;
}

nav#topmenu a img {
    position: absolute;
    left: 30px;
    height: 32px;
    top: 8px;
}

nav#topmenu ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

nav#topmenu a {
    display: block;
    position: relative;
    margin: 10px;
    float: left;
    width: 258px;
    text-align: center;
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 16px;
    padding: 12px 0px 12px 60px;
    text-transform: uppercase;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
    border-style: solid;
    border-width: 1px;
    background-color: #086c9e;
    border-color: #086c9e;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

nav#topmenu :nth-child(2) a {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
    background-color: #773eb3;
    border-color: #773eb3;
}

nav#topmenu :nth-child(3) a {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);
    background-color: #2d46b5;
    border-color: #2d46b5;
}

nav#topmenu :nth-child(4) a {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%);
    background-color: #027d0b;
    border-color: #027d0b;
}

nav#topmenu :nth-child(5) a {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.20) 100%);
    background-color: #d21900;
    border-color: #d21900;
}

nav#topmenu :nth-child(6) a {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);
    background-color: #006b20;
    border-color: #006b20;
}

nav#topmenu::after {
    content: '';
    clear: both;
}

.menu-contact-phone {
  display: inline-block;
  vertical-align: top;
  padding-top: 2px;
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 100%;
  background-repeat: no-repeat;
  background-image: url(/_gfx/header/label_phone.png);
  background-position: 0px 2px;
  padding-left: 28px;
}
.menu-contact-phone  p {
  margin: 0px;
}

.menu-contact-phone span {
  color: #333;
  font-size: 80%;
}

.hc .menu-contact-phone span {
    color: yellow;
}

strong {
    font-size: bold;
}

.hc strong {
    color: yellow;
}

.menu-contact-phone a {
    color: black;
    text-decoration: none;
}

.hc .menu-contact-phone a  {
    color: yellow;
}

.mainpart {
    padding-left: 260px;
    min-height: calc(100% - 0px);
    width: 1020px;
    margin: auto;
    position: relative;
}

footer {
    border-style: solid;
    border-width: 1px;
    border-color: #aaa;
    background-color: white;
    padding: 10px 20px;
    margin-right: 20px;
    margin-top: 15px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}

.hc footer {
    background-color: #000;
    border-color: #000;
    color: yellow;
}


article {
}

article * a {
    color: #444;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

.hc article * a {
    color: yellow;
}

article * a:hover {
    color: #c44;
}

.hc article * a:hover {
    color: yellow;
}
article > * {
    -webkit-column-break-after: always;
    break-after: column;
}

.articlepane {
    box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
    background-color: white;
    width: auto;
    padding: 20px;
    height: calc(100% - 40px);
    margin-top: 10px;
    margin-right: 20px;
    min-height: 500px;
}

.hc .articlepane {
    background-color: black;
    color: yellow;
    font-size: 18px;
}

.hc .dijitTextBox {
    border-color: yellow;
}


.no-background.hc .articlepane {
    background-color: initial;
    color: #505050;
}

.mainpart::after {
    content: '';
    display: block;
    height: 20px;
}

h1, h2, h3 {
    -webkit-column-break-after: avoid;
    -moz-column-break-after: avoid;
    break-after: avoid-column;
}

table.styled {
    width: 100%;
}

table.styled td {
    background-color: #e2e2e2;
    padding: 4px 6px;
}

table.styled th  {
    padding: 4px 6px;
    background-color: #e8e8e8;
}

table.styled tr:first-child th {
    background-color: #ddd;
}

/*
 * Hide only visually, but have it available for screen readers: h5bp.com/v
 */

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.articlepane h2,
article h2 {
  font-family: signika negative, arial, helvetica, sans-serif;
  font-size: 34px;
  font-weight: bold;
  margin: 8px 0px 16px;
  color: #505050;
}

.articlepane h3,
article h3 {
  margin: 0.5em 0;
  padding: 0;
  font-size: 24px;
  color: #505050;
  line-height: 1.6;
  color: #444;
  text-align: left;
  font-family: Lato, arial, helvetica, sans-serif;
  font-weight: 400;
  border-width: 0px;
  -webkit-column-break-inside: avoid;
  break-inside: avoid-column;
}

.articlepane h4,
article h4 {
  margin: 0.5em 0;
  padding: 0;
  font-size: 18px;
  line-height: 1.6;
  color: #505050;
  text-align: left;
  font-family: Lato, arial, helvetica, sans-serif;
  font-weight: 400;
  border-width: 0px;
  -webkit-column-break-inside: avoid;
  break-inside: avoid-column;
}

.hc .articlepane h1,
.hc .articlepane h2,
.hc .articlepane h3,
.hc .articlepane h4,
.hc .article h1,
.hc .article h2,
.hc .article h3,
.hc .article h4 {
  color: yellow;
}

.size .articlepane h1,
.size .articlepane h2,
.size .article h1,
.size .article h2 {
  font-size: 54px;
}

.size .articlepane h3,
.size .article h3 {
  font-size: 42px;
}

.size .articlepane h4,
.size .article h4 {
  font-size: 36px;
}

.size #mainmenu nav .mainmenu-link {
  font-size: 24px;
  padding: 5px 20px 5px 6px;
}

.size nav#topmenu a {
  font-size: 20px;
}

.bigone {
  margin-top: -20px;
  overflow: hidden;
}

.bigone > div {
  margin: 0px;
  width: 100%;
  height: 100%;
}

.bigone > div > h1 {
  padding: 20px;
  width: auto;
}

.box-1x2-tile {
  width: 320px;
  height: 660px;
  overflow: hidden;
  float: left;
  margin: 10px 10px 10px 0px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  background-color: white;
}

.c-newslist {
  padding: 0px;
  margin-left: -10px;
  margin-top: -2px;
}

.c-newslist-news {
  margin: 10px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  border-style: solid;
  border-color: #fed102;
  border-width: 4px;
  width: 312px;
  height: 312px;
  position: relative;
  float:left;
  overflow: hidden;
  display: block;
  background-color: #fed102;
}

.c-newslist-news:hover {
  box-shadow: 0px 0px 25px rgba(0,0,0,0.5);
}

.c-newslist-news-description {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.c-newslist-news-background::before {
  position: absolute;
  z-index: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0);
  transition: all 0.4s ease-in-out;
}

.c-newslist-news-background::after {
  content: '';
  z-index: 2;
  width: 0px;
  height: 0px;
  display: block;
  border-top: 35px solid #fed102;
  border-left: 35px solid transparent;
  position: absolute;
  top: 0px;
  right: 0px;
}

.c-newslist-news-background .c-newslist-news-title,
.c-newslist-news-background .c-newslist-news-content {
  opacity: 0;
  transition: all 0.4s ease-in-out;
  position: relative;
}


.c-newslist-news-picture {
  position: absolute;
  max-width: 100%;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
}

.articlepane h3.c-newslist-news-subtitle {
  display: table;
  margin: 0px;
  width: 100%;
  background-color: rgba(254,209,2,1);
  position: absolute;
  bottom: 0px;
  left: 0px;
  min-height: 54px;
  text-transform: uppercase;
  transition: all 0.4s ease-in-out;
}


.c-newslist-news-subtitle a {
  text-decoration: none;
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 8px 20px 6px 20px;
  width: calc(100% - 59px);
  line-height: 100%;
  height: 40px;
  text-transform: uppercase;
}

.size .c-newslist-news-subtitle a {
  font-size: 24px;
}

.c-newslist-read-more > div {
  bottom: 15px;
  right: 8px;
  position: absolute;
  border-color: rgba(255,255,255,0.6);
  border-width: 1px;
  border-style: solid;
  height: 25px;
  width: 25px;
  padding: 0px;
  border-radius: 25px;
  overflow: hidden;
  text-transform: none;
  transition: all 0.3s ease-in-out;
}

.c-newslist-news .c-newslist-read-more {
  top: 0px;
  right: 0px;
  width: 50px;
  height: 100%;
  position: absolute;
  display: none;
}

.c-newslist-hidden {
  display: none;
}

.c-newslist-news-title,
.c-newslist-news-title a {
  color: white;
}

.c-newslist-read-more > div::before {
  content: ">";
  display: block;
  font-weight: normal;
  font-family: Courier;
  color: rgba(255,255,255,0.6);
  position: absolute;
  top: 3px;
  left: 2px;
  font-size: 18px;
  margin: 0px 6px;
}

.more-news {
  text-align: center;
  color: #777;
  padding: 20px 60px 20px 20px;
  margin: auto;
  font-weight: bold;
  font-size: 14px;
  width: 120px;
  background-repeat: no-repeat;
  background-position: 90% 16px;
  background-image: url(/_gfx/more-news.png);
}

.hc .more-news {
  color: yellow;
  background-image: initial;
}

.c-newslist-news:hover .c-newslist-news-subtitle {
  color: rgba(255,255,255,0.4);
}

.bw .c-newslist-news-subtitle {
  border-color: black;
  background-color: black;
}



.c-newslist-ZIELONY-style {
  border-color: #027d0b;
  background-color: #027d0b;
}

.c-newslist-ZIELONY-style h3.c-newslist-news-subtitle {
  background-color: #027d0b;
}
.c-newslist-ZIELONY-style .c-newslist-news-background::after {
  border-top: 35px solid #027d0b;
}

.c-newslist-OLIWKOWY-style {
  border-color: #7fa837;
  background-color: #7fa837;
}

.c-newslist-OLIWKOWY-style .c-newslist-news-background::after {
  border-top: 35px solid #7fa837;
}

.c-newslist-NIEBIESKI-style {
  border-color: #086c9e;
  background-color: #086c9e;
}

.c-newslist-NIEBIESKI-style h3.c-newslist-news-subtitle {
  background-color: #086c9e;
}

.c-newslist-NIEBIESKI-style .c-newslist-news-background::after {
  border-top: 35px solid #086c9e;
}

.c-newslist-FIOLETOWY-style {
  border-color: #771e7d;
  background-color: #771e7d;
}

.c-newslist-FIOLETOWY-style h3.c-newslist-news-subtitle {
  background-color: rgba(119,30,125,1);
}

.c-newslist-FIOLETOWY-style .c-newslist-news-background::after {
  border-top: 35px solid #771e7d;
}

.c-newslist-PIASKOWIEC-style {
  border-color: #766d65;
  background-color: #766d65;
}

.c-newslist-PIASKOWIEC-style h3.c-newslist-news-subtitle {
  background-color: rgba(254,209,2,1);
}

.c-newslist-PIASKOWIEC-style .c-newslist-news-background::after {
  border-top: 35px solid #766d65;
}

.c-newslist-CZARNY-style {
  border-color: #000000;
  background-color: #000000;
}

.c-newslist-CZARNY-style h3.c-newslist-news-subtitle {
  background-color: rgba(0,0,0,1);
}

.c-newslist-CZARNY-style .c-newslist-news-background::after {
  border-top: 35px solid #000000;
}

.c-newslist-CZERWONY-style {
  border-color: #d21900;
  background-color: #d21900;
}

.c-newslist-CZERWONY-style h3.c-newslist-news-subtitle {
  background-color: #d21900;
}

.c-newslist-CZERWONY-style .c-newslist-news-background::after {
  border-top: 35px solid #d21900;
}


.c-newslist-news h2 {
  font-family: signika negative, arial, helvetica, sans-serif;
  margin: 20px;
}

.c-newslist-news-content {
  text-decoration: none;
  color: white;
  text-shadow: 0px 0px 2px rgba(0,0,0,0.2);
  display: block;
  line-height: 20px;
  margin: 20px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
  z-index: 2;
}

.c-newslist-news h2 a,
.c-newslist-news h2 {
  text-decoration: none;
  font-size: 26px;
  line-height: 1em;
}

.c-newslist-news {
  transition: all 0.3s ease-in-out;
}

.gallery-list-item  a {
  text-decoration: none;
}

.gallery-list-item  a div {
  color: #555;
}

.c-gallery-default {
  -webkit-column-break-before: always;
  -webkit-column-break-after: always;
  -moz-column-break-before: always;
  -moz-column-break-after: always;
  break-before: column;
  break-after: column;
  padding-left: 10px;
}

.c-gallery-default h2 {
  margin-left: -10px;
}

.c-gallery-default a {
  display: inline-block;
  position: relative;
}

.c-gallery-default img {
  margin-bottom: 20px;
  margin-right: 17px;
  position: relative;
}

.c-gallery-default a::after {
  content: '';
  background-color: rgba(255,220,0,0.7);
  position: absolute;
  top: 0px;
  left: 0px;
  right: 17px;
  bottom: 25px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  background-image: url(/_gfx/gallery-zoom.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;

}

.c-gallery-default a:hover::after {
  opacity: 1;
}

.big-top-menu .c-newslist > :first-child {
  width: 652px;
}

.gallery-banner-box {
  width: 1000px;
  height: 252px;
  overflow: hidden;
}

.gallery-banner-navigation {
  width: auto;
  height: 30px;
  margin: auto;
  text-align: center;
  margin-top: 303px;
  display: none;
}

.gallery-banner-navigation div {
  display: inline-block;
  border-style: solid;
  border-color: #ccc;
  border-width: 1px;
  width: 1.2em;
  line-height: 1.2em;
  font-size: 10px;
  color: white;
  border-radius: 8px;
  margin: 13px 10px;
}
.gallery-banner-navigation div.gallery-banner-navigation-active,
.gallery-banner-navigation div:hover.gallery-banner-navigation-active {
  background-color: #23bab7;
  box-shadow: 0px 0px 4px #23bab7;
}

.gallery-banner-navigation div:hover {
  cursor: pointer;
  background-color: #ccc;
  box-shadow: 0px 0px 4px #aaa;
}

.gallery-banner {
  width: 1000px;
  height: 252px;
  margin: auto;
  overflow: hidden;
  position: relative;
}

.gallery-banner-top {
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 3;
}

.gallery-banner-top-out {
  top: -303px;
  opacity: 0;
  position: absolute;
  -o-transition:      opacity 0.3s ease-in, top 0.1s linear 0.3s;
  -moz-transition:    opacity 0.3s ease-in, top 0.1s linear 0.3s;
  -webkit-transition: opacity 0.3s ease-in, top 0.1s linear 0.3s;
  transition:         opacity 0.3s ease-in, top 0.1s linear 0.3s;
}

.gallery-banner-next {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
}

.gallery-banner-mask {
  position: absolute;
  z-index: 2;
  width: 940px;
  height: 303px;
  background-color: rgba( 64, 64, 64, 0.8);
  box-shadow: 0px 0px 40px black inset;
}

.gallery-banner-mask-anim {
  transition:         background 0.3s ease-in, box-shadow 0.3s ease-in 0.3s;
  -o-transition:      background 0.3s ease-in, box-shadow 0.3s ease-in 0.3s;
  -moz-transition:    background 0.3s ease-in, box-shadow 0.3s ease-in 0.3s;
  -webkit-transition: background 0.3s ease-in, box-shadow 0.3s ease-in 0.3s;
  background-color: rgba(128, 128, 128, 0);
  box-shadow: 0px 0px 0px black inset;
}

.gallery-banner-hidden {
  display: none;
}

article img {
  max-width: 100%;
  height: auto;
}

article.bigone {
  -webkit-column-gap: initial;
  -moz-column-gap: initial;
  column-gap: initial;
  -moz-column-width: auto;
  -webkit-column-width: auto;
  column-width: auto;
  -moz-column-fill: auto;
  -webkit-column-fill: auto;
  column-fill: auto;
  width: 100%;
  background-color: white;
  height: 100%;
}

article.bigone + .news-subtitle {
  margin-top: -62px;
  width: calc(100% - 20px);
}

.no-column-break,
article table {
  -webkit-column-break-inside: avoid;
  break-inside: avoid-column;
}

h1.intro {
  font-weight: 300;
  color: white;
  font-size: 64px;
  font-family: signika negative, arial, helvetica, sans-serif;
  margin: 10px;
  line-height: 1.3;
  padding: 1px;
  transition: all 0.5s ease-in-out;
}

.news-subtitle {
  background-color: #ffd504;
  padding: 12px 20px 12px;
  width: 100%;
  margin-left: -20px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
  color: white;
}

blockquote,
.claro blockquote {
  display: block;
  margin: 0.5em;
  padding: 1em;
  font-size: 150%;
  line-height: 1.6;
  color: #444;
  text-align: left;
  font-family: Lato, arial, helvetica, sans-serif;
  font-weight: 400;
  font-style: italic;
  background-color: #f8f8f8;
  border-width: 0px;
  -webkit-column-break-inside: avoid;
  break-inside: avoid-column;
}

.contact_form,
.disabled_contact_form {
  text-align: left;
  max-width: 630px;
  margin: auto;
}

.disabled_contact_form {
  line-height: 1.8;
}

.disabled_contact_form::after {
  content: '';
  clear: both;
  display: block;
}

.add_disability,
.add_connection {
  display: block;
  margin: 2px 0 2px auto;
}

.disabled_contact_form input,
.disabled_contact_form select,
.disabled_contact_form .dijitTextBox,
.disabled_contact_form .dijitSelect,
.contact_form input,
.contact_form select,
.contact_form .dijitTextBox,
.contact_form .dijitSelect {
  float: right;
  clear: both;
}

.disabled_contact_form .form_checkmarks_block input {
  float: none;
}

.disabled_contact_form br,
.contact_form br  {
  clear: both;
}


.disabled_form_carrier  input {
  height: 22px;
  width: 106px;
}

.disabled_form_carrier + .disabled_form_carrier label > span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.contactform-submit-pane {
  text-align: right;
}

.disabled_form_carrier {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
}

.meeting_place {
  padding-left: 2em;
}

@media (max-width: 640px) {
  body {
    overflow-y: auto;
  }

  #mainmenu img.menu-toggle-button {
    display: block;
    position: absolute;
    top: 20px;
    right: -21px;
    padding: 6px 4px 6px 4px;
    border-style: solid;
    border-width: 0px;
    border-radius: 0px 6px 6px 0px;
    background-color: white;
    z-index: 1001;
  }

  footer {
    width: 320px;
    margin: auto;
    box-sizing: border-box;
    margin-top: 20px;
  }

  .mainpart::before {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    left: 0px;
    width: 22px;
    height: 26px;
    border-radius: 0px 6px 6px 0px;
    z-index: 10;
    box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
    transition: all 0.3s ease-in-out;
  }

  .menu-visible .mainpart::before {
    left: 230px;
  }

  menu {
    height: 135px;
    background-repeat: no-repeat;
    background-image: url(/_gfx/logo_mobile_lka.png);
    background-size: 90px 55px;
    background-position: 20px 6px;
    text-align: right;
  }

  menu > :nth-child(1),
  menu > :nth-child(2) {
    float: inherit;
    display: inline-block;
    padding-top: 18px;
    vertical-align: top;
  }


  #mainmenu {
    position: absolute;
    display: block;
    left: -230px;
    top: 0px;
    width: 230px;
    height: auto;
    max-height: calc(100% - 30px);
    border-width: 0px;
    overflow: visible;
    text-align: center;
    z-index: 1000;
    margin: 0px;
    transition: all 0.3s ease-in-out;
  }

  #mainmenu > div > a {
    display: none;
  }

  #mainmenu nav {
    margin-top: 10px;
  }

  .menu-visible #mainmenu {
    left: 0px
  }

  .gallery-banner-box {
    display: none;
  }

  .claro menu {
    padding: 0px 10px;
    width: 300px;
    margin: auto;
  }

  nav#topmenu {
    width: 320px;
    margin: auto;
    display: block;
  }

  #mainmenu > div {
    width: 100%;
    min-width: 100%;
  }

  .scroll-up-button,
  .scroll-down-button {
    display: none;
  }

  .mainpart {
    width: 100%;
    padding-left: 0px;
  }

  nav#topmenu * a {
    margin: 0px;
  }

  .big-top-menu .c-newslist > :first-child {
    width: 312px;
  }
  .news-subtitle {
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    font-size: 16px;
    margin: 0px;
    padding: 8px 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  body .articlepane {
    height: auto;
    width: 320px;
    overflow: hidden;
    padding-bottom: 60px;
    margin: 20px auto 0px;
    box-sizing: border-box;
  }

  .articlepane h1 {
    font-size: 24px;
  }

  article {
    width: auto;
    -moz-column-width: initial;
    -webkit-column-width: initial;
    column-width: initial;
  }

  .c-gallery-default {
    text-align: center;
  }

  .menu-contact-phone {
    margin-top: 28px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
  }

  .menu-contact-phone span {
    padding: 0px 10px;
  }
}