/**
* This is the main presentation stylesheet for the Nigerian MDAs template. This stylesheet affects the
* look and feel of the whole package.
*
* PLEASE DO NOT EDIT!
* Please do not edit this file. Add all styling to separate stylesheets and cascade. In the
* case of a necessary edit, please insert comment to indicate what was changed.
* 
* @copyright 2012 Seamfix Nigeria Limited
* @author OgbaOghene Ozoro <oozoro at seamfix dot com>
* @version $Id$
*/

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets font and its attributes
   2. Defines colour of anchor tags and other attributes 
 */

html {
  -webkit-text-size-adjust: auto;
  -ms-text-size-adjust: auto;
}
body {
  color: #555;
  font: 13px/1.5em "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
a, a:link, a:visited {
  color: #76943B;
  outline: none;
  text-decoration: underline;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}
.button, a.button, a.button:visited, body a.button, body a.button:visited, button, input[type="button"], input[type="reset"], input[type="submit"], p.readmore a {
  cursor: pointer;
  display: inline-block;
  background-color: #76943B;
  background-repeat: no-repeat;
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
  background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  -ms-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
  padding: 11px 19px 12px 19px;
  text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
  color: white;
  font-size: 13px;
  line-height: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
  margin: 0 8px 13px 0;
  text-decoration: none;
  font-weight: bold;
}
.button:hover, a.button:hover, a.button:visited:hover, body a.button:hover, body a.button:visited:hover, input[type="submit"]:hover, , p.readmore a:hover {
  text-shadow: 0 -1px rgba(0, 0, 0, 0.2), 0px 0px 8px rgba(255, 255, 255, .9);
  color: white;
}

/* =============================================================================
   Classes
   ========================================================================== */

/*
 * Defines classes used throughout
 */

.hidden {
  display: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.inner {
  width: 980px;
  margin: 0 auto;
}
.menu {
  padding: 0;
  margin: 0;
}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/* =============================================================================
   Sticky footer
   ========================================================================== */

/*
 * 1. Keeps footer constantly at the bottom of the page
 */

html, body {
  height: 100%;
}
#wrapper {
  min-height: 100%;
}
#contentarea {
  overflow: visible; 
  padding-bottom: 76px; /*changes with footer height*/ 
  margin: 0 auto; 
  clear: both; 
}
footer {
  position: relative; 
  margin-top: -76px; /*changes with footer height*/ 
  height: 76px; /*changes according to desired height*/
  clear: both;
}
.opera body:before {
  /*Opera Fix*/ content: ""; 
  height: 100%; 
  float: left; 
  width:0; 
  margin-top:-32767px;
}
.ie7 .wrapper {
  /*IE7 Fix*/ display: table; 
  height: 100%;
}


/*! normalize.css modified for PXtoEM.com at 12px
    normalize.css 2012-03-11T12:53 UTC - https://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

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

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    https://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 0.75em; /* 1 */
    -webkit-text-size-adjust: 0.75em; /* 2 */
    -ms-text-size-adjust: 0.75em; /* 2 */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


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

/*
 * Addresses margins set differently in IE6/7
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


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

/*
 * Remove most spacing between table cells
 */

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

/*-------------------------------------------------------------------------------------------------------
        CSS Reset (Boilerplate)
-------------------------------------------------------------------------------------------------------*/

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

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

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  background: url('../img/fabric_plaid.png') top left repeat;
}

body {
    margin: 0;
    font-size: 13px;
    line-height: 1.5em;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.ie8 body {
  min-width: 1020px;
}

button, input, select, textarea {
    font-family: sans-serif;
    color: #222;
}

/*a {
    color: #00e;
}

a:visited {
    color: #551a8b;
}
a:hover {
    color: #06e;
}*/

a:focus, a:hover, a:active {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

pre, code, kbd, samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

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

small {
    font-size: 85%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

ul, ol {
/*    margin: 1em 0;*/
  margin: 0 0 20px 0;
    padding: 0 0 0 20px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

label {
    cursor: pointer;
}

legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button, input {
    line-height: normal;
    *overflow: visible;
}

table button, table input {
    *overflow: auto;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

input:valid, textarea:valid {
}

input:invalid, textarea:invalid {
    background-color: #f0dddd;
}

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

td {
    vertical-align: top;
}

/* =============================================================================
   Fonts & Stuff
   ========================================================================== */
p {
  margin: 0 0 20px;
}
p.span {
font-style: italic;
margin: -15px 0 10px;
}
img {
  border: none;
}
input {
  vertical-align: middle;
}
input, textarea, select, .uneditable-input {
  display: inline-block;
  /*height: 28px;*/
  padding: 4px;
  font-size: 13px;
  line-height: 18px;
  color: gray;
  border: 1px solid #CCC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
ul {
  margin: 0px 0 10px 40px;
}
h1, h2, h3, h4, blockquote {
    font-family: "Open Sans";
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration:none;
  opacity:1;
}
h1, h2, h3, h4, h5, h6 {
    color: #191919;
    padding: 0;
    margin: 15px 0 20px 0;
    font-weight: normal;
    line-height: 1em;
}
h1, h2, h3 {
color: #008559;
}

h1 {
    letter-spacing: -0.05em;
    color: #191919;
    font-size: 30px;
}

h2 { 
    font-size: 25px;
}

h3 {
    font-size: 20px;
    font-weight: normal;

}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration:none;
  opacity:0.5;
}
h1, #content > h1{
  line-height: 40px;
  margin:0 0 9px 0;
}
#content > h1 {
  margin:0 0 9px 20px !important;
}
/*h1 cufon {
  top: -2px !important;
}*/
h2, #content >  h2{
 /* line-height: 30px;
  padding: 0 0 10px 0;
  font-weight: normal;*/
  font-size:20px;
}
#content >  h2, #content >  h3, #content >  h4, #content >  h5, #content >  h6{
  padding: 0 0 10px 20px !important;
}
h3, #content > h3{
  line-height: 30px;
  padding: 0 0 10px 0;
  font-weight: normal;
  font-size:20px;
  /*margin:0 0 9px 0;*/
}
/*h4, #content > h4{
  line-height: 30px;
  padding: 0 0 10px 0;
}
h4 cufon{
  top: -7px !important;
}*/
h5, #content > h5{
  line-height: 30px;
  padding: 0 0 10px 0;
}
h6, #content > h6{
  line-height: 30px;
  padding: 0 0 10px 0;
}

/* =============================================================================
   Layout
   ========================================================================== */
* {
  margin: 0;
  padding: 0;
}
header, nav, section, article, aside, footer {
  display: block;
}
html {
  background: url('../img/fabric_plaid.png') top left repeat;
}
body {
  min-width: 960px;
}
div.header-bg {
  background: #034D1C;
  overflow: hidden;
  width: 100%;
  height: 500px;
  position: absolute;
  top: 0;
  z-index: -1;
}

#header {
  position: relative;
  padding: 30px 0 0 0;
}
header .logo {
  display: inline-block;
  float: left;
}
div.header-content {
  list-style: none;
  float: right;
  margin: 0;
  padding: 0;
  padding-left: 19px;
  padding-bottom: 1px;
}
#search {
  margin: 1em 0;
}
#search > form {
  max-width: 400px;
}
#search .search {
  padding: 0;
  margin: 0;
  position: relative;
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
  padding-right: 29px;
}
#search input[type="text"] {
  /*width: 100%;*/
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: #FCFCFC;
  height: 28px;
  padding: 5px 0 3px 6px;
}
#search button.button {
  background-color: #76943B;
  color: white;
  width: 30px;
  height: 28px;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 0pt;
  top: 0pt;
  border: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.search i {
  width: 28px;
  height: 28px;
  font-family: FontAwesome;
  font-weight: 300;
  font-style: normal;
  display: inline-block;
  font-size: 16px;
  color: white;
  position: absolute;
  right: 0;
  top: 6px;
  content: "?f002";
  opacity: 0.95;
}
div.menu-wrapper {
  margin-top: 10px;
  background-color: #444;
  background-repeat: no-repeat;
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  background-image: linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: none;
  -ms-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -ms-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
  padding: 0;
  text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
}
#navigation ul.menu {
  line-height: 1.0;
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: middle;
  float: left;
}
#navigation ul.menu > li:first-child {
  padding-left: 0;
}
#navigation ul.menu > li {
  margin-left: 10px;
  padding: 0;
}
#navigation ul.menu li {
  height: auto;
}
#navigation li {
  float: left;
  position: relative;
  height: 20px;
}
#navigation ul.menu > li > a {
  margin-top: -1px;
  padding-top: 13px;
}
#navigation ul.menu li a {
  display: block;
  text-decoration: none;
  border-bottom: none;
  line-height: 1.6em;
  padding: 8px 20px 7px 20px;
  font-size: 13px;
}
#navigation ul.menu > li > a {
  padding: 12px 20px 13px 20px;
}
#navigation ul.menu > li > a {
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#navigation ul.menu > li > a {
  margin-top: -1px;
  padding-top: 13px;
}
#navigation ul.menu li a {
  font-weight: bold;
  display: block;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
  color: white;
}
#navigation ul.menu li:hover > a {
  background-color: #034D1C;
}
#bottom, #bottom p {
  color: white;
}
#bottom {
  position: relative;
  overflow: visible;
  background: #F8F8F8;
  padding: 12px 45px 35px 45px;
  line-height: 18px;
  overflow-x: hidden;
  text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px;
  color: #777;
  border-radius: 0 0 4px 4px;
}
#bottom .moduletable {
    margin-top: 30px;
}
#bottom .moduletable > h3 {
    font-family: 'Helvetica Neue', 'Segoe UI', 'Arial', 'sans-serif';  margin: 13px 0 20px 0;  font-size: 13px;  line-height: 13px;  font-weight: bold;  
    letter-spacing: 0;
    color: #FFF;
}
#bottom {
  background: none repeat scroll 0 0 #28352C;
  clear: both;
}
#bottom a {
  color: #DDFFDB;
}
#bottom div.border.border-top {
  position: absolute;
  height: 3px;
  border-top: 1px solid #E5E5E5;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.02);
  top: 0;
  left: -10px;
  right: -1px;
}
.row-fluid, #breadcrumbs, #content {
  padding: 0 45px;
}
.row-fluid.middle::before, .row-fluid.top::after {
  height: 3px;
  border-top: 1px solid #E5E5E5;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: #F8F8F8;
  background: rgba(0, 0, 0, 0.02);
  display: block;
  border-bottom: none;
  width: 1280px;
  margin-left: -50px;
  margin-bottom: -4px;
  content: " ";
  visibility: visible;
}
.row-fluid.middle, .row-fluid.top > div {
  margin-bottom: 20px;
}
.row-fluid {
  padding: 20px 45px;
  clear: both;
}
#bottom .row-fluid {
  padding: 0;
}
.one_third {
  width: 32%;
  position: relative;
  margin-right: 2%;
  float: left;
}
.last {
  margin-right: 0 !important;
  clear: right;
}
.row-fluid > .span4 {
  width: 32%;
}
.row-fluid > .span4 {
  float: left;
  margin-left: 2%;
}
.row-fluid > .span4:first-child {
  margin-left: 0;
}
#content {
  margin-bottom: 42px;
}
#content.sidebar {
    margin-right: 300px;
}
#contentarea > section {
  position: relative;
  background: white;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  /*width: 980px;
  margin: 0 auto 30px auto;*/
  overflow: hidden;
  padding: 40px 0 0;
}
#right {
  background: #EDEDED;
  border-left: 1px solid #CCC;
  color: #333;
  width: 300px;
  position: relative;
  z-index: 2;
}
#right h3 {
    padding: 0;
}
#right .moduletable {
    border-bottom: 1px solid grey;
}
#right > section {
  padding: 20px;
}
#breadcrumbs {
  border-bottom: 1px solid #CCC;
  padding: 0px 45px 15px;
  font-size: 11px;
  position: relative;
  z-index: 1;
}
#breadcrumbs h3 {
  font-size: 20px;
  font-weight: normal;
  color: #333;
  margin: 0 0 1em;
  line-height: 1;
  padding: 0;
  display: none;
}
.subfooter {
  padding: 30px 0;
  line-height: 16px;
  text-align: center;
  color: #BBB;
  text-shadow: rgba(255, 255, 255, 0.597656) 0px 1px 0px;
}

/* ++++++++++++++  button for closing right column  ++++++++++++++ */

#close
{
        margin-right:0px;
        font-size:0.85em;
        text-transform:uppercase;
}

#close span
{
    position:absolute;
    right: 20px;
    z-index:10000;
    top:5px;
    width:7em;
    font-weight:bold;
    text-align:right;
    line-height:1.5em;
    padding:5px 2px 5px 5px
}

/* ###################### main ###################### */

/* ++++++++++++++  position  ++++++++++++++ */

.item-page {
    padding: 20px 0 20px;
}
.blog-featured
{
        padding: 0;
}

.items-leading
{
        padding:0px 5px 10px 5px;
        overflow:hidden;
        margin-bottom:10px
}

.row-separator
{
        display: block;
        clear: both;
        margin: 0;
        border: 0px;
        height:1px
}

.item-separator
{
        display: none;
        margin: 0px;
}

.shownocolumns
{
        width:98% !important;
}

#top
{
        margin:0 0 20px 0;
        overflow:hidden
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1
{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1
{
        width:46%;
        float:left;
}

.cols-2 .column-2
{
        width:46%;
        float:right;
        margin:0
}

/*.cols-3 .column-1
{
        float:left;
        width:29%;
        padding:0px 5px;
        margin-right:4%

}
.cols-3 .column-2
{
        float:left;
        width:29%;
        margin-left:0;
        padding:0px 5px
}
.cols-3 .column-3
{
        float:right;
        width:29%;
        padding:0px 5px;
}*/

.cols-3 .column-2
{
    margin-left:0;
}
.cols-3 .column-3 {
    margin-right: 0 !important;
    clear: right;
}
.cols-3 .item {
    position: relative;
    margin-right: 2%;
    float: left;
    width: 30%;
}

.items-row
{
        overflow:hidden;
        margin-bottom:10px !important;
}
.items-row.cols-1 {
        border-top: 1px dotted #ccc;
}
.items-row.cols-1.row-0 {
        border-top: none;
}
.column-1,
.column-2,
.column-3
{
        padding:10px 5px
}

.column-2
{
        width:55%;
        margin-left:40%;
}

.column-3
{
        width:28%
}

.blog-more
{
        padding:10px 5px
}
.unseen,
.hidelabeltxt
{
    display: inline;
    height: 0px;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0px;
}

/* ++++++++++++++  nav after content  ++++++++++++++ */
.left
{
        padding-top:0px;
        float:right;
        margin:10px 0px 10px 0%;
        width: 22%;
        position:relative;

}

/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1
{
    padding:0px 0 0 0px;
    float: left;
    margin:10px 3% 10px 0px;
    width: 21%;
    position:relative
}

.leftbigger
{
     width:25%
}


/* ###################### header ###################### */

.skiplinks,
.skiplinks li
{
    display: inline;
    height: 0px;
    line-height:0;
    padding:0 !important;
}

.skiplinks li a.u2
{
    display: inline;
    height: 0px;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0px;

}

.skiplinks li a.u2:active,
.skiplinks li a.u2:focus
{
    position:absolute;
    width:13em;
    top:10px;
    left:10px;
    line-height:1.5em;
    padding:5px;
    font-weight:bold;
    height:3em;

}
/*-------------------------------------------------------------------------------------------------------
        0. Entypo Fonts - https://www.entypo.com/
-------------------------------------------------------------------------------------------------------*/

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

.icon:before {
    vertical-align: -5px;
    font-family: 'EntypoRegular';
    font-style: normal;
    font-weight: normal;
    margin-right: 6px;
    font-size: 40px;
    min-width: 24px;
    text-align: center;
    text-transform: none;
}

ul.entypo-icon-list {
    position: relative;
}

ul.entypo-icon-list > li {
    margin-left: 0;
    list-style-type: none;
    /*line-height: 1em;*/
    overflow: visible;
}

ul.entypo-icon-list li span.icon-bg {
    display: none;
    visibility: collapse;
}

ul.entypo-icon-list.has-circle {
    padding-left: 44px;
}

ul.entypo-icon-list li span.icon-wrapper {
    display: inline;
    line-height: 1em;
}

ul.entypo-icon-list.has-circle span.icon-bg {
    position: absolute;
    display: block;
    visibility: visible;
    width: 37px;
    height: 37px;
    border-radius: 18px;
    top: -0.55em;
    left: 0;


    background-repeat: no-repeat;
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  background-image: linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  border: 1px solid rgba(0, 0, 0, 0.2);
/*  -ms-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;*/
  -ms-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
/*  padding: 0;*/
  text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
}

ul.entypo-icon-list.has-circle span.icon-wrapper {
    width: 0;
    display: inline-block;
    overflow: hidden;
}

ul.entypo-icon-list.has-circle span.icon-bg > i {
    display: block;
    margin-top: 4px;
}

ul.entypo-icon-list.has-circle span.icon-bg > i:before {
    display: block;
    margin: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    text-align: center;
    /*line-height: 36px;*/
    vertical-align: middle;
    padding-bottom: 10px;
}

.phone.icon:before {
    content: "\0021"
}

.smartphone.icon:before {
    content: "\0022"
}

.mouse.icon:before {
    content: "\0023"
}

.roadsign.icon:before {
    content: "\0024"
}

.mail.icon:before {
    content: "\0025"
}

.write.icon:before {
    content: "\0026"
}

.attachment.icon:before {
    content: "\0027"
}

.back.icon:before {
    content: "\0028"
}

.doubleback.icon:before {
    content: "\0029"
}

.forward.icon:before {
    content: "\002A"
}

.user.icon:before {
    content: "\002B"
}

.usergroup.icon:before {
    content: "\002C"
}

.adduser.icon:before {
    content: "\002D"
}

.profile.icon:before {
    content: "\002E"
}

.newwindow.icon:before {
    content: "\002F"
}

.mappin.icon:before {
    content: "\0030"
}

.map.icon:before {
    content: "\0031"
}

.compass.icon:before {
    content: "\0032"
}

.compasshand.icon:before {
    content: "\0033"
}

.crosshair.icon:before {
    content: "\0034"
}

.link.icon:before {
    content: "\0035"
}

ul.entypo-icon-list.has-circle span.icon-bg > .link.icon:before {
    position: absolute;
    top: 4px;
    right: 0;
}


.heart.icon:before {
    content: "\0036"
}

.star.icon:before {
    content: "\0037"
}

.thumbsup.icon:before {
    content: "\0038"
}

.conversation.icon:before {
    content: "\0039"
}

.comment.icon:before {
    content: "\003A"
}

.rightquote.icon:before {
    content: "\003B"
}

.printer.icon:before {
    content: "\003C"
}

.bell.icon:before {
    content: "\003D"
}

.brokenlink.icon:before {
    content: "\003E"
}

.flag.icon:before {
    content: "\003F"
}

.gear.icon:before {
    content: "\0040"
}

.flashlight.icon:before {
    content: "\0041"
}

.trophy.icon:before {
    content: "\0042"
}

.tag.icon:before {
    content: "\0043"
}

.camera.icon:before {
    content: "\0044"
}

.moon.icon:before {
    content: "\0045"
}

.palette.icon:before {
    content: "\0046"
}

.envato.icon:before {
    content: "\0047"
}

.musicnote.icon:before {
    content: "\0048"
}

.bag.icon:before {
    content: "\0049"
}

.airplane.icon:before {
    content: "\004A"
}

.lifesaver.icon:before {
    content: "\004B"
}

.rings.icon:before {
    content: "\004C"
}

.eye.icon:before {
    content: "\004D"
}

.clock.icon:before {
    content: "\004E"
}

.microphone.icon:before {
    content: "\004F"
}

.calender.icon:before {
    content: "\0050"
}

.bolt.icon:before {
    content: "\0051"
}

.hourglass.icon:before {
    content: "\0052"
}

.rss.icon:before {
    content: "\0053"
}

.signal.icon:before {
    content: "\0054"
}

.lock.icon:before {
    content: "\0055"
}

.unlock.icon:before {
    content: "\0056"
}

.checkmark.icon:before {
    content: "\0057"
}

.xmark.icon:before {
    content: "\0058"
}

.minuscircle.icon:before {
    content: "\0059"
}

.pluscircle.icon:before {
    content: "\005A"
}

.xmarkcircle.icon:before {
    content: "\005B"
}

.minus.icon:before {
    content: "\005C"
}

.plus.icon:before {
    content: "\005D"
}

.cancel.icon:before {
    content: "\005E"
}

.info.icon:before {
    content: "\005F"
}

.infocircle.icon:before {
    content: "\0060"
}

.questionmark.icon:before {
    content: "\0061"
}

.questioncircle.icon:before {
    content: "\0062"
}

.caution.icon:before {
    content: "\0063"
}

.clockwise.icon:before {
    content: "\0064"
}

.counterclockwise.icon:before {
    content: "\0065"
}

.crosspaths.icon:before {
    content: "\0066"
}

.backarrow.icon:before {
    content: "\0067"
}

.looparrow.icon:before {
    content: "\0068"
}

.list.icon:before {
    content: "\0069"
}

.listadd.icon:before {
    content: "\006A"
}

.window.icon:before {
    content: "\006B"
}

.document.icon:before {
    content: "\006C"
}

.portrait.icon:before {
    content: "\006D"
}

.copydocument.icon:before {
    content: "\006E"
}

.landscape.icon:before {
    content: "\006F"
}

.photos.icon:before {
    content: "\0070"
}

.video.icon:before {
    content: "\0071"
}

.music.icon:before {
    content: "\0072"
}

.folder.icon:before {
    content: "\0073"
}

.cabinet.icon:before {
    content: "\0074"
}

.trash.icon:before {
    content: "\0075"
}

.upload.icon:before {
    content: "\0076"
}

.download.icon:before {
    content: "\0077"
}

.hdd.icon:before {
    content: "\0078"
}

.cloud.icon:before {
    content: "\0079"
}

.cloudupload.icon:before {
    content: "\007A"
}

.play.icon:before {
    content: "\007B"
}

.pause.icon:before {
    content: "\007C"
}

.record.icon:before {
    content: "\007D"
}

.stop.icon:before {
    content: "\007E"
}

.creativecommons.icon:before {
    content: "\00A9"
}

.widewindow.icon:before {
    content: "\00AE"
}

.nexttrack.icon:before {
    content: "\00C4"
}

.previoustrack.icon:before {
    content: "\00C5"
}

.beginningtrack.icon:before {
    content: "\00C7"
}

.endtrack.icon:before {
    content: "\00C9"
}

.zoomout.icon:before {
    content: "\00D1"
}

.zoomin.icon:before {
    content: "\00D6"
}

.volume.icon:before {
    content: "\00DC"
}

.volumeoff.icon:before {
    content: "\00E0"
}

.volumeon.icon:before {
    content: "\00E1"
}

.leftarrow.icon:before {
    content: "\00E2"
}

.uparrow.icon:before {
    content: "\00E3"
}

.downarrow.icon:before {
    content: "\00E4"
}

.rightarrow.icon:before {
    content: "\00E5"
}

.leftarrowsmall.icon:before {
    content: "\00E7"
}

.uparrowsmall.icon:before {
    content: "\00E8"
}

.downarrowsmall.icon:before {
    content: "\00E9"
}

.rightarrowsmall.icon:before {
    content: "\00EA"
}

.leftarrowcircle.icon:before {
    content: "\00EB"
}

.uparrowcircle.icon:before {
    content: "\00EC"
}

.downarrowcircle.icon:before {
    content: "\00ED"
}

.rightarrowcircle.icon:before {
    content: "\00EE"
}

.home.icon:before {
    content: "\00EF"
}

.bookmark.icon:before {
    content: "\00F1"
}

.maximize.icon:before {
    content: "\00F2"
}

ul.entypo-icon-list.has-circle span.icon-bg > i.opendocument.icon {
    margin-top: 5px;
}

.opendocument.icon:before {
    content: "\00F3";
}

.search.icon:before {
    content: "\00F4"
}

.ellipsis.icon:before {
    content: "\00F6"
}

/*-------------------------------------------------------------------------------------------------------
        1. Font Awesome Fonts - https://fortawesome.github.com/Font-Awesome/
-------------------------------------------------------------------------------------------------------*/

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

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}

.icon-large:before {
    font-size: 1.3333333333333333em;
}

.btn [class^="icon-"], .btn [class*=" icon-"] {
    line-height: .9em;
}

/*li [class^="icon-"], li [class*=" icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}*/

li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
    width: 1.875em;
}

li[class^="icon-"], li[class*=" icon-"] {
    margin-left: 0;
    list-style-type: none;
}

li[class^="icon-"]:before, li[class*=" icon-"]:before {
    text-indent: -2em;
    text-align: center;
}

li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
    text-indent: -1.3333333333333333em;
}

.icon-glass:before {
    content: "\f000";
}

.icon-music:before {
    content: "\f001";
}

.icon-search:before {
    content: "\f002";
}

.icon-envelope:before {
    content: "\f003";
}

.icon-heart:before {
    content: "\f004";
}

.icon-star:before {
    content: "\f005";
}

.icon-star-empty:before {
    content: "\f006";
}

.icon-user:before {
    content: "\f007";
}

.icon-film:before {
    content: "\f008";
}

.icon-th-large:before {
    content: "\f009";
}

.icon-th:before {
    content: "\f00a";
}

.icon-th-list:before {
    content: "\f00b";
}

.icon-ok:before {
    content: "\f00c";
}

.icon-remove:before {
    content: "\f00d";
}

.icon-zoom-in:before {
    content: "\f00e";
}

.icon-zoom-out:before {
    content: "\f010";
}

.icon-off:before {
    content: "\f011";
}

.icon-signal:before {
    content: "\f012";
}

.icon-cog:before {
    content: "\f013";
}

.icon-trash:before {
    content: "\f014";
}

.icon-home:before {
    content: "\f015";
}

.icon-file:before {
    content: "\f016";
}

.icon-time:before {
    content: "\f017";
}

.icon-road:before {
    content: "\f018";
}

.icon-download-alt:before {
    content: "\f019";
}

.icon-download:before {
    content: "\f01a";
}

.icon-upload:before {
    content: "\f01b";
}

.icon-inbox:before {
    content: "\f01c";
}

.icon-play-circle:before {
    content: "\f01d";
}

.icon-repeat:before {
    content: "\f01e";
}

.icon-refresh:before {
    content: "\f021";
}

.icon-list-alt:before {
    content: "\f022";
}

.icon-lock:before {
    content: "\f023";
}

.icon-flag:before {
    content: "\f024";
}

.icon-headphones:before {
    content: "\f025";
}

.icon-volume-off:before {
    content: "\f026";
}

.icon-volume-down:before {
    content: "\f027";
}

.icon-volume-up:before {
    content: "\f028";
}

.icon-qrcode:before {
    content: "\f029";
}

.icon-barcode:before {
    content: "\f02a";
}

.icon-tag:before {
    content: "\f02b";
}

.icon-tags:before {
    content: "\f02c";
}

.icon-book:before {
    content: "\f02d";
}

.icon-bookmark:before {
    content: "\f02e";
}

.icon-print:before {
    content: "\f02f";
}

.icon-camera:before {
    content: "\f030";
}

.icon-font:before {
    content: "\f031";
}

.icon-bold:before {
    content: "\f032";
}

.icon-italic:before {
    content: "\f033";
}

.icon-text-height:before {
    content: "\f034";
}

.icon-text-width:before {
    content: "\f035";
}

.icon-align-left:before {
    content: "\f036";
}

.icon-align-center:before {
    content: "\f037";
}

.icon-align-right:before {
    content: "\f038";
}

.icon-align-justify:before {
    content: "\f039";
}

.icon-list:before {
    content: "\f03a";
}

.icon-indent-left:before {
    content: "\f03b";
}

.icon-indent-right:before {
    content: "\f03c";
}

.icon-facetime-video:before {
    content: "\f03d";
}

.icon-picture:before {
    content: "\f03e";
}

.icon-pencil:before {
    content: "\f040";
}

.icon-map-marker:before {
    content: "\f041";
}

.icon-adjust:before {
    content: "\f042";
}

.icon-tint:before {
    content: "\f043";
}

.icon-edit:before {
    content: "\f044";
}

.icon-share:before {
    content: "\f045";
}

.icon-check:before {
    content: "\f046";
}

.icon-move:before {
    content: "\f047";
}

.icon-step-backward:before {
    content: "\f048";
}

.icon-fast-backward:before {
    content: "\f049";
}

.icon-backward:before {
    content: "\f04a";
}

.icon-play:before {
    content: "\f04b";
}

.icon-pause:before {
    content: "\f04c";
}

.icon-stop:before {
    content: "\f04d";
}

.icon-forward:before {
    content: "\f04e";
}

.icon-fast-forward:before {
    content: "\f050";
}

.icon-step-forward:before {
    content: "\f051";
}

.icon-eject:before {
    content: "\f052";
}

.icon-chevron-left:before {
    content: "\f053";
}

.icon-chevron-right:before {
    content: "\f054";
}

.icon-plus-sign:before {
    content: "\f055";
}

.icon-minus-sign:before {
    content: "\f056";
}

.icon-remove-sign:before {
    content: "\f057";
}

.icon-ok-sign:before {
    content: "\f058";
}

.icon-question-sign:before {
    content: "\f059";
}

.icon-info-sign:before {
    content: "\f05a";
}

.icon-screenshot:before {
    content: "\f05b";
}

.icon-remove-circle:before {
    content: "\f05c";
}

.icon-ok-circle:before {
    content: "\f05d";
}

.icon-ban-circle:before {
    content: "\f05e";
}

.icon-arrow-left:before {
    content: "\f060";
}

.icon-arrow-right:before {
    content: "\f061";
}

.icon-arrow-up:before {
    content: "\f062";
}

.icon-arrow-down:before {
    content: "\f063";
}

.icon-share-alt:before {
    content: "\f064";
}

.icon-resize-full:before {
    content: "\f065";
}

.icon-resize-small:before {
    content: "\f066";
}

.icon-plus:before {
    content: "\f067";
}

.icon-minus:before {
    content: "\f068";
}

.icon-asterisk:before {
    content: "\f069";
}

.icon-exclamation-sign:before {
    content: "\f06a";
}

.icon-gift:before {
    content: "\f06b";
}

.icon-leaf:before {
    content: "\f06c";
}

.icon-fire:before {
    content: "\f06d";
}

.icon-eye-open:before {
    content: "\f06e";
}

.icon-eye-close:before {
    content: "\f070";
}

.icon-warning-sign:before {
    content: "\f071";
}

.icon-plane:before {
    content: "\f072";
}

.icon-calendar:before {
    content: "\f073";
}

.icon-random:before {
    content: "\f074";
}

.icon-comment:before {
    content: "\f075";
}

.icon-magnet:before {
    content: "\f076";
}

.icon-chevron-up:before {
    content: "\f077";
}

.icon-chevron-down:before {
    content: "\f078";
}

.icon-retweet:before {
    content: "\f079";
}

.icon-shopping-cart:before {
    content: "\f07a";
}

.icon-folder-close:before {
    content: "\f07b";
}

.icon-folder-open:before {
    content: "\f07c";
}

.icon-resize-vertical:before {
    content: "\f07d";
}

.icon-resize-horizontal:before {
    content: "\f07e";
}

.icon-bar-chart:before {
    content: "\f080";
}

.icon-twitter-sign:before {
    content: "\f081";
}

.icon-facebook-sign:before {
    content: "\f082";
}

.icon-camera-retro:before {
    content: "\f083";
}

.icon-key:before {
    content: "\f084";
}

.icon-cogs:before {
    content: "\f085";
}

.icon-comments:before {
    content: "\f086";
}

.icon-thumbs-up:before {
    content: "\f087";
}

.icon-thumbs-down:before {
    content: "\f088";
}

.icon-star-half:before {
    content: "\f089";
}

.icon-heart-empty:before {
    content: "\f08a";
}

.icon-signout:before {
    content: "\f08b";
}

.icon-linkedin-sign:before {
    content: "\f08c";
}

.icon-pushpin:before {
    content: "\f08d";
}

.icon-external-link:before {
    content: "\f08e";
}

.icon-signin:before {
    content: "\f090";
}

.icon-trophy:before {
    content: "\f091";
}

.icon-github-sign:before {
    content: "\f092";
}

.icon-upload-alt:before {
    content: "\f093";
}

.icon-lemon:before {
    content: "\f094";
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

/*-------------------------------------------------------------------------------------------------------
        Responsive Utility Classes
-------------------------------------------------------------------------------------------------------*/

div.mobile-menu-tip {
  visibility: hidden;
}
.collapse {
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -ms-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
    position: relative;
    overflow: hidden;
}
.collapse.in {
    height: auto;
}
a.mobile-menu-btn.btn {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
  margin-top: 3px;
  margin-right: 0;
  margin-bottom: 0;
  display: block;
  border-radius: 5px;
  visibility: visible;
  position: relative;
  float: right;
  padding: 9px 15px 10px 15px;
  box-shadow: none;
  background-image: -webkit-linear-gradient(bottom, transparent, rgba(255, 255, 255, 0.1));
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #444;
  display: none;
}
a.mobile-menu-btn span.list-icon-row {
  margin-left: auto;
  margin-right: auto;
  width: 25px;
  border-radius: 1px;
  background: #999;
  display: block;
  margin-top: 3px;
  height: 3px;
  background: white;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

@media (max-width: 479px) {
  .inner {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  body {
    width: 100%;
    min-width: 100%;
  }
  .one_third {
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
  }
  .row-fluid > .span4 {
    float: none;
    display: block;
    width: auto;
    margin: 0;
  }
  a.mobile-menu-btn.btn {
    display: block;
  }
  .collapse {
    height: 0;
  }
  
  
    #navigation {
    margin: 0;
    background-color: transparent;
    background-image: none;
    border: none;
    border-bottom: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    text-shadow: none;
    padding-top: 8px;
    border-radius: 4px;
    width: 300px;
  }
  #navigation ul.menu {
    line-height: 1.0;
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: middle;
    display: block;
    visibility: visible;
    float: none;
    margin-top: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    background: white;
    border-radius: 4px;
    color: #333;
  }
  #navigation ul.menu > li {
    margin-left: 0;
  }
  #navigation ul.menu li {
    display: block;
    visibility: visible;
    float: none;
    border-left: none;
  }
  #navigation ul.menu li a {
    color: #333;
    text-shadow: none;
    text-transform: none;
    font-size: 13px;
  }
  #navigation ul.menu li a {
    border-top: 1px solid #EDEDED;
  }
  #navigation ul.menu > li:first-child > a, #navigation ul.menu > li:first-child > a:hover {
    border-top: none;
    border-radius: 4px 4px 0 0;
  }
  #navigation ul.menu li:hover > a {
    background: transparent;
  }
  div.mobile-menu-tip {
    float: right;
    margin-top: 0;
    margin-right: 19px;
    width: 12px;
    height: 17px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    visibility: visible;
  }
  div.header-content {
    display: none;
    visibility: collapse;
  }
  #header {
    padding: 30px 0 20px;
  }
  header .logo img {
    width: 60%;
  }
    #content.sidebar {
        margin-right: 0;
    }
    #right {
        display: none;
    }
    #slideshow {
        display: none;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .inner {
    width: 460px;
    margin-left: auto;
    margin-right: auto;
  }
  body {
    width: 100%;
    min-width: 100%;
  }
  .one_third {
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
  }
  .row-fluid > .span4 {
    float: none;
    display: block;
    width: auto;
    margin: 0;
  }
  a.mobile-menu-btn.btn {
    display: block;
  }
  .collapse {
    height: 0;
  }
  #navigation {
    margin: 0;
    background-color: transparent;
    background-image: none;
    border: none;
    border-bottom: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    text-shadow: none;
    padding-top: 8px;
    border-radius: 4px;
    width: 460px;
  }
  #navigation ul.menu {
    line-height: 1.0;
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: middle;
    display: block;
    visibility: visible;
    float: none;
    margin-top: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    background: white;
    border-radius: 4px;
    color: #333;
  }
  #navigation ul.menu > li {
    margin-left: 0;
  }
  #navigation ul.menu li {
    display: block;
    visibility: visible;
    float: none;
    border-left: none;
  }
  #navigation ul.menu li a {
    color: #333;
    text-shadow: none;
    text-transform: none;
    font-size: 13px;
  }
  #navigation ul.menu li a {
    border-top: 1px solid #EDEDED;
  }
  #navigation ul.menu > li:first-child > a, #navigation ul.menu > li:first-child > a:hover {
    border-top: none;
    border-radius: 4px 4px 0 0;
  }
  #navigation ul.menu li:hover > a {
    background: transparent;
  }
  div.mobile-menu-tip {
    float: right;
    margin-top: 0;
    margin-right: 19px;
    width: 12px;
    height: 17px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    visibility: visible;
  }
  div.header-content {
    display: none;
    visibility: collapse;
  }
  #header {
    padding: 30px 0 20px;
  }
    #content.sidebar {
        margin-right: 0;
    }
    #right {
        display: none;
    }
    .cols-3 .item {
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
    }
    .cols-3 .item {
    width: 98% !important;
    position: relative;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    display: block;
    }
    .row-fluid > .span3 {
    float: none;
    display: block;
    width: auto;
    margin: 0;
    }
        #slideshow {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 959px) {
  .inner {
    width: 740px;
  }
  body {
    min-width: 720px;
  }
            #slideshow {
        display: none;
    }
}