/* CSS by studio-frey.com */

/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
img {border: 0px; vertical-align: bottom;} img title {visibility:hidden !important;}

/* start general styles */
html { overflow-y: scroll; }
.mobile {display:none !important;}
.onlyphone {display:none !important;}
.onlyphone-portrait {display:none !important;}
.delayContent {display:none;}
body { 
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust:none;
	height: auto;
	color:000;
	font-family:'brandon_grotesquelight',Arial,sans-serif;
	font-variant-ligatures: none;
	-webkit-font-variant-ligatures: no-common-ligatures;
	background:#F8F9FA;
	}
	

/* start sitebuild styles */	
html,body {
    height:100%;
}

.noscroll {height:100%; overflow:hidden;}

p {font-size:17px; line-height:26px; letter-spacing:0.3px; margin-top:18px; color:000; font-variant-ligatures: none;}
h1 {font-family:'bauer_bodoniitalic', Times, serif; font-size:58px; line-height:70px; letter-spacing:1.4px;}
h2 {font-family:'bauer_bodoniitalic', Times, serif; font-size:28px; line-height:36px; letter-spacing:1.6px;}
h3 {font-family:'brandon_grotesqueregular',Arial,sans-serif; font-size:22px; line-height:30px; letter-spacing:0px;}

.trans {-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
.trans:hover {-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}

.trans2 {-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s;}
.trans2:hover {-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s;}

/* end general styles */

/* start link styles */
a:link, a:visited {font-style:normal; text-decoration:none; color:#000; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
a:hover {text-decoration:underline; color:#000; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
/* end link styles */

/* COLORS*/
.color1 {background:#F8F9FA;}
.color2 {background:#4F64EC;}
.color3 {background:#FFE594;}
.color4 {background:#FFF7DF;}

.brandpoint {font-family:'brandon_grotesqueregular',Arial,sans-serif; font-size:24px !important; line-height:24px; padding:20px 0 0;}

.loading-window {position:fixed; width:100%; background:#fff; left:0; right:0; top:0; bottom:0; z-index:199;}
.loading-window img {position:absolute; top:45%; left:50%; width:220px; margin-left:-110px; opacity:0.9;
    /*
	-webkit-animation:spin 0.7s ease-in-out 1;
    -moz-animation:spin 0.7s ease-in-out 1;
    animation:spin 0.7s ease-in-out 1;
	*/
}
@-moz-keyframes zoomIn { 100% { -moz-transform: scale(1.1); } }
@-webkit-keyframes zoomIn { 100% { -webkit-transform: scale(1.1); } }
@keyframes zoomIn { 100% { -webkit-transform: scale(1.1); transform:scale(1.1); } }

/* note boxes */
#notebox1 {position:fixed; z-index:999; left:0; right:0; bottom:0; width:100%; box-sizing:border-box; padding:10px 50px 30px;}
#notebox1 p {font-size:14px; line-height:20px;} #notebox1 p a {text-decoration:underline;}
.close {
  position: absolute;
  right: 32px;
  top: 25px;
  width: 32px;
  height: 32px;
  opacity: 1;}
.close:hover {opacity: 0.7;}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #4F64EC;}
.close:before {transform: rotate(45deg);}
.close:after {transform: rotate(-45deg);}

/* navigation mobile */
#navigationwrapper {position:fixed; width:290px; height:100%; top:0; bottom:0; left:0; right:0; z-index:99; box-sizing:border-box; padding:17vh 0px 0px 0px; display:none;}
#navigation {position:relative; margin:auto; box-sizing:border-box; padding:0px 0 0; z-index:6; text-align:center; font-size:28px;}
#navigation ul li {margin:45px 0px 25px 0px; display:block; list-style:none; position:relative; float:none; text-align:center;}
#navigation ul li a {font-family:'brandon_grotesqueregular',Arial,sans-serif; font-size:15px; line-height:16px; letter-spacing:2.4px; padding:0px; text-decoration:none;}
#navigation ul li a:hover {color:#000; text-decoration:underline; cursor:pointer;}
#navigation ul li a.active {color:#000; text-decoration:none;}

#contentcontainer {position:relative; z-index:5; padding:0px 0 0; min-height:500px; overflow:hidden;}
.contentlimiter1 {max-width:800px; margin:auto; padding:0 20px; position:relative; z-index:6;}
.contentlimiter2 {max-width:1000px; margin:auto; padding:0 20px; position:relative; z-index:6;}
.contentlimiterText {max-width:530px; margin:auto; padding:0 20px; position:relative; z-index:6;}

.block404 {font-size:30px; line-height:40px; padding:100px 0;}

/* VIDEO AND IMAGE BACKGROUND CLASS */
.vid{position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden;}

.block-header {position:absolute; width:100%; left:0; top:0; height:100px; background:#F8F9FA; z-index:99;}
.block-header-logo {width:180px; position:absolute; right:120px; top:40px;} .block-header-logo img {width:100%;}

.block-logo-right {position:fixed; right:10px; top:-180px; transform:rotate(90deg); width:180px; z-index:99;} .block-logo-right img {width:100%;}
.block-logo-right-show {top:45%;}
.block-logo-right:hover {transform:scale(1.05) rotate(90deg);}
 
.block-contact-left {position:fixed; left:50px; top:-100px; transform:rotate(270deg); width:100px; z-index:99;} .block-contact-left img {width:100%;}
.block-contact-left-show {top:45% !important;}
.block-contact-left:hover {transform:scale(1.05) rotate(270deg);}

.block-home {box-sizing:border-box; margin:0 auto 0; width:100%; z-index:20; position:relative; overflow:hidden; z-index:21;} .block-home img {width:100%;}  
.block-home-text {text-align:center; position:absolute; width:100%; left:0; top:40%; z-index:23;} .block-home-text img {width:36%;}

.homebox {position:absolute; width:100%; height:100%; background:no-repeat; background-size:cover;}

.block1 {box-sizing:border-box; margin:0px auto 0; padding:130px 0 130px; z-index:20; position:relative;} 
.block1 h2 {padding-bottom:50px;}
.block1-sub {padding:60px 0 0;}
.block1 a {display:block; font-family:'brandon_grotesqueregular',Arial,sans-serif; font-size:15px; line-height:16px; letter-spacing:2.4px; padding:20px 0 0; text-decoration:underline;}
.block1 a:hover {transform:scale(1.07);}

.block1b {padding:150px 0 170px; margin:100px auto 0;}

.block2 {padding:0 0 120px;} .block2 img {width:100%;}
.block2 img:hover {transform:scale(1.03);}

.block3 {position:relative; overflow:hidden; width:560px; height:560px; border-radius:49.99%; margin:auto; box-sizing:border-box; padding:0px 0 0; z-index:6;}
.block3 img {width:100%;}
.block3-show {-webkit-animation:zoomIn 4s ease 0s;
    -moz-animation:zoomIn 4s ease 0s;
    animation:zoomIn 4s ease 0s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-animation-fill-mode: forwards;}

.block3-inner {position:absolute; left:0; top:0; width:100%;
}
.block3-inner img {width:100%;}

.block4 {padding:250px 0 0; text-align:center;}

.block5 {margin:200px 0 0; padding:170px 0; text-align:center;}

.block6 {}
.block6-box {width:33.33%; padding:0px; margin:0px; box-sizing:border-box; float:left; overflow:hidden;} .block6-box img {width:100%;}
/*.block6-box img:hover {transform:scale(1.03);}*/

.block7 {box-sizing:border-box; margin:0px auto 0; padding:150px 0 10px; z-index:20; position:relative;} 
.block7 h2 {padding-bottom:0px;}
.block7 a {text-decoration:underline;}

.block-spacer {padding:0; position:relative;} .block-spacer img {width:100%;}
.block-spacer-text {position:absolute; top:34%; text-align:center; width:100%; z-index:80;}
.block-spacer-text h1, .block-spacer-text p, .block-spacer-text .brandpoint {color:#FFF;} 
.block-spacer-text h1 {font-size:48px; line-height:58px; letter-spacing:1.4px;}
 

#instagram {margin:70px 0 0 0; background:none; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
#instagram:hover a{opacity:.5}
#instagram a{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:calc(100%/5);-ms-flex-preferred-size:calc(100%/5);flex-basis:calc(100%/5);line-height:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}
#instagram a:hover{opacity:1}
#instagram img{width:100%; padding:25px; display:block; box-sizing:border-box;}

.footer-copyright {margin:0; padding:15px 0 15px; color:000; font-size:14px; line-height:14px; letter-spacing:0.5px; text-align:center; z-index:99; position:relative; border-top:2px solid #F5F5F5;}

/* --Mobile */
#mobile {display:none;}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.clear {clear:both;}

/* Media Queries
***********************/
@media screen and (max-width: 1200px) {	
	
}

@media screen and (max-width: 800px) {
	.desktop {display:none !important;}
	.mobile {display:inherit !important;}

	p {font-size:15px; line-height:23px; letter-spacing:0.2px; margin-top:14px; }
	h1 {font-size:22px; line-height:34px; letter-spacing:1.0px;}
	h2 {font-size:20px; line-height:30px; letter-spacing:1.0px;}
	h3 {font-size:18px; line-height:26px; letter-spacing:0px;}
	
	.brandpoint {font-family:'brandon_grotesqueregular',Arial,sans-serif; font-size:18px !important; line-height:18px; padding:12px 0 0;}
	
	.loading-window img {top:45%; left:50%; width:140px; margin-left:-70px; opacity:0.9;}
	
	/* navigation mobile */
	#navigationwrapper {position:fixed; width:100%; height:100%; top:0; bottom:0; left:0; right:0; z-index:99; box-sizing:border-box; padding:15vh 0px 0px 0px; display:none;}
	#navigation {position:relative; margin:auto; box-sizing:border-box; padding:0px 0 0; z-index:6; text-align:center; font-size:24px;}
	#navigation ul li {margin:16px 0px 0px 0px; display:block; list-style:none; position:relative; float:none; text-align:center;}
	#navigation ul li a {font-size:15px; line-height:16px; letter-spacing:2.4px; padding:0px; text-decoration:none;}
	#navigation ul li a:hover {color:#000; text-decoration:underline; cursor:pointer;}
	#navigation ul li a.active {color:#000; text-decoration:none;}
	
	#contentcontainer {position:relative; z-index:5; padding:0px 0 0; min-height:500px; overflow:hidden;}
	.contentlimiter1 {max-width:800px; margin:auto; padding:0 60px; position:relative; z-index:6;}
	.contentlimiter2 {max-width:1000px; margin:auto; padding:0 60px; position:relative; z-index:6;}
	.contentlimiterText {max-width:530px; margin:auto; padding:0 60px; position:relative; z-index:6;}
	
	.block404 {font-size:30px; line-height:40px; padding:100px 0;}
	
	/* VIDEO AND IMAGE BACKGROUND CLASS */
	.vid{position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden;}
	
	.block-header {position:absolute; width:100%; left:0; top:0; height:60px; background:#FFF; z-index:99;}
	.block-header-logo {width:150px; position:absolute; right:20px; top:20px;} .block-header-logo img {width:100%;}
	
	.block-logo-right {position:fixed; right:-50px; top:-180px; transform:rotate(90deg); width:140px; z-index:99;} .block-logo-right img {width:100%;}
	.block-logo-right-show {top:45%;}
	.block-logo-right:hover {transform:scale(1.05) rotate(90deg);}
	 
	.block-contact-left {position:fixed; left:-15px; top:-100px; transform:rotate(270deg); width:73px; z-index:99;} .block-contact-left img {width:100%;}
	.block-contact-left-show {top:45% !important;}
	.block-contact-left:hover {transform:scale(1.05) rotate(270deg);}
	
	.block-home {box-sizing:border-box; margin:0 auto 0; width:100%; z-index:20; position:relative; overflow:hidden; z-index:21;} .block-home img {width:100%;}  
	.block-home-text {text-align:center; position:absolute; width:100%; left:0; top:36%; z-index:23; box-sizing:border-box; padding:0 50px;} .block-home-text img {width:36%;}
	
	.homebox {position:absolute; width:100%; height:100%; background:no-repeat; background-size:cover;}
	
	.block1 {box-sizing:border-box; margin:0px auto 0; padding:90px 0 80px; z-index:20; position:relative;} 
	.block1 h2 {padding-bottom:50px;}
	.block1-sub {padding:0px 0 40px;}
	.block1 a {display:block; font-size:14px; line-height:15px; letter-spacing:2.0px; padding:20px 0 0; text-decoration:underline;}
	.block1 a:hover {transform:scale(1.1);}
	
	.block1b {padding:90px 0 110px; margin:60px auto 0;}
	
	.block2 {} .block2 img {width:100%;}
	.block2 img:hover {transform:scale(1.1);}
	
	.block3 {position:relative; overflow:hidden; width:250px; height:250px; border-radius:49.99%; margin:auto; box-sizing:border-box; padding:0px 0 0; z-index:6;}
	.block3 img {width:100%;}
	.block3-show {transform:scale(1.15);}
	
	.block4 {padding:170px 0 0; text-align:center;}
	
	.block5 {margin:100px 0 0; padding:70px 0; text-align:center;}
	
	.block6 {margin:auto; max-width:250px;}
	.block6-box {width:100%; float:left; padding-bottom:6px;} .block6-box img {width:100%;}
	
	.block-spacer {padding:0; position:relative;} .block-spacer img {width:100%;}
	.block-spacer-text {position:absolute; top:16%; text-align:center; width:100%; z-index:80;}
	.block-spacer-text h1, .block-spacer-text p {color:#FFF;} 
	.block-spacer-text h1 {font-size:18px; line-height:26px;}
	
	#instagram {margin:50px 0 0 0; background:none; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
	#instagram:hover a{opacity:.5}
	#instagram a{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:calc(100%/2);-ms-flex-preferred-size:calc(100%/2);flex-basis:calc(100%/2);line-height:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}
	#instagram a:hover{opacity:1}
	#instagram img{width:100%; padding:15px; display:block; box-sizing:border-box;}
	
	.footer-copyright {margin:0; padding:10px 0 10px; color:000; font-size:12px; line-height:16px; letter-spacing:0.5px; text-align:center; z-index:99; position:relative; border-top:1px solid #F5F5F5;}

	
}

@media screen and (max-width: 680px) {
	.nophone {display:none !important;}
	.onlyphone {display:inherit !important;}

	
}

@media screen and (max-width: 500px) { 
	.nophone-portrait {display:none !important;}
	.onlyphone-portrait {display:inherit !important;}
	
	
	
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
	position:fixed; left:125px; top:40px; z-index:100;
	transition: all 0.3s ease !important;
  padding:inherit;
  display: inline-block;
  cursor:pointer !important;
  transition-property: opacity, filter;
  transition-duration: 0.25s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.9; }

.hamburger-box {
	
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 3px;
    /* background-color: #000; */
	background:url(../data/files/hamburger-bg2.png) no-repeat; background-size:100% 100%;
    border-radius: 2px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.25s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px;}
  .hamburger-inner::after {
    bottom: -10px; }

.hamburgerwhite {background-color:#FFF;}
.hamburgerwhite::before {background-color:#FFF;}
.hamburgerwhite::after {background-color:#FFF;}
/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(35deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  background:#000;
  height:2px;}
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-70deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	background:#000;
	height:2px;}

@media screen and (max-width: 1100px) {
	
}

@media screen and (max-width: 800px) {
	.hamburger {left:25px; top:21px; width:30px;}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 25px; height: 2px; border-radius: 1px;}
  	.hamburger-inner::before {top: -6px; }
    .hamburger-inner::after {bottom: -6px; }
}