body { background: #fff; }
  
.wrap { 
    max-width: 1600px; 
    padding: 0 0;
    position: relative; }
    
@media (min-width : 800px)  { .wrap { padding: 0 1em; } }       
@media (min-width : 980px)  { .wrap { padding: 0 2em; } }  
@media (min-width : 1100px) { .wrap { padding: 0 3em; } } 
@media (min-width : 1200px) { .wrap { padding: 0 4em; } }  
@media (min-width : 1300px) { .wrap { padding: 0 5em; } }       
@media (min-width : 1400px) { .wrap { padding: 0 7em; } }       
@media (min-width : 1600px) { .wrap { padding: 0 8em; } }       

/* Section ID
------------------------------------ */

#id {   
    width: 100%;
    height: auto;
    position: relative; 
    overflow: hidden;
    background: black;
    margin: auto;
    }  

#id figcaption {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    padding-bottom: 25%;
    height: 0; 
    overflow: hidden; 
    height: auto;
    position: relative;
    }
    
    @media (min-width : 1140px) { #id figcaption  { padding-bottom: 27%; } }

    
    
#id figcaption {
    width: 94%;
    margin: auto;
    }

    @media (min-width : 1000px) { #id figcaption  { max-width: 960px; width: 100%; }}
    @media (min-width : 1200px) { #id figcaption  { max-width: 1160px; }}
    @media (min-width : 1400px) { #id figcaption  { max-width: 1360px; }}   
    
#id, #id:before, #id:after {
    -moz-box-sizing:    content-box; 
    -webkit-box-sizing: content-box;
    box-sizing:         content-box; 
    }
    
#id img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition:         all .0s ease-in-out;    
    -webkit-transition: all .0s ease-in-out;  
    -moz-transition:    all .0s ease-in-out;  
    -o-transition:      all .0s ease-in-out;  
    -ms-transition:     all .0s ease-in-out; 
    }

#id a { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    display: block; 
    }


#id a h1 {
    color: #edf6f2;
    margin: 0;
    font-size: 2em;
    line-height: .8;
    position: absolute;
    bottom: 1em;
    left: .5em;
    }
  
    #id a:hover h1 {color: white; }
    
    



/* Content
------------------------------------ */


main {
    width: 100%;
    margin: auto;
    background: white;
    text-align: left;
    z-index: 9;
    position: relative;
    } 
      

#content {
    padding: 1.5em 1em;
    } 
  
    @media (min-width : 960px) { #content { float: left; width: 70%; } }  

#options {
    padding: 1.5em;
    } 
    
    @media (min-width : 960px) { #options { float: right;  width: 30%; } }    
    
    @media (min-width : 960px) { .wide #content { width: 100%; } }  



/* Section Nav
------------------------------------ */

#snav { 
    padding: 1em;
    background: #f5ec8b;
    border-top: 3px solid #c84a76;
    }
    
    @media (min-width : 1200px) { #snav { padding: 1.5em; } } 
                     
#snav h3 {
    font-size: 1em;
    text-transform: uppercase;
    margin-bottom: .25em; 
    }
    
#snav h3 a { color: #7b7b7b; }

#snav ul { list-style: none; } 

#snav li a { 
    padding: .25em 0; 
    display: block;
    color: #7b7b7b;
    font-size: .9em;
    }  
    
#snav li:last-child a { padding: .25em 0 0 0; }  

#snav li:hover a:before  { content: "» " }

#snav li.active a { color: black; font-weight: 600; }








/* Photo with INSET Shadow
----------------------------- */ 

#content figure.photo {
  width: auto;
  position: relative;
  float: right;
  display: block;
  margin: 0 0 15px 15px; }  

#content figure.photo:before {
  -moz-border-radius:    6px; 
  -webkit-border-radius: 6px;
  border-radius:         6px;    
  -moz-box-shadow:    inset 2px 2px 5px rgba(0,0,0,.3);
  -webkit-box-shadow: inset 2px 2px 5px rgba(0,0,0,.3);
  box-shadow:         inset 2px 2px 5px rgba(0,0,0,.3); 
  content: "";
  position: absolute;   
  bottom: 0;
  left: 0;
  right: 0;
  top: 0; }   

#content figure.photo img {
  float: left;      
  -moz-border-radius:    6px; 
  -webkit-border-radius: 6px;
  border-radius:         6px; }        



/* Addthis - Sharing
------------------------------------ */ 
  
#content .share,
#options .share {
    font-family: 'trilogyicons';
    content: attr(data-icon);
    speak: none;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
    color: #1a3947; 
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;	
    position: absolute;
    top: 25px;
    left: -36px;
    width: 36px;
    }
    
#content .share a,
#options .share a {
    color: white; 
    background: rgba(48,106,153,.3);
    padding: 10px 5px 10px 10px;
    margin: 0 0 5px 0;
    width: 31px;
    height: 36px;
    float: left;
    }  
    
    
#content .share a:hover,
#options .share a:hover { background: rgba(48,106,153,1); padding: 10px;}

#content .share a:active,
#options .share a:active { background: rgba(0,49,88,1); }
 
#content .share span,
#options .share span {
    display: none;
    }

#at15s,
.at16nc { display: none !important; }

/* Site Footer
------------------------------------ */

footer {
    width: 100%;
    color: #9a9a9a; 
    opacity: 1;
    background: white;
    line-height: 1;
    padding: 2em 0;
    }
    
    @media (min-width: 800px)   { footer { line-height: 1.2; } } 

#footer footer {
    position: absolute;
    bottom: 0;
    left: 0;
    }


footer .contact { 
    display: inline-block;
    padding-bottom: 1em;
	font-size: .7em;
    }  
    
    @media (min-width:800px)   { footer .contact { font-size: .75em; }	}
    @media (min-width: 960px)  { footer .contact { float: left; text-align: left; padding: 0; } }
    
footer .contact p { margin-bottom: .75em; }  

footer .contact p:last-child { margin-bottom: 0; }  
    
footer .partners { 
    padding: 1em 0 0 0;
    }

    @media (min-width: 330px)   { footer .partners { display: inline-block } }
    @media (min-width: 960px)   { footer .partners { float: right; padding: 0; width: 30%; text-align: right; } }
      
footer .partners a { width: 18%; margin: 0 4%; display: inline-block; } 
footer .partners a:nth-child(3) { width: 13%;  } 
footer .partners a:nth-child(4) { width: 15%;  } 

footer .partners a img { width: 100%; margin: 0; } 
    
@media (min-width: 800px)   { 
    footer .partners a { width: 20%; margin: 0 2.5%;  } 
    footer .partners img { margin: 0 0 0 1em; float: left; } 
    } 
    
footer a        { color: #636363; }  
footer a:hover  { color: black; } 



/* Instagram Wall
------------------------------------ */

.instagram-photos {
  width: 100%; 
  margin: 2em 0 0 0;
  line-height: 0;
  text-align: center; }
    
.instagram-photos article {
  position: relative; 
  height: 0; 
  overflow: hidden; 
  width: 50%; 
  padding-bottom: 50%;
  float: left; 
  perspective: 1000;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style:    preserve-3d;
  -o-transform-style:      preserve-3d;
  transform-style:         preserve-3d; }
    
.instagram-photos article div { color: white; }

.instagram-photos article figure { background: #009e97;  }
.instagram-photos article figcaption { display: none; }

.instagram-photos figure img { width: 100%; height: auto; }
.instagram-photos article:hover figure img { opacity: .5; }  

@media (min-width: 740px)   { 
  
.instagram-photos article {
  width: 25%; 
  padding-bottom: 25%; }   
  
.instagram-photos article figure,
.instagram-photos article figcaption { 
  width: 100%; 
  height: 100%;  
  position: absolute; 
  top: 0; 
  left: 0; 
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -o-backface-visibility:      hidden;
  backface-visibility:         hidden;  
}

.instagram-photos figure {
  -webkit-transform: rotateY( 0deg );
  -moz-transform:    rotateY( 0deg );
  -o-transform:      rotateY( 0deg );
  transform:         rotateY( 0deg );
  z-index: 1; }

.instagram-photos article:hover figure img { opacity: .15; }  

.instagram-photos figcaption { 
  padding: 1em;
  font-size: .7em;
  line-height: 1;
  font-weight: 400;   
  color: #fff;
  display: flex !important;
  align-items: center;
  opacity: 0;
  z-index: 100;
  -webkit-transform: rotateY( 180deg );
  -moz-transform:    rotateY( 180deg );
  -o-transform:      rotateY( 180deg );
  transform:         rotateY( 180deg ); }
  
.instagram-photos article:hover figure {
  -webkit-backface-visibility: visible;
  -moz-backface-visibility:    visible;
  -o-backface-visibility:      visible;
  backface-visibility:         visible;    
  -webkit-transform: rotateY( 180deg );
  -moz-transform:    rotateY( 180deg );
  -o-transform:      rotateY( 180deg );
  transform:         rotateY( 180deg );  }


.instagram-photos article:hover figcaption { 
  opacity: 1;
  -webkit-transform: rotateY( 0deg );
  -moz-transform:    rotateY( 0deg );
  -o-transform:      rotateY( 0deg );
  transform:         rotateY( 0deg ); }     
.instagram-photos figcaption { font-size: .8em; }

} 

@media (min-width: 960px)   { 
.instagram-photos { 
  width: 100%; } 
.instagram-photos article {
  width: 16.666%; 
  padding-bottom: 16.666%; }   
.instagram-photos figcaption { font-size: .8em; }
} 

@media (min-width: 1100px)   {    
.instagram-photos figcaption { font-size: .9em; }
} 

/* Join Modal
------------------------------------ */

#join-modal { 
	background: #009e97; 
	width: 85%; 
	padding: 2em;
	text-align: center !important; 
	-webkit-border-radius:  1em 1em 0 1em;
	-moz-border-radius:     1em 1em 0 1em;
	border-radius:          1em 1em 0 1em;
	-moz-box-shadow:    0 0 1em rgba(0,0,0,.25);
	-webkit-box-shadow: 0 0 1em rgba(0,0,0,.25);
	box-shadow:         0 0 1em rgba(0,0,0,.25);  
	-webkit-transform: scale(0.7);
	-moz-transform:    scale(0.7);
	-ms-transform:     scale(0.7);
	transform:         scale(0.7); }

.popup_visible #join-modal {
	-webkit-transform: scale(1);
	-moz-transform:    scale(1);
	-ms-transform:     scale(1);
	transform:         scale(1); }
#join-modal h2 { color: #fff; }

@media (min-width: 640px) { 
#join-modal { width: 60%; }
}

@media (min-width: 960px) {   
#join-modal { width: 40%; }
} 

#join-modal .close {
	background: #dc4d28;
	width: 2.5em;
	padding: 0;
	line-height: 2.5em;
	border: 0;
	display: block;
	cursor: pointer;
	font-size: .8em;
	color: #fff; 
	position: absolute;
	right: -1em;
	top: -1em;
	-moz-border-radius:    50%;
	-webkit-border-radius: 50%;
	border-radius:         50%; 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition:    all .3s ease-in-out;
	-o-transition:      all .3s ease-in-out;
	-ms-transition:     all .3s ease-in-out;
	transition:         all .3s ease-in-out; } 
#join-modal .close:hover { 
	background: #ff5c32; 
	-webkit-transform: scale(1.15);
	-moz-transform:    scale(1.15);
	-ms-transform:     scale(1.15);
	transform:         scale(1.15); }
#join-modal .close:active { background: #ba3a66; }

/* Basic Join Styles
------------------------------------ */

.join ol {
    list-style: none;
    text-align: center;
    margin: 0 auto; }

.join li {
    position: relative; 
    padding: 0 0 1px; }
	
@media (min-width: 550px) { 
    
.join li {
    float: left;
    position: relative; 
    width: 50%;
    padding: 0; }
   
.join li:first-child { 
    padding-right: 1px; }

.join li:nth-child(3) { 
    width: 60%;
    padding: 1px 1px 0 0; }
  
.join li:last-child { 
    width: 40%; 
    padding: 1px 0 0 0; }     
}


form li label { 
	display: block;
	position: absolute;
	color: #848e8a;
	font-size: 1em; 
	left: .65em;
	top: .80em; }

form li label .icons {
	margin-right: .3em;
	display: inline-block;  
	font-size: 1.1em;
	text-transform: none; }

.join input {
	background: #fff;
	width: 100%;
	border: 0;
	padding: .65em .65em .65em 1.95em;
	display: block;
	cursor: pointer;
	font-family:'Open Sans',Arial, Helvetica, sans-serif;
	color: #848e8a; 
	font-size: 1.1em; 
	-webkit-appearance: none; }
	
@media (min-width: 640px) { 
.join input { float: left;  }
}
  
.join input:-ms-input-placeholder      { color: #092e6e; }
.join input::-webkit-input-placeholder { color: #092e6e; }  

.join input:focus {
	background: rgba(255,255,255,.85);
	color: #455e8a; }

.join .button { 
	width: 100%;
	margin: 0 auto !important; 
	padding: 0;
	text-align: center; }

.join .button button {
	background: #dc4d28;
	display: inline-block;
	padding: .5em 1em .6em;     
	margin: .5em auto auto;
	border: 0; 
	font-family:'Open Sans',Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 1em;
	text-transform: uppercase;
	color: white;     
	cursor: pointer;
	-webkit-border-radius:  1em 1em 0 1em;
	-moz-border-radius:     1em 1em 0 1em;
	border-radius:          1em 1em 0 1em; }  

.join .button button:hover {
	background: #193d4a;
	color: #fff; }  
        
li strong.error { 
	background: #dc4d28;
	padding: .3em .4em;   
	display: block;
	white-space: nowrap;
	position: absolute; 
	left: 0%;
	top: 110%;
	z-index: 9999;
	font-weight: 200;  
	font-size: .7em;
	text-transform: uppercase;
	line-height: 1;
	color: #fff; 
	-webkit-border-radius:  .3em .3em 0 .3em;
	-moz-border-radius:     .3em .3em 0 .3em;
	border-radius:          .3em .3em 0 .3em; } 
  
li strong.error:after { 
	height: 0; 
	width: 0;    
	margin-left: -6px;  
	content: " ";    
	position: absolute; 
	left: 1em; 
	bottom: 100%;
	border-color: rgba(220, 77, 40, 0);    
	border: solid transparent; 
	pointer-events: none;
	border-bottom-color: #dc4d28; 
	border-width: 6px; }  
	
	
	
	
#colorbox * {
    -webkit-transition: none;
    -moz-transition:    none;
    -o-transition:      none;
    -ms-transition:     none;
    transition:         none;     
    }