@font-face {
  font-family: 'Georgia-Italic';
  src: url('../fonts/Georgia-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Georgia-Italic.woff') format('woff'), url('../fonts/Georgia-Italic.ttf') format('truetype'), url('../fonts/Georgia-Italic.svg#Georgia-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Black';
  src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetype'), url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  color: #3D454D;
  margin: 0;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 14px;
}
body,
#contentWrapper,
header .container {
  min-width: 300px;
}
body.page-index #contentWrapper,
body.page-404 #contentWrapper {
  background: url('../img/bg_02.jpg') transparent no-repeat center center;
  background-size: cover;
}
body.page-cutii h1 {
  background: url('../img/photo_cutii.png') transparent no-repeat center center;
}
body.page-cutii .bottom {
  background: url('../img/photo_cutii_bottom.jpg') transparent no-repeat center center;
}
body.page-carton h1 {
  background: url('../img/photo_carton.png') transparent no-repeat center center;
}
body.page-carton .bottom {
  background: url('../img/photo_carton_bottom.jpg') transparent no-repeat center center;
}
body.page-contact h1 {
  background: url('../img/photo_contact.png') transparent no-repeat center center;
}
a {
  color: #000;
  text-decoration: none;
}
#contentWrapper {
  position: absolute;
  top: 155px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
#contentWrapper h1,
#contentWrapper .bottom {
  font-family: "Roboto-Black", sans-serif;
  font-size: 48px;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  text-align: center;
  height: 73.66666667px;
  background-size: cover;
}
#contentWrapper h1 span,
#contentWrapper .bottom span {
  position: relative;
  bottom: -29.66666667px;
}
.container {
  text-align: left;
  padding: 0 10px;
  margin: 0 auto;
}
.bottom {
  clear: both;
  margin-top: 20px;
}
button {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  padding: 20px;
  text-transform: uppercase;
  font-family: "Roboto-Black", sans-serif;
  font-size: 12px;
  cursor: pointer;
}
header .container {
  text-align: left;
  position: relative;
  height: 155px;
}
h3 {
  font-family: "Roboto-Black", sans-serif;
  font-size: 24px;
}
#logo img {
  max-width: 50%;
  height: auto;
}
#contacts {
  left: 50%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
  font-family: "Roboto-Black", sans-serif;
  font-size: 16px;
  color: #000;
}
#contacts a {
  margin-bottom: 10px;
}
.adresa {
  display: block;
  line-height: 30px;
  padding-left: 30px;
  background: url('../img/icon_marker.png') transparent left center no-repeat;
}
.telefon {
  display: block;
  line-height: 30px;
  padding-left: 30px;
  background: url('../img/icon_telefon.png') transparent left center no-repeat;
}
.maile {
  padding-left: 30px;
  background: url('../img/icon_email.png') transparent left center no-repeat;
}
.block h3 {
  font-size: 24px;
}
.block h3 span.tip {
  font-family: "Georgia-Italic", sans-serif;
  color: #9EA2A6;
}
nav {
  font-family: "Roboto-Black", sans-serif;
  font-size: 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
nav ul {
  padding: 0;
  margin: 0;
}
nav li {
  list-style: none;
  width: 50%;
  box-sizing: border-box;
  float: left;
}
nav li a {
  display: block;
  padding: 5px;
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
  text-align: center;
  text-decoration: none;
}
nav li a:hover,
nav li a.active {
  background-color: #000000;
}
#contentWrapper {
  clear: both;
}
.front {
  width: 23em;
  margin: 0 auto;
  padding-top: 10px;
  color: #fff;
  text-align: center;
}
.front h1,
.front h3 {
  text-align: justify;
}
.front h1 {
  font-family: "Roboto-Black", sans-serif;
  font-size: 34px !important;
  height: auto !important;
  margin: 50px 0 !important;
}
.front h3 {
  font-family: "Georgia-Italic", sans-serif;
  font-size: 22px;
}
footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(161, 91, 66, 0.7);
  line-height: 2em;
  color: #fff;
}
#map-canvas {
  width: 100%;
  height: 400px;
  max-height: 40%;
}
.gallery {
  position: relative;
  width: 100%;
  min-height: 300px;
  margin-bottom: 10px;
}
.gallery .gallery-left,
.gallery .gallery-right {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 34px;
  overflow: hidden;
}
.gallery .gallery-left {
  left: 0;
}
.gallery .gallery-right {
  right: 0;
}
.gallery .gallery-left a,
.gallery .gallery-right a {
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  display: block;
  width: 34px;
  height: 51px;
}
.gallery .gallery-container {
  /*padding: 0 10px;*/
}
.gallery .gallery-container h3 {
  text-transform: uppercase;
}
.gallery .gallery-container .gallery-thumbnails {
  padding: 5px 0;
}
.gallery .gallery-container .gallery-thumbnails a {
  display: block;
  float: left;
}
.gallery .gallery-container .gallery-thumbnails a img {
  border: 2px solid transparent;
  border-radius: 3px;
}
.gallery .gallery-container .gallery-thumbnails a.active img {
  border-color: #000;
}
.gallery .gallery-viewer {
  clear: both;
  width: 100%;
}
.gallery .gallery-viewer .gallery-img {
  max-width: 100%;
  border-radius: 8px;
}
@media (min-width: 900px) {
  .container {
    width: 900px;
  }
}
@media (min-width: 850px) {
  header .container {
    height: 96px;
  }
  nav {
    margin: 0 auto;
    width: 480px;
  }
  nav li {
    width: 120px;
    min-width: 75px;
  }
  nav li a {
    border: 0;
    color: #000;
    padding-bottom: 15px;
    background: transparent no-repeat bottom center;
  }
  nav li a:hover,
  nav li a.active {
    background: url('../img/menu-indicator.png') transparent no-repeat bottom center;
  }
  #logo img {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 160px;
    max-width: none;
  }
  #contacts {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
  }
  #contentWrapper {
    top: 96px;
  }
  #contentWrapper h1,
  #contentWrapper .bottom {
    height: 221px;
  }
  #contentWrapper h1 span,
  #contentWrapper .bottom span {
    bottom: -177px;
  }
  .front {
    width: 31em;
    padding-top: 10px;
  }
  .front h1 {
    font-size: 46px !important;
  }
  .front h3 {
    font-size: 22px;
  }
  .block {
    width: 50%;
    float: left;
    min-height: 260px;
  }
  .gallery .gallery-left,
  .gallery .gallery-right {
    display: block;
  }
  .gallery .gallery-container {
    position: absolute;
    left: 40px;
    top: 0;
    right: 300px;
  }
  .gallery .gallery-viewer {
    clear: both;
    position: absolute;
    top: 0;
    right: 40px;
    width: 250px;
    overflow: hidden;
    height: 100%;
    border-radius: 8px;
  }
  .gallery .gallery-viewer .gallery-img {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
  }
}