/* 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;}

/* form reset */ 
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="email"],
input[type="tel"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

textarea:focus, input:focus{
    outline: none;
}

sub, sup {
  /* Specified in % so that the sup/sup is the right size relative to the surrounding text */
  font-size: 60%;

  /* Zero out the line-height so that it doesn't interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: -0.6em;
}

sub {
  /* Move the subscripted text down, but only half as far down as the superscript moved up */
  bottom: -0.25em;
}
/* end form reset */ 

/* start general styles */
html { overflow-y: scroll; }
.mobile {display:none !important;}
.onlyphone {display:none !important;}
.onlyphone-portrait {display:none !important;}
body { 
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust:none;
	height: auto;
	color:#33342F;
	font-family:'Montserrat',Arial,sans-serif; font-weight: 400; font-style: normal;
	font-variant-ligatures: none;
	-webkit-font-variant-ligatures: no-common-ligatures;
	background:#fff;
	}

/* start sitebuild styles */	
html,body {height:100%;}
.noscroll {height:100%; overflow:hidden;}

strong {font-family:'Montserrat',Arial,sans-serif; font-weight: 700; font-style: normal;}

p {font-size:17px; line-height:26px; letter-spacing:0.0px; margin-top:18px; font-variant-ligatures: none;}

h1 {font-family:'Montserrat',Arial,sans-serif; font-weight: 400; font-style: normal; font-size:32px; line-height:42px; letter-spacing:0.3px; margin: 0 0 30px;}
h2 {font-family:'Montserrat',Arial,sans-serif; font-weight: 600; font-style: normal; font-size:24px; line-height:24px; letter-spacing:0px;}
h3 {font-family:'Ms Madi', Arial, sans-serif; font-weight: 400; font-style: cursive; font-size:34px; line-height:34px; letter-spacing:0px; margin:24px 0 24px;}

.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;}
/* end general styles */

/* start link styles */
a:link, a:visited {font-style:normal; text-decoration:underline; text-underline-position: under; text-decoration-thickness: 1px; color:#171d2d; -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; text-underline-position: under; text-decoration-thickness: 1px; color:#171d2d; -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 */

.loading-window {position:fixed; width:100%; background:#000; left:0; right:0; top:0; bottom:0; z-index:98;}
.loading-window2 {position:fixed; width:100%; background:#000; left:0; right:0; top:0; bottom:0; z-index:98;}

#contentcontainer {position:relative; z-index:21; padding:0px 0 0; min-height:500px; overflow:hidden;}
.contentlimiter1 {margin:auto; position:relative; z-index:21; padding:0 4%; max-width: 800px;}
.contentlimiter2 {margin:auto; position:relative; z-index:21; padding:0 4%; max-width: 1240px;}
@media screen and (max-width: 1650px) {.contentlimiter2 {padding:0 4%; max-width: 1200px;}}

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

/* DECISION PAGE */
.block-start-background {position:fixed; z-index:10; left:0; right:0; width:100%; height: 100vh; top:0; bottom:0; overflow:hidden; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}
.block-start-wrapper {background: #000; position:fixed; z-index:10; left:0; right:0; width:100%; height: 100vh; top:0; bottom:0;
	animation: zoomin 20s ease;
}
.block-start-overlay {position:fixed; z-index:11; left:0; right:0; width:100%; top:0; bottom:0; overflow:hidden; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; background:rgba(0,0,0,0.3);}

@keyframes zoomin {
	0% { transform: scale(1.0); }
	100% { transform: scale(1.1); }
}

.block-home {position: fixed; width: 50%; height: 100vh; cursor: pointer; z-index: 50; text-align: center; padding: 49vh 0 0;}
.block-home p {color: #ffffff; font-weight: 600; font-size: 26px; letter-spacing: 0.2px;}
.block-home-left {left:0; top: 0;}
.block-home-right {left:50%; top: 0;}
.block-home:hover {background:rgba(0,0,0,0.5);}

.block-home .block-button {display: none;}
.block-home:hover .block-button {display: inherit; -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;}

.block-home-mobile {background: transparent !important;} .block-home-mobile .block-button {display: inherit !important;}

/* NAV */
.block-nav {position: absolute; left: 50%; top: 165px; z-index: 90;}
.block-nav a {text-decoration: none; display: inline-block; margin: 0 40px;}
.block-nav a:hover {text-decoration: underline;}
.block-nav-left {margin-left: -480px;}
.block-nav-right {margin-left: 180px;}

.block-nav-mobile {position: relative; width: 80%; text-align: center; margin: 20px auto 0;}
.block-nav-mobile a {text-decoration: none; display: inline-block; margin: 0 45px; font-size:14px; line-height:23px;}
.block-nav-mobile a:hover {text-decoration: none;}

.block-nav-overlay {box-sizing:border-box;position: fixed; width: 100%; height: 100vh; background: #E5E5E5; z-index: 99; top: 0; padding: 3vh 0 0; text-align: center; display: none;}
.block-nav-overlay img {width: 30px; margin-bottom: 17vh; cursor: pointer;}
.block-nav-overlay a {text-decoration: none; display: block; margin:8vh 0px; font-size:14px; line-height:23px;}

/* FLICKITY */
.main-carousel {margin:-100px 0 -100px; overflow: hidden;}
.carousel-cell {width:100%;}
.carousel-cell img {height: auto; margin:auto; display:block;}
.flickity-button {
  background: transparent !important; }
.flickity-button-icon {
  fill: #fff !important;
}

/* Start Content */
.block-logo {box-sizing:border-box; margin:0px auto 0px; top: 40px; left: 50%; z-index:99; position:absolute; width: 300px; margin-left: -150px;} .block-logo img {width: 100%;}

.block-top {box-sizing:border-box; margin:370px 0 60px; padding:0px 0 0px; text-align:center; z-index:20; position:relative;}
.block-top p a {text-decoration: none;}

.block-fullimage {box-sizing:border-box; margin:0px 0 0px; padding:0px 0 0px; text-align:center; z-index:20; position:relative; overflow: hidden;} .block-fullimage img {width:100%;}
.block1 {box-sizing:border-box; margin:130px 0 130px; padding:0px 0 0px; text-align:center; z-index:20; position:relative;}

.block2 {box-sizing:border-box; margin:100px -2% 100px; padding:0px 0 0px; text-align:center; z-index:20; position:relative;}
.block2-box {box-sizing:border-box; float:left; width:46%; margin:1% 2% 1%; height: 130px; padding: 20px 20px; text-align: center;}

.block2-box2 {box-sizing:border-box; width:90%; margin:1% 5% 1%; padding: 10px 20px; text-align: center;}
.block2-box2 img {width: 90px;}
.block2-box2 p {margin: 10px 0 0;}

.block-map {box-sizing:border-box; margin:100px 0 0px; padding:0px 0 0px; z-index:20; position:relative;}
.goglmap {height:550px; margin:auto;}

/* BUTTONS */
.block-button {display: block; width: 240px; padding: 15px 0; text-align: center; border: 2px solid #000000; background: #fff; color: #000; font-weight: 600; margin: 16vh auto 0;}
.block-button:hover {background: #000; color: #fff;}

.block-button2 {display: block; width: 200px; padding: 15px 0px; text-align: center; border: 2px solid #000000; background: #fff; color: #000; font-weight: 600; margin: 60px auto 150px;}
a.block-button2 {text-decoration: none !important;}
.block-button2:hover {background: #000; color: #fff;}


/* FOOTER */
.block-footer-wrapper {box-sizing:border-box; margin:0px auto 0; background: #fff; padding:20px 0 40px; z-index:20; position:relative; text-align:right;}
.block-footer-wrapper p {font-size: 16px; line-height: 16px; letter-spacing: 0.3px;}
.block-footer-wrapper p a {text-decoration: none;}
.block-footer-left {position: absolute; left: 4%; top: -15px;}
.block-footer-wrapper img {width: 22px; margin: 0 5px -2px 0;}

/* MUSIC BOX */ 
.block-music {position: relative; margin:-40px 0 0; z-index: 9; width: 200px; height: 30px; background: #ff0000;}
.block-playercontrol {position: absolute; right: 40px; top: 30px; z-index: 90;}
.block-playlink {cursor: pointer; display: inline;}

.clear {clear:both;}

/* Media Queries
***********************/

@media screen and (max-width: 1290px) {	
	.main-carousel {margin:-50px 0 -50px; overflow: hidden;}
	
	.block-button {display: block; width: 210px; padding: 12px 0; text-align: center; border: 2px solid #000000; background: #fff; color: #000; font-weight: 600; margin: 16vh auto 0;}
	
}



@media screen and (max-width: 950px) {
	.desktop {display:none !important;}
	.mobile {display:inherit !important;}
	
	#contentcontainer {position:relative; z-index:21; padding:230px 0 0; min-height:500px; overflow:hidden;}
	.contentlimiter1 {margin:auto; position:relative; z-index:21; padding:0 4%; max-width: 800px;}
	.contentlimiter2 {margin:auto; position:relative; z-index:21; padding:0 4%; max-width: 1240px;}
	@media screen and (max-width: 1650px) {.contentlimiter2 {padding:0 4%; max-width: 1200px;}}
	
	.block404 {font-size:30px; line-height:40px; padding:100px 0;}

	/* DECISION PAGE */
	.block-start-background {position:fixed; z-index:10; left:0; right:0; width:100%; height: 100vh; top:0; bottom:0; overflow:hidden; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}
	.block-start-wrapper {background: #000; position:fixed; z-index:10; left:0; right:0; width:100%; height: 100vh; top:0; bottom:0;
		animation: zoomin 20s ease;
	}
	.block-start-overlay {position:fixed; z-index:11; left:0; right:0; width:100%; top:0; bottom:0; overflow:hidden; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; background:rgba(0,0,0,0.3);}
	
	@keyframes zoomin {
		0% { transform: scale(1.0); }
		100% { transform: scale(1.1); }
	}
	
	.block-home {position: fixed; width: 50%; height: 100vh; cursor: pointer; z-index: 50; text-align: center; padding: 49vh 0 0;}
	.block-home p {color: #ffffff; font-weight: 600; font-size: 26px; letter-spacing: 0.2px;}
	.block-home-left {left:0; top: 0;}
	.block-home-right {left:50%; top: 0;}
	.block-home:hover {background:rgba(0,0,0,0.5);}
	
	.block-home .block-button {display: none;}
	.block-home:hover .block-button {display: inherit;}
	
	/* NAV */
	.block-nav {position: absolute; left: 50%; top: 115px;}
	.block-nav a {text-decoration: none; display: inline-block; margin: 0 25px;}
	.block-nav a:hover {text-decoration: underline;}
	.block-nav-left {margin-left: -350px;}
	.block-nav-right {margin-left: 110px;}
	
	
	/* Start Content */
	.block-logo {box-sizing:border-box; margin:0px auto 0px; top: 30px; left: 50%; z-index:99; position:absolute; width: 200px; margin-left: -100px;} .block-logo img {width: 100%;}

	.block-top {box-sizing:border-box; margin:40px 0 60px; padding:0px 0 0px; text-align:center; z-index:20; position:relative;}
	.block-top p a {text-decoration: none;}
	
	.block-fullimage {box-sizing:border-box; margin:0px 0 0px; padding:0px 0 0px; text-align:center; z-index:20; position:relative;} .block-fullimage img {width:100%;}
	.block1 {box-sizing:border-box; margin:130px 0 130px; padding:0px 0 0px; text-align:center; z-index:20; position:relative;}
	
	.block2 {box-sizing:border-box; margin:100px -2% 100px; padding:0px 0 0px; text-align:center; z-index:20; position:relative;}
	.block2-box {box-sizing:border-box; float:left; width:46%; margin:1% 2% 1%; height: 130px; padding: 20px 20px; text-align: center;}
	
	.block-map {box-sizing:border-box; margin:100px 0 0px; padding:0px 0 0px; z-index:20; position:relative;}
	.goglmap {height:400px; margin:auto;}
	
	/* BUTTONS */
	.block-button {display: block; width: 240px; padding: 15px 0; text-align: center; border: 2px solid #000000; background: #fff; color: #000; font-weight: 600; margin: 16vh auto 0;}
	.block-button:hover {background: #000; color: #fff;}
	
	.block-button2 {display: block; width: 200px; padding: 15px 0px; text-align: center; border: 2px solid #000000; background: #fff; color: #000; font-weight: 600; margin: 60px auto 150px;}
	a.block-button2 {text-decoration: none !important;}
	.block-button2:hover {background: #000; color: #fff;}
	
	
	/* FOOTER */
	.block-footer-wrapper {box-sizing:border-box; margin:0px auto 0; background: #fff; padding:20px 0 40px; z-index:20; position:relative; text-align:right;}
	.block-footer-wrapper p {font-size: 16px; line-height: 16px; letter-spacing: 0.3px;}
	.block-footer-wrapper p a {text-decoration: none;}
	.block-footer-left {position: absolute; left: 4%; top: -15px;}
	

}

@media screen and (max-width: 800px) {
	.nophone {display:none !important;}
	.onlyphone {display:inherit !important;}
	
	p {font-size:14px; line-height:23px; letter-spacing:0.0px; margin-top:14px; font-variant-ligatures: none;}
	
	h1 {font-family:'Montserrat',Arial,sans-serif; font-weight: 400; font-style: normal; font-size:24px; line-height:42px; letter-spacing:0.3px; margin: 0 0 30px;}
	h2 {font-family:'Montserrat',Arial,sans-serif; font-weight: 600; font-style: normal; font-size:18px; line-height:18px; letter-spacing:0px;}
	h3 {font-family:'Ms Madi', Arial, sans-serif; font-weight: 400; font-style: cursive; font-size:30px; line-height:30px; letter-spacing:0px; margin:24px 0 20px;}
	
	
	#contentcontainer {position:relative; z-index:21; padding:224px 0 0; min-height:300px; overflow:hidden;}
	.contentlimiter1 {margin:auto; position:relative; z-index:21; padding:0 6%; max-width: 800px;}
	.contentlimiter2 {margin:auto; position:relative; z-index:21; padding:0 6%; max-width: 1240px;}
	@media screen and (max-width: 1650px) {.contentlimiter2 {padding:0 4%; max-width: 1200px;}}
	
	.block404 {font-size:30px; line-height:40px; padding:100px 0;}

	/* DECISION PAGE */
	.block-start-background {position:fixed; z-index:10; left:0; right:0; width:100%; height: 100vh; top:0; bottom:0; overflow:hidden; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}
	.block-start-wrapper {background: #000; position:fixed; z-index:10; left:0; right:0; width:100%; height: 100vh; top:0; bottom:0;
		animation: zoomin 20s ease;
	}
	.block-start-overlay {position:fixed; z-index:11; left:0; right:0; width:100%; top:0; bottom:0; overflow:hidden; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; background:rgba(0,0,0,0.3);}
	
	@keyframes zoomin {
		0% { transform: scale(1.0); }
		100% { transform: scale(1.1); }
	}
	
	.block-home {position: fixed; width: 100%; cursor: pointer; z-index: 50; text-align: center; padding: 8vh 0 0; margin: 8vh 0 0;}
	.block-home p {color: #ffffff; font-weight: 600; font-size: 20px; letter-spacing: 0.1px;}
	.block-home-left {left:0; top: 30vh;}
	.block-home-right {left:0%; top: 50vh;}
	.block-home:hover {background: none;}
	
	.block-home .block-button {display: none;}
	.block-home:hover .block-button {display: none;}
	
	/* NAV */
	.block-nav {position: absolute; left: 50%; top: 115px;}
	.block-nav a {text-decoration: none; display: inline-block; margin: 0 25px;}
	.block-nav a:hover {text-decoration: underline;}
	.block-nav-left {margin-left: -350px;}
	.block-nav-right {margin-left: 110px;}
	
	/* FLICKITY */
	.main-carousel {margin:-30px 0 -50px; overflow: hidden;}
	.carousel-cell {width:240%; }
	.carousel-cell img {margin-left: -25%;}
	.flickity-button {
	  background: transparent !important; }
	.flickity-button-icon {
	  fill: #fff !important;
	}
	
	/* Start Content */
	.block-logo {box-sizing:border-box; margin:0px auto 0px; top: 70px; left: 50%; z-index:99; position:absolute; width: 200px; margin-left: -100px;} .block-logo img {width: 100%;}

	.block-top {box-sizing:border-box; margin:30px 0 40px; padding:0px 0 0px; text-align:center; z-index:20; position:relative;}
	.block-top p a {text-decoration: none;}
	
	.block-fullimage {box-sizing:border-box; margin:0px 0 0px; padding:0px 0 0px; text-align:center; z-index:20; position:relative;} .block-fullimage img {width:100%;}
	.block1 {box-sizing:border-box; margin:60px 0 60px; padding:0px 0 0px; text-align:center; z-index:20; position:relative;}
	
	.block2 {box-sizing:border-box; margin:60px -2% 60px; padding:0px 0 0px; text-align:center; z-index:20; position:relative;}
	.block2-box {box-sizing:border-box; float:left; width:98%; margin:0% 1% 0%; height: auto; padding: 12px 20px; text-align: center;}
	
	.block2-box2 {box-sizing:border-box; width:96%; margin:1% 2% 1%; padding: 10px 10px; text-align: center;}
	.block2-box2 img {width: 70px;}
	.block2-box2 p {margin: 10px 0 0;}
	
	.block-map {box-sizing:border-box; margin:60px 0 0px; padding:0px 0 0px; z-index:20; position:relative;}
	.goglmap {height:300px; margin:auto;}
	
	/* BUTTONS */
	.block-button {display: block; width: 180px; padding: 10px 0; text-align: center; border: 2px solid #000000; background: #fff; color: #000; font-weight: 600; font-size: 14px; margin: 3vh auto 0;}
	.block-button:hover {background: #000; color: #fff;}
	
	.block-button2 {display: block; width: 180px; padding: 15px 0px; text-align: center; border: 2px solid #000000; background: #fff; color: #000; font-weight: 600; margin: 60px auto 80px; font-size: 14px;}
	a.block-button2 {text-decoration: none !important;}
	.block-button2:hover {background: #000; color: #fff;}
	
	
	/* FOOTER */
	.block-footer-wrapper {box-sizing:border-box; margin:0px auto 0; background: #fff; padding:40px 0 20px; z-index:20; position:relative; text-align:center;}
	.block-footer-wrapper p {font-size: 14px; line-height: 30px; letter-spacing: 0.3px;}
	.block-footer-wrapper p a {text-decoration: none;}
	.block-footer-left {position: absolute; left: 4%; top: -45px; width: 92%; text-align: center;}
	
	.block-footer-wrapper img {width: 20px; margin: 0 5px 5px 0;}
	
	.block-playercontrol {position: absolute; right: -25px; top: 50px; z-index: 90; transform: rotate(270deg);}
	.block-playlink {cursor: pointer; display: inline; font-size: 14px;}
}

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