@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext");
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:700&subset=latin,latin-ext");
@import url("https://fonts.googleapis.com/css?family=Voltaire");
html {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  height:100%;
}
*, *::before, *::after { box-sizing:inherit; }
body {
  background-color:#fff;
  font-size:1.5rem;
  font-family:"Open Sans", Helvetica, Arial, sans-serif;
  color:#686868;
  height:100%;
}
input, textarea, .btn { border-radius:5px !important; }
a:focus, a:active, button::-moz-focus-inner, input::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
  border:0;
  outline:0;
}
input, button { outline:none; }
p.white { color:#fff; }
a { color:#686868; }
a:hover, a:focus {
  color:#4caf50;
  text-decoration:none;
}
h2 {
  font-family:"Roboto Slab";
  color:#000;
  font-size:2.2rem;
  margin-bottom:1.8rem;
}
h2.fancy { text-transform:uppercase; }
h2.fancy:after {
  content:'';
  display:block;
  width:45px;
  height:3px;
  margin-top:12px;
  background-color:#4caf50;
}
#wrapper {
  position:relative;
  min-height:100%;
  overflow:hidden;
}
#top-bar #logo {
  margin-top:50px;
  float:left;
}
#top-bar #logo h1 {
  color:#4caf50;
  font-weight:bold;
  margin:0;
  line-height:50px;
  text-shadow:0px 0px 8px rgba(255,255,255,0.3);
  font-family:'Voltaire', sans-serif;
}
#top-bar #top-contact-info {
  text-shadow:1px 1px 1px rgba(0,0,0,0.6);
  padding-top:17px;
  padding-bottom:12px;
  color:#f1f0ee;
  text-align:right;
  margin-right:50px;
}
#top-bar #top-contact-info a {
  color:#f1f0ee;
  text-shadow:1px 1px 1px rgba(0,0,0,0.6);
}
#top-bar #top-contact-info i { padding-left:30px; }
#top-bar #top-contact-info .inline { display:inline-block; }
#x-slider .slider-container { width:100%; }
#x-slider .slider-container #slider-content {
  margin-left:-150px;
  padding:20px;
  padding-left:300px;
  padding-right:80px;
  background:rgba(0,0,0,0.7);
  transform:skewX(-30deg);
  -ms-transform:skewX(-30deg);
  -webkit-transform:skewX(-30deg);
}
#x-slider .slider-container #slider-content .in {
  transform:skewX(30deg);
  -ms-transform:skewX(30deg);
  -webkit-transform:skewX(30deg);
}
#nav-container {
  position:relative;
  float:right;
  overflow:hidden;
  padding-left:20px;
}
#nav {
  position:relative;
  right:-20px;
  padding-right:20px;
  float:right;
  margin-bottom:0;
  min-width:540px;
  overflow:hidden;
  transform:skewX(-30deg);
  -ms-transform:skewX(-30deg);
  -webkit-transform:skewX(-30deg);
}
#nav.fixed {
  position:fixed;
  top:0;
  left:0;
  transform:none;
  -ms-transform:none;
  -webkit-transform:none;
  z-index:1000;
  border-radius:0;
}
#nav.fixed .navbar-header, #nav.fixed #menu {
  transform:none;
  -ms-transform:none;
  -webkit-transform:none;
}
#nav.fixed .navbar-header h1 {
  display:inline-block;
  font-family:'Voltaire', sans-serif;
}
#nav .navbar-header h1 {
  display:none;
  font-size:2.5rem;
  color:#4caf50;
  font-weight:bold;
  margin:0;
  padding:0 20px;
  line-height:50px;
}
#nav.navbar {
  border:none !important;
  box-shadow:none !important;
  background:rgba(0,0,0,0.7);
  text-transform:uppercase;
}
#nav.navbar-default .navbar-nav > li > a {
  font-size:1.25rem;
  padding-right:5px;
  font-weight:600;
  color:#e5dfc8 !important;
}
#nav.navbar-default .navbar-nav > li > a:hover, #nav.navbar-default .navbar-nav > li > a:focus { color:#ac974f !important; }
#nav .navbar-header, #nav #menu {
  transform:skewX(30deg);
  -ms-transform:skewX(30deg);
  -webkit-transform:skewX(30deg);
}
.navbar-toggle .icon-bar { background-color:#fff !important; }
#referencie-menu a {
  position:relative;
  transition:all 0.3s;
}
#referencie-menu a h3 {
  width:100%;
  position:absolute;
  bottom:0px;
  left:0px;
  background:rgba(76,175,80,0.8);
  color:white;
  font-size:1.8rem;
  font-family:"Roboto Slab";
  text-transform:uppercase;
  margin-bottom:0px;
  padding:7px;
  font-weight:400;
}
#referencie-menu a:hover { opacity:0.8; }
#x-slider {
  position:relative;
  background:url('/mod/design/images/bg.jpg') no-repeat center center;
  background-size:cover;
  width:100%;
  min-height:100%;
  height:100%;
  overflow:hidden;
}
#x-slider #slider-content {
  margin-top:100px;
  max-width:800px;
}
#x-slider #slider-content h2 {
  font-size:4rem;
  line-height:4rem;
  color:#4caf50;
  font-weight:700;
  margin-bottom:0;
}
#x-slider #slider-content h3 {
  margin-bottom:30px;
  font-size:3rem;
  font-weight:700;
  color:#fff;
}
#x-slider #slider-content p { color:#fff; }
#x-slider #slider-content #more-info {
  display:inline-block;
  color:#fff;
  border:1px solid rgba(82,138,53,0.7);
  padding:5px 25px;
  font-weight:700;
  text-transform:uppercase;
  margin-top:30px;
}
#x-slider #slider-content #more-info:hover { color:#4caf50; }
#o-nas {
  background-image:url("/mod/design/images/sectionbg.png");
  background-size:cover;
  padding-top:30px;
  padding-bottom:30px;
}
#o-nas ul#o-nas-zoznam {
  list-style-type:none;
  color:#4caf50;
  padding-left:0;
  margin-left:15px;
}
#o-nas ul#o-nas-zoznam > li:before {
  font-family:'FontAwesome';
  font-size:1.4rem;
  line-height:3rem;
  content:'\f18e';
  margin:0 15px 0 -15px;
}
#o-nas ul#o-nas-zoznam .thumbnails .thumbnail a p { margin:0px; }
#o-nas #akcie img {
  margin-right:20px;
  margin-left:20px;
  -webkit-box-shadow:-10px 10px 0 0 #4caf50;
  -moz-box-shadow:-10px 10px 0 0 #4caf50;
  box-shadow:-10px 10px 0 0 #4caf50;
}
#o-nas p { margin-bottom:40px; }
#cennik {
  padding-top:45px;
  padding-bottom:55px;
  background-color:#f2f1f1;
}
#cennik button {
  min-width:280px;
  background-color:#4caf50;
  color:#fff;
  padding:10px 20px;
  text-align:left;
  position:relative;
  margin-top:30px;
  margin-bottom:30px;
  border:1px solid #81c33f;
  outline:4px solid #4caf50;
  font-size:1.6rem;
  font-weight:600;
}
#cennik button:hover {
  background-color:#407b38;
  border:1px solid #76b73e;
  outline:4px solid #407b38;
}
#cennik button i {
  font-size:1.8rem;
  position:absolute;
  right:15px;
  top:13px;
}
#referencie {
  padding-top:35px;
  padding-bottom:60px;
}
#referencie #referencie-0 { display:block; }
#referencie .referencia { display:none; }
#referencie .referencia .col-md-3 { margin-bottom:20px; }
#offer-links {
  margin-top:30px;
  margin-bottom:35px;
}
#offer-links ul {
  padding-left:0;
  list-style-type:none;
  display:inline;
}
#offer-links ul li { display:inline-block; }
#offer-links ul li a { display:block; }
#offer-links ul li a:after {
  content:' / ';
  margin-left:10px;
  margin-right:10px;
}
#offer-links ul li a.active { color:#4caf50; }
#offer-links ul li:last-child a:after { content:''; }
#product-blocks>div { margin-bottom:15px; }
#product-blocks .product {
  padding-left:0px;
  padding-right:0px;
}
#product-blocks .product img {
  margin-left:auto;
  margin-right:auto;
}
#kontakt {
  font-size:1.3rem;
  line-height:2.3rem;
  color:#686868;
}
#kontakt #contact-info { color:#dcf6d4; }
#kontakt #contact-info-additional { padding-top:40px; }
#kontakt #contact-info-additional ul li { padding-left:15px; }
#kontakt #contact-info-additional ul li:before {
  font-family:'FontAwesome';
  font-size:1.6rem;
  line-height:3rem;
  content:'\f105';
  margin:0 15px 0 -15px;
}
#kontakt #contact-green {
  position:relative;
  padding-top:35px;
  padding-bottom:20px;
  background-color:#4caf50;
}
#kontakt #contact-green a { color:#dcf6d4; }
#kontakt #contact-green a:hover { color:#dcf6d4; }
#kontakt #contact-image-wrapper {
  position:relative;
  margin-right:-60px;
  overflow:hidden;
  -webkit-transform:skew(30deg);
  -moz-transform:skew(30deg);
  -o-transform:skew(30deg);
  margin-top:-35px;
  margin-bottom:-20px;
  height:213px;
  width:45%;
  float:right;
  border-left:2px solid #000;
}
#kontakt #contact-image-wrapper #contact-image-content {
  position:absolute;
  background:url("/mod/design/images/contact_bg.jpg") no-repeat center bottom;
  background-size:cover;
  height:213px;
  width:100%;
  top:0;
  right:0;
  left:-60px;
  padding-left:20px;
  -webkit-transform:skew(-30deg);
  -ms-transform:skew(-30deg);
  transform:skew(-30deg);
}
#kontakt h3 {
  text-transform:uppercase;
  color:#4caf50;
  font-size:1.8rem;
  margin-bottom:25px;
}
#kontakt .scrolloff { pointer-events:none; }
#kontakt #map_canvas1 {
  width:100%;
  height:250px;
  border:none;
}
#kontakt img {
  max-width:100%;
  height:auto !important;
}
#kontakt ul {
  padding-left:0;
  list-style-type:none;
}
#kontakt ul i {
  width:23px;
  font-size:1.6rem;
}
#kontakt p {
  font-size:1.8rem;
  padding:0;
  margin:0;
  padding-bottom:3px;
}
#kontakt #phone-number {
  margin-top:20px;
  font-size:2.2rem;
  line-height:2.7rem;
}
#kontakt #email {
  clear:left;
  font-size:2rem;
  line-height:2.7rem;
}
#kontakt #phone-icon, #kontakt #email-icon {
  width:32px;
  height:32px;
  padding-left:45px;
  float:left;
  margin-left:0;
}
#kontakt #phone-icon { background:url("/mod/design/images/phone-contact.png") no-repeat; }
#kontakt #email-icon { background:url("/mod/design/images/mail-icon.png") no-repeat; }
#toTop {
  display:none;
  z-index:5;
  position:fixed;
  bottom:20px;
  right:20px;
  width:45px;
  height:45px;
  text-align:center;
  font-size:2rem;
  line-height:5rem;
  color:#9a9a9a;
  padding-top:0.9rem;
  border:1px solid #9a9a9a;
}
#toTop i { display:block; }
#toTop:hover {
  color:#acacac;
  text-decoration:none;
}
#toTop:focus { text-decoration:none; }
footer {
  color:#3e3e3e;
  padding-top:25px;
  padding-bottom:25px;
  font-weight:300;
  margin-top:30px;
  font-size:1.4rem;
  background:#0a0a0a;
  min-height:60px;
  width:100%;
}
#akcie {
  text-align:center;
  margin-bottom:30px;
}
#akcie img {
  height:300px;
  float:none;
  display:inline;
}
#akcie-slider {
  margin-top:30px;
  margin-bottom:30px;
  width:796px;
  height:300px;
  margin-left:auto;
  margin-right:auto;
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 768px) {
  #nav {
    min-width:0;
    position:fixed;
    top:0;
    left:0;
    transform:none;
    -ms-transform:none;
    -webkit-transform:none;
    z-index:1000;
    border-radius:0;
  }
  #nav .navbar-header, #nav #menu {
    transform:none;
    -ms-transform:none;
    -webkit-transform:none;
  }
  #nav .navbar-header h1 { display:inline-block; }
  #top-bar #logo, #top-bar #top-contact-info { display:none; }
  #kontakt #contact-image-wrapper { display:none; }
  #x-slider .slider-container { margin-top:20px; }
  #x-slider .slider-container #slider-content {
    margin-left:0px;
    padding:20px;
    padding-left:20px;
    padding-right:20px;
    background:rgba(0,0,0,0.7);
    transform:none;
    -ms-transform:none;
    -webkit-transform:none;
  }
  #x-slider .slider-container #slider-content .in {
    transform:none;
    -ms-transform:none;
    -webkit-transform:none;
  }
  #x-slider .slider-container #slider-content .in h2 { font-size:3rem; }
}
@media (min-width: 768px) {
}
@media (min-width: 1700px) {
  #top-bar .container { width:1310px; }
}