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

html { 	font-family: d-dinregular !important;
	font-size: 18px!important;
	line-height: 30px!important; }

body { 
	background: transparent; 
	font-family: d-dinregular;
	font-weight: normal; 
	font-style: normal; 
	font-size: 18px;
	line-height: 30px;
	letter-spacing:0px;
	color: #222222; 
	width: auto;
	position: relative; 
	background:#000;
	z-index: 0;
}

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

@font-face {
    font-family: d-dindin-bold;
    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#d-dindin-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-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: d-dinregular;
    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:link {  color: #0C0; text-decoration: none;  }
a:visited { color: #0C0;  }
a:hover { color: #609; text-decoration: 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;
}
a:active { color: #0C0;  }



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


.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 ---------------------- */

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, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif;; font-weight: normal; font-style: normal; color: #222222; 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; }


h7{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color:#6F0;
	font-size:11px;
	line-height:12px;
	text-align:center;
	font-weight: italic;
	text-decorations: none;
  	text-transform:none;
	border:0;	
	display: block;
	}

h8 {	/* Important Notice Fine Print*/
	margin: 20px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	width: 93%;
	font-size: 11px;
	color:#333;
	text-transform: none;
	font-weight: normal;
	letter-spacing:0px;
	text-align:left;
	line-height:15px;
	display:block;
	float:left;
	background-color: #e6EEEE;
     	-moz-border-radius: 10px 10px 10px 10px;
    	-webkit-border-radius: 10px 10px 10px 10px;
    	-khtml-border-radius: 10px 10px 10px 10px;
    	border-radius: 10px 10px 10px 10px;
}

h8 li {	/* Important Notice Fine Print*/
	font-size: 11px;
	line-height:15px;
}

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: 80%; line-height: inherit; color:#900}

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-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;
    -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: 0;
}
@media screen and (min-width: 44em) {
  .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: 75em) {
  .col-group > div {
    width: 100%;
  }
  .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%; margin-bottom:-15px; }

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

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

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

/* Normal Buttons ---------------------- */
.button { width: auto; background: #2ba6cb; border: 1px solid #1e728c; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none;  /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.button:hover, .button:focus { color: white; background-color: #2284a1; }
.button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
.button.large { font-size: 17px; padding: 15px 30px 16px; }
.button.medium { font-size: 14px; }
.button.small { font-size: 11px; padding: 7px 14px 8px; }
.button.tiny { font-size: 10px; padding: 5px 10px 6px; }
.button.expand { width: 100%; text-align: center; }
.button.primary { background-color: #2ba6cb; border: 1px solid #1e728c; }
.button.primary:hover, .button.primary:focus { background-color: #2284a1; }
.button.success { background-color: #5da423; border: 1px solid #396516; }
.button.success:hover, .button.success:focus { background-color: #457a1a; }
.button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; }
.button.alert:hover, .button.alert:focus { background-color: #970b0e; }
.button.secondary { background-color: #e9e9e9; color: #1d1d1d; border: 1px solid #c3c3c3; }
.button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; }
.button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; }
.button.left-align { text-align: left; text-indent: 12px; }
.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #2ba6cb; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.button.disabled:hover, .button[disabled]:hover { background: #2ba6cb; }
.button.disabled.success, .button[disabled].success { background-color: #5da423; }
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; outline: none; }
.button.disabled.alert, .button[disabled].alert { background-color: #c60f13; }
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; outline: none; }
.button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; }
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; outline: none; }

/* 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-size: 17px; background:#EFEFEF; min-height: 50px; line-height: 20px; margin: 55px 0 0px 0px; padding: 0px 80px 0px 0px; width: 100%; position: relative; /* 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: -5px; vertical-align: middle; }
.top-bar.expanded { height: inherit; }

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

.top-bar ul > li { font-size: 17px; letter-spacing: 0.5px; line-height: 50px; text-transform: none; float: left; background-image: none; padding: 0px !important; margin: 0px 0px 0px 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 { 
	font-family: d-dinregular; color: #333; text-transform: none; display: block; font-size: 17px; letter-spacing: 0.5px; font-weight: normal; height: 50px; line-height: 20px; padding: 15px 8px; }

.top-bar ul > li > a:hover, .top-bar ul > li.active > a, .top-bar ul > li > a:focus { 
	margin:0;
	padding: 15px 8px;  
	color:#FFF;
	background:#90C;
	font-size: 17px; 
	font-weight: normal;
	letter-spacing: 0.5px;
	text-decoration:none;
	text-transform:none;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
 	}

.top-bar ul > li a.selected { 
	font-family: d-dinregular; font-size: 17px; color: #369; text-transform: none; display: block; font-size: 17px; letter-spacing: 0.5px; font-weight: normal; height: 50px; line-height: 20px; padding: 15px 8px;   }

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

.top-bar ul > li.has-dropdown { position: relative; padding: 0px 12px 0px 12px !important; /* Dropdown Level 2+ */ }

.top-bar ul > li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown:focus > .dropdown { display: block; margin: 0; padding: 0px !important; }

.top-bar ul > li.has-dropdown > a { margin: 0; font-size: 17px; padding: 0px; letter-spacing: 0.5px; }

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

.top-bar ul > li.has-dropdown .dropdown { top:50px; background:#CCC; left: 0; margin: 0; padding: 0px 0 0 0 !important; position: absolute; display: none; z-index: 99; letter-spacing: 0.5px; }

.top-bar ul > li.has-dropdown .dropdown li { background:#CCC; background-image: none; line-height: 20px; min-width: 100%; margin: 0px; padding: 15px 17px 15px 15px; !important; border-top: 1px solid #606; font-weight: normal; }

.top-bar ul > li.has-dropdown .dropdown li > a { color: #333; font-size: 17px; letter-spacing:0.5px; font-weight: normal; line-height: 20px; padding: 18px 17px 15px 15px; white-space: nowrap; border: none; background:#EFEFEF; }

.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 > a:focus { font-size: 17px; letter-spacing:0.5px; color: #333; border-radius: 0; background:#CCC;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms 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: #000; min-height: auto; line-height: 45px; 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;margin: 0px; padding:15px 15px 15px 15px; white-space:pre-line; color:#333; border-bottom:4px solid #EEE; margin: 0px -10px 0px 0px;}
.top-bar.vertical ul > li.has-dropdown {position:static; padding: 0px 15px !important; margin: 0px !important;}

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

.top-bar.vertical ul > li.has-dropdown .dropdown {left:auto;margin:0px -15px !important; padding:0 !important;position:static;display:block;z-index:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li {background: #000; background-image: none; line-height: 1; min-width: 100%; margin: 0px !important; padding: 0px 0px 0px 0px !important;}
.top-bar.vertical ul > li.has-dropdown .dropdown li > a {margin: -1px 0px 0px 0px !important;height:auto;line-height:1.3;padding:15px 15px 15px 15px;white-space:pre-line; background:#999; color:#FFF; border-bottom:1px solid #FFF; }
.top-bar.vertical ul > li.has-dropdown .dropdown li > a:hover {padding:15px 15px 15px 15px; background:#FFF; 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:35px; background:#777;color:#FFF;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a:hover {padding-left:35px; background:#666;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: #333 !important; background:#FFF; 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?m7lkof');
  src:  url('../fonts/icomoon.eot?m7lkof#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?m7lkof') format('truetype'),
    url('../fonts/icomoon.woff?m7lkof') format('woff'),
    url('../fonts/icomoon.svg?m7lkof#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home3:before {
  content: "\e902";
}
.icon-office:before {
  content: "\e903";
}
.icon-newspaper:before {
  content: "\e904";
}
.icon-pencil:before {
  content: "\e905";
}
.icon-eyedropper:before {
  content: "\e90a";
}
.icon-droplet:before {
  content: "\e90b";
}
.icon-image:before {
  content: "\e90d";
}
.icon-images:before {
  content: "\e90e";
}
.icon-camera:before {
  content: "\e90f";
}
.icon-play:before {
  content: "\e912";
}
.icon-bullhorn:before {
  content: "\e91a";
}
.icon-connection:before {
  content: "\e91b";
}
.icon-book:before {
  content: "\e91f";
}
.icon-books:before {
  content: "\e920";
}
.icon-library:before {
  content: "\e921";
}
.icon-file-text:before {
  content: "\e922";
}
.icon-profile:before {
  content: "\e923";
}
.icon-file-empty:before {
  content: "\e924";
}
.icon-files-empty:before {
  content: "\e925";
}
.icon-file-text2:before {
  content: "\e926";
}
.icon-copy:before {
  content: "\e92c";
}
.icon-paste:before {
  content: "\e92d";
}
.icon-stack:before {
  content: "\e92e";
}
.icon-folder:before {
  content: "\e92f";
}
.icon-folder-open:before {
  content: "\e930";
}
.icon-folder-download:before {
  content: "\e933";
}
.icon-folder-upload:before {
  content: "\e934";
}
.icon-barcode:before {
  content: "\e937";
}
.icon-qrcode:before {
  content: "\e938";
}
.icon-ticket:before {
  content: "\e939";
}
.icon-coin-dollar:before {
  content: "\e93b";
}
.icon-coin-euro:before {
  content: "\e93c";
}
.icon-coin-pound:before {
  content: "\e93d";
}
.icon-coin-yen:before {
  content: "\e93e";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-calculator:before {
  content: "\e940";
}
.icon-lifebuoy:before {
  content: "\e941";
}
.icon-phone:before {
  content: "\e942";
}
.icon-phone-hang-up:before {
  content: "\e943";
}
.icon-address-book:before {
  content: "\e944";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-location2:before {
  content: "\e948";
}
.icon-compass:before {
  content: "\e949";
}
.icon-compass2:before {
  content: "\e94a";
}
.icon-map:before {
  content: "\e94b";
}
.icon-history:before {
  content: "\e94d";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-clock2:before {
  content: "\e94f";
}
.icon-bell:before {
  content: "\e951";
}
.icon-stopwatch:before {
  content: "\e952";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-drawer:before {
  content: "\e95c";
}
.icon-drawer2:before {
  content: "\e95d";
}
.icon-box-add:before {
  content: "\e95e";
}
.icon-box-remove:before {
  content: "\e95f";
}
.icon-database:before {
  content: "\e964";
}
.icon-bubbles:before {
  content: "\e96c";
}
.icon-user:before {
  content: "\e971";
}
.icon-users:before {
  content: "\e972";
}
.icon-user-plus:before {
  content: "\e973";
}
.icon-user-check:before {
  content: "\e975";
}
.icon-user-tie:before {
  content: "\e976";
}
.icon-binoculars:before {
  content: "\e985";
}
.icon-search:before {
  content: "\e986";
}
.icon-zoom-in:before {
  content: "\e987";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-wrench:before {
  content: "\e991";
}
.icon-equalizer2:before {
  content: "\e993";
}
.icon-cog:before {
  content: "\e994";
}
.icon-hammer:before {
  content: "\e996";
}
.icon-aid-kit:before {
  content: "\e998";
}
.icon-pie-chart:before {
  content: "\e99a";
}
.icon-stats-dots:before {
  content: "\e99b";
}
.icon-stats-bars:before {
  content: "\e99c";
}
.icon-stats-bars2:before {
  content: "\e99d";
}
.icon-trophy:before {
  content: "\e99e";
}
.icon-gift:before {
  content: "\e99f";
}
.icon-mug:before {
  content: "\e9a2";
}
.icon-spoon-knife:before {
  content: "\e9a3";
}
.icon-leaf:before {
  content: "\e9a4";
}
.icon-rocket:before {
  content: "\e9a5";
}
.icon-meter:before {
  content: "\e9a6";
}
.icon-meter2:before {
  content: "\e9a7";
}
.icon-hammer2:before {
  content: "\e9a8";
}
.icon-fire:before {
  content: "\e9a9";
}
.icon-lab:before {
  content: "\e9aa";
}
.icon-magnet:before {
  content: "\e9ab";
}
.icon-bin:before {
  content: "\e9ac";
}
.icon-briefcase:before {
  content: "\e9ae";
}
.icon-airplane:before {
  content: "\e9af";
}
.icon-truck:before {
  content: "\e9b0";
}
.icon-road:before {
  content: "\e9b1";
}
.icon-target:before {
  content: "\e9b3";
}
.icon-shield:before {
  content: "\e9b4";
}
.icon-power:before {
  content: "\e9b5";
}
.icon-switch:before {
  content: "\e9b6";
}
.icon-power-cord:before {
  content: "\e9b7";
}
.icon-clipboard:before {
  content: "\e9b8";
}
.icon-list-numbered:before {
  content: "\e9b9";
}
.icon-list:before {
  content: "\e9ba";
}
.icon-list2:before {
  content: "\e9bb";
}
.icon-tree:before {
  content: "\e9bc";
}
.icon-cloud:before {
  content: "\e9c1";
}
.icon-sphere:before {
  content: "\e9c9";
}
.icon-earth:before {
  content: "\e9ca";
}
.icon-flag:before {
  content: "\e9cc";
}
.icon-attachment:before {
  content: "\e9cd";
}
.icon-eye:before {
  content: "\e9ce";
}
.icon-eye-plus:before {
  content: "\e9cf";
}
.icon-eye-minus:before {
  content: "\e9d0";
}
.icon-bookmark:before {
  content: "\e9d2";
}
.icon-star-empty:before {
  content: "\e9d7";
}
.icon-man:before {
  content: "\e9dc";
}
.icon-woman:before {
  content: "\e9dd";
}
.icon-man-woman:before {
  content: "\e9de";
}
.icon-warning:before {
  content: "\ea07";
}
.icon-notification:before {
  content: "\ea08";
}
.icon-question:before {
  content: "\ea09";
}
.icon-plus:before {
  content: "\ea0a";
}
.icon-minus:before {
  content: "\ea0b";
}
.icon-info:before {
  content: "\ea0c";
}
.icon-cancel-circle:before {
  content: "\ea0d";
}
.icon-blocked:before {
  content: "\ea0e";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-enter:before {
  content: "\ea13";
}
.icon-exit:before {
  content: "\ea14";
}
.icon-play3:before {
  content: "\ea1c";
}
.icon-pause2:before {
  content: "\ea1d";
}
.icon-stop2:before {
  content: "\ea1e";
}
.icon-backward2:before {
  content: "\ea1f";
}
.icon-forward3:before {
  content: "\ea20";
}
.icon-first:before {
  content: "\ea21";
}
.icon-last:before {
  content: "\ea22";
}
.icon-volume-medium:before {
  content: "\ea27";
}
.icon-arrow-up:before {
  content: "\ea32";
}
.icon-arrow-right:before {
  content: "\ea34";
}
.icon-arrow-down:before {
  content: "\ea36";
}
.icon-arrow-left:before {
  content: "\ea38";
}
.icon-circle-up:before {
  content: "\ea41";
}
.icon-circle-right:before {
  content: "\ea42";
}
.icon-circle-down:before {
  content: "\ea43";
}
.icon-circle-left:before {
  content: "\ea44";
}
.icon-radio-checked:before {
  content: "\ea54";
}
.icon-scissors:before {
  content: "\ea5a";
}
.icon-filter:before {
  content: "\ea5b";
}
.icon-mail:before {
  content: "\ea83";
}
.icon-google:before {
  content: "\ea88";
}
.icon-google2:before {
  content: "\ea89";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-linkedin:before {
  content: "\eac9";
}
.icon-linkedin2:before {
  content: "\eaca";
}
.icon-file-pdf:before {
  content: "\eadf";
}
.icon-file-word:before {
  content: "\eae1";
}
.icon-file-excel:before {
  content: "\eae2";
}
.icon-codepen:before {
  content: "\eae8";
}




/* Example media queries */

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

	.tabs nav a span {
		display: none;
	}

	.tabs nav a:before {
		margin-right: 0;
	}

	.mediabox {
		float: none;
		width: auto;
		padding: 0 0 35px 0;
		font-size: 90%;
	}

	.mediabox img {
		float: left;
		margin: 0 25px 10px 0;
		max-width: 40%;
	}

	.mediabox h3 {
		margin-top: 0;
	}

	.mediabox p {
		margin-left: 40%;
		margin-left: calc(40% + 25px);
	}

	.mediabox:before,
	.mediabox:after {
		content: '';
		display: table;
	}

	.mediabox:after {
		clear: both;
	}
}

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

	.tabs nav ul,
	.tabs nav ul li a {
		width: 100%;
		padding: 0px 10px 0px 10px;
		min-height:35px;
	}

	.tabs nav ul li {
		width: 15%;
		width: calc(15% + 2px);
		margin: 0 0 0 4px;
	}


	.mediabox {
		text-align: center;
	}

	.mediabox img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox p {
		margin: 0;
	}


}