/** ----------------------------------------------------------
 *
 *		Black	: #0e0e0e
 *		Pink	: #b52b86
 *		Blue	: #1b9dd8
 *		Green 	: #18ae81
 *		
 * ------------------------------------------------------- */


/* BLACK */
@font-face {
	font-family: 'Gotham Black';
	src: 	url('../fonts/Gotham/Gotham-Black.eot'); 
	src:	url('../fonts/Gotham/Gotham-Black.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/Gotham/Gotham-Black.woff') format('woff'),
			url('../fonts/Gotham/Gotham-Black.ttf')  format('truetype'), 
			url('../fonts/Gotham/Gotham-Black.otf')  format('opentype'), 
			url('../fonts/Gotham/Gotham-Black.svg#svgFontName') format('svg'); }

@font-face {
	font-family: 'Gotham Black Italic';
	src: 	url('../fonts/Gotham/Gotham-BlackItalic.eot'); 
	src:	url('../fonts/Gotham/Gotham-BlackItalic.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/Gotham/Gotham-BlackItalic.woff') format('woff'),
			url('../fonts/Gotham/Gotham-BlackItalic.ttf')  format('truetype'), 
			url('../fonts/Gotham/Gotham-BlackItalic.otf')  format('opentype'), 
			url('../fonts/Gotham/Gotham-BlackItalic.svg#svgFontName') format('svg'); }
/* BOLD */
@font-face {
	font-family: 'Gotham Bold';
	src: 	url('../fonts/Gotham/Gotham-Bold.eot'); 
	src:	url('../fonts/Gotham/Gotham-Bold.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/Gotham/Gotham-Bold.woff') format('woff'),
			url('../fonts/Gotham/Gotham-Bold.ttf')  format('truetype'), 
			url('../fonts/Gotham/Gotham-Bold.otf')  format('opentype'), 
			url('../fonts/Gotham/Gotham-Bold.svg#svgFontName') format('svg'); }

@font-face {
	font-family: 'Gotham Bold Italic';
	src: 	url('../fonts/Gotham/Gotham-BoldItalic.eot'); 
	src:	url('../fonts/Gotham/Gotham-BoldItalic.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/Gotham/Gotham-BoldItalic.woff') format('woff'),
			url('../fonts/Gotham/Gotham-BoldItalic.ttf')  format('truetype'), 
			url('../fonts/Gotham/Gotham-BoldItalic.otf')  format('opentype'), 
			url('../fonts/Gotham/Gotham-BoldItalic.svg#svgFontName') format('svg'); }
/* MEDIUM */
@font-face {
	font-family: 'Gotham Medium';
	src: 	url('../fonts/Gotham/Gotham-Medium.eot'); 
	src:	url('../fonts/Gotham/Gotham-Medium.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/Gotham/Gotham-Medium.woff') format('woff'),
			url('../fonts/Gotham/Gotham-Medium.ttf')  format('truetype'), 
			url('../fonts/Gotham/Gotham-Medium.otf')  format('opentype'), 
			url('../fonts/Gotham/Gotham-Medium.svg#svgFontName') format('svg'); }

@font-face {
	font-family: 'Gotham Medium Italic';
	src: 	url('../fonts/Gotham/Gotham-MedItalic.eot'); 
	src:	url('../fonts/Gotham/Gotham-MedItalic.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/Gotham/Gotham-MedItalic.woff') format('woff'),
			url('../fonts/Gotham/Gotham-MedItalic.ttf')  format('truetype'), 
			url('../fonts/Gotham/Gotham-MedItalic.otf')   format('opentype'), 
			url('../fonts/Gotham/Gotham-MedItalic.svg#svgFontName') format('svg'); }
/* BOOK */
@font-face {
	font-family: 'Gotham Book';
	src: 	url('../fonts/Gotham/Gotham-Book.eot'); 
	src:	url('../fonts/Gotham/Gotham-Book.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/Gotham/Gotham-Book.woff') format('woff'),
			url('../fonts/Gotham/Gotham-Book.ttf')  format('truetype'), 
			url('../fonts/Gotham/Gotham-Book.otf')  format('opentype'), 
			url('../fonts/Gotham/Gotham-Book.svg#svgFontName') format('svg'); }

@font-face {
	font-family: 'Gotham Book Italic';
	src: 	url('../fonts/Gotham/Gotham-BookItalic.eot'); 
	src:	url('../fonts/Gotham/Gotham-BookItalic.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/Gotham/Gotham-BookItalic.woff') format('woff'),
			url('../fonts/Gotham/Gotham-BookItalic.ttf')  format('truetype'), 
			url('../fonts/Gotham/Gotham-BookItalic.otf')  format('opentype'), 
			url('../fonts/Gotham/Gotham-BookItalic.svg#svgFontName') format('svg'); }
/* LIGHT */
@font-face {
	font-family: 'Gotham Light';
	src: 	url('../fonts/Gotham/Gotham-Light.eot'); 
	src:	url('../fonts/Gotham/Gotham-Light.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/Gotham/Gotham-Light.woff') format('woff'),
			url('../fonts/Gotham/Gotham-Light.ttf')  format('truetype'), 
			url('../fonts/Gotham/Gotham-Light.otf')  format('opentype'), 
			url('../fonts/Gotham/Gotham-Light.svg#svgFontName') format('svg'); }

@font-face {
	font-family: 'Gotham Light Italic';
	src: 	url('../fonts/Gotham/Gotham-LightItalic.eot'); 
	src:	url('../fonts/Gotham/Gotham-LightItalic.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/Gotham/Gotham-LightItalic.woff') format('woff'),
			url('../fonts/Gotham/Gotham-LightItalic.ttf')  format('truetype'), 
			url('../fonts/Gotham/Gotham-LightItalic.otf')   format('opentype'), 
			url('../fonts/Gotham/Gotham-LightItalic.svg#svgFontName') format('svg'); }

@font-face {
	font-family: 'Archer Book';
	src: 	url('../fonts/Archer/Archer-Book.eot'); 
	src:	url('../fonts/Archer/Archer-Book.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/Archer/Archer-Book.woff') format('woff'),
			url('../fonts/Archer/Archer-Book.ttf')  format('truetype'), 
			url('../fonts/Archer/Archer-Book.otf')   format('opentype'), 
			url('../fonts/Archer/Archer-Book.svg#svgFontName') format('svg'); }
@font-face {
	font-family: 'Archer Bold';
	src: 	url('../fonts/Archer/Archer-Bold.eot'); 
	src:	url('../fonts/Archer/Archer-Bold.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/Archer/Archer-Bold.woff') format('woff'),
			url('../fonts/Archer/Archer-Bold.ttf')  format('truetype'), 
			url('../fonts/Archer/Archer-Bold.otf')   format('opentype'), 
			url('../fonts/Archer/Archer-Bold.svg#svgFontName') format('svg'); }



body {
    font-family: "Gotham Book", "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #363A35;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

body a { text-decoration: none; } 
body a:link { -webkit-tap-highlight-color: #3EBAEB } 

::selection { background-color: #000; color: #fff; text-shadow: none; }


/* ==============================================================
 *		Font Styles
 ================================================================ */
 
.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6 { }

h3,.h3, h4,.h4 { font-family: "Gotham Bold", "Open Sans", Arial, Helvetica, sans-serif; }
h5,.h5, h6,.h6 { font-family: "Archer Bold", "Open Sans", Arial, Helvetica, sans-serif; }
h1,.h1, h2,.h2 { font-family: 'Gotham Book', "Open Sans", Arial, Helvetica, sans-serif; }

h1,.h1 { font-size: 5em; line-height: 1; text-transform: uppercase; margin-bottom: 30px; color: #161516; }
h2,.h2 { font-size: 4.4em; text-transform: uppercase; margin-bottom: 30px; color: #161516; line-height: 0.85em; }
h3,.h3 { font-size: 2.2em; text-transform: uppercase; }
h4,.h4 { font-size: 1.4em; line-height: 1.4; }
h5,.h5 { font-size: 1em; line-height: 1.5; }
h6,.h6 { font-size: 0.9em; line-height: 1.4; text-transform: uppercase;}


p, .p { max-width: 720px; }
.center p { margin-left: auto; margin-right: auto; }
.lead { font-weight: normal; max-width: 100%; font-family: 'Archer Book'; font-size: 1.6em; }

.feature { font-size: 2em; max-width: 90%;	 }
		
em { font-style: italic; }
strong { }

a { text-decoration: none; color: #717171; outline: 0; }
  a:hover,a:focus { text-decoration: none; color: #363A35; outline: 0; }

p a, h6 a { text-decoration: none; border-bottom: 1px dashed #717171; }
  
  
@media (max-width:768px){
	body { font-size: 14px; }
	h1,.h1 { font-size: 3.8em; }
	h2,.h2 { font-size: 3em; }
}


/* ==============================================================
 *		WYSIWYG
 ================================================================ */
 
 
.left {
    text-align: left
}
.center {
    text-align: center
}
.right {
    text-align: right
}
 

/* ==============================================================
 *		Images
 ================================================================ */
 
 
img {
    height: auto;
}
img.inline { margin-right: 10px; margin-top: -2px; }
img.left {
    float: left;
    max-width: 50%;
    margin: 5px 20px 10px 0;
}
img.right {
    float: right;
    max-width: 50%;
    margin: 5px 0 10px 20px;
}
img.leftAlone {
    float: left;
    margin-right: 100%;
    margin-bottom: 10px;
    clear: both;
}
img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
}
.captionImage { width: 100%; margin-top: 5px; }
.captionImage img { margin: 0; }
  .captionImage.left {
    float: left;
    margin: 5px 30px 20px 0px;
  }
  .captionImage.right{
    float: right;
    margin: 5px 0 20px 30px;
  }
  .captionImage.left[style],
  .captionImage.right[style] {
    max-width: 50%;
  }
  .captionImage.left img,
  .captionImage.right img {
    float: none;
    max-width: none;
    width: 100%;
  }
  .captionImage.left img {
    margin-right: -10px;
  }
  .captionImage.right img {
    margin-left: -10px;
  }
  .captionImage.right p {
    margin-left: -10px;
    text-align: left;
    margin-left: -10px;
  }
.captionImage.leftAlone{
  float:none;
  margin: 0 20px 20px 0px;
}
.captionImage.center{
  margin: 0 auto 20px;
}
.captionImage p {
  clear: both;
  margin: 5px 0;
  font-style: italic;
  color: #888;
}

/* ==============================================================
 *		Lists
 ================================================================ */
		

ul { padding: 0 1em; }
ul li { margin-bottom: 5px; }


ul.lined { list-style: none; margin: 15px 0; padding: 0; }

	ul.lined li { padding: 8px 0; margin: 0; border-top: 1px solid #717171; }
	ul.lined li:last-child { border-bottom: 1px solid #717171; }
	
	.dark ul.lined li { border-color: rgba(255,255,255,0.1); }
	
			

/* ==============================================================
 *		Tables
 ================================================================ */
 


/* ==============================================================
 *		Blockquotes
 ================================================================ */
 


/* ==============================================================
 *		Buttons
 ================================================================ */
 
 
/*-------- .button --------*/

button, input[type=button], input[type=submit], .button {
	padding: 6px 15px; margin: 10px 10px 10px 0; float: left; position: relative;
	background-color: transparent; border: 2px solid #0e0e0e; font-size: 0.9em; font-weight: normal; color: #0e0e0e;
	font-family: "Gotham Bold", "Open Sans", Arial, Helvetica, sans-serif; text-transform: uppercase;
	 -webkit-transition: all 180ms; -moz-transition: all 180ms; -o-transition: all 180ms; transition: all 180ms; }
	button:hover, input[type=button]:hover, input[type=submit]:hover, .button:hover { background-color: #0e0e0e; color: #fff; }
			

.dark button, .dark input[type=button], .dark input[type=submit], .dark .button { 
	color: #fff; border-color: rgba(255,255,255,0.2); }
	.dark button:hover, .dark input[type=button]:hover, .dark input[type=submit]:hover, .dark .button:hover { border-color: #fff; }



.center .button { display: inline-block; float: none; }


@media (min-width: 768px){}
@media (min-width: 992px){
	button, input[type=button], input[type=submit], .button, .button { font-size: 1em; } 
}
@media (min-width: 1200px){}


/* ==============================================================
 *		Quick Styles
 ================================================================ */


.textbar { opacity: 0.2; filter: alpha(opacity="20"); margin: auto 10px; }


.dark { color: #fff; }
.dark p { color: #fff; }
.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6 { color: #fff; }
.dark a { color: #e2e7e3; }
.dark a:hover { color: #fff; }