html, body {
  margin: 0;
  padding: 0;
  letter-spacing: 1px;
  font-family: "proxima-nova",'Montserrat', sans-serif;
  width: 100%;
  height: 100%; }

img {
  margin: 0;
  padding: 0;
  border: 0; }

header {
  height: 141px;
  background-color: white;
  width: 100%;
  z-index: 100000000;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center; }
  @media only screen and (max-width: 640px) {
    header {
      height: 73px;
      z-index: 1000; } }
  header #logo {
    margin-top: 54px; }
    @media only screen and (max-width: 640px) {
      header #logo {
        margin-top: 17px; } }

#loader {
  background: white url("../img/rettig_loader.gif") no-repeat;
  width: 80px;
  height: 50px;
  position: fixed;
  top: 0px;
  left: calc(50% - 40px);
  z-index: 100000001; }

nav ul {
  position: fixed;
  top: 24px;
  right: 10px;
  z-index: 100000001;
  background-color: white;
  padding: 17px 17px 17px 43px;
  margin: 0px;
  line-height: 22px;
  list-style-type: none;
  text-align: right;
  color: #9c9793; }
  @media only screen and (max-width: 640px) {
    nav ul {
      top: 0;
      z-index: 10000;
      line-height: 18px;
      font-size: 60%;
      padding: 9px 0px 9px 10px;
      display: none; } }
  nav ul li {
    cursor: pointer; }
  nav ul li.active {
    color: #bfb7b1; }
  nav ul li:hover {
    color: #bfb7b1; }

.hide {
  display: none; }

.hidden {
  visibility: hidden; }

#home {
  background: white url("../img/bg.jpg") no-repeat;
  visibility: hidden;
  background-position: 50%;
  width: 100%;
  height: calc(100% - 141px);
  padding-top: 141px; }
  @media only screen and (max-width: 640px) {
    #home {
      padding-top: 73px;
      height: calc(100% - 4px);
      background-size: 130%; } }

#collection {
  background: #fff;
  width: 100%;
  height: calc(100% - 141px);
  visibility: hidden;
  padding-top: 141px;
  line-height: 24px;
  color: #9d9793;
  text-align: center;
  font-size: 14px; }
  @media only screen and (max-width: 640px) {
    #collection {
      padding-top: 73px;
      /*height: calc(100% - 4px);*/
      height: auto; } }
  #collection .gallery-item {
    float: left; }
  #collection .gallery-item:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=70);
    /* Netscape */
    -moz-opacity: 0.7;
    /* Safari 1.x */
    -khtml-opacity: 0.7;
    /* Good browsers */
    opacity: 0.7; }
  #collection #grid {
    position: absolute;
    max-width: 100%;
    margin: auto; }
  #collection .column-4 {
    cursor: pointer;
    max-width: 25%; }
    @media only screen and (max-width: 640px) {
      #collection .column-4 {
        max-width: 50%; } }
    #collection .column-4 img {
      max-width: 100%; }

#about {
  background: #fff;
  width: 100%;
  height: calc(100% - 141px);
  padding-top: 141px;
  visibility: hidden;
  font-size: 14px;
  line-height: 24px;
  color: #9d9793;
  text-align: center; }
  @media only screen and (max-width: 640px) {
    #about {
      padding-top: 73px;
      height: calc(100% - 4px);
      font-size: 60%;
      line-height: 20px; } }
  #about p {
    width: 425px;
    /*width: 37%;*/
    margin: auto;
    padding-bottom: 33px;
    letter-spacing: 1px; }
    @media only screen and (max-width: 640px) {
      #about p {
        width: 90%; } }
  #about a {
    color: #9d9793;
    text-decoration: none; }
  #about a:hover {
    color: #c0b7af; }

.isMobile {
  display: none; }
  @media only screen and (max-width: 640px) {
    .isMobile {
      display: block; } }

#overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  font-size: 80%;
  color: #9d9793;
  height: calc(100% - 141px);
  padding-top: 141px;
  background-color: white;
  z-index: 20000;
  text-align: center;
  overflow: auto; }
  @media only screen and (max-width: 640px) {
    #overlay {
      padding-top: 100px;
      height: calc(100% - 100px);
      z-index: 50;
      font-size: 60%; } }
  #overlay .overlay-container {
    position: absolute;
    height: calc(100% - 141px);
    margin: auto; }
    @media only screen and (max-width: 640px) {
      #overlay .overlay-container {
        width: 100% !important;
        margin: 0 !important;
        height: calc(100% - 73px); } }
    @media only screen and (max-width: 640px) {
      #overlay .overlay-container p {
        padding: 10px 44px 0 44px; } }
    @media only screen and (max-width: 640px) {
      #overlay .overlay-container ul {
        display: none; } }
  #overlay .close {
    width: 18px;
    height: 18px;
    background-image: url(../img/close.png);
    position: absolute;
    right: 10px;
    top: 10px; }
    @media only screen and (max-width: 640px) {
      #overlay .close {
        background-image: url(../img/close_mobile.png);
        position: absolute;
        width: 18px;
        height: 18px;
        background-size: 100%; } }
  #overlay img {
    height: 80%;
    max-height: 100%;
    max-width: 100%; }
  #overlay ul {
    list-style-type: none;
    width: 184px;
    margin: 20px auto; }
  #overlay li {
    background-image: url(../img/overlay_item_nav.jpg);
    width: 23px;
    height: 8px;
    background-size: 35% 100%;
    float: left;
    background-repeat: no-repeat;
    cursor: pointer; }
  #overlay li.active {
    background-image: url(../img/overlay_active_item_nav.jpg); }

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 102px;
  text-align: center;
  /*.plus:hover{
  	
  	background: url('../img/plus-sign_over.png') no-repeat;
  	
  }*/
  /*.minus:hover{
  	
  	background: url('../img/minus-sign_over.png') no-repeat;
  	
  }*/ }
  footer #sign {
    cursor: pointer;
    width: 67px;
    height: 67px;
    margin: auto; }
  footer .plus {
    cursor: pointer;
    background: url("../img/plus-sign.png") no-repeat;
    width: 67px;
    height: 67px;
    margin: auto; }
  footer .minus {
    cursor: pointer;
    background: url("../img/minus-sign.png") no-repeat;
    width: 67px;
    height: 67px;
    margin: auto; }