@charset "UTF-8";
/*
* Gumby Framework Version 2.0
* ---------------------------
* Follow @gumbycss on twitter and spread the love.
* We worked super hard on making this awesome and released it to the web.
* All we ask is you leave this intact. #gumbyisawesome
*
* http://www.gumbyframework.com/
*/
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: inherit; font-size: 100%; vertical-align: baseline; }

/*html { line-height: 1; }*/

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/** html { font-size: 100%; }*/

/*html { font-size: 16px; line-height: 1.625em; }*/

html * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; }

@media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; } }

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

/*.ie9 { font-family: "Open Sans"; }*/
/*.ie9 * { font-family: "Open Sans"; }*/

.hide { display: none; }

.hide.active, .show { display: block; }

.fixed { position: fixed; }
@media only screen and (max-width: 768px) { .fixed { position: relative !important; } }

.center-text { text-align: center; }

/*=================================================
 +++ LE GRID +++ A Responsive Grid -- Gumby defaults to a standard 960 grid, but you can change it to whatever you'd like.
 ==================================================*/
/*.container { padding: 0px $gutter-in-px;
}*/
.row { width: 100%; max-width: 960px; min-width: 960px; margin: 0 auto; }
@media only screen and (max-width: 980px) { .row { padding: 0;} }
.row .row { min-width: 0px; }
@media only screen and (max-width: 980px) { .row .row { padding: 0; } }

/* To fix the grid into a different size, set max-width to your desired width */
.column, .columns { margin-left: 0%; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.column:first-child, .columns:first-child, .alpha { margin-left: 0px; }

.column.omega, .columns.omega { float: right; }

/* Column Classes */
.row .one.column, .row .one.columns, .sixteen.colgrid .row .one.columns { width: 8.33333%; }
.row .two.columns { width: 16.66667%; }
.row .three.columns { width: 25%; }
.row .four.columns { width: 33.33333%; }
.row .five.columns { width: 41.66667%; }
.row .six.columns { width: 50%; }
.row .seven.columns { width: 58.33333%; }
.row .eight.columns { width: 66.66667%; }
.row .nine.columns { width: 75%; }
.row .ten.columns { width: 83.33333%; }
.row .eleven.columns { width: 91.66667%; }
.row .twelve.columns { width: 100%; }

/* Push Classes */
.row .push_one { margin-left: 8.33333%; }
.row .push_one:first-child { margin-left: 8.33333%; }
.row .push_two { margin-left: 16.66667%; }
.row .push_two:first-child { margin-left: 16.66667%; }
.row .push_three { margin-left: 25%; }
.row .push_three:first-child { margin-left: 25%; }
.row .push_four { margin-left: 33.33333%; }
.row .push_four:first-child { margin-left: 33.33333%; }
.row .push_five { margin-left: 41.66667%; }
.row .push_five:first-child { margin-left: 41.66667%; }
.row .push_six { margin-left: 50%; }
.row .push_six:first-child { margin-left: 50%; }
.row .push_seven { margin-left: 58.33333%; }
.row .push_seven:first-child { margin-left: 58.33333%; }
.row .push_eight { margin-left: 66.66667%; }
.row .push_eight:first-child { margin-left: 66.66667%; }
.row .push_nine { margin-left: 75%; }
.row .push_nine:first-child { margin-left: 75%; }
.row .push_ten { margin-left: 83.33333%; }
.row .push_ten:first-child { margin-left: 83.33333%; }
.row .push_eleven { margin-left: 91.66667%; }
.row .push_eleven:first-child { margin-left: 91.66667%; }

/* Centered Classes */
.row .one.centered { margin-left: 45.83333%; }
.row .two.centered { margin-left: 41.66667%; }
.row .three.centered { margin-left: 37.5%; }
.row .four.centered { margin-left: 33.33333%; }
.row .five.centered { margin-left: 29.16667%; }
.row .six.centered { margin-left: 25%; }
.row .seven.centered { margin-left: 20.83333%; }
.row .eight.centered { margin-left: 16.66667%; }
.row .nine.centered { margin-left: 12.5%; }
.row .ten.centered { margin-left: 8.33333%; }
.row .eleven.centered { margin-left: 4.16667%; }

/* Hybrid Grid Columns */
.sixteen.colgrid .row .one.column, .sixteen.colgrid .row .one.columns { width: 6.25%; }
.sixteen.colgrid .row .two.columns { width: 12.5%; }
.sixteen.colgrid .row .three.columns { width: 18.75%; }
.sixteen.colgrid .row .four.columns { width: 25%; }
.sixteen.colgrid .row .five.columns { width: 31.25%; }
.sixteen.colgrid .row .six.columns { width: 37.5%; }
.sixteen.colgrid .row .seven.columns { width: 43.75%; }
.sixteen.colgrid .row .eight.columns { width: 50%; }
.sixteen.colgrid .row .nine.columns { width: 56.25%; }
.sixteen.colgrid .row .ten.columns { width: 62.5%; }
.sixteen.colgrid .row .eleven.columns { width: 68.75%; }
.sixteen.colgrid .row .twelve.columns { width: 75%; }
.sixteen.colgrid .row .thirteen.columns { width: 81.25%; }
.sixteen.colgrid .row .fourteen.columns { width: 87.5%; }
.sixteen.colgrid .row .fifteen.columns { width: 93.75%; }
.sixteen.colgrid .row .sixteen.columns { width: 100%; }

/* Hybrid Push Classes */
.sixteen.colgrid .row .push_one { margin-left: 6.25%; }
.sixteen.colgrid .row .push_one:first-child { margin-left: 6.25%; }
.sixteen.colgrid .row .push_two { margin-left: 12.5%; }
.sixteen.colgrid .row .push_two:first-child { margin-left: 12.5%; }
.sixteen.colgrid .row .push_three { margin-left: 18.75%; }
.sixteen.colgrid .row .push_three:first-child { margin-left: 18.75%; }
.sixteen.colgrid .row .push_four { margin-left: 25%; }
.sixteen.colgrid .row .push_four:first-child { margin-left: 25%; }
.sixteen.colgrid .row .push_five { margin-left: 31.25%; }
.sixteen.colgrid .row .push_five:first-child { margin-left: 31.25%; }
.sixteen.colgrid .row .push_six { margin-left: 37.5%; }
.sixteen.colgrid .row .push_six:first-child { margin-left: 37.5%; }
.sixteen.colgrid .row .push_seven { margin-left: 43.75%; }
.sixteen.colgrid .row .push_seven:first-child { margin-left: 43.75%; }
.sixteen.colgrid .row .push_eight { margin-left: 50%; }
.sixteen.colgrid .row .push_eight:first-child { margin-left: 50%; }
.sixteen.colgrid .row .push_nine { margin-left: 56.25%; }
.sixteen.colgrid .row .push_nine:first-child { margin-left: 56.25%; }
.sixteen.colgrid .row .push_ten { margin-left: 62.5%; }
.sixteen.colgrid .row .push_ten:first-child { margin-left: 62.5%; }
.sixteen.colgrid .row .push_eleven { margin-left: 68.75%; }
.sixteen.colgrid .row .push_eleven:first-child { margin-left: 68.75%; }
.sixteen.colgrid .row .push_twelve { margin-left: 75%; }
.sixteen.colgrid .row .push_twelve:first-child { margin-left: 75%; }
.sixteen.colgrid .row .push_thirteen { margin-left: 81.25%; }
.sixteen.colgrid .row .push_thirteen:first-child { margin-left: 81.25%; }
.sixteen.colgrid .row .push_fourteen { margin-left: 87.5%; }
.sixteen.colgrid .row .push_fourteen:first-child { margin-left: 87.5%; }
.sixteen.colgrid .row .push_fifteen { margin-left: 93.75%; }
.sixteen.colgrid .row .push_fifteen:first-child { margin-left: 93.75%; }

/* Hybrid Centered Classes */
.sixteen.colgrid .row .one.centered { margin-left: 46.875%; }
.sixteen.colgrid .row .two.centered { margin-left: 43.75%; }
.sixteen.colgrid .row .three.centered { margin-left: 40.625%; }
.sixteen.colgrid .row .four.centered { margin-left: 37.5%; }
.sixteen.colgrid .row .five.centered { margin-left: 34.375%; }
.sixteen.colgrid .row .six.centered { margin-left: 31.25%; }
.sixteen.colgrid .row .seven.centered { margin-left: 28.125%; }
.sixteen.colgrid .row .eight.centered { margin-left: 25%; }
.sixteen.colgrid .row .nine.centered { margin-left: 21.875%; }
.sixteen.colgrid .row .ten.centered { margin-left: 18.75%; }
.sixteen.colgrid .row .eleven.centered { margin-left: 15.625%; }
.sixteen.colgrid .row .twelve.centered { margin-left: 12.5%; }
.sixteen.colgrid .row .thirteen.centered { margin-left: 9.375%; }
.sixteen.colgrid .row .fourteen.centered { margin-left: 6.25%; }
.sixteen.colgrid .row .fifteen.centered { margin-left: 3.125%; }

.pull_right { float: right; }

.pull_left { float: left; }

img, object, video { max-width: 100%; height: auto; }
iframe,embed, object { max-width: 100%;}
img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none !important; }

/* Tile Grid */
.tiles { display: block; overflow: hidden; }
.tiles > li { display: block; height: auto; float: left; padding-bottom: 0; }
.tiles.two_up { margin-left: -4%; }
.tiles.two_up > li { margin-left: 4%; width: 46%; }
.tiles.three_up, .tiles.four_up { margin-left: -2%; }
.tiles.three_up > li { margin-left: 2%; width: 31.3%; }
.tiles.four_up > li { margin-left: 2%; width: 23%; }
.tiles.five_up { margin-left: -1.5%; }
.tiles.five_up > li { margin-left: 1.5%; width: 18.5%; }

/* Nicolas Gallagher's micro clearfix */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }

.valign { display: table; width: 100%; }
.valign > div { display: table-cell; vertical-align: middle; }
.valign ​ > article { display: table-cell; vertical-align: middle; }

/* Mobile */
@media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; }
  .container { min-width: 0; margin-left: 0; margin-right: 0; }
  .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
  .row .row .column, .row .row .columns { padding: 0; }
  .row .centered { margin: 0 !important; }
  .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
  .column:last-child, .columns:last-child { margin-right: 0; float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  [class*="column"]:before { display: table; }
  [class*="column"]:after { display: table; clear: both; }
  [class^="push_"], [class*="push_"] { margin-left: 0 !important; } }

body .video { width: 100%; position: relative; height: 0; padding-bottom: 56.25%; }
body .video.twitch, body .video.youtube.show_controls { padding-top: 30px; }

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

.drawer { position: relative; width: 100%; max-height: 0; background: #3e4144; -webkit-box-shadow: inset 0 -2px 5px #313436, inset 0 2px 5px #313436; -moz-box-shadow: inset 0 -2px 5px #313436, inset 0 2px 5px #313436; box-shadow: inset 0 -2px 5px #313436, inset 0 2px 5px #313436; overflow: hidden; -webkit-transition-duration: .3s; /* Saf3.2+, Chrome */ -moz-transition-duration: .3s; /* FF4+ */ -ms-transition-duration: .3s; /* IE10 */ -o-transition-duration: .3s; /* Opera 10.5+ */ transition-duration: .3s; }
.drawer.active { height: auto; max-height: 800px; -webkit-transition-duration: .5s; /* Saf3.2+, Chrome */ -moz-transition-duration: .5s; /* FF4+ */ -ms-transition-duration: .5s; /* IE10 */ -o-transition-duration: .5s; /* Opera 10.5+ */ transition-duration: .5s; }

.modal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -999999; background: black; background: rgba(0, 0, 0, 0.8); }
.modal > .content { width: 50%; min-height: 50%; max-height: 65%; position: relative; top: 25%; margin: 0 auto; padding: 0px; background: white; z-index: 2; overflow: auto; }
@media only screen and (max-width: 768px) { .modal > .content { width: 80%; min-height: 80%; max-height: 80%; top: 10%; } }
@media only screen and (max-width: 767px) { .modal > .content { width: 92.5%; min-height: 92.5%; max-height: 92.5%; top: 3.75%; } }
.modal > .content > .close { position: absolute; top: 10px; right: 10px; cursor: pointer; }
.modal, .modal > .content { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.modal.active { z-index: 999999; }
.modal.active, .modal.active > .content { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }