/*
Theme Name: Wildhorn
Version: 1.1.4
Theme URI: http://mountainthemes.com/
Author: Luca Bertaiola
Description: Minimal Full Screen Theme
License: GNU General Public License
License URI: http://themeforest.net/licenses/regular
Tags: responsive, minimal, full-screen, multimedia
*/
/* !semantic grid system */
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-webkit-keyframes imageLoaded {
  0% {
    opacity: 0;
  }
  70% {
    opacity: .25;
  }
  100% {
    opacity: 1;
  }
}
@keyframes imageLoaded {
  0% {
    opacity: 0;
  }
  70% {
    opacity: .25;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes buttonIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes buttonIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes buttonOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes buttonOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-webkit-keyframes sidebarIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-360px);
    -moz-transform: translateX(-360px);
    -o-transform: translateX(-360px);
    transform: translateX(-360px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes sidebarIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-360px);
    -moz-transform: translateX(-360px);
    -o-transform: translateX(-360px);
    transform: translateX(-360px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes sidebarOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-360px);
    -moz-transform: translateX(-360px);
    -o-transform: translateX(-360px);
    transform: translateX(-360px);
  }
}
@keyframes sidebarOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-360px);
    -moz-transform: translateX(-360px);
    -o-transform: translateX(-360px);
    transform: translateX(-360px);
  }
}
@-webkit-keyframes menuIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes menuIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes subMenuIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes subMenuIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes pageTitleIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-120px);
    -moz-transform: translateY(-120px);
    -o-transform: translateY(-120px);
    transform: translateY(-120px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes pageTitleIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-120px);
    -moz-transform: translateY(-120px);
    -o-transform: translateY(-120px);
    transform: translateY(-120px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes pageTitleOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-120px);
    -moz-transform: translateY(-120px);
    -o-transform: translateY(-120px);
    transform: translateY(-120px);
  }
}
@keyframes pageTitleOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-120px);
    -moz-transform: translateY(-120px);
    -o-transform: translateY(-120px);
    transform: translateY(-120px);
  }
}
@-webkit-keyframes pageContentIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(120px);
    -moz-transform: translateY(120px);
    -o-transform: translateY(120px);
    transform: translateY(120px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes pageContentIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(120px);
    -moz-transform: translateY(120px);
    -o-transform: translateY(120px);
    transform: translateY(120px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes pageContentOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(120px);
    -moz-transform: translateY(120px);
    -o-transform: translateY(120px);
    transform: translateY(120px);
  }
}
@keyframes pageContentOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(120px);
    -moz-transform: translateY(120px);
    -o-transform: translateY(120px);
    transform: translateY(120px);
  }
}
@-webkit-keyframes homeBoxIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    transform: translateX(-60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes homeBoxIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    transform: translateX(-60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes homeBoxOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(60px);
    -moz-transform: translateX(60px);
    -o-transform: translateX(60px);
    transform: translateX(60px);
  }
}
@keyframes homeBoxOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(60px);
    -moz-transform: translateX(60px);
    -o-transform: translateX(60px);
    transform: translateX(60px);
  }
}
@-webkit-keyframes loaderText {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes loaderText {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-webkit-keyframes loaderTextOut {
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes loaderTextOut {
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-webkit-keyframes inLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(90px);
    -moz-transform: translateX(90px);
    -o-transform: translateX(90px);
    transform: translateX(90px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes inLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(90px);
    -moz-transform: translateX(90px);
    -o-transform: translateX(90px);
    transform: translateX(90px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes inRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-90px);
    -moz-transform: translateX(-90px);
    -o-transform: translateX(-90px);
    transform: translateX(-90px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes inRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-90px);
    -moz-transform: translateX(-90px);
    -o-transform: translateX(-90px);
    transform: translateX(-90px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes outLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-90px);
    -moz-transform: translateX(-90px);
    -o-transform: translateX(-90px);
    transform: translateX(-90px);
  }
}
@keyframes outLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-90px);
    -moz-transform: translateX(-90px);
    -o-transform: translateX(-90px);
    transform: translateX(-90px);
  }
}
@-webkit-keyframes outRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(90px);
    -moz-transform: translateX(90px);
    -o-transform: translateX(90px);
    transform: translateX(90px);
  }
}
@keyframes outRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(90px);
    -moz-transform: translateX(90px);
    -o-transform: translateX(90px);
    transform: translateX(90px);
  }
}
@-webkit-keyframes collectionItemIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-5deg) scale(0.9);
    -moz-transform: rotate(-5deg) scale(0.9);
    -o-transform: rotate(-5deg) scale(0.9);
    transform: rotate(-5deg) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0) scale(1);
    -moz-transform: rotate(0) scale(1);
    -o-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
  }
}
@keyframes collectionItemIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-5deg) scale(0.9);
    -moz-transform: rotate(-5deg) scale(0.9);
    -o-transform: rotate(-5deg) scale(0.9);
    transform: rotate(-5deg) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0) scale(1);
    -moz-transform: rotate(0) scale(1);
    -o-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
  }
}
/* !semantic grid system */
/* general styling */
* {
  margin: 0;
  padding: 0;
}
*:focus {
  outline: none;
}
/* selection */
/* webkit scrollbar */
/* !webkit-scrollbar */
::-webkit-scrollbar {
  width: 12px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.25);
}
::-webkit-scrollbar-thumb {
  background-color: #3892e3;
}
::-webkit-scrollbar-corner {
  background-color: rgba(0, 0, 0, 0.25);
}
body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
}
body,
html {
  height: 100%;
}
/* headings */
h1 {
  font-family: 'Roboto', sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 48px;
}
h1.page-title {
  position: absolute;
  top: 0;
  left: 361px;
  right: 0;
  padding: 6px 18px;
  background-color: #000;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  font-size: 30px;
  opacity: 0;
}
h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 36px;
  color: #ffa63f;
}
h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #ffa63f;
}
h4 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #ffa63f;
}
/* anchors */
a {
  color: #3892e3;
}
a img {
  border-width: 0;
}
/* images */
img.state-loaded {
  -webkit-animation: fadeIn 0.5s ease-out 1s;
  animation: fadeIn 0.5s ease-out 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
/* classes */
.state-init {
  opacity: 0;
}
.button,
#submit,
input[type="submit"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: block;
  border: 1px solid #ffffff;
  padding: 0 24px;
  border-radius: 20px;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
  font-size: 11px;
  font-weight: 500;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.12);
  line-height: 18px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.button:hover,
#submit:hover,
input[type="submit"]:hover {
  background-color: rgba(255, 255, 255, 0.24);
}
.button:active,
#submit:active,
input[type="submit"]:active {
  background-color: rgba(255, 255, 255, 0.36);
}
.button.state-in,
#submit.state-in,
input[type="submit"].state-in {
  -webkit-animation: buttonIn 0.5s;
  animation: buttonIn 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.button.state-in.state-out,
#submit.state-in.state-out,
input[type="submit"].state-in.state-out {
  -webkit-animation: buttonOut 0.35s;
  animation: buttonOut 0.35s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.left {
  float: left;
}
.right {
  float: right;
}
.state-display {
  opacity: 1 !important;
  -webkit-animation: none !important;
  animation: none !important;
}
/* wrapper */
#wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1a1a1a;
  overflow: hidden;
}
.admin-bar #wrapper {
  top: 32px;
}
/* background */
#background {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 0;
  opacity: 0;
  background-color: #1a1a1a;
}
#background.state-in {
  opacity: 0;
  -webkit-animation: fadeIn 0.3s ease-in;
  animation: fadeIn 0.3s ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#background.state-in.state-out {
  opacity: 1;
  -webkit-animation: fadeOut 0.5s ease-out 1.5s;
  animation: fadeOut 0.5s ease-out 1.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#background .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  z-index: 0;
  opacity: 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
#background .background-image.state-init {
  opacity: 0;
}
#background .background-image.state-init.state-in {
  opacity: 1;
}
#background .background-image.state-over {
  z-index: 1;
}
#background #background-pattern,
#background #background-overlay,
#background #background-color,
#background #content-video-bkg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#background #background-pattern {
  background: transparent url('assets/img/bkg-pattern.png');
  background-size: 2px 2px;
  z-index: 2;
}
#background #background-overlay {
  z-index: 3;
}
#background #background-color,
#background #content-video-bkg {
  z-index: 1;
}
/* loader */
#loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: transparent url('assets/img/spinner-2.gif') no-repeat scroll center center;
  background-size: 30px 30px;
}
#loader.loader-display {
  display: block;
}
#loader.loader-hide {
  display: none;
}
/* container */
#container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/* header */
header {
  height: 130px;
  width: 360px;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
header #header-logo {
  height: 100%;  
  float: left;
  overflow: hidden;
}
header #header-logo a {
  display: block;
  margin-top:10px;
  padding:9px 220px 2px 9px;
}
header #header-logo a img {
  display: block;
  width: 100%;
  
  -webkit-transform: translate3d(0, 0, 0);
  margin-left:80px;
}
/* footer */
footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200%;
  height: 36px;
  line-height: 36px;
  z-index: 10;
}
footer .footer-menu {
  float: left;
}
footer .menu li {
  float: left;
  list-style-type: none;
  margin-right: 1px;
  position: relative;
}
footer .menu li.nav-sel > a {
  background-color: rgba(56, 146, 227, 0.75);
}
footer .menu li.nav-item-sel > a {
  background-color: #000; }
footer .menu li a {
  line-height: 24px;
  display: block;
  padding: 6px 18px;
  background-color:#000;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  -webkit-transition: background-color 0.2s ease-in;
  -moz-transition: background-color 0.2s ease-in;
  -ms-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
footer .menu li a:hover {
  background-color: #000;
}
footer .menu li:hover > ul,
footer .menu li.tap > ul {
  display: block;
  opacity: 0;
  -webkit-animation: menuIn 0.5s cubic-bezier(1, 0, 0, 1) 0.05s;
  animation: menuIn 0.5s cubic-bezier(1, 0, 0, 1) 0.05s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
footer .menu li ul {
  position: absolute;
  width: 150%;
  display: none;
  background-color: rgba(255, 255, 255, 0.01);
}
footer .menu li ul li {
  float: none;
  display: block;
  clear: left;
  margin-bottom: 1px;
  position: relative;
}
footer .menu li ul li:hover > ul,
footer .menu li ul li.tap > ul {
  display: block;
  opacity: 0;
  -webkit-animation: subMenuIn 0.5s cubic-bezier(1, 0, 0, 1) 0.05s;
  animation: subMenuIn 0.5s cubic-bezier(1, 0, 0, 1) 0.05s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
footer .menu li ul li ul {
  left: 100%;
  bottom: 0;
  width: 100%;
}
footer .menu li ul li ul li {
  margin-left: 1px;
}
footer .menu li ul li ul li:last-child {
  margin-bottom: 0;
}
footer #footer-bar {
  float: left;
  width: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  /*
        select {
            .appearance( none );
            display: block;
            background: transparent url('assets/img/down.svg') no-repeat scroll 93% center;
            background-size: @size * 3 @size * 3;
            border-width: 0;
            padding: @size * 1.5 0;
            color: @color-text;
            width: 105%;
            position: relative;
            left: 1%;
            cursor: pointer;
            font-size: @size-font - 1px;
            display: none;

            &:focus {
                background-color: @color-black;
            }
        }
        */
}
footer.footer-with-player.footer-with-audioplayer-without-text #footer-socials {
  right: 126px;
}
footer.footer-with-player.footer-with-audioplayer-without-text #audioplayer {
  width: 126px;
}
footer.footer-with-player #footer-socials {
  right: 276px;
}
footer #footer-socials {
  position: fixed;
  right: 0;
  height: 36px;
  margin-left: 6px;
}
footer #footer-socials a {
  text-decoration: none;
  float: left;
  margin: 6px 6px 0 0;
  opacity: .5;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -ms-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
footer #footer-socials a:hover {
  opacity: 1;
}
footer #footer-socials a svg,
footer #footer-socials a img {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
footer #footer-socials a svg *,
footer #footer-socials a img * {
  fill: #ffffff;
}
#audioplayer {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 36px;
  width: 276px;
}
#audioplayer audio {
  width: 0;
  height: 0;
}
#audioplayer span {
  float: right;
  height: 36px;
  cursor: pointer;
  opacity: .6;
  display: block;
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -ms-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}
#audioplayer span:hover {
  opacity: 1;
}
#audioplayer span:active {
  opacity: .5;
}
#audioplayer span#audioplayer-text {
  width: 150px;
  height: 24px;
  opacity: 1;
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.25);
  line-height: 1em;
  border-radius: 12px;
  padding: 2px 6px;
  margin: 6px 3px 0 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#audioplayer span#audioplayer-text span {
  opacity: 1;
  display: block;
  width: 100%;
  line-height: 16px;
  height: 1.1em;
  text-align: center;
  font-size: .95em;
  color: rgba(255, 255, 255, 0.75);
}
#audioplayer span svg {
  width: 24px;
  height: 24px;
  margin: 6px 3px;
}
/* sidebar */
#sidebar {
  position: fixed;
  top: 61px;
  width: 360px;
  bottom: 37px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 18px;
  opacity: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#sidebar .sidebar-widget {
  margin-bottom: 18px;
}
#sidebar .sidebar-widget #searchform {
  display: none;
}
#sidebar .sidebar-widget a {
  color: #ffffff;
}
#sidebar .sidebar-widget ul li {
  list-style-type: none;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
  line-height: 2.5em;
  opacity: .75;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -ms-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
#sidebar .sidebar-widget ul li:hover {
  opacity: 1;
}
#sidebar .sidebar-widget ul li a {
  display: block;
  text-decoration: none;
}
#sidebar .sidebar-widget #calendar_wrap table {
  width: 100%;
}
#sidebar .sidebar-widget #calendar_wrap table td,
#sidebar .sidebar-widget #calendar_wrap table th,
#sidebar .sidebar-widget #calendar_wrap table caption {
  text-align: left;
}
#sidebar.state-in {
  opacity: 0;
  -webkit-animation: sidebarIn 0.7s cubic-bezier(0.86, 0, 0.07, 1) 0.5s;
  animation: sidebarIn 0.7s cubic-bezier(0.86, 0, 0.07, 1) 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#sidebar.state-in.state-out {
  opacity: 1;
  -webkit-animation: sidebarOut 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  animation: sidebarOut 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.admin-bar #sidebar {
  top: 93px;
}
/* content */
#content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 37px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 9;
}
#content #content-scroll {
  height: 100%;
}
/* aside */
aside {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 300px;
  background-color: rgba(0, 0, 0, 0.8);
  right: -300px;
  padding: 18px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
aside.state-translate {
  right: 0;
}
aside article {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
}
aside article h4 {
  font-size: 15px;
  line-height: 1.5em;
  margin-bottom: 12px;
}
aside article p {
  margin-bottom: 12px;
}
aside article p.aside-button {
  *zoom: 1;
}
aside article p.aside-button:before,
aside article p.aside-button:after {
  content: "";
  display: table;
}
aside article p.aside-button:after {
  clear: both;
}
aside article a.button {
  float: left;
}
/* text-format */
.text-format h1,
.text-format h2,
.text-format h3,
.text-format h4 {
  margin-bottom: 18px;
  color: #ffa63f;
}
.text-format p {
  margin-bottom: 18px;
}
.text-format blockquote {
  border-left: 3px solid rgba(255, 255, 255, 0.5);
  padding-left: 18px;
  font-size: 1.5em;
  font-style: italic;
  line-height: 1.5em;
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14);
  -ms-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14);
  -o-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14);
}
.text-format .alignright {
  float: right;
  margin: 0 0 18px 18px;
  *zoom: 1;
}
.text-format .alignright:before,
.text-format .alignright:after {
  content: "";
  display: table;
}
.text-format .alignright:after {
  clear: both;
}
.text-format .alignleft {
  float: left;
  margin: 0 18px 18px 0;
  *zoom: 1;
}
.text-format .alignleft:before,
.text-format .alignleft:after {
  content: "";
  display: table;
}
.text-format .alignleft:after {
  clear: both;
}
.text-format .aligncenter {
  margin: 0 auto 18px;
}
.text-format .gallery {
  background-color: rgba(255, 255, 255, 0.1);
  padding-bottom: 36px;
  margin-bottom: 18px !important;
  *zoom: 1;
}
.text-format .gallery:before,
.text-format .gallery:after {
  content: "";
  display: table;
}
.text-format .gallery:after {
  clear: both;
}
.text-format .gallery .gallery-item {
  margin-top: 36px !important;
}
.text-format .gallery .gallery-item dt img {
  border-width: 0 !important;
  display: block;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}
.text-format .gallery .gallery-item .gallery-caption {
  padding-top: 12px;
  line-height: 1em;
}
.text-format .gallery br {
  display: none;
}
.text-format .wp-caption img {
  display: block;
  margin-bottom: 6px;
  border: 4px solid rgba(255, 255, 255, 0.1);
}
.text-format .wp-caption .wp-caption-text {
  font-size: .9em;
  color: rgba(255, 255, 255, 0.7);
}
.text-format img.imgblock {
  display: block;
  width: 100%;
  height: auto;
}
.text-format .columns {
  clear: both;
  display: block;
  width: 101.92307692307692%;
  margin: 0 -0.9615384615384616%;
  *zoom: 1;
}
.text-format .columns:before,
.text-format .columns:after {
  content: "";
  display: table;
}
.text-format .columns:after {
  clear: both;
}
.text-format .columns .col-1 {
  display: inline;
  float: left;
  width: 6.41025641025641%;
  margin: 0 0.9615384615384616%;
}
.text-format .columns .col-2 {
  display: inline;
  float: left;
  width: 14.743589743589745%;
  margin: 0 0.9615384615384616%;
}
.text-format .columns .col-3 {
  display: inline;
  float: left;
  width: 23.076923076923077%;
  margin: 0 0.9615384615384616%;
}
.text-format .columns .col-4 {
  display: inline;
  float: left;
  width: 31.41025641025641%;
  margin: 0 0.9615384615384616%;
}
.text-format .columns .col-5 {
  display: inline;
  float: left;
  width: 39.743589743589745%;
  margin: 0 0.9615384615384616%;
}
.text-format .columns .col-6 {
  display: inline;
  float: left;
  width: 48.07692307692308%;
  margin: 0 0.9615384615384616%;
}
.text-format .columns .col-7 {
  display: inline;
  float: left;
  width: 56.41025641025641%;
  margin: 0 0.9615384615384616%;
}
.text-format .columns .col-8 {
  display: inline;
  float: left;
  width: 64.74358974358975%;
  margin: 0 0.9615384615384616%;
}
.text-format .columns .col-9 {
  display: inline;
  float: left;
  width: 73.07692307692307%;
  margin: 0 0.9615384615384616%;
}
.text-format .columns .col-10 {
  display: inline;
  float: left;
  width: 81.41025641025641%;
  margin: 0 0.9615384615384616%;
}
.text-format .columns .col-11 {
  display: inline;
  float: left;
  width: 89.74358974358975%;
  margin: 0 0.9615384615384616%;
}
.text-format .columns .col-12 {
  display: inline;
  float: left;
  width: 98.07692307692307%;
  margin: 0 0.9615384615384616%;
}
.text-format .columns .col-clear {
  clear: both;
}
.text-format .columns .col-1,
.text-format .columns .col-2,
.text-format .columns .col-3,
.text-format .columns .col-4,
.text-format .columns .col-5,
.text-format .columns .col-6,
.text-format .columns .col-7,
.text-format .columns .col-8,
.text-format .columns .col-9,
.text-format .columns .col-10,
.text-format .columns .col-11,
.text-format .columns .col-12 {
  position: relative;
}
.text-format ol,
.text-format ul {
  margin-left: 18px;
  margin-bottom: 18px;
}
.text-format .tabs {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
  margin-bottom: 18px;
}
.text-format .tabs select {
  display: block;
  width: 100%;
  margin: 0 0 18px 0;
  display: none;
}
.text-format .tabs .tabs-label {
  overflow: hidden;
  height: 36px;
  margin: 0 0 18px 0;
}
.text-format .tabs .tabs-label ul {
  height: 36px;
  width: 200%;
  margin-left: 0;
}
.text-format .tabs .tabs-label ul li {
  display: block;
  float: left;
  list-style-type: none;
  padding: 0 18px;
  line-height: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-width: 1px 0 1px 1px;
  border-bottom-color: transparent;
  cursor: pointer;
  font-weight: bold;
  font-size: .8em;
  text-transform: uppercase;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.text-format .tabs .tabs-label ul li.tab-unsel {
  background-color: rgba(255, 255, 255, 0.07);
  border-bottom-width: 1px;
  border-bottom-color: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.75);
}
.text-format .tabs .tabs-label ul li.tab-unsel:hover {
  background-color: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.07);
  -ms-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.07);
  -o-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.07);
}
.text-format .tabs .tabs-label ul li:last-child {
  border-width: 1px 0 1px 1px;
  border-top-color: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.3);
  min-width: 90px;
  cursor: default;
  width: 50%;
  -webkit-box-shadow: inset 1px -1px 0 rgba(0, 0, 0, 0.07);
  -moz-box-shadow: inset 1px -1px 0 rgba(0, 0, 0, 0.07);
  -ms-box-shadow: inset 1px -1px 0 rgba(0, 0, 0, 0.07);
  -o-box-shadow: inset 1px -1px 0 rgba(0, 0, 0, 0.07);
  box-shadow: inset 1px -1px 0 rgba(0, 0, 0, 0.07);
}
.text-format .tabs .tab {
  clear: left;
}
.text-format .tabs .tab.state-hide {
  display: none;
}
/* home */
#home {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}
#home.state-translate {
  -webkit-transform: translateX(-300px);
  -moz-transform: translateX(-300px);
  -o-transform: translateX(-300px);
  transform: translateX(-300px);
}
#home #home-claim {
  position: absolute;
  width: 50%;
  height: 50%;
  top: 0;
  left: 0;
}
#home #home-claim h1 {
  position: absolute;
  width: 100%;
  right: -50%;
  height: 240px;
  bottom: -120px;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.18);
}
#home #home-claim h1 span {
  opacity: 0;
}
#home #home-claim h1 span.state-in {
  opacity: 0;
  -webkit-animation: fadeIn 3s cubic-bezier(0.86, 0, 0.07, 1) 1s;
  animation: fadeIn 3s cubic-bezier(0.86, 0, 0.07, 1) 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#home #home-claim h1 span.state-in.state-out {
  opacity: 0;
  -webkit-animation: fadeOut 1s cubic-bezier(0.86, 0, 0.07, 1);
  animation: fadeOut 1s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#home #home-claim h1 a {
  opacity: 0;
}
#home #home-claim h1 a.state-in {
  opacity: 0;
  -webkit-animation: fadeIn 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 3s;
  animation: fadeIn 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#home #home-claim h1 a.state-in.state-out {
  opacity: 1;
  -webkit-animation: fadeOut 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: fadeOut 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#home #home-claim h1 .button {
  margin: 18px auto 0;
  width: 30%;
  font-size: 16.5px;
  padding: 6px 0;
  text-transform: capitalize;
  background-color: rgba(255, 166, 63, 0.75);
  border-width: 0;
  color: #ffffff;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24);
  -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24);
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24);
}
#home #home-claim h1 .button:hover {
  background-color: rgba(255, 166, 63, 0.9);
}
#home #home-news-display {
  position: absolute;
  top: 18px;
  right: 18px;
}
#home #home-boxes {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 180px;
}
#home #home-boxes.home-boxes-2 .home-box {
  width: 50%;
}
#home #home-boxes.home-boxes-3 .home-box {
  width: 33%;
}
#home #home-boxes.home-boxes-4 .home-box {
  width: 25%;
}
#home #home-boxes .home-box {
  float: left;
  height: 180px;
  position: relative;
  color: #ffffff;
  opacity: 0;
}
#home #home-boxes .home-box.state-in {
  opacity: 0;
  -webkit-animation: homeBoxIn 0.75s cubic-bezier(0.86, 0, 0.07, 1) 1s;
  animation: homeBoxIn 0.75s cubic-bezier(0.86, 0, 0.07, 1) 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#home #home-boxes .home-box.state-in.state-out {
  opacity: 1;
  -webkit-animation: homeBoxOut 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  animation: homeBoxOut 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#home #home-boxes .home-box .home-box-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  bottom: 0;
  text-align: center;
  padding: 24px 18px;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -ms-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
#home #home-boxes .home-box .home-box-content:hover {
  background-color: rgba(56, 146, 227, 0.75);
}
#home #home-boxes .home-box .home-box-content svg {
  width: 42px;
  height: 42px;
  opacity: .75;
  display: block;
  margin: 0 auto 12px;
}
#home #home-boxes .home-box .home-box-content h3 {
  font-size: 18px;
  line-height: 1em;
  color: #ffffff;
  margin-bottom: 12px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
}
#home #home-boxes .home-box .home-box-content a {
  display: block;
  width: 150px;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.8);
  color: #ffffff;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
  text-transform: uppercase;
  font-size: .8em;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.07);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.21);
  -ms-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.21);
  -o-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.21);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.21);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#home #home-boxes .home-box .home-box-content a:hover {
  background-color: rgba(255, 255, 255, 0.28);
}
/* page */
#section-page {
  margin-left: 361px;
}
#section-page.section-page-normal {
  width: 1080px;
}
#section-page h1 {
  padding: 5px 48px;
  margin-bottom: 1px;
  background-color: #000;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  opacity: 0;
}
#section-page h1.state-in {
  opacity: 0;
  -webkit-animation: pageTitleIn 0.7s cubic-bezier(0.86, 0, 0.07, 1) 0.5s;
  animation: pageTitleIn 0.7s cubic-bezier(0.86, 0, 0.07, 1) 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-page h1.state-in.state-out {
  opacity: 1;
  -webkit-animation: pageTitleOut 0.7s cubic-bezier(0.86, 0, 0.07, 1) 0.5s;
  animation: pageTitleOut 0.7s cubic-bezier(0.86, 0, 0.07, 1) 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-page .page-content {
  background-color: rgba(0, 0, 0, 0.75);
  padding: 48px;
  opacity: 0;
  min-height:300px;
}
#section-page .page-content.state-in {
  opacity: 0;
  -webkit-animation: pageContentIn 0.7s cubic-bezier(0.86, 0, 0.07, 1) 0.5s;
  animation: pageContentIn 0.7s cubic-bezier(0.86, 0, 0.07, 1) 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-page .page-content.state-in.state-out {
  opacity: 1;
  -webkit-animation: pageContentOut 0.7s cubic-bezier(0.86, 0, 0.07, 1) 0.5s;
  animation: pageContentOut 0.7s cubic-bezier(0.86, 0, 0.07, 1) 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-page #page-featured img {
  display: block;
  width: 100% !important;
  height: auto !important;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
  opacity: 0;
}
#section-page #page-meta {
  line-height: 1em;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
}
/* comments */
#comments {
  margin-top: 60px;
}
#comments h3 {
  font-size: 24px;
  line-height: 1em;
}
#comments .commentlist {
  margin-left: 0;
  margin-bottom: 36px;
}
#comments .commentlist li {
  list-style-type: none;
  clear: left;
  margin-bottom: 18px;
  *zoom: 1;
}
#comments .commentlist li:before,
#comments .commentlist li:after {
  content: "";
  display: table;
}
#comments .commentlist li:after {
  clear: both;
}
#comments .commentlist li:last-child {
  margin-bottom: 0;
}
#comments .commentlist li.bypostauthor .comment-body .comment-author cite {
  color: #ffa63f;
}
#comments .commentlist li .children {
  margin: 0 0 0 36px;
  padding-top: 18px;
}
#comments .commentlist li .comment-body {
  padding-top: 18px;
}
#comments .commentlist li .comment-body .comment-author img {
  display: block;
  float: left;
  margin: 0 12px 0 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
#comments .commentlist li .comment-body .comment-author cite {
  font-style: normal;
  font-family: 'Roboto', sans-serif;
  font-size: 1.1em;
  color: #3892e3;
}
#comments .commentlist li .comment-body .comment-author span {
  display: none;
  color: rgba(255, 255, 255, 0.5);
}
#comments .commentlist li .comment-body .comment-meta {
  font-size: .9em;
}
#comments .commentlist li .comment-body .comment-meta a {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
}
#comments .commentlist li .comment-body .reply {
  margin: 6px 0 0 89px;
}
#comments .commentlist li .comment-body .reply a {
  display: inline-block;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: .8em;
  line-height: 1.25em;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: border-color 0.35s;
  -moz-transition: border-color 0.35s;
  -ms-transition: border-color 0.35s;
  -o-transition: border-color 0.35s;
  transition: border-color 0.35s;
}
#comments .commentlist li .comment-body .reply a:hover {
  border-color: #3892e3;
}
#comments .commentlist li .comment-body p {
  margin: 0 0 0 89px;
  margin-bottom: 0;
}
#comments #respond form p label {
  display: block;
  float: left;
  width: 90px;
  line-height: 30px;
}
#comments #respond form p input[type=text],
#comments #respond form p textarea {
  background-color: rgba(255, 255, 255, 0.07);
  height: 16px;
  line-height: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  padding: 6px;
  font-size: .9em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
#comments #respond form p input[type=text]:focus,
#comments #respond form p textarea:focus {
  border-color: rgba(56, 146, 227, 0.5);
  background-color: rgba(56, 146, 227, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(255, 166, 63, 0.5);
  -moz-box-shadow: inset 0 0 6px rgba(255, 166, 63, 0.5);
  -ms-box-shadow: inset 0 0 6px rgba(255, 166, 63, 0.5);
  -o-box-shadow: inset 0 0 6px rgba(255, 166, 63, 0.5);
  box-shadow: inset 0 0 6px rgba(255, 166, 63, 0.5);
}
#comments #respond form p textarea {
  height: auto;
  min-height: 54px;
  width: 70%;
  min-width: 70%;
  max-width: 70%;
}
#comments #respond form .form-allowed-tags {
  font-size: .9em;
  margin-left: 90px;
}
#comments #respond form .form-submit {
  margin-left: 90px;
}
#comments #respond form .form-submit input {
  font-weight: 400;
}
/* section-gallery */
#section-gallery {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#section-gallery h1 span {
  float: right;
  margin: 15px 0 0 12px;
}
#section-gallery h1.state-in {
  opacity: 0;
  -webkit-animation: inLeft 0.75s cubic-bezier(0.86, 0, 0.07, 1);
  animation: inLeft 0.75s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-gallery h1.state-in.state-out {
  opacity: 1;
  -webkit-animation: outRight 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  animation: outRight 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-gallery #gallery-loader-container {
  position: absolute;
  width: 50%;
  height: 50%;
  z-index: 15;
}
#section-gallery #gallery-loader-container #gallery-loader {
  position: absolute;
  width: 120px;
  height: 120px;
  background-color: rgba(0, 0, 0, 0.85);
  bottom: -60px;
  right: -60px;
  border-radius: 90px;
  text-align: center;
  line-height: 120px;
  font-size: 24px;
  -webkit-animation: loaderText 2s cubic-bezier(0.95, 0.05, 0.795, 0.035) infinite;
  animation: loaderText 2s cubic-bezier(0.95, 0.05, 0.795, 0.035) infinite;
}
#section-gallery #gallery-loader-container #gallery-loader.state-out {
  -webkit-animation: loaderTextOut 1s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  animation: loaderTextOut 1s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-gallery #gallery-image-container {
  position: absolute;
  top: 61px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
#section-gallery #gallery-image-container #gallery-image-swipe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
}
#section-gallery #gallery-image-container.state-out {
  -webkit-animation: outLeft 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  animation: outLeft 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-gallery #gallery-image-container #gallery-image-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 36px;
  line-height: 36px;
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
  z-index: 13;
  -webkit-transition: bottom 0.5s ease 0.5s;
  -moz-transition: bottom 0.5s ease 0.5s;
  -ms-transition: bottom 0.5s ease 0.5s;
  -o-transition: bottom 0.5s ease 0.5s;
  transition: bottom 0.5s ease 0.5s;
}
#section-gallery #gallery-image-container #gallery-image-caption.state-out {
  bottom: -36px;
}
#section-gallery #gallery-image-container span {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 11;
}
#section-gallery #gallery-image-container span.gallery-image-original-size {
  background-size: contain;
}
#section-gallery #gallery-image-container span.state-in-left {
  opacity: 0;
  -webkit-animation: inLeft 1.5s cubic-bezier(0.86, 0, 0.07, 1);
  animation: inLeft 1.5s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-gallery #gallery-image-container span.state-in-right {
  opacity: 0;
  -webkit-animation: inRight 1.5s cubic-bezier(0.86, 0, 0.07, 1);
  animation: inRight 1.5s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-gallery #gallery-image-container span.gallery-image-new {
  z-index: 12;
}
/* section-collection */
#section-collection h1.state-in {
  opacity: 0;
  -webkit-animation: inLeft 1s cubic-bezier(0.23, 1, 0.32, 1);
  animation: inLeft 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-collection h1.state-in.state-out {
  opacity: 1;
  -webkit-animation: outRight 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  animation: outRight 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-collection #collection-tags-title {
  position: absolute;
  left: 0;
  width: 360px;
  top: 61px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  padding: 0 12px;
  background-color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  font-size: .85em;
  font-weight: 500;
  letter-spacing: 1px;
  opacity: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#section-collection #collection-tags-title.state-in {
  opacity: 0;
  -webkit-animation: inRight 1s cubic-bezier(0.23, 1, 0.32, 1);
  animation: inRight 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-collection #collection-tags-title.state-in.state-out {
  opacity: 1;
  -webkit-animation: outLeft 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  animation: outLeft 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-collection #collection-tags-list {
  position: absolute;
  left: 361px;
  width: 200%;
  top: 61px;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  font-size: .85em;
  font-weight: 500;
}
#section-collection #collection-tags-list.state-in {
  opacity: 0;
  -webkit-animation: inLeft 1s cubic-bezier(0.86, 0, 0.07, 1) 0.25s;
  animation: inLeft 1s cubic-bezier(0.86, 0, 0.07, 1) 0.25s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-collection #collection-tags-list.state-in.state-out {
  opacity: 1;
  -webkit-animation: outRight 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  animation: outRight 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-collection #collection-tags-list ul li {
  list-style-type: none;
  float: left;
  padding: 0 12px;
  background-color: rgba(56, 146, 227, 0.5);
  margin-right: 1px;
  cursor: pointer;
  -webkit-transition: background-color 0.35s;
  -moz-transition: background-color 0.35s;
  -ms-transition: background-color 0.35s;
  -o-transition: background-color 0.35s;
  transition: background-color 0.35s;
}
#section-collection #collection-tags-list ul li:hover,
#section-collection #collection-tags-list ul li.collection-tags-list-sel {
  background-color: rgba(56, 146, 227, 0.8);
}
#section-collection #collection-tags-list ul li:last-child {
  width: 50%;
  cursor: none;
}
#section-collection #collection-container {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
}
#section-collection #collection-container.state-out {
  -webkit-animation: fadeOut 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  animation: fadeOut 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-collection #collection-container .collection-item {
  overflow: hidden;
  width: 360px;
  height: 360px;
  margin: 0 1px 1px 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#section-collection #collection-container .collection-item:hover .collection-item-content div {
  top: 318px;
}
#section-collection #collection-container .collection-item:active {
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
  opacity: .7;
}
#section-collection #collection-container .collection-item.state-fade-out {
  -webkit-animation: fadeOut 0.75s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1s;
  animation: fadeOut 0.75s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-collection #collection-container .collection-item.state-fade-out.state-fade-in {
  -webkit-animation: fadeIn 1s cubic-bezier(0.23, 1, 0.32, 1);
  animation: fadeIn 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-collection #collection-container .collection-item .collection-item-thumb {
  display: none;
}
#section-collection #collection-container .collection-item .collection-item-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #ffffff;
}
#section-collection #collection-container .collection-item .collection-item-content.state-in {
  opacity: 0;
  -webkit-animation: collectionItemIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: collectionItemIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-collection #collection-container .collection-item .collection-item-content div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}
#section-collection #collection-container .collection-item .collection-item-content div span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: right;
  text-transform: uppercase;
  padding: 12px;
  line-height: 18px;
  font-weight: 500;
  font-size: .9em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* blog */
#section-blog #blog-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
#section-blog #blog-container #blog-content {
  position: absolute;
  top: 61px;
  left: 361px;
  width: 50%;
}
#section-blog #blog-container #blog-content .blog-button {
  position: absolute;
  width: 60px;
  height: 60px;
  right: -61px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  opacity: 0;
}
#section-blog #blog-container #blog-content .blog-button.state-in {
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 1;
}
#section-blog #blog-container #blog-content .blog-button.state-in.state-out {
  opacity: 0;
}
#section-blog #blog-container #blog-content .blog-button svg {
  width: 24px;
  height: 24px;
  display: block;
  margin: 18px;
}
#section-blog #blog-container #blog-content .blog-button:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
#section-blog #blog-container #blog-content .blog-button:hover:active {
  background-color: rgba(0, 0, 0, 0.6);
}
#section-blog #blog-container #blog-content .blog-button#blog-button-up {
  top: 0;
}
#section-blog #blog-container #blog-content .blog-button#blog-button-down {
  top: 61px;
}
#section-blog #blog-container #blog-content #blog-content-bar {
  position: absolute;
  width: 100%;
  top: -61px;
  left: 0;
  -webkit-transition: top 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: top 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition: top 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: top 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition: top 0.3s cubic-bezier(0.86, 0, 0.07, 1);
}
#section-blog #blog-container #blog-content #blog-content-bar h1 {
  padding: 6px 18px;
  background-color: rgba(0, 0, 0, 0.5);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  font-size: 30px;
  margin-bottom: 1px;
  opacity: 0;
}
#section-blog #blog-container #blog-content #blog-content-bar h1.state-in {
  -webkit-animation: inLeft 0.5s cubic-bezier(1, 0, 0, 1);
  animation: inLeft 0.5s cubic-bezier(1, 0, 0, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-blog #blog-container #blog-content #blog-content-bar h1.state-in.state-out {
  -webkit-animation: outRight 0.5s cubic-bezier(1, 0, 0, 1);
  animation: outRight 0.5s cubic-bezier(1, 0, 0, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-blog #blog-container #blog-content #blog-content-bar article {
  margin-bottom: 1px;
  color: #ffffff;
  display: block;
  text-decoration: none;
  opacity: .8;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  *zoom: 1;
}
#section-blog #blog-container #blog-content #blog-content-bar article:before,
#section-blog #blog-container #blog-content #blog-content-bar article:after {
  content: "";
  display: table;
}
#section-blog #blog-container #blog-content #blog-content-bar article:after {
  clear: both;
}
#section-blog #blog-container #blog-content #blog-content-bar article .blog-list-content {
  padding: 60px;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
}
#section-blog #blog-container #blog-content #blog-content-bar article .blog-list-content.sticky {
  background-color: rgba(0, 0, 0, 0.85);
}
#section-blog #blog-container #blog-content #blog-content-bar article .blog-list-content p {
  *zoom: 1;
}
#section-blog #blog-container #blog-content #blog-content-bar article .blog-list-content p:before,
#section-blog #blog-container #blog-content #blog-content-bar article .blog-list-content p:after {
  content: "";
  display: table;
}
#section-blog #blog-container #blog-content #blog-content-bar article .blog-list-content p:after {
  clear: both;
}
#section-blog #blog-container #blog-content #blog-content-bar article .blog-list-content.state-in {
  opacity: 0;
  -webkit-animation: inRight 0.5s cubic-bezier(1, 0, 0, 1);
  animation: inRight 0.5s cubic-bezier(1, 0, 0, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-blog #blog-container #blog-content #blog-content-bar article .blog-list-content.state-in.state-out {
  opacity: 1;
  -webkit-animation: outLeft 0.5s cubic-bezier(1, 0, 0, 1);
  animation: outLeft 0.5s cubic-bezier(1, 0, 0, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-blog #blog-container #blog-content #blog-content-bar article.blog-list-active {
  opacity: 1;
}
#section-blog #blog-container #blog-content #blog-content-bar article h2 {
  margin: 6px 0;
}
#section-blog #blog-container #blog-content #blog-content-bar article img {
  display: block;
  width: 100%;
  height: auto;
  margin: 18px 0;
}
#section-blog #blog-container #blog-content #blog-content-bar article .blog-list-meta {
  font-size: .9em;
  opacity: .5;
}
#section-blog #blog-container #blog-content #blog-content-bar article .blog-list-excerpt {
  margin-bottom: 18px;
}
#section-blog #blog-container #blog-content #blog-content-bar article .button {
  float: left;
}
#section-blog #blog-container #blog-pagination {
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  *zoom: 1;
}
#section-blog #blog-container #blog-pagination:before,
#section-blog #blog-container #blog-pagination:after {
  content: "";
  display: table;
}
#section-blog #blog-container #blog-pagination:after {
  clear: both;
}
#section-blog #blog-container #blog-pagination.state-in {
  opacity: 0;
  -webkit-animation: inLeft 0.5s cubic-bezier(1, 0, 0, 1);
  animation: inLeft 0.5s cubic-bezier(1, 0, 0, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-blog #blog-container #blog-pagination.state-in.state-out {
  opacity: 1;
  -webkit-animation: outRight 0.5s cubic-bezier(1, 0, 0, 1);
  animation: outRight 0.5s cubic-bezier(1, 0, 0, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-blog #blog-container #blog-pagination span.left {
  margin-left: 60px;
}
#section-blog #blog-container #blog-pagination span.right {
  margin-right: 60px;
}
#section-blog #blog-container #blog-pagination a {
  display: block;
  padding: 12px 0;
  text-decoration: none;
  color: #ffffff;
}
#section-blog #blog-container #blog-pagination a:hover {
  color: #ffa63f;
}
/* video */
#section-video h1 {
  position: absolute;
  top: 0;
  left: 361px;
  right: 0;
  padding: 6px 18px;
  background-color: rgba(56, 146, 227, 0.7);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  font-size: 30px;
  opacity: 0;
}
#section-video h1.state-in {
  opacity: 0;
  -webkit-animation: inLeft 0.5s cubic-bezier(1, 0, 0, 1);
  animation: inLeft 0.5s cubic-bezier(1, 0, 0, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-video h1.state-in.state-out {
  opacity: 1;
  -webkit-animation: outRight 0.5s cubic-bezier(1, 0, 0, 1);
  animation: outRight 0.5s cubic-bezier(1, 0, 0, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-video #video-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 50%;
}
#section-video #video-container #video-content {
  position: absolute;
  right: -457px;
  bottom: -285px;
  width: 914px;
  height: 570px;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#section-video #video-container #video-content.state-in {
  opacity: 0;
  -webkit-animation: zoomIn 0.5s cubic-bezier(1, 0, 0, 1) 0.5s;
  animation: zoomIn 0.5s cubic-bezier(1, 0, 0, 1) 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-video #video-container #video-content.state-in.state-out {
  opacity: 1;
  -webkit-animation: zoomOut 0.5s cubic-bezier(1, 0, 0, 1) 0.5s;
  animation: zoomOut 0.5s cubic-bezier(1, 0, 0, 1) 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-video #video-container #video-content iframe {
  display: block;
  width: 854px;
  height: 510px;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.65);
  -ms-box-shadow: 0 0 12px rgba(0, 0, 0, 0.65);
  -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.65);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.65);
}
/* section-half-page */
#section-half-page {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#section-half-page h1.state-in {
  opacity: 0;
  -webkit-animation: inLeft 0.75s cubic-bezier(0.86, 0, 0.07, 1);
  animation: inLeft 0.75s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-half-page h1.state-in.state-out {
  opacity: 1;
  -webkit-animation: outRight 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  animation: outRight 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-half-page #half-page-container {
  position: absolute;
  top: 61px;
  left: 0;
  width: 100%;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
#section-half-page #half-page-container .half-page-column {
  position: absolute;
  top: 0;
  width: 50%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#section-half-page #half-page-container .half-page-column .half-page-column-content {
  padding: 60px;
}
#section-half-page #half-page-container .half-page-column#half-page-column-1 {
  left: -1px;
  opacity: 0;
}
#section-half-page #half-page-container .half-page-column#half-page-column-1.state-in {
  opacity: 0;
  -webkit-animation: inRight 0.75s cubic-bezier(0.86, 0, 0.07, 1);
  animation: inRight 0.75s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-half-page #half-page-container .half-page-column#half-page-column-1.state-in.state-out {
  opacity: 1;
  -webkit-animation: outLeft 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  animation: outLeft 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-half-page #half-page-container .half-page-column#half-page-column-2 {
  right: 0;
  opacity: 0;
}
#section-half-page #half-page-container .half-page-column#half-page-column-2.state-in {
  opacity: 0;
  -webkit-animation: inLeft 0.75s cubic-bezier(0.86, 0, 0.07, 1);
  animation: inLeft 0.75s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#section-half-page #half-page-container .half-page-column#half-page-column-2.state-in.state-out {
  opacity: 1;
  -webkit-animation: outRight 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  animation: outRight 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
/* google maps */
.pgm {
  display: block;
  margin-bottom: 18px;
  border: 6px solid rgba(255, 255, 255, 0.1);
}
.pgm .canvas {
  width: 100% !important;
}
/* form */
form {
  font-size: 13px;
  padding-top: 18px;
}
form span.wpcf7-form-control-wrap input,
form span.wpcf7-form-control-wrap textarea {
  display: block;
  width: 50%;
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 12px;
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  font-size: 12px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-transition: background-color border-color 0.2s;
  -moz-transition: background-color border-color 0.2s;
  -ms-transition: background-color border-color 0.2s;
  -o-transition: background-color border-color 0.2s;
  transition: background-color border-color 0.2s;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
form span.wpcf7-form-control-wrap input:focus,
form span.wpcf7-form-control-wrap textarea:focus {
  background-color: rgba(255, 255, 255, 0.4);
}
form span.wpcf7-form-control-wrap input.wpcf7-not-valid,
form span.wpcf7-form-control-wrap textarea.wpcf7-not-valid {
  border-color: #fe3f54;
}
form span.wpcf7-form-control-wrap textarea {
  width: 70%;
  min-width: 70%;
  max-width: 100%;
}
form span.wpcf7-form-control-wrap span {
  display: none;
}
form input[type="submit"] {
  font-weight: 300;
}
form div.wpcf7-response-output {
  background-color: rgba(255, 255, 255, 0.2);
  border-width: 0;
  border-radius: 3px;
}
form div.wpcf7-response-output.wpcf7-validation-errors {
  background-color: rgba(254, 63, 84, 0.3);
  color: #ffffff;
}
form div.wpcf7-response-output.wpcf7-mail-sent-ok {
  background-color: rgba(56, 146, 227, 0.3);
  color: #ffffff;
}
#responsive-dropdown {
  height: 36px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
}
#responsive-dropdown:hover {
  background-color: rgba(0, 0, 0, 0.75);
}
#responsive-dropdown span {
  display: block;
  line-height: 36px;
  padding: 0 9px;
  cursor: pointer;
  text-align: center;
}
#responsive-dropdown span:nth-of-type(even) {
  background-color: rgba(255, 255, 255, 0.02);
}
#responsive-dropdown span svg {
  float: right;
  width: 12px;
  height: 12px;
  margin: 9px 0;
  display: block;
}
#responsive-dropdown span svg * {
  fill: #ffffff;
}
#responsive-dropdown span:hover,
#responsive-dropdown span:active {
  color: #ffa63f;
}
#responsive-dropdown span.responsive-dropdown-level-1 {
  padding-left: 12px;
}
#responsive-dropdown span.responsive-dropdown-level-2 {
  padding-left: 24px;
}
#responsive-dropdown span.responsive-dropdown-level-3 {
  padding-left: 36px;
}
#responsive-dropdown span.responsive-dropdown-level-4 {
  padding-left: 48px;
}
#responsive-dropdown span.responsive-dropdown-level-5 {
  padding-left: 60px;
}
#responsive-dropdown span.responsive-dropdown-selected strong {
  color: #ffffff;
  font-weight: 400;
}
/* headings */
@media screen and (max-width: 600px) {
  h1 {
    position: relative;
    left: 0;
  }
  h1.page-title {
    font-size: 24px;
    line-height: 36px;
    padding: 12px 6px;
  }
}
/* wrapper */
@media screen and (max-width: 1000px) {
  #wrapper {
    overflow: visible;
  }
}
/* container */
@media screen and (max-width: 1000px) {
  #container {
    position: relative;
    height: auto;
  }
}
/* content */
@media screen and (max-width: 1000px) {
  #content {
    position: relative;
    margin-top: 1px;
    bottom: 1px;
    overflow-x: visible;
    overflow-y: visible;
    height: auto;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
  }
}
/* header */
@media screen and (max-width: 1000px) {
  header {
    width: 100%;
  }
  header #header-logo {
    width: 100%;
  }
  header #header-logo a img {
	width: 150px;
	
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
  }
}
/* responsive menu */
@media screen and (max-width: 1000px) {
  #responsive-dropdown {
    display: block;
  }
  #footer-bar {
    display: none;
  }
}
/* footer */
@media screen and (max-width: 1000px) {
  footer {
    position: relative;
    bottom: auto;
    margin-top: 1px;
    height: auto;
    min-height: 36px;
    width: 100%;
  }
  footer .menu {
    display: none;
  }
  footer #footer-bar {
    background-color: rgba(0, 0, 0, 0.6);
  }
  footer #footer-bar:hover {
    background-color: rgba(0, 0, 0, 0.5);
  }
  footer #footer-bar select {
    display: block;
  }
  footer #footer-socials {
    display: none;
  }
}
/* audioplayer */
@media screen and (max-width: 1000px) {
  #audioplayer {
    display: none;
  }
}
/* home responsive */
@media screen and (max-width: 1000px) {
  #home {
    position: relative;
    height: auto;
  }
  #home #home-claim {
    position: relative;
    height: auto;
    margin: 216px auto;
    width: 90%;
    left: 5%;
  }
  #home #home-claim h1 {
    position: relative;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
  }
  #home #home-news-display {
    display: none;
  }
  #home #home-boxes {
    position: relative;
    height: auto;
  }
  #home #home-boxes.home-boxes-2 .home-box,
  #home #home-boxes.home-boxes-3 .home-box,
  #home #home-boxes.home-boxes-4 .home-box {
    width: 100%;
  }
  #home #home-boxes .home-box {
    float: none;
    height: auto;
    margin-top: 1px;
  }
  #home #home-boxes .home-box .home-box-content {
    position: relative;
    right: 0;
    bottom: auto;
    padding: 12px;
  }
  #home #home-boxes .home-box .home-box-content svg {
    position: absolute;
    left: 18px;
    top: 18px;
  }
}
@media screen and (max-width: 600px) {
  #home #home-boxes .home-box .home-box-content svg {
    display: none;
  }
}
/* sidebar */
@media screen and (max-width: 1000px) {
  #sidebar {
    display: none;
  }
}
/* page */
@media screen and (max-width: 1000px) {
  #section-page {
    margin-left: 0;
  }
  #section-page h1 {
    position: relative;
    left: 0;
    font-size: 24px;
    line-height: 36px;
    padding: 12px 18px;
  }
  #section-page.section-page-normal {
    width: 100%;
  }
  #section-page .page-content {
    padding: 18px;
  }
}
@media screen and (max-width: 6px * 180 + 6px * 60 + 2px) {
  #section-page.section-page-normal {
    width: auto;
  }
}
/* text-format */
@media screen and (max-width: 1000px) {
  .text-format .columns .col-1 {
    display: inline;
    float: left;
    width: 98.07692307692307%;
    margin: 0 0.9615384615384616%;
  }
  .text-format .columns .col-2 {
    display: inline;
    float: left;
    width: 98.07692307692307%;
    margin: 0 0.9615384615384616%;
  }
  .text-format .columns .col-3 {
    display: inline;
    float: left;
    width: 98.07692307692307%;
    margin: 0 0.9615384615384616%;
  }
  .text-format .columns .col-4 {
    display: inline;
    float: left;
    width: 98.07692307692307%;
    margin: 0 0.9615384615384616%;
  }
  .text-format .columns .col-5 {
    display: inline;
    float: left;
    width: 98.07692307692307%;
    margin: 0 0.9615384615384616%;
  }
  .text-format .columns .col-6 {
    display: inline;
    float: left;
    width: 98.07692307692307%;
    margin: 0 0.9615384615384616%;
  }
  .text-format .columns .col-7 {
    display: inline;
    float: left;
    width: 98.07692307692307%;
    margin: 0 0.9615384615384616%;
  }
  .text-format .columns .col-8 {
    display: inline;
    float: left;
    width: 98.07692307692307%;
    margin: 0 0.9615384615384616%;
  }
  .text-format .columns .col-9 {
    display: inline;
    float: left;
    width: 98.07692307692307%;
    margin: 0 0.9615384615384616%;
  }
  .text-format .columns .col-10 {
    display: inline;
    float: left;
    width: 98.07692307692307%;
    margin: 0 0.9615384615384616%;
  }
  .text-format .columns .col-11 {
    display: inline;
    float: left;
    width: 98.07692307692307%;
    margin: 0 0.9615384615384616%;
  }
  .text-format .columns .col-12 {
    display: inline;
    float: left;
    width: 98.07692307692307%;
    margin: 0 0.9615384615384616%;
  }
}
/* gallery */
@media screen and (max-width: 1000px) {
  #section-gallery {
    position: relative;
    height: auto;
  }
  #section-gallery h1 {
    position: relative;
    left: 0;
  }
  #section-gallery h1 span {
    display: none;
  }
  #section-gallery #gallery-image-container {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin-top: 1px;
    width: 100%;
    height: 500px;
  }
}
/* collection */
@media screen and (max-width: 1000px) {
  #section-collection h1 {
    position: relative;
    left: 0;
  }
  #section-collection #collection-tags-title {
    position: relative;
    display: none;
    top: auto;
  }
  #section-collection #collection-tags-list {
    position: relative;
    width: 100%;
    left: auto;
    top: auto;
    margin-top: 1px;
    height: auto;
    background-color: rgba(0, 0, 0, 0.5);
  }
  #section-collection #collection-tags-list ul li {
    float: none;
    width: 100%;
    margin-bottom: 1px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #section-collection #collection-tags-list ul li:last-child {
    display: none;
  }
  #section-collection #collection-container {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: 1px;
  }
  #section-collection #collection-content .collection-item {
    width: 49.5%;
  }
}
@media screen and (max-width: 600px) {
  #section-collection #collection-container .collection-item {
    width: 100%;
  }
}
/* blog */
@media screen and (max-width: 1000px) {
  #section-blog {
    position: relative;
  }
  #section-blog #blog-container {
    position: relative;
  }
  #section-blog #blog-container #blog-content {
    position: relative;
    left: 0;
    width: 100%;
    height: auto;
    right: 0;
  }
  #section-blog #blog-container #blog-content .blog-button {
    display: none;
  }
  #section-blog #blog-container #blog-content #blog-content-bar {
    position: relative;
    height: auto;
  }
}
/* video */
@media screen and (max-width: 1000px) {
  #section-video h1 {
    position: relative;
    left: 0;
  }
  #section-video #video-container {
    position: relative;
    width: 100%;
    top: auto;
  }
  #section-video #video-container #video-content {
    right: 0;
    bottom: auto;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #section-video #video-container #video-content iframe {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  #section-half-page {
    position: relative;
    overflow: visible;
  }
  #section-half-page h1 {
    position: relative;
    left: 0;
  }
  #section-half-page #half-page-container {
    position: relative;
    top: 0;
    margin-top: 1px;
  }
  #section-half-page #half-page-container .half-page-column {
    width: 100%;
    position: relative;
    margin-bottom: 1px;
  }
  #section-half-page #half-page-container .half-page-column .half-page-column-content {
    padding: 48px;
  }
}