nav li a,
#offcanvas ul li a {
   font-variant: small-caps;
}

@media screen and (max-width: 768px) {
   #topBlock {
      height: 50px !important;
   }
}

@media screen and (max-width: 768px) {
   #podpis {
      visibility: hidden;
      height: 0 !important;
   }
}

#topBlock {
   height: 190px;
   background: #4c4a4a;
   vertical-align: middle;
   padding: 0 !important;
   border-bottom: 1px solid red;
}

#topBlock nav li a {
   padding-top: 90px;
   font-weight: 700;
   font-size: 17px;
   color: #797979;
}

#topSlider {
   padding-top: 30px;
   padding-bottom: 30px;
   background: #303030;
}

#podpis {
   background: rgba(0, 0, 0, 0) url("../img/podpis2.jpg") no-repeat fixed center center;
   height: 400px;
   margin: 0;
   overflow: hidden;
   position: relative;
   width: 100%;
}

#map {
   background: rgba(0, 0, 0, 0) url("../img/map.jpg") no-repeat fixed center center;
   height: 600px;
   margin: 0;
   overflow: hidden;
   position: relative;
   width: 100%;
}

#content ul {
   list-style: none;
   /* Remove list bullets */
   padding: 0;
   margin: 0;
}

#content li {
   padding-left: 16px;
}

#content ul li:before {
   content: "•";
   /* Insert content that looks like bullets */
   padding-right: 8px;
   color: red;
   /* Or a color you prefer */
}

#content .nobull li:before {
   content: "-";
   /* Insert content that looks like bullets */
   padding-right: 8px;
   color: black;
   /* Or a color you prefer */
}

#oferta img {
   padding: 5px;
   border: 1px solid #D4D4D4;
}

h2 {
   font-weight: 700;
   font-size: 34px;
}

.uk-navbar-nav > li.uk-active > a {
   color: #fff !important;
}

.klocek {
   padding-left 30px;
   border-left: 6px solid #ff0000;
}

h3.klocek {
   padding-left: 15px;
}

#kontakt a {
   text-decoration: underline;
   color: #e14857;
}

#footnav li {
   padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
   #footnav li {
      text-align: center !important;
   }
}

#foot {
   background-color: #303030;
}

#foot nav li a {
   font-variant: small-caps;
   color: #808080 !important;
   text-decoration: none;
}

#foot .uk-navbar-nav > li > a {
   box-sizing: border-box;
   color: #444444;
   display: block;
   font-family: "Open Sans", Helvetica, Arial, sans-serif;
   font-size: 14px;
   font-weight: normal;
   height: 20px;
   padding: 0 20px;
   text-decoration: none;
}

#foot .uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
   background-color: inherit;
   color: #fff !important;
   outline: none;
   padding: 0 20px;
}

#foot p {
   color: #969696;
}

#foot hr {
   /* 1 */
   box-sizing: content-box;
   height: 0;
   /* 2 */
   margin: 15px 0;
   border: 0;
   border-top: 1px solid #6D6D6D;
}

#foot .uk-grid-divider > [class*="uk-width-medium-"]:nth-child(n+2):not(.uk-width-medium-1-1) {
   border-left: 1px solid #6D6D6D;
}

.padT50px {
   padding-top: 50px;
}

.nobord {
   padding: 0 !important;
   border: 0 !important;
}

.padT45px {
   padding-top: 45px !important;
}

/*========================== cross fading ========================*/

#cf {
   position: relative;
   height: 63px;
   width: 60px;
   margin: 0 auto;
}

#cf img {
   position: absolute;
   left: 0;
   -webkit-transition: opacity 0.3s ease-in-out;
   -moz-transition: opacity 0.3s ease-in-out;
   -o-transition: opacity 0.3s ease-in-out;
   transition: opacity 0.3s ease-in-out;
}

#cf img.top:hover {
   opacity: 0;
}


/* ----------------------------------------
   scrollUp
---------------------------------------- */
.scrollup {
   width: 40px;
   height: 40px;
   opacity: 0.3;
   position: fixed;
   bottom: 11%;
   right: 4%;
   display: none;
   text-indent: -9999px;
   background: url('../img/top.png') no-repeat;
}


/* ----------------------------------------
   contact form
---------------------------------------- */
.cf:before,
.cf:after {
   content: " ";
   display: table;
}

.cf:after {
   clear: both;
}

.ir {
   background-color: transparent;
   border: 0 none;
   color: transparent;
   font: 0px/0 a;
   text-shadow: none;
}

.ht {
   left: -10000px;
   position: absolute;
   top: -10000px;
}

.form-success {
   background-color: #6cbf40;
   color: #ffffff;
   font-size: 15px;
   line-height: 1.4em;
   padding: 10px;
}

#contactform {
   margin-bottom: 30px;
}

#contactform .form-error {
   background-color: #ff6600;
   color: #ffffff;
   font-size: 15px;
   line-height: 1.4em;
   margin-bottom: 15px;
   padding: 10px;
}

#contactform fieldset {
   width: 100%;
}

#contactform fieldset label {
   color: #46494f;
   display: block;
   font-size: 15px;
   margin-bottom: 12px;
}

#contactform fieldset input[type="text"],
#contactform fieldset input[type="email"] {
   border: 1px solid #ABA5A3;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   box-sizing: border-box;
   color: #000;
   font-family: 'Open Sans', Arial, sans-serif;
   font-size: 14px;
   height: 40px;
   margin-bottom: 10px;
   max-width: 100%;
   padding: 9px 14px;
   width: 100%;
}

#contactform fieldset input[type="text"]:hover,
#contactform fieldset input[type="email"]:hover {
   border-color: #BD4F0F;
   color: #BD4F0F;
}

#contactform fieldset input[type="text"]:focus,
#contactform fieldset input[type="email"]:focus {
   border-color: #196abc;
   color: #61656d;
}

#contactform fieldset textarea {
   border: 1px soli #ABA5A3;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   box-sizing: border-box;
   color: #000;
   font-family: 'Open Sans', Arial, sans-serif;
   font-size: 14px;
   height: 160px;
   margin-bottom: 10px;
   max-width: 100%;
   padding: 9px 14px;
   resize: none;
   width: 100%;
}

#contactform fieldset textarea:hover {
   border-color: #BD4F0F;
   color: #BD4F0F;
}

#contactform fieldset textarea:focus {
   border-color: #196abc;
   color: #000;
}

#contactform fieldset .form-field-error {
   color: #ff6600;
   font-size: 12px;
   font-style: italic;
   line-height: 1.3em;
   margin-bottom: 15px;
   margin-top: -5px;
}

#contactform fieldset input[type="submit"] {
   background: none repeat scroll 0 0 #ba1611;
   box-sizing: border-box;
   color: #ffffff;
   cursor: pointer;
   padding: 9px 14px;
}

#contactform fieldset input[type="submit"]:hover {
   background: none repeat scroll 0 0 #000;
}

#contactform fieldset input[type="submit"]:active {
   background: none repeat scroll 0 0 #ba1611;
}

#contactform fieldset input[type="hidden"] {
   display: none;
}

#container {
   color: #46494f;
   font-family: 'Open Sans', Arial, sans-serif;
   margin: 0 auto;
   width: 460px;
}

#container h1 {
   color: #acb4bd;
   font-family: 'Open Sans', Arial, sans-serif;
   font-size: 36px;
   font-weight: 300;
   line-height: 1.2em;
   margin-bottom: 15px;
   padding-top: 50px;
}

#contactform fieldset input[name="contact_check"] {
   text-align: center;
   vertical-align: 2px;
   width: 50px;
}

#contactform fieldset input[type="submit"] {
   float: right;
}

textarea,
input {
   background: url("../imgs/bgTransp.png") repeat scroll center center rgba(0, 0, 0, 0);
   border: 1px solid #aaaaaa;
   border-radius: 3px;
   line-height: 1em;
   margin: 0;
   overflow: auto;
   padding: 5px;
   vertical-align: top;
}