@import "normalize.css";
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* Micro ClearFix Mixin */
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.whitetrans {
  background: url('rgba.php/rgba(255,255,255,0.9)');
  background: rgba(255, 255, 255, 0.9);
}
.whitetrans2 {
  background: url('rgba.php/rgba(255,255,255,0.7)');
  background: rgba(255, 255, 255, 0.7);
}
.animated-fast {
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}
.scale {
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}
.scale:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
body {
  font-family: 'Capone W00 Light', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  font-size: 13px;
  height: 100%;
}
a {
  color: #ab8300;
}
p,
td,
li {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  color: #000;
}
.wrapper {
  width: 1008px;
  position: relative;
  margin: 0 auto;
  zoom: 1;
}
.wrapper:before,
.wrapper:after {
  content: "";
  display: table;
}
.wrapper:after {
  clear: both;
}
@media (min-width: 1440px) {
  .wrapper {
    width: 1440px;
  }
}
@media (max-width: 1440px) {
  .wrapper {
    width: 1278px;
  }
}
@media (max-width: 1277px) {
  .wrapper {
    width: 1008px;
  }
}
@media (max-width: 1008px) {
  .wrapper {
    width: 756px;
  }
}
@media (max-width: 756px) {
  .wrapper {
    width: 594px;
  }
}
@media (max-width: 594px) {
  .wrapper {
    width: 100%;
    margin-top: 150px;
  }
}
#ascrail2000 {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  display: block !important;
  left: 50%;
  right: auto !important;
  margin-left: 168px;
}
@media (min-width: 1440px) {
  #ascrail2000 {
    margin-left: 240px;
  }
}
@media (max-width: 1440px) {
  #ascrail2000 {
    margin-left: 213px;
  }
}
@media (max-width: 1277px) {
  #ascrail2000 {
    margin-left: 168px;
  }
}
@media (max-width: 1008px) {
  #ascrail2000 {
    margin-left: 126px;
  }
}
@media (max-width: 756px) {
  #ascrail2000 {
    margin-left: 99px;
  }
}
@media (max-width: 594px) {
  #ascrail2000 {
    right: 0 !important;
    left: auto;
    display: none !important;
  }
}
#nav_wrapper {
  width: 336px;
  position: fixed;
  top: 0;
  left: 50%;
  bottom: 0;
  z-index: 100;
  margin-left: 168px;
}
@media (max-width: 1440px) {
  #nav_wrapper {
    width: 426px;
    margin-left: 213px;
  }
}
@media (max-width: 1277px) {
  #nav_wrapper {
    width: 336px;
    margin-left: 168px;
  }
}
@media (max-width: 1008px) {
  #nav_wrapper {
    width: 252px;
    margin-left: 126px;
  }
}
@media (max-width: 756px) {
  #nav_wrapper {
    width: 198px;
    margin-left: 99px;
  }
}
@media (max-width: 594px) {
  #nav_wrapper {
    width: 100%;
    bottom: auto;
    margin-left: 0;
    left: 0;
  }
}
@media (min-width: 1440px) {
  #nav_wrapper {
    width: 480px;
    left: 50%;
    margin-left: 240px;
  }
}
#nav_wrapper nav.mainnav {
  background-color: #ffffff;
  overflow: hidden;
  height: 100%;
}
.no-touch #nav_wrapper nav.mainnav {
  margin-left: 29px;
}
@media (max-width: 594px) {
  .no-touch #nav_wrapper nav.mainnav {
    margin-left: 0;
  }
}
#nav_wrapper nav.mainnav #nav_content {
  overflow: hidden;
}
#nav_wrapper nav.mainnav #nav_content #mobile_nav {
  display: none;
}
#nav_wrapper nav.mainnav img {
  display: block;
  margin: 0 auto;
  margin-top: 50px;
  width: 152px;
}
#nav_wrapper nav.mainnav ul {
  padding: 0;
  margin-top: 80px;
}
@media (max-width: 594px) {
  #nav_wrapper nav.mainnav ul {
    margin-top: 0;
  }
}
#nav_wrapper nav.mainnav ul li {
  list-style-type: none;
  text-align: center;
}
#nav_wrapper nav.mainnav ul li a {
  display: block;
  font-family: 'Capone W00 Light', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 18px;
  text-decoration: none;
  color: black;
  padding: 15px 0 10px 0;
  width: 100%;
  text-transform: uppercase;
  -webkit-transition: background-color ease-out 0.3s;
  -moz-transition: background-color linear 0.3s;
  -ms-transition: background-color linear 0.3s;
  -o-transition: background-color linear 0.3s;
  transition: background-color ease-out 0.3s;
}
#nav_wrapper nav.mainnav ul li a:hover,
#nav_wrapper nav.mainnav ul li.active a {
  color: #ffffff;
  background-color: #d3c597;
}
@media (max-width: 594px) {
  #nav_wrapper nav.mainnav {
    margin-left: 0;
    height: auto;
  }
  #nav_wrapper nav.mainnav #nav_content {
    overflow: auto;
    height: 150px;
  }
  #nav_wrapper nav.mainnav #nav_content #mobile_nav {
    display: block;
    width: 40%;
    font-size: 22px;
    position: fixed;
    top: 20px;
    right: 30px;
  }
  #nav_wrapper nav.mainnav #nav_content #mobile_nav #current_position {
    float: left;
  }
  #nav_wrapper nav.mainnav #nav_content #mobile_nav #menue_button {
    position: absolute;
    top: -5px;
    right: -10px;
    cursor: pointer;
  }
  #nav_wrapper nav.mainnav img {
    float: left;
    margin: 20px;
    height: 100px;
    width: auto;
  }
  #nav_wrapper nav.mainnav ul {
    height: auto;
    position: fixed;
    top: 65px;
    width: 100%;
    z-index: 500;
    background-color: #fff;
  }
  #nav_wrapper nav.mainnav ul.off {
    display: none;
  }
}
/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}
main {
  width: 66.66666666666667%;
  height: 100%;
  min-height: 1000px;
  padding-bottom: 300px;
  background: transparent;
}
@media (max-width: 594px) {
  main {
    width: 100%;
  }
}
main .grid-sizer,
main section {
  width: 16.666666666666668%;
  overflow: hidden;
  display: block;
  float: left;
  position: relative;
}
@media (max-width: 1008px) {
  main .grid-sizer,
  main section {
    width: 25%;
  }
}
@media (max-width: 594px) {
  main .grid-sizer,
  main section {
    width: 33.333333333333336%;
  }
}
main #filter {
  background: url('rgba.php/rgba(255,255,255,0.9)');
  background: rgba(255, 255, 255, 0.9);
  height: 0;
  width: 33.333333333333336%;
  padding-bottom: 33.333333333333336%;
}
@media (max-width: 1000px) {
  main #filter {
    width: 25%;
    padding-bottom: 25%;
  }
}
@media (max-width: 594px) {
  main #filter {
    width: 33.333333333333336%;
    padding-bottom: 33.333333333333336%;
  }
}
main #filter div {
  padding: 15px 15px;
  padding-left: 10px;
}
main #filter div a {
  display: block;
  text-decoration: none;
  color: black;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  width: 100%;
  font-size: 12px;
  margin: 0;
  padding: 2px 5px;
}
main #filter div a:hover,
main #filter div a.active {
  color: white;
  background-color: #ab8300;
}
main section {
  height: 0;
  padding-bottom: 16.666666666666664%;
}
@media (max-width: 1000px) {
  main section {
    padding-bottom: 24.999999999999996%;
  }
}
@media (max-width: 594px) {
  main section {
    padding-bottom: 33.33333333333333%;
  }
}
main section h1 {
  color: #ab8300;
  font-weight: normal;
  font-size: 34px;
}
main section h2 {
  color: #ab8300;
  font-weight: normal;
  font-size: 26px;
}
main section h3 {
  color: #ab8300;
  font-weight: normal;
  font-size: 24px;
}
main section span {
  font-size: 20px;
}
main section div div.text {
  padding-left: 25px;
  padding-right: 25px;
}
main section div div.text ul {
  padding-left: 14px;
}
main section div div.text strong {
  color: #ab8300;
  font-weight: normal;
}
main section div img {
  margin: 0;
}
main section.open a.close {
  display: block;
}
main section.open a.mail {
  display: block;
}
main .close {
  display: none;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 200;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-image: url("../images/close.png");
}
main .mail {
  display: none;
  position: absolute;
  right: 45px;
  top: 18px;
  cursor: pointer;
}
main .nav3,
main .nav2,
main .nav1,
main .navs,
main .filler,
main .filler2,
main .fillerfull {
  padding-bottom: 33.33333333333333%;
  background: url('rgba.php/rgba(255,255,255,0.9)');
  background: rgba(255, 255, 255, 0.9);
}
main .nav3:nth-child(even),
main .nav2:nth-child(even),
main .nav1:nth-child(even),
main .navs:nth-child(even),
main .filler:nth-child(even),
main .filler2:nth-child(even),
main .fillerfull:nth-child(even) {
  background: url('rgba.php/rgba(255,255,255,0.7)');
  background: rgba(255, 255, 255, 0.7);
}
@media (max-width: 1000px) {
  main .nav3,
  main .nav2,
  main .nav1,
  main .navs,
  main .filler,
  main .filler2,
  main .fillerfull {
    padding-bottom: 49.99999999999999%;
  }
}
@media (max-width: 594px) {
  main .nav3,
  main .nav2,
  main .nav1,
  main .navs,
  main .filler,
  main .filler2,
  main .fillerfull {
    padding-bottom: 66.66666666666666%;
  }
}
main .nav3 div.content,
main .nav2 div.content,
main .nav1 div.content,
main .navs div.content,
main .filler div.content,
main .filler2 div.content,
main .fillerfull div.content {
  display: none;
}
main .nav3 img,
main .nav2 img,
main .nav1 img,
main .navs img,
main .filler img,
main .filler2 img,
main .fillerfull img {
  float: left;
  width: 100%;
}
main .nav3 a.nav,
main .nav2 a.nav,
main .nav1 a.nav,
main .navs a.nav,
main .filler a.nav,
main .filler2 a.nav,
main .fillerfull a.nav {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .nav3 a.nav figure,
main .nav2 a.nav figure,
main .nav1 a.nav figure,
main .navs a.nav figure,
main .filler a.nav figure,
main .filler2 a.nav figure,
main .fillerfull a.nav figure {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 50%;
  overflow: hidden;
}
main .nav3 a.nav figure img,
main .nav2 a.nav figure img,
main .nav1 a.nav figure img,
main .navs a.nav figure img,
main .filler a.nav figure img,
main .filler2 a.nav figure img,
main .fillerfull a.nav figure img {
  width: 100%;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}
main .nav3 a.nav h2,
main .nav2 a.nav h2,
main .nav1 a.nav h2,
main .navs a.nav h2,
main .filler a.nav h2,
main .filler2 a.nav h2,
main .fillerfull a.nav h2 {
  display: block;
  font-size: 1.5em;
  margin: 0;
  width: 100%;
  text-align: center;
  position: absolute;
  transform: translateY(-50%);
  top: 75%;
  color: #ab8300;
  text-transform: uppercase;
}
main .nav3 a.nav .teaser,
main .nav2 a.nav .teaser,
main .nav1 a.nav .teaser,
main .navs a.nav .teaser,
main .filler a.nav .teaser,
main .filler2 a.nav .teaser,
main .fillerfull a.nav .teaser {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
}
main .nav3 a.nav .teaser h3,
main .nav2 a.nav .teaser h3,
main .nav1 a.nav .teaser h3,
main .navs a.nav .teaser h3,
main .filler a.nav .teaser h3,
main .filler2 a.nav .teaser h3,
main .fillerfull a.nav .teaser h3 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  font-size: 1.2em;
}
main .nav3 a.nav:hover,
main .nav2 a.nav:hover,
main .nav1 a.nav:hover,
main .navs a.nav:hover,
main .filler a.nav:hover,
main .filler2 a.nav:hover,
main .fillerfull a.nav:hover {
  background-color: #fff;
}
main .nav3 a.nav:hover img,
main .nav2 a.nav:hover img,
main .nav1 a.nav:hover img,
main .navs a.nav:hover img,
main .filler a.nav:hover img,
main .filler2 a.nav:hover img,
main .fillerfull a.nav:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
main .nav3.open,
main .nav2.open,
main .nav1.open,
main .navs.open,
main .filler.open,
main .filler2.open,
main .fillerfull.open {
  width: 66.66666666666667%;
  height: auto;
  padding-bottom: 0;
}
@media (max-width: 1008px) {
  main .nav3.open,
  main .nav2.open,
  main .nav1.open,
  main .navs.open,
  main .filler.open,
  main .filler2.open,
  main .fillerfull.open {
    width: 100%;
  }
}
@media (max-width: 594px) {
  main .nav3.open,
  main .nav2.open,
  main .nav1.open,
  main .navs.open,
  main .filler.open,
  main .filler2.open,
  main .fillerfull.open {
    width: 100%;
  }
}
main .nav3.open a.nav,
main .nav2.open a.nav,
main .nav1.open a.nav,
main .navs.open a.nav,
main .filler.open a.nav,
main .filler2.open a.nav,
main .fillerfull.open a.nav {
  display: none;
}
main .nav3.open div,
main .nav2.open div,
main .nav1.open div,
main .navs.open div,
main .filler.open div,
main .filler2.open div,
main .fillerfull.open div {
  display: block;
}
@media (max-width: 1277px) {
  main .filler {
    display: none;
  }
}
main .maintext {
  width: 50%;
  background-color: #ffffff !important;
  padding-bottom: 33.33333333333333%;
  padding-bottom: 33.3%;
}
main .maintext h1,
main .maintext p {
  margin: 0 30px;
}
main .maintext h1 {
  margin-top: 20px;
  font-weight: normal;
  text-transform: uppercase;
}
main .maintext p {
  margin-bottom: 20px;
}
@media (max-width: 1277px) {
  main .maintext {
    width: 66.66666666666667%;
  }
}
@media (max-width: 1008px) {
  main .maintext {
    padding-bottom: 50%;
    width: 100%;
  }
}
@media (max-width: 800px) {
  main .maintext {
    font-size: 13px;
    width: 100%;
  }
  main .maintext h1,
  main .maintext p {
    margin: 0 20px;
    margin-bottom: 10px;
  }
  main .maintext h1 {
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 30px;
  }
}
@media (max-width: 594px) {
  main .maintext {
    font-size: 12px;
    width: 100%;
    padding-bottom: 0;
    height: auto;
  }
  main .maintext h1 {
    margin-bottom: 30px;
    font-size: 24px;
    margin-bottom: 12px;
  }
}
main .maintext.small {
  width: 33.333333333333336%;
}
@media (max-width: 1000px) {
  main .maintext.small {
    width: 50%;
  }
}
main .nav2,
main .filler2 {
  width: 33.333333333333336%;
}
@media (max-width: 1000px) {
  main .nav2,
  main .filler2 {
    width: 50%;
  }
}
@media (max-width: 800px) {
  
}
@media (max-width: 594px) {
  main .nav2,
  main .filler2 {
    width: 66.66666666666667%;
    width: 66.3%;
  }
}
main .fillerfull {
  width: 100%;
}
main .navs {
  width: 33.333333333333336%;
  padding-bottom: 16.666666666666664%;
}
@media (max-width: 1000px) {
  main .navs {
    width: 50%;
    padding-bottom: 24.999999999999996%;
  }
}
@media (max-width: 800px) {
  
}
@media (max-width: 594px) {
  main .navs {
    width: 66.66666666666667%;
    width: 66.3%;
    padding-bottom: 33.33%;
  }
}
main .navs a.nav figure {
  width: 50%;
  height: 100%;
}
main .navs a.nav h2 {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 53%;
  width: 44%;
  text-align: left;
  text-transform: none;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
  font-size: 14px;
}
main .navs a.nav img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  /*-moz-filter: grayscale(100%);*/

  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url(../images/desaturate.svg#greyscale);
  filter: gray;
  -webkit-filter: grayscale(1);
}
main .navs a.nav:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}
main .pportrait {
  padding-bottom: 33.33333333333333%;
  background-color: #ffffff;
  cursor: pointer;
}
@media (max-width: 1000px) {
  main .pportrait {
    padding-bottom: 49.99999999999999%;
  }
}
@media (max-width: 594px) {
  main .pportrait {
    padding-bottom: 66.66666666666666%;
  }
}
main .pportrait img {
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}
main .pportrait img:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
main .pportrait div.content {
  display: none;
  position: absolute;
  background-color: #fff;
  left: 33.333333333333336%;
  top: 0;
  width: 66.66666666666667%;
  bottom: 0;
}
main .pportrait.open {
  width: 50%;
}
@media (max-width: 1000px) {
  main .pportrait.open {
    width: 75%;
  }
}
@media (max-width: 594px) {
  main .pportrait.open {
    width: 100%;
    height: auto;
    padding-bottom: 0;
  }
  main .pportrait.open img {
    width: 33%;
    height: auto;
    float: left;
    position: static;
  }
  main .pportrait.open div.content {
    position: static;
    top: auto;
    left: auto;
    bottom: auto;
    float: left;
    width: 66.6%;
    padding-bottom: 0;
  }
}
main .pportrait.open div.content {
  display: block;
}
main .home_item img {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}
main .home_item .overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .home_item div {
  opacity: 0;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: url('rgba.php/rgba(0,0,0,0.5)');
  background: rgba(0, 0, 0, 0.5);
  padding: 0 20px;
}
main .home_item div > * {
  color: #fff;
}
main .home_item a.info {
  color: white;
  text-decoration: none;
  margin: 0;
}
.touch main .home_item a.info span {
  display: block;
  text-align: center;
  position: absolute;
  padding-top: 0px;
  right: 40px;
  bottom: 20px;
  height: 25px;
  width: 25px;
  border: 1px solid white;
  border-radius: 50%;
}
main .home_item:hover div,
main .home_item.hover div,
main .home_item.text-visible div {
  opacity: 1;
}
main .home1 {
  width: 33.333333333333336%;
  padding-bottom: 49.99999999999999%;
}
@media (max-width: 1008px) {
  main .home1 {
    display: none;
    width: 33.333333333333336%;
    padding-bottom: 49.99999999999999%;
  }
}
@media (max-width: 594px) {
  main .home1 {
    width: 100%;
    padding-bottom: 166.66666666666663%;
  }
}
main .home2 {
  width: 66.66666666666667%;
  padding-bottom: 49.99999999999999%;
}
main .home2 div h2 {
  width: 100%;
  color: #ffffff;
  font-size: 32px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 15px 0 0;
}
@media (max-width: 1008px) {
  main .home2 {
    width: 100%;
    padding-bottom: 74.99999999999999%;
  }
  main .home2 div h2 {
    font-size: 22px;
  }
}
@media (max-width: 594px) {
  main .home2 {
    width: 100%;
    padding-bottom: 75%;
  }
}
main .home3 {
  width: 50%;
  padding-bottom: 33.33333333333333%;
}
@media (max-width: 1008px) {
  main .home3 {
    width: 50%;
    padding-bottom: 33.33333333333333%;
  }
}
@media (max-width: 594px) {
  main .home3 {
    width: 100%;
    padding-bottom: 75%;
  }
}
main .home4 {
  width: 50%;
  padding-bottom: 66.66666666666666%;
}
main .home4 div p {
  margin-left: 25px;
  color: #ffffff;
  font-size: 19px;
}
@media (max-width: 1008px) {
  main .home4 {
    width: 50%;
    padding-bottom: 66.66666666666666%;
  }
  main .home4 div p {
    font-size: 17px;
  }
}
@media (max-width: 594px) {
  main .home4 {
    width: 100%;
    padding-bottom: 133.33%;
  }
}
main .homefull {
  width: 100%;
  padding-bottom: 66.66666666666666%;
}
main .thumb img {
  height: 100%;
  width: 100%;
}
main .thumb .nav {
  display: block;
}
main .thumb .nav img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  /*-moz-filter: grayscale(100%);*/

  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url(../images/desaturate.svg#greyscale);
  filter: gray;
  -webkit-filter: grayscale(1);
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}
main .thumb .nav img:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
main .thumb .nav img:hover {
  -webkit-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}
main .thumb div {
  display: none;
}
main .thumb_square {
  width: 16.666666666666668%;
  padding-bottom: 16.666666666666668%;
}
@media (max-width: 1008px) {
  main .thumb_square {
    width: 25%;
    padding-bottom: 25%;
  }
}
@media (max-width: 594px) {
  main .thumb_square {
    width: 33.333333333333336%;
    padding-bottom: 33.333333333333336%;
  }
}
main .thumb_landscape {
  width: 33.333333333333336%;
  padding-bottom: 16.666666666666668%;
}
@media (max-width: 1008px) {
  main .thumb_landscape {
    width: 50%;
    padding-bottom: 25%;
  }
}
@media (max-width: 594px) {
  main .thumb_landscape {
    width: 66.66666666666667%;
    padding-bottom: 33.333333333333336%;
  }
}
main .thumb_portrait {
  width: 16.666666666666668%;
  padding-bottom: 33.333333333333336%;
}
@media (max-width: 1008px) {
  main .thumb_portrait {
    width: 25%;
    padding-bottom: 50%;
  }
}
@media (max-width: 594px) {
  main .thumb_portrait {
    width: 33.333333333333336%;
    padding-bottom: 66.66666666666667%;
  }
}
main .thumb.open.square {
  width: 33.333333333333336%;
  padding-bottom: 33.333333333333336%;
}
@media (max-width: 1008px) {
  main .thumb.open.square {
    width: 50%;
    padding-bottom: 50%;
  }
}
@media (max-width: 594px) {
  main .thumb.open.square {
    width: 66.66666666666667%;
    padding-bottom: 66.66666666666667%;
  }
}
main .thumb.open.landscape {
  width: 66.66666666666667%;
  padding-bottom: 50%;
}
@media (max-width: 1008px) {
  main .thumb.open.landscape {
    width: 100%;
    padding-bottom: 75%;
  }
}
@media (max-width: 594px) {
  main .thumb.open.landscape {
    width: 100%;
    padding-bottom: 66.66666666666667%;
  }
}
main .thumb.open.portrait {
  width: 50%;
  padding-bottom: 66.66666666666667%;
}
@media (max-width: 1008px) {
  main .thumb.open.portrait {
    width: 75%;
    padding-bottom: 100%;
  }
}
@media (max-width: 594px) {
  main .thumb.open.portrait {
    width: 66.66666666666667%;
    padding-bottom: 100%;
  }
}
main .thumb.open:after {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding-bottom: 25%;
  background-image: url("../images/gallery_overlay.png");
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 100;
}
main .thumb.open a.nav {
  display: none;
}
main .thumb.open div {
  display: block;
}
.popupform {
  width: 300px;
}
.popupform .wrapper {
  margin-top: 0;
}
.popupform h1 {
  color: #ab8300;
  font-weight: normal;
  font-size: 34px;
  text-transform: uppercase;
}
form fieldset {
  border: none;
  padding: 0;
  margin: 1em 0;
}
form fieldset .field {
  margin: 0 0 1em;
}
form fieldset input,
form fieldset textarea {
  width: 240px;
  border: 1px solid #666;
}
form input.action {
  border: none;
  border-radius: 0;
  padding: 5px 20px;
  background-color: #ab8300;
  color: #fff;
}
form input.action:hover {
  background-color: #d3c597;
}
form span.required {
  color: red;
  display: block;
  clear: left;
}