/* COLOR REWRITER
*   primary 1960B4
*   light EEF4DA    
*   dark 124581
*   xdark 071C34
*
*   penizemorava: 8bb42a
*   bezvauver: 1960B4
*/
/*$color-primary: #8cb42a;
$color-primary-xlight: #eef4da;
$color-secondary: #ef7f1b;
$color-secondary-hover: #ff9900;

$color-primary-light: #a0be55;
$color-primary-dark: #769827;
$color-primary-xdark: #5e7a24;*/
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:400,700&subset=latin-ext");
.test {
  color: #b48e19;
  /* primary */
  color: #cba530;
  /* light */
  color: #fff8e4;
  /* xlight */
  color: #9d7702;
  /* dark */
  color: #866000;
  /* xdark */ }

html {
  font-size: 1em; }

html * {
  box-sizing: border-box;
  outline: none;
  line-height: 1.4em; }

html, body, h1, h2, h3, h4, h5, h6, input, textarea, a, button {
  font-family: 'Roboto', sans-serif;
  color: #4d4d4d; }

a {
  color: #b48e19;
  text-decoration: none;
  -webkit-transition: 0.4s;
  /* Safari */
  transition: 0.4s; }

a:hover {
  color: #9d7702;
  text-decoration: none; }

a span {
  -webkit-transition: 0.4s;
  /* Safari */
  transition: 0.4s; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  margin: 0 0 20px;
  color: #b48e19; }

h1 {
  font-size: 1.4em; }

h2 {
  font-size: 1.2em; }

h3 {
  font-size: 1.1em; }

h4 {
  font-size: 1.0em; }

p {
  margin: 0 0 20px; }

.font-serif {
  font-family: 'Roboto Slab', serif; }

.text-tiny {
  font-size: 0.6em; }

.text-small {
  font-size: 0.8em; }

.text-1-1em {
  font-size: 1.1em; }

.text-1-2em {
  font-size: 1.2em; }

.text-medium {
  font-size: 1.3em;
  line-height: 1.3em; }

.text-1-6em {
  font-size: 1.6em;
  line-height: 1.4em; }

.text-large {
  font-size: 2em;
  line-height: 1.6em; }

.text-strong {
  font-weight: bold; }

.text-italic {
  font-style: italic; }

.mt10 {
  margin-top: 10px; }

.mt20 {
  margin-top: 20px; }

.mt50 {
  margin-top: 50px; }

.mt100 {
  margin-top: 100px; }

.mt150 {
  margin-top: 150px; }

.mt200 {
  margin-top: 200px; }

.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

.mb50 {
  margin-bottom: 50px; }

.mb100 {
  margin-bottom: 100px; }

.mb150 {
  margin-bottom: 150px; }

.mb200 {
  margin-bottom: 200px; }

.pt10 {
  padding-top: 10px; }

.pt20 {
  padding-top: 20px; }

.pt30 {
  padding-top: 30px; }

.pt40 {
  padding-top: 40px; }

.pt50 {
  padding-top: 50px; }

.pt60 {
  padding-top: 60px; }

.pt70 {
  padding-top: 70px; }

.pt80 {
  padding-top: 80px; }

.pt90 {
  padding-top: 90px; }

.pt100 {
  padding-top: 100px; }

.pt150 {
  padding-top: 150px; }

.pt200 {
  padding-top: 200px; }

.pb10 {
  padding-bottom: 10px; }

.pb20 {
  padding-bottom: 20px; }

.pb30 {
  padding-bottom: 30px; }

.pb40 {
  padding-bottom: 40px; }

.pb50 {
  padding-bottom: 50px; }

.pb60 {
  padding-bottom: 60px; }

.pb70 {
  padding-bottom: 70px; }

.pb80 {
  padding-bottom: 80px; }

.pb90 {
  padding-bottom: 90px; }

.pb100 {
  padding-bottom: 100px; }

.pb150 {
  padding-bottom: 150px; }

.pb200 {
  padding-bottom: 200px; }

.ttuc {
  text-transform: uppercase; }

.ttlc {
  text-transform: lowercase; }

.tdul, .tdul:hover {
  text-decoration: underline; }

.padding-small {
  padding: 15px; }

.padding {
  padding: 30px; }

.padding-large {
  padding: 50px; }

.padding-xlarge {
  padding: 70px; }

.padding-vertical-small {
  padding-top: 15px;
  padding-bottom: 15px; }

.padding-vertical {
  padding-top: 30px;
  padding-bottom: 30px; }

.padding-vertical-large {
  padding-top: 50px;
  padding-bottom: 50px; }

.padding-vertical-xlarge {
  padding-top: 70px;
  padding-bottom: 70px; }

.padding-horizontal-small {
  padding-left: 15px;
  padding-right: 15px; }

.padding-horizontal {
  padding-left: 30px;
  padding-right: 30px; }

.padding-horizontal-large {
  padding-left: 50px;
  padding-right: 50px; }

.padding-horizontal-xlarge {
  padding-left: 70px;
  padding-right: 70px; }

.bg-primary {
  background-color: #b48e19 !important;
  color: white !important; }

.bg-primary-extradark {
  background-color: #866000 !important;
  color: white !important; }

.bg-primary-dark {
  background-color: #9d7702 !important;
  color: white !important; }

.bg-primary-light {
  background-color: #cba530 !important; }

.bg-primary-extralight {
  background-color: #fff8e4 !important; }

.bg-secondary {
  background-color: #ef7f1b !important;
  color: white !important; }

.bg-dark {
  background-color: #3b3b3b !important;
  color: white !important; }

.color-primary {
  color: #b48e19 !important; }

.color-primary-light {
  color: #cba530 !important; }

.color-primary-extralight {
  color: #fff8e4 !important; }

.color-secondary {
  color: #ef7f1b !important; }

.bg-primary *, .bg-primary a:hover,
.bg-primary-dark *, .bg-primary-dark a:hover,
.bg-primary-extradark *, .bg-primary-extradark a:hover,
.bg-secondary *, .bg-secondary a:hover,
.bg-dark *, .bg-dark a:hover,
.bg-lightline * {
  color: white; }

a.bg-secondary:hover,
button.bg-secondary:hover {
  background: #ff9632 !important; }

.bg-lightline {
  background-image: url("../../img/filtr.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000; }

.bg-lightline.bg-lightline-primary {
  background-image: url("img/bg-primary.jpg"); }

.button {
  display: inline-block;
  background: #b48e19;
  padding: 10px 20px;
  color: white;
  border: none;
  cursor: pointer; }

.button:hover,
.button:focus {
  color: white;
  background: #cba530; }

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
  display: block;
  border: #b48e19 1px solid !important;
  background: white;
  width: 100%;
  padding: 5px; }

textarea {
  resize: none;
  height: 70px; }

input[type=checkbox].form-large {
  width: 30px;
  height: 30px;
  border: #b48e19 1px solid;
  margin: 0 15px 0 0; }

input[type=checkbox].form-large:checked:before {
  color: #b48e19;
  font-size: 20px;
  line-height: 30px; }

dl dt {
  color: #b48e19; }

#header {
  background: white;
  height: 60px; }

#header.uk-active {
  border-bottom: #999 1px solid; }

#header .logo {
  font-family: 'Roboto Slab', serif;
  font-size: 2em;
  display: inline-block;
  margin: 5px;
  font-weight: 700; }

#header .logo {
  color: #4d4d4d; }

#header .logo i {
  color: #666666;
  font-size: 0.5em;
  font-weight: 400;
  white-space: nowrap; }

#header nav {
  display: inline-block; }

#header ul {
  margin: 0;
  height: 60px;
  position: relative;
  z-index: 99999; }

#header ul li {
  list-style-type: none;
  display: inline-block;
  vertical-align: top; }

#header ul li a {
  display: block;
  box-sizing: border-box;
  font-size: 0.9em;
  height: 60px;
  line-height: 60px;
  padding: 0 12px;
  color: #666666;
  text-transform: lowercase;
  border-bottom: transparent 3px solid; }

#header ul li a:hover,
#header ul li a:focus,
#header ul li.active a,
#header ul li.uk-active a {
  border-bottom-color: #b48e19; }

#header ul li a.highlight {
  height: 110%;
  border-bottom: none;
  line-height: 1.4em;
  padding: 14px 12px;
  text-transform: uppercase;
  font-weight: 700; }

#header ul li a.highlight:hover,
#header ul li a.highlight:focus,
#header ul li.active a.highlight,
#header ul li.uk-active a.highlight {
  background: #ff9632 !important; }

.banner {
  height: 600px; }

.banner-slider li {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 600px; }

.banner-slider-label {
  font-family: 'Roboto Slab', serif;
  font-size: 2.6rem; }

.banner-slider-label .underlight {
  display: inline-block;
  padding: 15px 25px;
  background: rgba(255, 255, 255, 0.5); }

.banner-slider-label-button {
  display: block;
  float: left;
  margin: 70px 0 0;
  padding: 0 20px;
  height: 80px;
  line-height: 80px;
  text-transform: uppercase;
  font-size: 1.4rem;
  white-space: nowrap;
  text-align: left; }

.banner-slider-label-button:before {
  content: '\f044';
  vertical-align: middle;
  font-family: 'FontAwesome';
  font-size: 2.5em;
  margin: 0 15px 0 0; }

.pujcky a {
  display: block;
  padding: 15px 0;
  margin: 0 0 20px;
  background: white;
  border: #b48e19 1px solid;
  color: #b48e19;
  text-transform: uppercase;
  font-size: 1.3em; }

.pujcky a:hover {
  background: #fff8e4; }

.pujcky a.uk-active {
  background: #b48e19;
  color: white; }

.pujcky-proc {
  min-height: 420px;
  position: relative; }

.pujcky-proc h3 {
  text-transform: uppercase; }

.pujcky-proc-image {
  position: absolute;
  top: 0;
  right: 20%;
  max-width: 600px; }

.pujcky-proc-list {
  position: relative;
  top: 170px;
  padding: 15px 10px 15px 20px; }

.pujcky-proc-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.pujcky-proc-list ul li {
  padding: 0 0 10px; }

.pujcky-proc-list ul li i {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  text-align: center;
  font-size: 1.6em; }

.advantage {
  text-align: center;
  padding: 70px 0 90px; }
  .advantage h2 {
    font-size: 3em;
    margin: 0 0 60px; }
  .advantage-list ul li i {
    display: block;
    padding: 0 0 30px;
    font-size: 4em; }

.prubeh h2 {
  font-size: 3rem; }

.prubeh-menu {
  padding: 0;
  margin: 50px 0 0; }

.prubeh-menu ul li {
  list-style-type: none;
  position: relative;
  padding: 0 0 50px 80px;
  font-size: 1.4em;
  font-family: 'Roboto Slab', serif; }

.prubeh-menu ul li:before {
  content: '\f044';
  display: block;
  width: 60px;
  text-align: center;
  font-family: 'FontAwesome';
  font-size: 3rem;
  color: #cba530;
  position: absolute;
  top: 12px;
  left: 0; }

.prubeh-menu ul li + li:before {
  content: '\f10b';
  font-size: 4rem; }

.prubeh-menu ul li + li + li:before {
  content: '\f1c0';
  font-size: 2rem; }

.prubeh-menu ul li strong {
  font-size: 1.8rem;
  font-weight: 400; }

.prubeh-menu ul li span {
  font-size: 0.7em; }

.zadost h2 {
  font-size: 2.8rem; }

.zadost h3 {
  font-size: 1.4rem;
  text-transform: uppercase; }

.zadost-divider:empty {
  border-style: dotted;
  margin: 35px 0; }

.zadost .uk-form-row {
  margin: 0;
  position: relative; }

.zadost label {
  display: block;
  margin: 15px 0 2px; }

.zadost .uk-form-row i {
  position: absolute;
  top: 2.8em;
  right: 0.5em;
  color: #999; }

.zadost input[type="text"],
.zadost input[type="password"],
.zadost input[type="email"],
.zadost select,
.zadost textarea {
  background: #fff8e4;
  padding: 0 15px;
  height: 50px; }

.zadost button {
  display: inline-block;
  border: none;
  padding: 0 25px;
  margin: 25px 0 0;
  height: 80px;
  line-height: 80px;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer; }

.zadost button i {
  display: inline-block;
  vertical-align: middle;
  font-size: 4.5rem;
  margin: 0 10px 0 0; }

.contact .spinner {
  display: none; }

.contact .alert {
  display: none;
  margin: 0; }

#kariera {
  font-size: 1.3em;
  background-image: url("img/kariera.jpeg"); }

#kariera .bg-image {
  /*background-image: url('img/kariera.png');*/
  background-position: right bottom;
  background-repeat: no-repeat;
  min-height: 480px; }

#kariera h2 {
  font-size: 3rem;
  margin: 50px 0; }

.kariera-list {
  margin: 50px 0 0;
  padding: 0;
  list-style-type: none; }

.kariera-list a {
  display: block;
  width: 70%;
  padding: 15px 25px;
  margin: 0 0 20px;
  background: white;
  color: #b48e19;
  text-transform: uppercase;
  font-size: 1.1em; }

.kariera-list a:hover {
  background: #fff8e4; }

.kariera-list a.uk-active {
  background: #b48e19;
  color: white; }

.kariera-tabs h2 {
  font-size: 2.4rem; }

.kariera-tabs h3 {
  font-size: 1.4em; }

.kariera-tabs ul {
  padding: 0 0 30px;
  list-style-type: none; }

#kontakt h2 {
  font-size: 2.3rem;
  font-weight: 700;
  text-transform: none; }

.footer-contact {
  padding: 25px 0; }

.footer-contact a {
  color: #666666; }

.footer-contact a:hover {
  color: #222222; }

.footer-contact h2 {
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 10px; }

.footer-contact ul {
  padding: 0;
  margin: 0; }

.footer-contact ul li {
  list-style-type: none;
  padding: 0 0 8px; }

.footer-contact .spinner {
  text-align: center;
  display: none; }

.footer-contact .alert {
  display: none; }

.footer-menu ul {
  margin: 0;
  padding: 0 15px 0 0;
  list-style-type: none; }

.footer-menu h3 {
  text-transform: uppercase;
  font-size: 1.4rem; }

#footer {
  padding: 20px 0;
  font-size: 0.9em; }

.contact-footer {
  padding: 30px 0;
  font-size: 0.9em; }

/*# sourceMappingURL=custom.css.map */
