/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; }

body { background: white; font-family: Arial, Helvetica, Non Serif; font-weight: normal; font-style: normal; font-size: 14px; line-height:1; color: #222222; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}


@font-face {
    font-family: CustomFont_Regular;
    src: url('../fonts/d-din-bold-webfont.eot');
    src: url('../fonts/d-din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/d-din-bold-webfont.woff2') format('woff2'),
         url('../fonts/d-din-bold-webfont.woff') format('woff'),
         url('../fonts/d-din-bold-webfont.ttf') format('truetype'),
         url('../fonts/d-din-bold-webfont.svg#CustomFont_Regular') format('svg');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;   
	text-shadow: none;
}




@font-face {
    font-family: d-dindin-italic;
    src: url('../fonts/d-din-italic-webfont.eot');
    src: url('../fonts/d-din-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/d-din-italic-webfont.woff2') format('woff2'),
         url('../fonts/d-din-italic-webfont.woff') format('woff'),
         url('../fonts/d-din-italic-webfont.ttf') format('truetype'),
         url('../fonts/d-din-italic-webfont.svg#d-dindin-italic') format('svg');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;   
	text-shadow: none;
}




@font-face {
    font-family: CustomFont;
    src: url('../fonts/d-din-webfont.eot');
    src: url('../fonts/d-din-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/d-din-webfont.woff2') format('woff2'),
         url('../fonts/d-din-webfont.woff') format('woff'),
         url('../fonts/d-din-webfont.ttf') format('truetype'),
         url('../fonts/d-din-webfont.svg#d-dinregular') format('svg');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;   
	text-shadow: none;
}




@font-face {
    font-family: d-din_condenseddinCnBd;
    src: url('../fonts/d-dincondensed-bold-webfont.eot');
    src: url('../fonts/d-dincondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/d-dincondensed-bold-webfont.woff2') format('woff2'),
         url('../fonts/d-dincondensed-bold-webfont.woff') format('woff'),
         url('../fonts/d-dincondensed-bold-webfont.ttf') format('truetype'),
         url('../fonts/d-dincondensed-bold-webfont.svg#d-din_condenseddinCnBd') format('svg');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;   
	text-shadow: none;
}


@font-face {
    font-family: d-din_condensedregular;
    src: url('../fonts/d-dincondensed-webfont.eot');
    src: url('../fonts/d-dincondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/d-dincondensed-webfont.woff2') format('woff2'),
         url('../fonts/d-dincondensed-webfont.woff') format('woff'),
         url('../fonts/d-dincondensed-webfont.ttf') format('truetype'),
         url('../fonts/d-dincondensed-webfont.svg#d-din_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;   
	text-shadow: none;
}


@font-face {
    font-family: d-din_expdinexp-bold;
    src: url('../fonts/d-dinexp-bold-webfont.eot');
    src: url('../fonts/d-dinexp-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/d-dinexp-bold-webfont.woff2') format('woff2'),
         url('../fonts/d-dinexp-bold-webfont.woff') format('woff'),
         url('../fonts/d-dinexp-bold-webfont.ttf') format('truetype'),
         url('../fonts/d-dinexp-bold-webfont.svg#d-din_expdinexp-bold') format('svg');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;   
	text-shadow: none;
}


@font-face {
    font-family: d-din_expdinexp-italic;
    src: url('../fonts/d-dinexp-italic-webfont.eot');
    src: url('../fonts/d-dinexp-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/d-dinexp-italic-webfont.woff2') format('woff2'),
         url('../fonts/d-dinexp-italic-webfont.woff') format('woff'),
         url('../fonts/d-dinexp-italic-webfont.ttf') format('truetype'),
         url('../fonts/d-dinexp-italic-webfont.svg#d-din_expdinexp-italic') format('svg');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;   
	text-shadow: none;
}


@font-face {
    font-family: d-din_expregular;
    src: url('d-dinexp-webfont.eot');
    src: url('d-dinexp-webfont.eot?#iefix') format('embedded-opentype'),
         url('d-dinexp-webfont.woff2') format('woff2'),
         url('d-dinexp-webfont.woff') format('woff'),
         url('d-dinexp-webfont.ttf') format('truetype'),
         url('d-dinexp-webfont.svg#d-din_expregular') format('svg');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;   
	text-shadow: none;

}



/* Links ---------------------- */
a img { border: none; }

a { color: #FC0; text-decoration: none; line-height: inherit; font-weight:bold; }

a:hover { color: #666; }

a:focus { color: #FC0; }

p a, p a:visited { line-height: inherit; }

/* Misc ---------------------- */

input {
	margin: 0px 0px 0px 0px;
	padding: 10px ! important;
   	font-family: Arial,Helvetica, non serif;
	font-size:16px ! important;
    	line-height: 22px;
	color:#666;
	width:100%;
     	-moz-border-radius: 5px 5px 5px 5px;
    	-webkit-border-radius: 5px 5px 5px 5px;
    	-khtml-border-radius: 5px 5px 5px 5px;
    	border-radius: 5px 5px 5px 5px;
 	border: solid 1px #CCC;
	display:block;
}


textarea {
	margin: 0px 0px 0px 0px;
	padding: 10px;
   	font-family: Arial,Helvetica, non serif;
	font-size:16px;
    	line-height: 22px;
	color:#666;
	width:100%;
	height: 200px;
     	-moz-border-radius: 5px 5px 5px 5px;
    	-webkit-border-radius: 5px 5px 5px 5px;
    	-khtml-border-radius: 5px 5px 5px 5px;
    	border-radius: 5px 5px 5px 5px;
 	border: solid 1px #CCC;
    	display:block;
}

select {
	margin: 0px 0px 10px 0px;
	padding: 10px ! important;
 	font-family: Arial,Helvetica, non serif;
	font-size:16px ! important;
    	line-height: 20px;
  	height: 40px;
	color:#666;
	width:100%;
     	-moz-border-radius: 5px 5px 5px 5px;
    	-webkit-border-radius: 5px 5px 5px 5px;
    	-khtml-border-radius: 5px 5px 5px 5px;
    	border-radius: 5px 5px 5px 5px;
 	border: solid 1px #CCC;
    	display:block;
}


.hide { display: none; }

.hide-override { display: none !important; }

.highlight { background: #ffff99; }

#googlemap img, object, embed { max-width: none; }

#map_canvas embed { max-width: none; }

#map_canvas img { max-width: none; }

#map_canvas object { max-width: none; }

/* Reset for strange margins by default on <figure> elements */
figure { margin: 0; }

/* Base Type Styles Using Modular Scale ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, th, td { margin: 0; padding: 0; font-size: 16px; direction: ltr; }

p { font-family: inherit; font-weight: normal; font-size: 12px; line-height: 1.6; margin: 10px 0px 10px 0px; }
p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }

aside p { font-size: 12px; line-height: 1.35; font-style: italic; }

h1 { font-family: CustomFont; font-weight: normal; font-style: normal; color: #FFF; text-rendering: optimizeLegibility; line-height: 1.5; margin-bottom: 5px; margin-top: 0px; }

h2, h3, h4, h5, h6 { font-family: CustomFont; font-weight: normal; font-style: normal; color: #FFF; text-rendering: optimizeLegibility; line-height: 1.5; margin-bottom: 5px; margin-top: 0px; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

.subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; }

em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 60%; line-height: inherit; }

code { font-weight: bold; background: #ffff99; }

/* Lists ---------------------- */
ul, ol, dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; }
/*
ol { margin-left: 20px; }
ol li ul, ol li ol { margin-left: 0px; margin-bottom: 0; }

ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; }
ul.square, ul.circle, ul.disc { margin-left: 17px; }
ul.square { list-style-type: square; }
ul.square li ul { list-style: inherit; }
ul.circle { list-style-type: circle; }
ul.circle li ul { list-style: inherit; }
ul.disc { list-style-type: disc; }
ul.disc li ul { list-style: inherit; }
ul.no-bullet { list-style: none; }
ul.large li { line-height: 21px; }
*/
/* Blockquotes ---------------------- */
blockquote, blockquote p { line-height: 1.5; color: #6f6f6f; }

blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 13px; color: #555555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555555; }

abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #ddd; cursor: help; }

abbr { text-transform: none; }


.print-only { display: none !important; }

@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .hide-on-print { display: none !important; }
  .print-only { display: block !important; }
  .hide-for-print { display: none !important; }
  .show-for-print { display: inherit !important; } }


/* The Grid Used for Within Table Column ---------------------- */

.grid,.grid--full,.grid--rev,.grid{
    *zoom:1}

.grid:after,.grid--full:after,.grid--rev:after,.grid:after{
    content:"";display:table;clear:both}

.grid{
    list-style:none;margin:0;padding:0;margin-left:0px;
}

.grid:before,.grid:after{
    content:"";
    display:table}

.grid:after{
    clear:both}

.grid__item{
    display:block;
    float:left;
    padding:0px;
    vertical-align:top;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box}


@media only screen and (min-width: 769px){
    .desk--one-whole{
        width:100%}

    .desk--one-half,.desk--two-quarters,.desk--three-sixths,.desk--four-eighths,.desk--five-tenths,.desk--six-twelfths{
        width:50%}

    .desk--one-third,.desk--two-sixths,.desk--four-twelfths{
        width:33.333%}

    .desk--two-thirds,.desk--four-sixths,.desk--eight-twelfths{
        width:66.666%}

    .desk--one-quarter,.desk--two-eighths,.desk--three-twelfths{
        width:25%}

    .desk--three-quarters,.desk--six-eighths,.desk--nine-twelfths{
        width:75%}

    .desk--one-fifth,.desk--two-tenths{
        width:20%}

    .desk--two-fifths,.desk--four-tenths{
        width:40%}

    .desk--three-fifths,.desk--six-tenths{
        width:60%}

    .desk--four-fifths,.desk--eight-tenths{
        width:80%}

    .desk--one-sixth,.desk--two-twelfths{
        width:16.666%}

    .desk--five-sixths,.desk--ten-twelfths{
        width:83.333%}

    .desk--one-eighth{
        width:12.5%}

    .desk--three-eighths{
        width:37.5%}

    .desk--five-eighths{
        width:62.5%}

    .desk--seven-eighths{
        width:87.5%}

    .desk--one-tenth{
        width:10%}

    .desk--three-tenths{
        width:30%}

    .desk--seven-tenths{
        width:70%}

    .desk--nine-tenths{
        width:90%}

    .desk--one-twelfth{
        width:8.333%}

    .desk--five-twelfths{
        width:41.666%}

    .desk--seven-twelfths{
        width:58.333%}

    .desk--eleven-twelfths{
        width:91.666%}

    .desk--show{display:block!important}
    .desk--hide{display:none!important}
    .desk--left{float:left!important}
    .desk--right{float:right!important}
}



/* 4 equal column  ---------------------- */

.col-group > div {
  padding: 0px;
  border: 0px solid #FFF;
}
@media screen and (min-width: 34em) {
  .col-group {
    overflow: hidden;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
  }
  .col-group > div {
    float: left;
    width: 50%;
  }
  .col-group > div:nth-child(odd) {
    clear: left;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
  }
}
@media screen and (min-width: 44em) {
  .col-group > div {
    width: 25%;
  }
  .col-group > div:nth-child(odd) {
    clear: none;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
  }
}



/* The Grid Used for Main Frame ---------------------- */
.row { width: 100%; max-width: 100%; min-width: 768px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; }
.row.collapse > .column, .row.collapse > .columns { padding: 0; }
.row .row.collapse {margin:0;}
.row > .column,
.row > .columns {padding: 0 0px;float:left;}
.row .row .column,
.row .row .columns { float: left; min-height: 1px; padding: 0 10px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.one, .row .one { width: 8.33333%; }

.two, .row .two { width: 16.66667%; }

.three, .row .three { width: 25%; }

.four, .row .four { width: 33.33333%; }

.five, .row .five { width: 41.66667%; }

.six, .row .six { width: 50%; }

.seven, .row .seven { width: 58.33333%; }

.eight, .row .eight { width: 66.66667%; }

.nine, .row .nine { width: 75%; }

.ten, .row .ten { width: 83.33333%; }

.eleven, .row .eleven { width: 91.66667%; }

.twelve, .row .twelve { width: 100%; }

.row .offset-by-one { margin-left: 8.33333%; }

.row .offset-by-two { margin-left: 16.66667%; }

.row .offset-by-three { margin-left: 25%; }

.row .offset-by-four { margin-left: 33.33333%; }

.row .offset-by-five { margin-left: 41.66667%; }

.row .offset-by-six { margin-left: 50%; }

.row .offset-by-seven { margin-left: 58.33333%; }

.row .offset-by-eight { margin-left: 66.66667%; }

.row .offset-by-nine { margin-left: 75%; }

.row .offset-by-ten { margin-left: 83.33333%; }

.push-two { left: 16.66667%; }

.pull-two { right: 16.66667%; }

.push-three { left: 25%; }

.pull-three { right: 25%; }

.push-four { left: 33.33333%; }

.pull-four { right: 33.33333%; }

.push-five { left: 41.66667%; }

.pull-five { right: 41.66667%; }

.push-six { left: 50%; }

.pull-six { right: 50%; }

.push-seven { left: 58.33333%; }

.pull-seven { right: 58.33333%; }

.push-eight { left: 66.66667%; }

.pull-eight { right: 66.66667%; }

.push-nine { left: 75%; }

.pull-nine { right: 75%; }

.push-ten { left: 83.33333%; }

.pull-ten { right: 83.33333%; }

img { height: auto; }

img, object, embed { max-width: 100%; }

img { -ms-interpolation-mode: bicubic; }


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


/* Don't use native buttons on iOS */
input[type=submit].button, button.button { -webkit-appearance: none; filter:none; background-image:none;}


/* <nav> */
.top-bar { font-family: CustomFont_Regular; background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,3)); min-height: 60px; line-height: 30px; margin: 0px 0px 0px 28%; padding:0px 0px 0px 0px; width:72%; position: fixed; /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */ }
.contain-to-grid .top-bar { max-width: 940px; margin: 0 auto; }
.top-bar > ul .name h1 { line-height: 45px; margin: 0; }
.top-bar > ul .name h1 a { font-weight: bold; padding: 0 22.5px; font-size: 17px !important; }
.top-bar > ul .name img { margin-top: 0px; vertical-align: middle; }
.top-bar.expanded { height: inherit; }

.top-bar ul { display: inline; height: 60px; list-style: none; padding-top:0px; !important; margin: 0px !important; /* Main Navigation links style */ /* Left Side <ul> */ /* Right Side <ul> */ }

.top-bar ul > li { float: left; background-image: none; padding: 0px !important; margin: 0px !important; /* Dividers between navigation */ /* Put a button in an <li> but give is a class */ /* Put a search bar or text input in the bar */ /* Put login bar in the top bar */ /* Hide the triangle for breakpoint menu */ /* li.has-dropdown */ }

.top-bar ul > li a { 
	color: #FC0; text-transform: uppercase; letter-spacing: 1px; display: block; font-size: 16px; font-weight: bold; height: 60px; padding: 20px  20px 33px 20px;  }


.top-bar ul > li > a:hover, .top-bar ul > li.active > a, .top-bar ul > li > a:focus { 
	color:#FFF;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 33px 20px;
	height: 60px;
	text-decoration:none;
	font-weight: bold;
	text-transform:uppercase;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	background: #FC0;
}

.top-bar ul > li .donate { 
	color: #333; background:#FC0; text-transform: uppercase; letter-spacing: 1px; display: block; font-size: 16px; font-weight: normal; height: 60px; line-height: 30px; padding: 18px  20px 33px 20px; }


.top-bar ul > li.item-117 a { 
	color: #333 !important; background:#FC0; text-transform: uppercase; letter-spacing: 1px; display: block; font-size: 16px; font-weight: normal; height: 60px; line-height: 30px; padding: 18px  30px 33px 20px; }

.top-bar ul > li.item-117 a:hover { 
	color: #FFF !important; background:#CCC; text-transform: uppercase; letter-spacing: 1px; display: block; font-size: 16px; font-weight: normal; height: 60px; line-height: 30px; padding: 18px  30px 33px 20px; }


.top-bar ul > li.toggle-topbar { display: none; }


.top-bar ul > li.has-dropdown { position: relative; /* Dropdown Level 2+ */ }

.top-bar ul > li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown:focus > .dropdown { display: block; display: block; }

.top-bar ul > li.has-dropdown > a { margin:0px; }

.top-bar ul > li.has-dropdown > a:after { content: ""; display: none; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-right: 15px; margin-top: 0px; position: absolute; right: 0; }

.top-bar ul > li.has-dropdown .dropdown { background: transparent; top:57px; left: 0px; margin:0px; padding: 0px 0 0 0 !important; position: absolute; display: none; z-index: 99; }

.top-bar ul > li.has-dropdown .dropdown li { background: transparent; background-image: none; line-height: 1; min-width: 100%; margin:0; padding: 0px; padding-bottom: 0px !important; border-bottom: 1px solid #FFF; }

.top-bar ul > li.has-dropdown .dropdown li:last-child {
		border-bottom: none;
     		-moz-border-radius: 0px 0px 5px 5px;
    		-webkit-border-radius: 0px 0px 5px 5px;
    		-khtml-border-radius: 0px 0px 5px 5px;
    		border-radius: 0px 0px 5px 5px;
	}

.top-bar ul > li.has-dropdown .dropdown li > a { color: #333; font-size:14px; letter-spacing:1px; font-weight: heavy; height: 100%; line-height: 20px; margin: 0px; padding: 25px 17px 25px 15px; white-space: nowrap; border: none; background:#CCC; }

.top-bar ul > li.has-dropdown .dropdown li > a:after { border: none; }

.top-bar ul > li.has-dropdown .dropdown li > a:hover, .top-bar ul > li.has-dropdown .dropdown li.active, .top-bar ul > li.has-dropdown .dropdown li > a:focus { margin: 0px; color: #FFF; background:#666; border-radius: 0;
	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}

.top-bar ul > li.has-dropdown .dropdown li:last-child { padding-bottom: 10px; }
.top-bar ul > li.has-dropdown .dropdown li.active a { background: transparent; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a { padding-right: 30px; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after { display:none; border: none; content: "\00bb"; right: 5px; top: 6px; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown { position: absolute; left: 100%; top: 0; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown,
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:focus > .dropdown { display: block; }
.top-bar ul.center {text-align:center;float:none;display:block;line-height:40px;}
.top-bar ul.center > li {display:inline-table;*display:inline;zoom:1;float:none;background-image: none;padding: 0px; margin: 0px;}
.top-bar ul.left { float: left; width: auto; margin-bottom: 0; }
.top-bar ul.right { float: right; width: auto; margin-bottom: 0; /* Dropdown Right Side Alignment */ }
.top-bar ul.right .has-dropdown .dropdown { left: auto; right: 0px; }
.top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown { right: 100%; left: auto; width: 100%; }
.top-bar .js-generated { display: none; }


/* Top bar in vertical view type */
.top-bar.vertical {background: transparent; min-height: auto; line-height: 45px; height:50px; margin: 0 0 0 0; padding: 0; width: auto; position: relative;}
.top-bar.vertical ul {display:block;float:none !important;height:auto;line-height:auto;}
.top-bar.vertical ul > li {display:block;float:none;background-image: none;padding: 0px; margin: 0px;}
.top-bar.vertical ul > li a {height:auto;line-height:1.3;padding:25px 15px 25px 15px;white-space:pre-line; background:#FFF; color:#333; border-bottom:1px solid #CCC; }
.top-bar.vertical ul > li.has-dropdown {position:static;}
.top-bar.vertical ul > li.has-dropdown .dropdown {left:auto;margin:0;padding:0 !important;position:static;display:block;z-index:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li {background: transparent; background-image: none; line-height: 1; min-width: 100%; padding: 0px; margin: 0px; padding-bottom: 0px !important;}
.top-bar.vertical ul > li.has-dropdown .dropdown li > a {height:auto;line-height:1.3;padding:25px 30px 25px 30px;white-space:pre-line; background:#FC0; color:#FFF; }
.top-bar.vertical ul > li.has-dropdown .dropdown li > a:hover {padding:25px 30px 25px 30px; background:#FC0; color:#333;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {position:static;left:auto;top:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a {padding-left:40px; background:#FC0; color:#FFF;border-top:solid 1px #696; }
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a:hover {padding-left:40px; background:#000;color:#FFF;}

.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a {padding-left:45px;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a li a {padding-left:60px;}
.top-bar.vertical ul > li > a:hover,
.top-bar.vertical ul > li.active > a,
.top-bar.vertical ul > li > a:focus { color:#FC0; !important; background:#EFEFEF; border-radius:0px;}


/* Firefox Fixes */
@-moz-document url-prefix() { .top-bar ul li .button.small { padding-bottom: 6px; }
  .top-bar ul li.search form input[type=search] { font-size: 14px; height: 22px; padding: 3px; } }


/* Small Devices ------------ */
@media only screen and (max-width: 800px) { /* Global Misc --- */
  /*                 */
  .left, .right { float: none; }
  body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
  /* The Grid --- */
  /*              */
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  .column, .columns { width: auto !important; float: none; }
  .column:last-child, .columns:last-child { float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
  .column:after, .columns:after { clear: both; }
  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
  /* Mobile 4-column Grid */
  .row .mobile-one { width: 25% !important; float: left; padding: 0 0px; }
  .row .mobile-one:last-child { float: right; }
  .row .mobile-one.end { float: left; }
  .row.collapse .mobile-one { padding: 0; }
  .row .mobile-two { width: 50% !important; float: left; padding: 0 0px; }
  .row .mobile-two:last-child { float: right; }
  .row .mobile-two.end { float: left; }
  .row.collapse .mobile-two { padding: 0; }
  .row .mobile-three { width: 75% !important; float: left; padding: 0 0px; }
  .row .mobile-three:last-child { float: right; }
  .row .mobile-three.end { float: left; }
  .row.collapse .mobile-three { padding: 0; }
  .row .mobile-four { width: 100% !important; float: left; padding: 0 0px; }
  .row .mobile-four:last-child { float: right; }
  .row .mobile-four.end { float: left; }
  .row.collapse .mobile-four { padding: 0; }
  .push-one-mobile { left: 25%; }
  .pull-one-mobile { right: 25%; }
  .push-two-mobile { left: 50%; }
  .pull-two-mobile { right: 50%; }
  .push-three-mobile { left: 75%; }
  .pull-three-mobile { right: 75%; }
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?pvm5gj');
	src:url('../fonts/icomoon.eot?#iefixpvm5gj') format('embedded-opentype'),
		url('../fonts/icomoon.woff?pvm5gj') format('woff'),
		url('../fonts/icomoon.ttf?pvm5gj') format('truetype'),
		url('../fonts/icomoon.svg?pvm5gj#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Icons created with icomoon.io/app */

.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 15px 0px 0px 0px;
	font-weight: 300;
	height:34px;
}

/* Nav */
.tabs nav {
	text-align: center;
	padding-left:2%;
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.tabs nav ul li {
	border: 1px solid #CCC;
	border-bottom: none;
	margin: 0 1px 0 1px;
	display: block;
	float: left;
	position: relative;
     	-moz-border-radius: 10px 10px 0px 0px;
    	-webkit-border-radius: 10px 10px 0px 0px;
    	-khtml-border-radius: 10px 10px 0px 0px;
    	border-radius: 10px 10px 0px 0px; 
}

.tabs nav li.tab-current {
	background-color:#EEE;
	border:none;
	-webkit-box-shadow:  1px 1px 0px 0px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,.2);
	box-shadow: 1px 1px 0px 0px rgba(0,0,0,.2);
}

.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
	content: '';
	position: absolute;
	height: 1px;
	right: 100%;
	bottom: 0;
	width: 1000px;
	background: #47a3da;
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
	width: 4000px;
}

.tabs nav a {
	color: #666;
	display: block;
	font-size: 12px;
	line-height: 2.5;
	padding: 5px 12px 0px 10px;
	white-space: nowrap;
	text-decoration:none;
	text-transform:uppercase;
}

.tabs nav a:hover {
	color: #666;
	background:#EEE;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
     	-moz-border-radius: 10px 10px 0px 0px;
    	-webkit-border-radius: 10px 10px 0px 0px;
    	-khtml-border-radius: 10px 10px 0px 0px;
    	border-radius: 10px 10px 0px 0px; 
}

.tabs nav li.tab-current a {
	color: #666;
}

/* Icons */
.tabs nav a:before {
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-family: 'icomoon';
	font-size: 15px;
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	margin: -0.25em 0.4em 0 0;
}


.icon-pencil:before {
	content: "\e608";
}
.icon-connection:before {
	content: "\e609";
}
.icon-folder:before {
	content: "\e603";
}
.icon-coin:before {
	content: "\e60f";
}
.icon-credit:before {
	content: "\e610";
}
.icon-mobile:before {
	content: "\e605";
}
.icon-box-add:before {
	content: "\e611";
}
.icon-users:before {
	content: "\e606";
}
.icon-quotes-left:before {
	content: "\e60d";
}
.icon-busy:before {
	content: "\e60a";
}
.icon-search:before {
	content: "\e612";
}
.icon-settings:before {
	content: "\e604";
}
.icon-cog:before {
	content: "\e607";
}
.icon-stats:before {
	content: "\e614";
}
.icon-powercord:before {
	content: "\e615";
}
.icon-menu:before {
	content: "\e600";
}
.icon-heart:before {
	content: "\e613";
}
.icon-exit:before {
	content: "\e616";
}
.icon-play:before {
	content: "\e617";
}
.icon-arrow-right:before {
	content: "\e601";
}
.icon-arrow-left:before {
	content: "\e602";
}
.icon-googleplus:before {
	content: "\e618";
}
.icon-facebook:before {
	content: "\e60b";
}
.icon-instagram:before {
	content: "\e619";
}
.icon-twitter:before {
	content: "\e60c";
}
.icon-youtube:before {
	content: "\e61a";
}
.icon-wordpress:before {
	content: "\e61b";
}
.icon-blogger:before {
	content: "\e60e";
}
.icon-linkedin:before {
	content: "\e61c";
}




@media screen and (max-width: 48em) {


.mobile--show{display:block!important}
.mobile--hide{display:none!important}

}