@font-face {
    font-family: 'Fundamental 3D Brigade';
    src: url('/assets/fonts/Fundamental 3D Brigade.ttf');
}
@font-face {
    font-family: 'Congruency3D';
    src: url('/assets/fonts/Congruency3D.ttf');
}
@font-face {
    font-family: 'rm_squarial_3d';
    src: url('/assets/fonts/rm_squarial_3d.ttf');
}
@font-face {
    font-family: 'Unique';
    src: url('/assets/fonts/Unique.ttf');
}

















* {
    margin: 0;
    padding: 0;
}

*,*::before,*::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing:border-box;
}




html,body {
    background-color:#f8f9fa;
    font-family:'Source Sans Pro',sans-serif;
}
  

body,h1,h2,.loading-message,h3,h4,p,ul[class],ol[class],figure,blockquote,dl,dd {
    margin:0
}

body {
    min-height:100vh;
    scroll-behavior:smooth;
    text-rendering:optimizeSpeed;
    line-height:1.5;
}




.menu {
  font-family: "Voyage";
  text-transform: uppercase;
}

.menu-open {
  color: #fff;
}

.menu-open,
.menu-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 40px;
  font-size: 20px;
  cursor: pointer;
}

.nav-container {
  position: fixed;
  left: -100%;
  width: 100%;
  height: 100vh;
  background: #dfe8e0;
  text-align: center;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  z-index:998;
}


.menu__item-link {
  display: inline-block;
  font-size: 5vw;
  cursor: pointer;
  transition: opacity 0.1s;
  line-height: 100px;
  text-decoration: none;
  color: #000;
}

.menu__item-img {
  position: relative;
  top: 15px;
  padding: 0 20px;
  z-index: 2;
  pointer-events: none;
  height: 10vh;
  max-height: 600px;
  opacity: 1;
  transform: scale(0);
}

.menu__item:hover > .menu__item-img {
  opacity: 1;
  transform: scale(1);
  transition: all 0.2s;
}

@media (max-width: 900px) {
  .menu__item-link {
    font-size: 8vw;
    line-height: 70px;
  }
}

@media (max-width: 600px) {
  .menu__item-link {
    font-size: 8vw;
    line-height: 60px;
  }
}

@media (max-width: 400px) {
  .menu__item-link {
    font-size: 8vw;
    line-height: 50px;
  }
}

@media (max-width: 320px) {
  .menu__item-link {
    font-size: 8vw;
    line-height: 40px;
  }
}



.subnav {
  position: absolute;
}

[data-visually-hidden="true"] {
  display: none;
}
[data-visually-hidden="false"] {
  display: block;
}

.skip-to-main-content-link {
  position: absolute;
  left: -9999px;
  z-index: 999;
  padding: 1em;
  background-color: black;
  color: white;
  opacity: 0;
}
.skip-to-main-content-link:focus {
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
}

.wrapper {
 min-height: 100%;
 height: auto !important;
 height: 100%;
}



  


header {
 background:#000;    
 border-bottom: 10px solid #AD9256;
}


header h1 {
 font-family: 'Unique';   
 font-size:85px;
 color:#83692E;
 text-align:center;
 margin:0; 
 
}

header h1 a {
 color:#83692E;
 text-decoration:none;
}

header h1 a:hover {
 color:#83692E;
 text-decoration:none;
}


header img {
  max-width:400px;    
}


.wrapper img {
    max-width:100%;
    display:block;
}

.wrapper img.center, .panel-content img.center {
    display:block;
    margin: 0 auto;
}


@media(max-width: 800px) {
   
.menu-open,
.menu-close {
  font-size: 20px;  
  padding: 30px;
}   
   
    
header h1 {
 font-size:65px;
}
}


@media(max-width: 600px) {
    
.menu-open,
.menu-close {
  font-size: 18px;    
  padding: 20px;
}       
    
header h1 {
 font-size:40px;
}
}


@media(max-width: 400px) {
    
.menu-open,
.menu-close {
  font-size: 15px;    
  padding: 10px;
}       
    
header h1 {
 font-size:25px;
}
}

@media(max-width: 320px) {
    
.menu-open,
.menu-close {
   font-size: 12px;   
  padding: 5px;
}       
    
header h1 {
 font-size:18px;
}
}






  



#alert_box {
 display:none;
 z-index:1500;
 position:fixed;
 top:50%;
 left: 50%;
 width:300px;
 margin-left: -150px;
 height:180px;
 margin-top: -90px;
 background:#f0f0f0;
 border-bottom:#069059 solid 20px;
 border-top:#069059 solid 20px;
 color:#000;
}

#alert_box h1 {
 font-size:14pt;
 font-weight:bold;
 margin:35px 15px 5px 15px;
 text-align:center;
}

#alert_box h2 {
 font-size:12pt;
 font-weight:bold;
 margin:15px 15px 5px 15px;
 text-align:center;
}

#alert_box p {
 font-size:12pt;
 margin:15px 15px 5px 15px;
 text-align:center;
}

#alert_box a {
 padding:0 15px 0 15px;
 margin:0 5px 0 5px;
 border:#cdcdcd solid 1px;
 border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
 background:#fff;
}
#alert_box a:hover {
 background:#cdcdcd;
 color:#fff;
}
























.media {
  padding:2.5rem;    
}


    
.inner-wrapper {
  padding:1.5rem 3.5rem;    
}    
    
    
@media (max-width : 800px) {
    
.media {
  padding:2.0rem;    
}

.inner-wrapper {
  padding:1rem 2.5rem;    
}      
    
}   
    
@media (max-width : 600px) {
    
.media {
  padding:1.5rem;    
}

.inner-wrapper {
  padding:1rem 2rem;    
}      
    
}   
     
    
@media (max-width : 400px) {
    
.media {
  padding:1rem;    
}

.inner-wrapper {
  padding:1rem 1.5rem;    
}      
    
}   
     
    
    
@media (max-width : 320px) {
    
.media {
  padding:1rem;    
}

.inner-wrapper {
  padding:1rem 1rem;    
}      
    
}   
         


    
    
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}    
    


.black {
  background:#000;    
}    
    
.funk {
  color:#F7E307;
}    
    
    
    




    
    
#image_gallery {
    width:1200px;
    margin: 100px auto;
}
#current_image {
    width:540px;
    height:390px;
    background:transparent;
    overflow:hidden;
    margin: 0 auto;
}
#current_image img {
    min-height:100%;
}
#small_images {
    margin: 50px 20px 0 50px;
    width:90px;
    height:90px;
}
.small_image, .small_image img {
    width:90px;
    height:75px;
    display:block;
    background:#CCC;
    margin:0 0 10px 0;
    overflow:hidden;
    cursor:pointer;
}

#small_images a:hover {
    outline: 2px solid #cecece;
}

#small_images a:focus {
    outline: 2px solid #cecece;
}



#small_images ul {
  width:850px;
  list-style:none;
}

#small_images ul li {
  float:left;
  padding:15px;
}
    
    
    

    
@media (max-width : 1400px) {
        
#image_gallery {
    width:1000px;
    margin: 100px auto;
}
 
#current_image {
    width:540px;
    height:390px;
} 
#small_images {
    margin: 50px 20px 0 50px;
    width:90px;
    height:90px;
} 
   
.small_image, .small_image img {
    width:90px;
    height:75px;
}   
    
#small_images ul {
  width:850px;
}    
}    
    
    
    

    
@media (max-width : 1200px) {
        
#image_gallery {
    width:900px;
    margin: 90px auto;
}
 
#current_image {
    width:500px;
    height:361px;
} 
#small_images {
    margin: 50px 10px 0 20px;
    width:80px;
    height:80px;
} 
   
.small_image, .small_image img {
    width:80px;
    height:67px;
}   
    
#small_images ul {
  width:750px;
}    
}    
    
    
    
@media (max-width : 1000px) {
        
#image_gallery {
    width:750px;
    margin: 90px auto;
}
 
#current_image {
    width:500px;
    height:361px;
} 
#small_images {
    margin: 50px 10px 0 20px;
    width:80px;
    height:80px;
} 
   
.small_image, .small_image img {
    width:80px;
    height:67px;
}   
    
#small_images ul {
  width:700px;
}    
}    
    
       
    
@media (max-width : 800px) {
        
#image_gallery {
    width:550px;
    margin: 90px auto;
}
 
#current_image {
    width:400px;
    height:289px;
} 
#small_images {
    margin: 50px 10px 0 10px;
    width:65px;
    height:65px;
} 
   
.small_image, .small_image img {
    width:65px;
    height:54px;
}   
    
#small_images ul {
  width:500px;
}    
}    
    
        
    
    
    
  
@media (max-width : 600px) {
        
#image_gallery {
    width:350px;
    margin: 90px auto;
}
 
#current_image {
    width:300px;
    height:217px;
} 
#small_images {
    margin: 40px 10px 0 10px;
    width:40px;
    height:40px;
} 
   
.small_image, .small_image img {
    width:40px;
    height:33px;
}   
    
#small_images ul {
  width:350px;
}    
}    
    
        
     

    
  
@media (max-width : 400px) {
        
#image_gallery {
    width:300px;
    margin: 90px auto;
}
 
#current_image {
    width:250px;
    height:181px;
} 
#small_images {
    margin: 30px 5px 0 5px;
    width:30px;
    height:30px;
} 
   
.small_image, .small_image img {
    width:30px;
    height:25px;
}   
    
#small_images ul {
  width:250px;
}    
}    
    
            
    

    
  
@media (max-width : 320px) {
        
#image_gallery {
    width:290px;
    margin: 90px auto;
}
 
#current_image {
    width:240px;
    height:173px;
} 
#small_images {
    margin: 25px 1px 0 1px;
    width:30px;
    height:30px;
} 
   
.small_image, .small_image img {
    width:30px;
    height:25px;
}   
    
#small_images ul {
  width:250px;
}    
}    
    
            
    
        
  





















    
.row{
  margin-right:0px;margin-left:0px
}    
    
    
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
  position:relative;min-height:1px;padding-right:15px;padding-left:15px
}    
    
    
@media (min-width:768px){

.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
  float:left;
}

.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%;
    
}
}   
    
    
.row:after,.row:before{display:table;content:" "}    
    
.row:after{clear:both}    
    
    

h1,h2,h3 {
    line-height:1.25;
    margin:1rem 0;
}

h1 { 
    color:#161616;
    font-size:3.2rem;
    text-align:center;
}

h2 {
    color:#161616;
    font-size:1.7rem;
}

h3 {
    color:#343a40;
    font-size:1.4rem;
}

h4 {
    color:#161616;
    font-size:1.4rem;
    font-weight:normal;
    margin:1.5em 0 .5em;
}
    
h5 {
    color:#6c757d;
    font-size:1.1rem;
    margin:1.5em 0 .5em;
}

p {
    color:#343a40;
    font-size:1.1rem;
    margin:1em 0;
}


a {
    color:#161616;
    font-weight:bold;
    text-decoration:none;
}

a:hover {
    color:#161616;
    text-decoration:nonee;
}


hr { 
 height:8px;
 visibility:hidden;
 margin: 0px 0 -1px 0; 
}


input, button, textarea, select {
    font:inherit
}

button, select {
    border:0;
    background:transparent;
    padding:0
}


select {
    -webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;color:#880808;cursor:pointer
}

.button,.button-select {
    background:#880808;
    border-radius:3px;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:1.3rem;
    margin:.66rem 0;
    padding:1rem;
    width:100%;
    font-weight:bold;
    text-align:center;
    transition:.1s;
}

.button:hover,.button-select:hover {
    background:#D22B2B;
    color:#fff;
}

a.button,a.button-select {
    text-decoration:none
}

.input,.select,input[type=date],input[type=email],input[type=number],input[type=tel],input[type=text],input[type=password],select,textarea {
    background-color:#fff;
    border:1px solid #adb5bd;
    border-radius:3px;
    color:#880808;
    font-size:1.3rem;
    padding:.75rem;
    width:100%;
}

.input:hover:not(:disabled),.select:hover:not(:disabled),input[type=date]:hover:not(:disabled),input[type=email]:hover:not(:disabled),input[type=number]:hover:not(:disabled),input[type=tel]:hover:not(:disabled),input[type=text]:hover:not(:disabled),textarea:hover:not(:disabled) {
    border:1px solid #6c757d;
}

.input:focus,.select:focus,input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus {
    border:1px solid #880808;
}

.input:disabled,.select:disabled,input[type=date]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=tel]:disabled,input[type=text]:disabled,textarea:disabled {
    background-color:#f8f9fa;
    border:1px solid #e9ecef;
    color:#6c757d;
    -webkit-text-fill-color:#6c757d;
}

.input::-webkit-inpsut-placeholder,.select::-webkit-inpsut-placeholder,input[type=date]::-webkit-inpsut-placeholder,input[type=email]::-webkit-inpsut-placeholder,input[type=number]::-webkit-inpsut-placeholder,input[type=tel]::-webkit-inpsut-placeholder,input[type=text]::-webkit-inpsut-placeholder,textarea::-webkit-inpsut-placeholder {
    color:#c3c3c3;
}

.input:-ms-input-placeholder,.select:-ms-input-placeholder,input[type=date]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color:#c3c3c3;
}

.input::placeholder,.select::placeholder,input[type=date]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,textarea::placeholder {
    color:#c3c3c3
}

input[value=""]:not(:focus)::-webkit-datetime-edit { 
    color:#c3c3c3;
}
    
select {
    -webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;color:#880808;cursor:pointer
}

.select{
  background-image:url('/img/background.png');
  background-position:right .75rem top 50%;
  background-repeat:no-repeat;
  background-size:.75em auto;padding-right:2rem
}










label,.label {
    display:block;margin:1rem 0;
}

label>span,.label>span {
    color:#343a40;font-size:1.1rem
}

label>span:first-child,.label>span:first-child {
    display:inline-block;padding:.25rem 0;
}

label.required>span::after, .label.required>span::after {
    content:" *"
}

@media(min-width: 1400px) {
    label,.label{margin:1.5rem 0
}
}





  #stage {
    margin: 1em auto;
    width: 100%;
    max-width:1800px;
    height: 1400px;
  }

  #stage div {
    position: absolute;
    background:#fff;
    width:100%;
    max-width:1800px;
    height:1400px;
  }
  #stage div img {
    //  max-width:1800px;
    //padding: 10px;
    //border: 1px solid #ccc;
    //background: #fff;
  }

  #stage div:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 1s;
    z-index: 20;
  }
  #stage div:nth-of-type(2) {
    z-index: 10;
  }
  #stage div:nth-of-type(n+3) {
    display: none;
  }

  @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }    
    














div.on_off_off, span.on_off_off
{
 background: rgb(150,110,120);
 font-family: segoe ui;
 font-size: 12px;
 font-weight: bold;
 padding: 5px 10px;
 border: 3px solid rgb(180, 140, 150);
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 color: #fff;
 display: inline;
 z-index:999999;
}
div.on_off_on, span.on_off_on
{
 background: rgb(110,150,120);
 font-family: segoe ui;
 font-size: 12px;
 font-weight: bold;
 padding: 5px 10px;
 border: 3px solid rgb(140, 180, 150);
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 color: #fff;
 display: inline;
 z-index:999999;
}








.crunchify-top:hover {
	color: #fff !important;
	background-color: #ed702b;
	text-decoration: none;
}
 
.crunchify-top {
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 1rem;
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	border-radius: 3.2rem;
	text-align: center;
	cursor: pointer;
	z-index:9999;
}







footer {
    color:#000;
    text-align:center;
    padding:1.5rem 0 .5rem 0;
    margin:0 auto;
    width:100%;
    background:#fff; 
    border-top: 1px solid #cdcdcd;  
}

footer *{
    font-size:.9rem;
    background:#fff;
}

@media(max-width: 700px) {
    
footer * {
    font-size:.8rem
}
}


footer h3 {
  color:#000;     
}

footer a {
    color:#000;
    font-weight:bold;
    text-decoration:none
}

footer a:hover { 
    color:inherit;text-decoration:underline
}


footer ul {
    padding:0;
    margin:5px 0;
}

footer li {
    list-style:none;margin:0 1em;display:inline-block
}