body {
 background:#f6f6f6;
 color:#777;
 font:16px cardo,georgia,serif;
 font-weight:400;
 -webkit-font-smoothing:antialiased;
 -webkit-text-size-adjust:100%;
    padding: 0px;
margin: 0px;
}
section {
 overflow:hidden
}
::-moz-selection {
 background:#272727;
 color:#fff
}
::selection {
 background:#272727;
 color:#fff
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
 margin:0
}
h1 {
 color:#272727;
 font-family:montserrat,arial,sans-serif;
 font-weight:400;
 text-transform:uppercase;
 letter-spacing:.2em;
 line-height:1em
}
h2 {
 font-size:24px;
 color:#272727;
 font-family:cardo,georgia,serif;
 font-weight:400;
 text-transform:none;
 line-height:1.7em
}
h3,
h4 {
 color:#272727;
 font-family:montserrat,arial,sans-serif;
 font-weight:400;
 text-transform:uppercase;
 letter-spacing:.07em;
 line-height:1em
}
h3 {
 font-size:12px
}
h4 {
 color:#777;
 font-size:9px
}
p {
 font-size:16px;
 line-height:1.7em
}
.dark h1,
.dark h2,
.dark h3,
.dark h4 {
 color:#fff
}
.dark p {
 color:#bebebe
}
@media all and (min-width:400px) {
}
@media all and (min-width:700px) {
 h1 {
  font-size:72px
 }
 h2 {
  font-size:30px
 }
 p {
  font-size:18px
 }
}
@media all and (min-width:900px) {
}
@media all and (min-width:1200px) {
 h2 {
  font-size:36px
 }
}
.relative {
 position:relative
}
.center-mobile {
 text-align:center
}
.center {
 text-align:center
}
h2 {
 padding:20px 0 0
}
h3 {
 padding:15px 0 10px
}
h4 {
 padding-bottom:15px
}
p {
 margin:10px 0
}
.padded {
 padding-top:30px;
 padding-bottom:30px
}
.padded-top {
 padding-top:30px
}
.padded-bottom {
 padding-bottom:30px
}
.block {
 margin-bottom:20px
}
.full {
 display:block;
 position:relative;
 width:100%;
 background-position:center;
 background-size:cover
}
.line {
 display:block;
 margin:0 auto;
 width:35px;
 height:1px;
 margin-top:10px
}
.line.no-accent {
 margin-top:15px;
 margin-bottom:15px;
 background:#e0e0e0
}
.separator {
 position:absolute;
 display:none;
 width:1px;
 height:100%;
 background:#e0e0e0;
 top:0;
 left:50%
}
.icon {
 font-size:64px;
 line-height:64px
}
@media all and (min-width:400px) {
}
@media all and (min-width:767px) {
 .center-mobile {
  text-align:left
 }
 .separator {
  display:block
 }
 .list {
  padding-top:30px;
  margin-bottom:45px
 }
 .line.no-accent {
  margin-top:20px
 }
}
@media all and (min-width:900px) {
}
@media all and (min-width:1200px) {
 h3 {
  padding:25px 0 10px
 }
 h4 {
  padding-bottom:25px
 }
 p {
  margin:20px 0
 }
 .padded {
  padding-top:40px;
  padding-bottom:40px
 }
 .padded-top {
  padding-top:40px
 }
 .padded-bottom {
  padding-bottom:40px
 }
 .block {
  margin-bottom:30px
 }
 .list {
  padding-top:30px;
  margin-bottom:65px
 }
 .line.no-accent {
  margin-top:30px
 }
}
#hero {
 background:#f2f2f2;
 text-align:center;
 overflow:hidden;
 display:block;
 width:100%
}
.scene,
.layer {
 display:block;
 height:100%;
 width:100%;
 padding:0;
 margin:0
}
.scene {
 position:relative;
 overflow:hidden
}
.layer {
 position:absolute
}
.layer div {
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 transform-style:preserve-3d;
 -webkit-backface-visibility:hidden;
 -moz-backface-visibility:hidden;
 backface-visibility:hidden
}
#action {
 width:60px;
 margin-left:-30px;
 height:60px;
 background:url(/images/arrow@2x.png) no-repeat center bottom;
 background-size:30px 30px;
 display:block;
 position:absolute;
 bottom:50px;
 left:50%;
 opacity:.5;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -ms-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
 -webkit-animation-name:bounce;
 animation-name:bounce;
 -webkit-transform-origin:center bottom;
 transform-origin:center bottom;
 -webkit-animation:bounce 1.5s infinite;
 -moz-animation:bounce 1.5s infinite;
 -ms-animation:bounce 1.5s infinite;
 -o-animation:bounce 1.5s infinite;
 animation:bounce 1.5s infinite
}
#hero.dark #action {
 background:url(/images/arrow@2x-dark.png) no-repeat center bottom;
 background-size:30px 30px
}
#action:hover {
 opacity:1
}
.background {
 background:url(/images/background.jpg) no-repeat 50% 100%;
 bottom:-20px;
 background-size:cover;
 position:absolute;
 width:110%;
 left:-5%;
 top:-5%
}
#hero.dark .background {
 background:url(/images/background-dark.jpg) no-repeat top center;
 background-size:cover
}
.triangles {
 background:url(/images/triangles.png) no-repeat 50% 100%;
 bottom:-20px;
 background-size:cover;
 position:absolute;
 width:110%;
 left:-5%;
 top:-5%
}
#hero.dark .triangles {
 background:url(/images/triangles-dark.png) no-repeat 50% 100%
}
.sphere img {
 -webkit-transform:scale(.7);
 -moz-transform:scale(.7);
 -ms-transform:scale(.7,.7);
 transform:scale(.7)
}
.title {
 display:block;
 position:absolute;
 width:100%;
 top:10%
}
.title .line {
 margin-top:20px
}
.hero-content {
 display:block;
 margin:0 auto;
 max-width:90%
}
@media all and (min-width:400px) {
 .sphere img {
  -webkit-transform:scale(.6);
  -moz-transform:scale(.6);
  -ms-transform:scale(.6,.6);
  transform:scale(.6)
 }
 .line {
  margin-top:10px
 }
 #action {
  bottom:20px
 }
}
@media all and (min-width:700px) {
 .sphere img {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1,1);
  transform:scale(1)
 }
 .title {
  top:20%
 }
 .line {
  margin-top:10px
 }
 #action {
  bottom:60px
 }
}
@media all and (min-width:900px) {
}
@media all and (min-width:1200px) {
}
.folio-list {
 display:block;
 background:#fff
}
.folio-list:before,
.folio-list:after {
 content:" ";
 display:table
}
.folio-list:after {
 clear:both
}
.folio-list li {
 display:block;
 float:left;
 width:100%
}
.folio-list a {
 display:block;
 position:relative;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -ms-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out
}
.folio-list a:hover {
 opacity:.7
}
.dropshadow {
 -webkit-box-shadow:0 0 40px 40px rgba(71,71,71,.33);
 -moz-box-shadow:0 0 40px 40px rgba(71,71,71,.33);
 box-shadow:0 0 40px 40px rgba(71,71,71,.33)
}
.large-accent {
 margin-top:60px;
 display:block;
 font-size:72px;
 font-family:cardo,georgia,serif;
 font-weight:400;
 text-transform:none;
 line-height:20px
}
@media all and (min-width:400px) {
}
@media all and (min-width:700px) {
 .folio-list li {
  display:block;
  float:left;
  width:33.3333333%
 }
}
@media all and (min-width:900px) {
}
@media all and (min-width:1200px) {
}
fieldset {
 padding:0;
 margin:0;
 border:none
}
fieldset input,
fieldset textarea {
 border:none;
 outline:none;
 padding:0 0 15px;
 margin-bottom:40px;
 width:100%;
 background:0 0;
 border-bottom:1px solid #e2e2e2;
 border-radius:0;
 font-family:cardo,serif;
 font-size:16px;
 color:#bfbfbf;
 line-height:22px;
 -webkit-font-smoothing:antialiased;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -ms-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out
}
fieldset textarea {
 min-height:100px
}
fieldset input:focus,
fieldset textarea:focus {
 color:#212121;
 border-bottom:1px solid #212121
}
fieldset label {
 display:block;
 text-align:left;
 color:#212121;
 font-family:montserrat,sans-serif;
 font-size:9px;
 text-transform:uppercase;
 letter-spacing:.2em;
 padding-bottom:15px
}
#submit {
 outline:0;
 padding:0;
 margin:0;
 border-radius:0;
 -webkit-appearance:none;
 -webkit-font-smoothing:antialiased;
 display:inline-block;
 color:#f2f2f2;
 font-family:montserrat,sans-serif;
 font-size:9px;
 text-transform:uppercase;
 line-height:9px;
 letter-spacing:.2em;
 margin-left:0;
 padding:15px 0;
 width:100%;
 margin-top:8px;
 background:#272727;
 border:2px solid #272727;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -ms-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out
}
#submit:hover {
 background:#000;
 border:2px solid #000
}
#success,
#error {
 display:none;
 padding-top:20px
}
#success p {
 color:#00b426;
 font-style:italic;
 padding:0
}
#error p {
 color:#e72e62;
 font-style:italic;
 padding:0;
 margin:0
}
label.error {
 color:#e72e62;
 font-size:9px;
 text-transform:uppercase;
 margin-bottom:20px
}

form .text {
 text-align:center;
 display:inline-block;
 border:none;
 outline:none;
 margin:0;
 padding:0;
 width:100%;
 padding:15px 0 15px 15px;
 background:0 0;
 border:1px solid rgba(39,39,39,.2);
 border-radius:0;
 color:rgba(39,39,39,.6);
 font-family:montserrat,sans-serif;
 font-size:9px;
 text-transform:uppercase;
 line-height:9px;
 letter-spacing:.2em;
 -webkit-font-smoothing:antialiased;
 -webkit-transition:all .4s linear;
 -moz-transition:all .4s linear;
 transition:all .4s linear
}
form .text:focus {
 color:#272727;
 border:1px solid #272727
}
form .submit {
 outline:0;
 padding:0;
 margin:0;
 border-radius:0;
 -webkit-appearance:none;
 -webkit-font-smoothing:antialiased;
 display:inline-block;
 color:#f2f2f2;
 font-family:montserrat,sans-serif;
 font-size:9px;
 text-transform:uppercase;
 line-height:9px;
 letter-spacing:.2em;
 margin-left:0;
 padding:15px 0;
 width:100%;
 margin-top:8px;
 background:#272727;
 border:2px solid #272727;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -ms-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out
}
form .submit:hover {
 background:#000;
 border:2px solid #000
}
#subscribe-result {
 margin-top:10px
}
.notification-error {
 font-size:12px;
 color:red
}
.notification-success {
 font-size:12px;
 color:#00cd86
}
@media all and (min-width:400px) {
}
@media all and (min-width:700px) {
 form .text {
  text-align:left;
  width:55%
 }
 form .submit {
  margin-left:10px;
  width:20%
 }
}
@media all and (min-width:900px) {

 #subscribe-result {
  margin-top:15px
 }
 form .text {
  width:45%
 }
 form .submit {
  line-height:9px
 }
}
@media all and (min-width:1200px) {
}
.social-list {
 display:block;
 width:100%;
 text-align:center
}
.social-list li {
 position:relative;
 margin:15px 0;
 display:inline-block;
 width:100%
}
.social-list a {
 font-size:9px;
 color:#272727;
 font-family:montserrat,arial,sans-serif;
 font-weight:400;
 text-transform:uppercase;
 letter-spacing:.2em;
 line-height:1em
}
.social-list a::after {
 position:absolute;
 top:100%;
 margin-top:10px;
 left:0;
 width:100%;
 height:2px;
 background:#e0e0e0;
 content:'';
 opacity:0;
 -webkit-transition:opacity .3s,-webkit-transform .3s;
 -moz-transition:opacity .3s,-moz-transform .3s;
 transition:opacity .3s,transform .3s;
 -webkit-transform:translateY(10px);
 -moz-transform:translateY(10px);
 transform:translateY(10px)
}
.social-list a:hover::after,
.social-list a:focus::after {
 opacity:1;
 -webkit-transform:translateY(0px);
 -moz-transform:translateY(0px);
 transform:translateY(0px)
}
.copyright {
 font-size:9px;
 color:#777;
 font-family:montserrat,arial,sans-serif;
 font-weight:400;
 text-transform:uppercase;
 letter-spacing:.2em;
 line-height:1.5em
}
@media all and (min-width:400px) {
}
@media all and (min-width:700px) {
 .social-list li {
  width:auto;
  margin:15px
 }
 .social-list a {
  font-size:12px
 }
}
@media all and (min-width:900px) {
}
@media all and (min-width:1200px) {
}
.depth-5 img,
.depth-4 img,
.depth-3 img,
.depth-2 img,
.depth-1 img {
 -webkit-transform:scale(.6);
 -moz-transform:scale(.6);
 -ms-transform:scale(.6,.6);
 transform:scale(.6)
}
.depth-5 {
 position:absolute;
 right:-100%;
 top:-24%
}
.depth-4 {
 position:absolute;
 left:-10%;
 top:37%
}
.depth-3.flake1 {
 display:none
}
.depth-3.flake2 {
 position:absolute;
 right:16%;
 bottom:20%
}
.depth-3.flake3 {
 position:absolute;
 left:10%;
 bottom:16%
}
.depth-3.flake4 {
 display:none
}
.depth-2.flake1 {
 display:none
}
.depth-2.flake2 {
 display:none
}
.depth-1.flake1 {
 display:none
}
.depth-1.flake2 {
 position:absolute;
 right:40%;
 top:50%
}
.depth-1.flake3 {
 display:none
}
.depth-1.flake4 {
 position:absolute;
 right:0;
 top:0
}
@media all and (min-width:400px) {
 .depth-5 {
  position:absolute;
  right:-50%;
  top:-80%
 }
 .depth-4 {
  left:-4%;
  top:20%
 }
 .depth-3.flake1 {
  display:none
 }
 .depth-3.flake2 {
  position:absolute;
  right:16%;
  bottom:20%
 }
 .depth-3.flake3 {
  position:absolute;
  left:10%;
  bottom:16%
 }
 .depth-3.flake4 {
  display:none
 }
 .depth-2.flake1 {
  display:none
 }
 .depth-2.flake2 {
  display:none
 }
 .depth-1.flake1 {
  display:none
 }
 .depth-1.flake2 {
  position:absolute;
  right:40%;
  top:40%
 }
 .depth-1.flake3 {
  display:none
 }
 .depth-1.flake4 {
  position:absolute;
  right:0;
  top:0
 }
}
@media all and (min-width:700px) {
 .depth-5 img,
 .depth-4 img,
 .depth-3 img,
 .depth-2 img,
 .depth-1 img {
  -webkit-transform:scale(.8);
  -moz-transform:scale(.8);
  -ms-transform:scale(.8,.8);
  transform:scale(.8)
 }
 .depth-5 {
  right:-25%;
  top:3%
 }
 .depth-4 {
  left:-3%;
  top:15%
 }
 .depth-3.flake1 {
  display:none
 }
 .depth-3.flake2 {
  right:25%;
  bottom:25%
 }
 .depth-3.flake3 {
  left:20%;
  bottom:20%
 }
 .depth-3.flake4 {
  display:block;
  position:absolute;
  left:10%;
  bottom:40%
 }
 .depth-2.flake1 {
  display:none
 }
 .depth-2.flake2 {
  display:none
 }
 .depth-1.flake1 {
  display:none
 }
 .depth-1.flake2 {
  display:block;
  left:15%;
  top:25%
 }
 .depth-1.flake3 {
  display:none
 }
 .depth-1.flake4 {
  display:none
 }
}
@media all and (min-width:900px) {
 .depth-5 {
  right:-25%;
  top:3%
 }
 .depth-4 {
  left:-3%;
  top:15%
 }
 .depth-3.flake1 {
  display:none
 }
 .depth-3.flake2 {
  right:25%;
  bottom:25%
 }
 .depth-3.flake3 {
  left:20%;
  bottom:20%
 }
 .depth-3.flake4 {
  display:block;
  position:absolute;
  left:10%;
  bottom:40%
 }
 .depth-2.flake1 {
  display:none
 }
 .depth-2.flake2 {
  display:none
 }
 .depth-1.flake1 {
  display:none
 }
 .depth-1.flake2 {
  display:block;
  left:15%;
  top:25%
 }
 .depth-1.flake3 {
  display:none
 }
 .depth-1.flake4 {
  display:none
 }
}
@media all and (min-width:1200px) {
 .depth-5 img,
 .depth-4 img,
 .depth-3 img,
 .depth-2 img,
 .depth-1 img {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1,1);
  transform:scale(1)
 }
 .depth-5 {
  right:0;
  top:10%;
  -webkit-animation:wave 9s .1s infinite linear;
  -moz-animation:wave 9s .1s infinite linear;
  animation:wave 9s .1s infinite linear
 }
 .depth-4 {
  left:-3%;
  top:15%;
  -webkit-animation:wave 7s .1s infinite linear;
  -moz-animation:wave 7s .1s infinite linear;
  animation:wave 7s .1s infinite linear
 }
 .depth-3 {
  -webkit-animation:wave 6s .1s infinite linear;
  -moz-animation:wave 6s .1s infinite linear;
  animation:wave 6s .1s infinite linear
 }
 .depth-3.flake1 {
  display:block;
  position:absolute;
  left:20%;
  top:40%
 }
 .depth-3.flake2 {
  right:25%;
  bottom:25%
 }
 .depth-3.flake3 {
  left:20%;
  bottom:20%
 }
 .depth-3.flake4 {
  display:block;
  position:absolute;
  left:10%;
  bottom:40%
 }
 .depth-2 {
  -webkit-animation:wave 5s .1s infinite linear;
  -moz-animation:wave 5s .1s infinite linear;
  animation:wave 5s .1s infinite linear
 }
 .depth-2.flake1 {
  display:block;
  position:absolute;
  right:40%;
  top:40%
 }
 .depth-2.flake2 {
  display:none
 }
 .depth-1 {
  -webkit-animation:wave 4s .1s infinite linear;
  -moz-animation:wave 4s .1s infinite linear;
  animation:wave 4s .1s infinite linear
 }
 .depth-1.flake1 {
  display:block;
  position:absolute;
  left:30%;
  bottom:20%
 }
 .depth-1.flake2 {
  display:block;
  left:15%;
  top:25%
 }
 .depth-1.flake3 {
  display:block;
  position:absolute;
  bottom:20%;
  right:40%
 }
 .depth-1.flake4 {
  display:block;
  right:40%;
  top:25%
 }
}
@media all and (min-width:1400px) {
 .depth-5 {
  right:-10%;
  top:-5%
 }
 .depth-4 {
  left:-3%;
  top:15%
 }
 .depth-3.flake1 {
  display:block;
  position:absolute;
  left:20%;
  top:40%
 }
 .depth-3.flake2 {
  right:25%;
  bottom:25%
 }
 .depth-3.flake3 {
  left:40%;
  bottom:20%
 }
 .depth-3.flake4 {
  display:block;
  position:absolute;
  left:10%;
  bottom:40%
 }
 .depth-2.flake1 {
  display:block;
  position:absolute;
  right:40%;
  top:40%
 }
 .depth-2.flake2 {
  display:none
 }
 .depth-1.flake1 {
  display:block;
  position:absolute;
  left:30%;
  bottom:30%
 }
 .depth-1.flake2 {
  display:block;
  left:15%;
  top:25%
 }
 .depth-1.flake3 {
  display:block;
  position:absolute;
  bottom:20%;
  right:40%
 }
 .depth-1.flake4 {
  display:block;
  right:40%;
  top:25%
 }
}
@media all and (min-width:1920px) {
 .depth-5 {
  right:-10%;
  top:5%
 }
 .depth-4 {
  left:3%;
  top:15%
 }
 .depth-3.flake1 {
  display:block;
  position:absolute;
  left:20%;
  top:40%
 }
 .depth-3.flake2 {
  right:25%;
  bottom:25%
 }
 .depth-3.flake3 {
  left:40%;
  bottom:20%
 }
 .depth-3.flake4 {
  display:block;
  position:absolute;
  left:10%;
  bottom:40%
 }
 .depth-2.flake1 {
  display:block;
  position:absolute;
  right:40%;
  top:40%
 }
 .depth-2.flake2 {
  display:none
 }
 .depth-1.flake1 {
  display:block;
  position:absolute;
  left:30%;
  bottom:30%
 }
 .depth-1.flake2 {
  display:block;
  left:20%;
  top:30%
 }
 .depth-1.flake3 {
  display:block;
  position:absolute;
  bottom:30%;
  right:40%
 }
 .depth-1.flake4 {
  display:block;
  right:40%;
  top:25%
 }
}
@media all and (min-width:400px) {
}
@media all and (min-width:700px) {
}
@media all and (min-width:900px) {
}
@media all and (min-width:1200px) {
}
@-webkit-keyframes bounce {
 from,
 20%,
 53%,
 80%,
 to {
  -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 40%,
 43% {
  -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
  animation-timing-function:cubic-bezier(.755,.05,.855,.06);
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 70% {
  -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
  animation-timing-function:cubic-bezier(.755,.05,.855,.06);
  -webkit-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-4px,0);
  transform:translate3d(0,-4px,0)
 }
}
@keyframes bounce {
 from,
 20%,
 53%,
 80%,
 to {
  -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 40%,
 43% {
  -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
  animation-timing-function:cubic-bezier(.755,.05,.855,.06);
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 70% {
  -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
  animation-timing-function:cubic-bezier(.755,.05,.855,.06);
  -webkit-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-4px,0);
  transform:translate3d(0,-4px,0)
 }
}
@-webkit-keyframes wave {
 0% {
  -webkit-transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  -moz-transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg)
 }
 100% {
  -webkit-transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  -moz-transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg)
 }
}
@-moz-keyframes wave {
 0% {
  -webkit-transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  -moz-transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg)
 }
 100% {
  -webkit-transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  -moz-transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg)
 }
}
@-ms-keyframes wave {
 0% {
  -webkit-transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  -moz-transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg)
 }
 100% {
  -webkit-transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  -moz-transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg)
 }
}
@keyframes wave {
 0% {
  -webkit-transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  -moz-transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg)
 }
 100% {
  -webkit-transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  -moz-transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg)
 }
}
.snap {
 display:block;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:url(/images/404-background.jpg) no-repeat center;
 background-size:cover;
 text-align:center
}
.snap .line {
 margin-bottom:70px
}
.button {
 display:inline-block;
 margin-top:80px;
 font-family:montserrat,arial,sans-serif;
 font-weight:400;
 font-style:normal;
 text-transform:uppercase;
 text-decoration:none;
 font-size:12px;
 line-height:12px;
 letter-spacing:.2em;
 color:#272727;
 border:1px solid rgba(39,39,39,.4);
 padding:15px 35px;
 -webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;
 box-sizing:content-box;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -ms-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out
}
.button:hover {
 background:#272727;
 color:#fff;
 border:1px solid #272727
}
.mfp-title {
 padding-left:10px;
 padding-top:10px;
 color:#fff;
 font-family:montserrat,arial,sans-serif;
 font-weight:400;
 text-transform:uppercase;
 letter-spacing:.2em;
 line-height:1em;
 font-size:9px
}
#customizer {
 display:none
}
@media only screen and (min-width:992px) {
 #customizer {
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:9999
 }
 .corner {
  cursor:pointer;
  float:left;
  width:50px;
  height:50px;
  background:url(/images/switcher.gif) no-repeat center
 }
 #options {
  display:none;
  position:absolute;
  left:0;
  top:0;
  z-index:-1;
  min-width:200px;
  background:#fff;
  border-right:1px solid #e0e0e0;
  border-bottom:1px solid #e0e0e0;
  padding:30px 0 10px 30px;
  -webkit-border-bottom-right-radius:3px;
  border-bottom-right-radius:3px
 }
 #options h4 {
  padding:0;
  margin-bottom:15px
 }
 .options-segment {
  margin-bottom:20px
 }
 .customize-button {
  display:inline-block;
  margin:0;
  background:#f7f7f7;
  border:1px solid #f7f7f7;
  padding:3px 7px;
  margin-right:5px;
  font-family:montserrat;
  color:#212121;
  text-transform:uppercase;
  font-size:9px;
  letter-spacing:.2em;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -ms-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out
 }
 .customize-button:hover {
  background:#fff;
  text-decoration:none
 }
 .customize-button:last-of-type {
  margin-right:0
 }
 .color-scheme li {
  display:inline-block;
  margin-right:4px
 }
 .color-scheme a {
  display:block;
  height:20px;
  width:20px
 }
 .cyan a {
  background:#72e0eb
 }
 .red a {
  background:#fd4326
 }
 .green a {
  background:#26fd95
 }
 .pink a {
  background:#fd2686
 }
 .yellow a {
  background:#fdb426
 }
}
.no-padding{
    padding-left: 0px!important;
    padding-right: 0px!important;

}

.special-heading {
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
}
.special-heading.top-subtitle {
  margin-bottom: -36px;
  margin-top: 5px;
 padding:0px;
}
.special-heading.top-subtitle span {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: #3fd0d4;
  position: relative;
  z-index: 2;
  display: inline-block;
  line-height: 2;
}
@media (max-width: 767px) {
  .special-heading.top-subtitle {
    text-align: center !important;
  }
}
.special-heading.ds.top-subtitle span {
  color: #aad2e7;
}
.special-heading.section-heading {
  margin-top: 29px;
  margin-bottom: 40px;
 padding: 0px;
}
.special-heading.section-heading span {
  line-height: 1;
  z-index: 1;
  font-size: 48px;
  position: relative;
  text-transform: none;
  display: inline-block;
  margin: 0;
}
.special-heading.section-heading.back {
  margin: 0;
 padding: 0;
}
.special-heading.section-heading.back span {
  position: absolute;
  font-size: 90px;
  font-weight: bolder;
  opacity: 0.05;
  top: 2px;
  text-transform: uppercase;
  z-index: -1;
}
.special-heading.section-heading.back.text-left span {
  left: -5px !important;
}
.special-heading.section-heading.back.text-center span {
  left: 50% !important;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .special-heading.section-heading {
    margin-bottom: 35px;
  }
}
@media (max-width: 767px) {
  .special-heading.section-heading {
    text-align: center !important;
  }
  .special-heading.section-heading span {
    font-size: 40px;
  }
  .special-heading.section-heading.back span {
    font-size: 105px;
  }
  .special-heading.section-heading.back.text-left span {
    left: 50% !important;
    transform: translateX(-50%);
  }
}
@media (max-width: 575px) {
  .special-heading.section-heading span {
    font-size: 32px;
  }
  .special-heading.section-heading.back span {
    font-size: 80px;
    top: 2px;
  }
}
.special-heading.text-center:after {
  left: 50%;
  transform: translateX(-50%);
}
.special-heading.text-lowercase {
  font-size: 62px;
  font-weight: 300;
  margin-bottom: 0;
  line-height: 1.1;
}
.special-heading.big, .special-heading.text-uppercase {
  font-size: 64px;
  font-weight: 900;
  line-height: 0.8;
}
.special-heading.big {
  margin-top: 0.65em;
  margin-bottom: 0.65em;
}
@media (max-width: 1600px) {
  .special-heading.big, .special-heading.text-lowercase, .special-heading.text-uppercase {
    font-size: 42px;
    line-height: 1;
  }
}
.special-heading + h3 {
  margin-top: -0.5em;
}
.special-heading.text-center + p {
  text-align: center;
}
h3.small .special-heading {
  line-height: 1;
  font-size: 38px;
}
h3.small {
  font-size: 20px;
  margin-bottom: 36px;
}
#hero{min-height: 500px;}

figure.title {
  display: inherit!important;
  position:  relative!important;
  width:  inherit!important;
  top: initial!important;
}