/* resets and normalizers */
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
/* General */
body { background: url(../img/pattern.png); }
.full-page-wrapper { min-height: 100%; height: auto !important; height: 100%; }
.header-container { background: url(../img/header.jpg); }
.max-width { max-width: 1200px; margin: 0 auto; padding: 0 2%; }
.logo { width: 252px; height: 134px; display: block; padding-top: 50px; }
.main-content { margin-bottom: 120px; overflow: hidden; min-height: 376px; }
.tagline { font-size: 1.9em; color: #474747; text-align: justify; margin: 0 auto; }
p.signature { text-align: right; color: #000; font-size: 0.8em; }
.footer-map { width: 100%; bottom: 0; background: url(../img/footer-map.jpg) center; height: 239px; }
.home { padding-top: 120px; }
/* Grid */
@media (min-width:768px) {
  .col-sm-6 { float: left; width: 50%; position: relative; min-height: 1px; }
  .col-sm-6 div { padding: 10px; }
  .tagline { width: 50%; }
  .contact { width: 830px; }
  .header-container { height: 226px; }
  /* tabbed navigation-list */
  li.navigation-list-item { display: inline-block; background: #fff url(../img/pattern.png); border-radius: 10px 10px 0 0; }
  .navigation-list-item a { padding: 10px; display: inline-block; color: #000; text-decoration: none; }
  .navigation-list { text-align: center; list-style: none; margin-top: 7px; padding: 0; line-height: 24px; height: 35px; overflow: hidden; position: relative; }
  .navigation-list li { display: inline-block; }
  .navigation-list a { color: #555; text-decoration: none; }
  .navigation-list li.active { background: #fff url("../img/pattern.png"); color: #333; z-index: 2; border-bottom-color: transparent; }
  .navigation-list:before { position: absolute; content: " "; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #AAA; z-index: 1; }
  .navigation-list li:before, .navigation-list li:after { border: 1px solid #AAA; position: absolute; bottom: -1px; width: 5px; height: 5px; content: " "; }
  .navigation-list li:before { left: -6px; border-bottom-right-radius: 6px; border-width: 0 1px 1px 0; box-shadow: 2px 2px 0 #D1D1D1; }
  .navigation-list li:after { right: -6px; border-bottom-left-radius: 6px; border-width: 0 0 1px 1px; box-shadow: -2px 2px 0 #D1D1D1; }
  .navigation-list li.active:before { box-shadow: 2px 2px 0 #FFF; }
  .navigation-list li.active:after { box-shadow: -2px 2px 0 #FFF; }
}
/* tabbed navigation for mobile */
.navigation-list li { border: 1px solid #AAA; background: #D1D1D1; background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); position: relative; z-index: 0; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF; text-shadow: 0 1px #FFF; margin: 0 -5px; }
.navigation-list li a { padding: 5px 20px; display: block; }
/* Gallery stuff */
.gallery-wrapper.ng-scope, .contact { overflow: hidden; padding-top: 40px; }
.gallery { list-style: none; text-align: center; }
li.gallery-list-item { display: inline-block; }
li.gallery-list-item a { display: block; position: relative; z-index: 1; text-align: center; cursor: pointer; overflow: hidden; width: 160px; height: 155px; }
li.gallery-list-item:hover img { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); opacity: 1; }
.gallery img { opacity: 0.8; width: -webkit-calc(100% + 60px); width: calc(100% + 60px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-30px, 0, 0) scale(1.12); transform: translate3d(-30px, 0, 0) scale(1.12); -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; display: block; min-height: 100%; }
/* buttons */
.buttons-wrapper { text-align: center; margin-bottom: 30px; }
.gallery-category { box-shadow: inset 0px 1px 0px 0px #ffffff; background-color: #f9f9f9; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; text-indent: 0; border: 1px solid #dcdcdc; display: inline-block; color: #666666; font-size: 13px; height: 38px; padding: 0 10px; line-height: 35px; text-shadow: 1px 1px 0px #ffffff; transition-duration: 0.3s; transition-property: box-shadow; transform: translateZ(0); box-shadow: inset 0 0 0 2px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ }
.gallery-category:hover { box-shadow: inset 0 0 0 2px #666666, 0 0 1px rgba(0, 0, 0, 0); transition: all 1s; }
.gallery-category:active { position: relative; top: 1px; }
.gallery-category:focus { border: 1px solid #999; outline: none; }
/* Animate filtering with ng-animate */
.animate.ng-enter, .animate.ng-move { -webkit-transition: 0.2s linear all; transition: 0.2s linear all; opacity: 0; }
.animate.ng-enter.ng-enter-active, .animate.ng-move.ng-move-active { opacity: 1; }
/* contact page */
.contact { margin: 0 auto; text-align: justify; }
.introtext { font-size: 1.4em; }
h3 { margin-top: 0; font-size: 1.5em; }