/* 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:CustomFont; 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;
    	src: url('../fonts/antonio-regular-webfont.eot');
    	src: url('../fonts/antonio-regular-webfont?#iefix') format('embedded-opentype'),
         url('../fonts/antonio-regular-webfont.woff') format('woff'),
         url('../fonts/antonio-regular-webfont.ttf') format('truetype'),
         url('../fonts/antonio-regular-webfont.svg') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}

@font-face {
	font-family: CustomFontBold;
    	src: url('../fonts/antonio-bold-webfont.eot');
    	src: url('../fonts/antonio-bold-webfont?#iefix') format('embedded-opentype'),
         url('../fonts/antonio-bold-webfont.woff') format('woff'),
         url('../fonts/antonio-bold-webfont.ttf') format('truetype'),
         url('../fonts/antonio-bold-webfont.svg') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}


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

a { color: #660066; text-decoration: none; line-height: inherit; }

a:hover { color: #fcb816; }

a:focus { color: #660066; }

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

/* 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 ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; font-size: 14px; 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, h2, h3, h4, h5, h6 { font-family: antonio-bold-webfont 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; }

h1 { font-size: 24px; }

h2 { font-size: 20px; }

h3 { font-size: 16px; }

h4 { font-size: 15px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h7{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color:#6F0;
	font-size:10px;
	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;
	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: 60%; line-height: inherit; }

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

/* Lists ---------------------- */
ul, ol, dl { font-family: arial, helvetica, non-serif; 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: 0;
}
@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; }

#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; }


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

/* <nav> */
.top-bar { background: transparent; min-height: 45px; margin: 0 0 0 0; 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 { margin-left: 0; display: inline; height: 45px; height: 103px; font-weight: normal; list-style: none; padding-top:45px; !important; margin: 0px !important; /* Main Navigation links style */ /* Left Side <ul> */ /* Right Side <ul> */ }

.top-bar ul > li { font-weight: normal; 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: #FFF; text-transform: uppercase; letter-spacing: 1px; display: block; font-size: 15px; font-weight: normal; height: 58px; padding: 18px 20px; }

.top-bar ul > li .donate { 
	color: #333; background:#FFF; text-transform: uppercase; letter-spacing: 1px; display: block; font-size: 15px; font-weight: normal; height: 60px; line-height: 45px; padding: 8px 50px; }

.top-bar ul > li > a:hover, .top-bar ul > li.active > a, .top-bar ul > li > a:focus { 
	color:#fcb816;
	font-weight: normal;
	height: 58px;

	text-decoration:none;
	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: #9c5ead;

}

.top-bar ul > li.divider { background: black; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); height: 100%; margin-right: 1px; width: 1px; }

.top-bar ul > li.has-button a.button { margin: 0 11.25px; }
.top-bar ul > li.has-button:hover, .top-bar ul > li.has-button:focus { background: transparent; }
.top-bar ul > li.has-button:hover a, .top-bar ul > li.has-button:focus a { color: #fff; }
.top-bar ul > li.search { padding: 0 15px; }
.top-bar ul > li.search form { display: inline-block; margin-bottom: 0; vertical-align: middle; width: 200px; }
.top-bar ul > li.search form input[type=text] { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; float: left; font-size: 13px; margin-top: -1px; height: 22.5px; margin-bottom: 0; width: 130px; }
.top-bar ul > li.search form input[type=text] + .button { border-left: none; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; float: left; font-size: 12px; margin-top: -1px; padding: 5px 12px 4px; }
.top-bar ul > li.search form input[type=search] { font-size: 16px; margin-bottom: 0; }
.top-bar ul > li.search:hover, .top-bar ul > li.search:focus { background: transparent; }
.top-bar ul > li.login { padding: 0 15px; }
.top-bar ul > li.login form { display: inline-block; margin-bottom: 0; vertical-align: middle; width: 300px; }
.top-bar ul > li.login form input { float: left; width: auto; font-size: 13px; margin-top: -1px; height: 22.5px; margin-bottom: 0; }
.top-bar ul > li.login form input[type=text] { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; width: 120px; }
.top-bar ul > li.login form input[type=password] { margin-bottom: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; width: 120px; }
.top-bar ul > li.login form input[type=password] + .button { border-left: none; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; float: left; font-size: 12px; margin-top: -1px; padding: 5px 12px 4px; width: 60px; }
.top-bar ul > li.login:hover, .top-bar ul > li.login:focus { background: transparent; }
.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; font-weight: normal; }

.top-bar ul > li.has-dropdown > a {  }

.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: -2.5px; position: absolute; right: 0; top: 50%; }

.top-bar ul > li.has-dropdown .dropdown { font-weight: normal; background: transparent; left: 0; margin: 0; padding: 1px 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%; padding: 0px; margin: 0px; padding-bottom: 0px !important; border-bottom: 1px solid #606; font-weight: normal; }

.top-bar ul > li.has-dropdown .dropdown li > a { color: #FFF; font-size:15px; letter-spacing:1px; font-weight: normal; height: 100%; line-height: 1; padding: 15px 17px 15px 15px; white-space: nowrap; border: none; background:#865195; }

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

.top-bar ul > li.has-dropdown .dropdown li > a:hover, .top-bar ul > li.has-dropdown .dropdown li > a:focus { color: #FFF; background:#666; border-radius: 0;
	font-weight: normal;
	-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;
}

.top-bar ul > li.has-dropdown .dropdown li label { color: #6f6f6f; font-size: 10px; font-weight: normal; margin: 0; padding-left: 15px; text-transform: uppercase; }

.top-bar ul > li.has-dropdown .dropdown li.divider { border-top: solid 1px black; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; height: 10px; padding: 0; width: 100%; }
.top-bar ul > li.has-dropdown .dropdown li:last-child { padding-bottom: 10px; }
.top-bar ul > li.has-dropdown .dropdown li.active a { background: #666; }

.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a { padding-right: 30px; font-weight: normal; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after { display:none; border: none; content: "\00bb"; right: 5px; top: 6px; font-weight: normal;}
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown { position: absolute; left: 100%; top: 0; border-left: 1px solid #606; font-weight: normal; }
.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; font-weight: normal; }


.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:105px; 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:15px 15px 15px 15px;white-space:pre-line; background:#660066; color:#FFF; 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:15px 30px 15px 30px;white-space:pre-line; #865195;  color:#FFF; }
.top-bar.vertical ul > li.has-dropdown .dropdown li > a:hover {padding:15px 30px 15px 30px; background:#666; color:#FFF;}
.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:#794986; color:#FFF;border-top:solid 1px #606; }
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a:hover {padding-left:40px; 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: #FFF !important; background:#9c5ead; 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%; }
}



.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;
}


@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?gte917');
    src:    url('../fonts/icomoon.eot?gte917#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?gte917') format('truetype'),
        url('../fonts/icomoon.woff?gte917') format('woff'),
        url('../fonts/icomoon.svg?gte917#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}


.icon-home3:before {
  content: "\e902";
}
.icon-office:before {
  content: "\e903";
}
.icon-newspaper:before {
  content: "\e904";
}
.icon-pencil:before {
  content: "\e905";
}
.icon-image:before {
  content: "\e90d";
}
.icon-images:before {
  content: "\e90e";
}
.icon-camera:before {
  content: "\e90f";
}
.icon-music:before {
  content: "\e911";
}
.icon-play:before {
  content: "\e912";
}
.icon-pacman:before {
  content: "\e916";
}
.icon-bullhorn:before {
  content: "\e91a";
}
.icon-connection:before {
  content: "\e91b";
}
.icon-podcast:before {
  content: "\e91c";
}
.icon-feed:before {
  content: "\e91d";
}
.icon-mic:before {
  content: "\e91e";
}
.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-file-picture:before {
  content: "\e927";
}
.icon-file-music:before {
  content: "\e928";
}
.icon-file-play:before {
  content: "\e929";
}
.icon-file-video:before {
  content: "\e92a";
}
.icon-copy:before {
  content: "\e92c";
}
.icon-stack:before {
  content: "\e92e";
}
.icon-folder:before {
  content: "\e92f";
}
.icon-folder-open:before {
  content: "\e930";
}
.icon-folder-plus:before {
  content: "\e931";
}
.icon-folder-minus:before {
  content: "\e932";
}
.icon-folder-download:before {
  content: "\e933";
}
.icon-folder-upload:before {
  content: "\e934";
}
.icon-price-tag:before {
  content: "\e935";
}
.icon-barcode:before {
  content: "\e937";
}
.icon-qrcode:before {
  content: "\e938";
}
.icon-ticket:before {
  content: "\e939";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-coin-dollar:before {
  content: "\e93b";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-lifebuoy:before {
  content: "\e941";
}
.icon-phone:before {
  content: "\e942";
}
.icon-address-book:before {
  content: "\e944";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-location:before {
  content: "\e947";
}
.icon-compass:before {
  content: "\e949";
}
.icon-compass2:before {
  content: "\e94a";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-clock2:before {
  content: "\e94f";
}
.icon-alarm:before {
  content: "\e950";
}
.icon-bell:before {
  content: "\e951";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-printer:before {
  content: "\e954";
}
.icon-keyboard:before {
  content: "\e955";
}
.icon-display:before {
  content: "\e956";
}
.icon-laptop:before {
  content: "\e957";
}
.icon-mobile:before {
  content: "\e958";
}
.icon-mobile2:before {
  content: "\e959";
}
.icon-drawer:before {
  content: "\e95c";
}
.icon-drawer2:before {
  content: "\e95d";
}
.icon-box-add:before {
  content: "\e95e";
}
.icon-box-remove:before {
  content: "\e95f";
}
.icon-download:before {
  content: "\e960";
}
.icon-upload:before {
  content: "\e961";
}
.icon-database:before {
  content: "\e964";
}
.icon-undo2:before {
  content: "\e967";
}
.icon-redo2:before {
  content: "\e968";
}
.icon-bubble:before {
  content: "\e96b";
}
.icon-bubbles:before {
  content: "\e96c";
}
.icon-user:before {
  content: "\e971";
}
.icon-users:before {
  content: "\e972";
}
.icon-user-plus:before {
  content: "\e973";
}
.icon-user-minus:before {
  content: "\e974";
}
.icon-user-check:before {
  content: "\e975";
}
.icon-user-tie:before {
  content: "\e976";
}
.icon-hour-glass:before {
  content: "\e979";
}
.icon-spinner9:before {
  content: "\e982";
}
.icon-spinner11:before {
  content: "\e984";
}
.icon-search:before {
  content: "\e986";
}
.icon-zoom-in:before {
  content: "\e987";
}
.icon-zoom-out:before {
  content: "\e988";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-unlocked:before {
  content: "\e990";
}
.icon-wrench:before {
  content: "\e991";
}
.icon-equalizer:before {
  content: "\e992";
}
.icon-cog:before {
  content: "\e994";
}
.icon-cogs:before {
  content: "\e995";
}
.icon-aid-kit:before {
  content: "\e998";
}
.icon-bug:before {
  content: "\e999";
}
.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-glass:before {
  content: "\e9a0";
}
.icon-mug:before {
  content: "\e9a2";
}
.icon-spoon-knife:before {
  content: "\e9a3";
}
.icon-rocket:before {
  content: "\e9a5";
}
.icon-meter:before {
  content: "\e9a6";
}
.icon-fire:before {
  content: "\e9a9";
}
.icon-lab:before {
  content: "\e9aa";
}
.icon-magnet:before {
  content: "\e9ab";
}
.icon-bin2:before {
  content: "\e9ad";
}
.icon-briefcase:before {
  content: "\e9ae";
}
.icon-switch:before {
  content: "\e9b6";
}
.icon-power-cord:before {
  content: "\e9b7";
}
.icon-tree:before {
  content: "\e9bc";
}
.icon-menu:before {
  content: "\e9bd";
}
.icon-cloud:before {
  content: "\e9c1";
}
.icon-download2:before {
  content: "\e9c5";
}
.icon-upload2:before {
  content: "\e9c6";
}
.icon-sphere:before {
  content: "\e9c9";
}
.icon-earth:before {
  content: "\e9ca";
}
.icon-link:before {
  content: "\e9cb";
}
.icon-flag:before {
  content: "\e9cc";
}
.icon-attachment:before {
  content: "\e9cd";
}
.icon-eye:before {
  content: "\e9ce";
}
.icon-eye-blocked:before {
  content: "\e9d1";
}
.icon-sun:before {
  content: "\e9d4";
}
.icon-contrast:before {
  content: "\e9d5";
}
.icon-brightness-contrast:before {
  content: "\e9d6";
}
.icon-star-empty:before {
  content: "\e9d7";
}
.icon-star-full:before {
  content: "\e9d9";
}
.icon-heart:before {
  content: "\e9da";
}
.icon-happy:before {
  content: "\e9df";
}
.icon-sad:before {
  content: "\e9e5";
}
.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-arrow-right:before {
  content: "\ea15";
}
.icon-pause:before {
  content: "\ea16";
}
.icon-stop:before {
  content: "\ea17";
}
.icon-previous:before {
  content: "\ea18";
}
.icon-next:before {
  content: "\ea19";
}
.icon-backward:before {
  content: "\ea1a";
}
.icon-forward2:before {
  content: "\ea1b";
}
.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-previous2:before {
  content: "\ea23";
}
.icon-next2:before {
  content: "\ea24";
}
.icon-volume-mute:before {
  content: "\ea29";
}
.icon-volume-mute2:before {
  content: "\ea2a";
}
.icon-volume-increase:before {
  content: "\ea2b";
}
.icon-volume-decrease:before {
  content: "\ea2c";
}
.icon-infinite:before {
  content: "\ea2f";
}
.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-radio-checked2:before {
  content: "\ea55";
}
.icon-radio-unchecked:before {
  content: "\ea56";
}
.icon-scissors:before {
  content: "\ea5a";
}
.icon-filter:before {
  content: "\ea5b";
}
.icon-embed:before {
  content: "\ea7f";
}
.icon-share2:before {
  content: "\ea82";
}
.icon-mail4:before {
  content: "\ea86";
}
.icon-google2:before {
  content: "\ea89";
}
.icon-google-drive:before {
  content: "\ea8f";
}
.icon-facebook:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-sina-weibo:before {
  content: "\ea9a";
}
.icon-rss2:before {
  content: "\ea9c";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-dropbox:before {
  content: "\eaae";
}
.icon-github:before {
  content: "\eab0";
}
.icon-blogger2:before {
  content: "\eab8";
}
.icon-tux:before {
  content: "\eabd";
}
.icon-appleinc:before {
  content: "\eabe";
}
.icon-android:before {
  content: "\eac0";
}
.icon-windows8:before {
  content: "\eac2";
}
.icon-skype:before {
  content: "\eac5";
}
.icon-reddit:before {
  content: "\eac6";
}
.icon-linkedin:before {
  content: "\eac9";
}
.icon-stackoverflow:before {
  content: "\ead0";
}
.icon-pinterest:before {
  content: "\ead1";
}
.icon-paypal:before {
  content: "\ead8";
}
.icon-chrome:before {
  content: "\ead9";
}
.icon-firefox:before {
  content: "\eada";
}
.icon-edge:before {
  content: "\eadc";
}
.icon-opera:before {
  content: "\eade";
}
.icon-file-pdf:before {
  content: "\eadf";
}
.icon-file-word:before {
  content: "\eae1";
}
.icon-codepen:before {
  content: "\eae8";
}
.icon-svg:before {
  content: "\eae9";
}

/* 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% + 1px);
		margin: 0 0 0 1px;
	}


	.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;
	}

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

}




