/*
COLORS: 
grey: #4f4f4f; (text)
primary text: #392f1e;
yellow: #daae45;
dark orange: #a8320b;

FONTS: 
Lato Hairline
    font-family: 'lato', Arial, Helvetica, sans-serif;
    font-weight: 100;
Lato Light
    font-family: 'lato', Arial, Helvetica, sans-serif;
    font-weight: 300;
Lato Regular
    font-family: 'lato', Arial, Helvetica, sans-serif;
    font-weight: 400;
Lato Bold
    font-family: 'lato', Arial, Helvetica, sans-serif;
    font-weight: 700;

*/



/* ==| FONTS |================================================== */
@font-face {
    font-family: 'LatoHairline';
    src: url('/fonts/lato/Lato-Hai-webfont.eot');
    src: url('/fonts/lato/Lato-Hai-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/lato/Lato-Hai-webfont.woff') format('woff'),
         url('/fonts/lato/Lato-Hai-webfont.ttf') format('truetype'),
         url('/fonts/lato/Lato-Hai-webfont.svg#LatoHairline') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

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

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

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

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

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

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

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

}



/* ==| BASE STYLES |================================================== */
body {
    position: relative;
    height: 100%;
    padding-top: 70px;
    color: #4f4f4f;
    font-size: 14px;
    font-family: 'LatoLight', sans-serif; 
    font-weight: normal;
}
body.show-ruler {
    background-image: url(/imgD/responsive/bkg_ruled3.png);
    background-repeat: repeat-y;
    background-position: center top;
    background-attachment: fixed;
}
mark, .mark {
    background-color: #F7DABC;
}
@media (max-width: 767px) {
    .text-mark-xs {
        padding: .2em;
        color: #000;
        background-color: #F7DABC;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-mark-sm {
        padding: .2em;
        color: #000;
        background-color: #F7DABC;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-mark-md {
        padding: .2em;
        color: #000;
        background-color: #F7DABC;
    }
}
@media (min-width: 1200px) {
    .text-mark-lg {
        padding: .2em;
        color: #000;
        background-color: #F7DABC;
    }
}
.lead.smaller {
}
@media (min-width: 768px) {
  .lead.smaller {
    font-size: 16px;
  }
}



/* ************************************************** #grid ****************************** */
#grid {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#grid.show-grid {
    display: block;
}
#grid .container,
#grid .row {
    overflow: hidden;
    height: 100%;
}
.show-padding {
    height: 100%;
    margin-bottom: 20px;
    background-color: rgba(229,229,229,0.50);
}
.odd.show-padding {
    background-color: rgba(229,229,229,0.50);
}
.even.show-padding {
    background-color: rgba(218,218,218,0.50);
}
.colored {
    width: 100%;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(160,212,255,0.50);
}
.odd .colored {
    background-color: rgba(160,212,255,0.50);
}
.even .colored {
    background-color: rgba(160,232,255,0.50);
}



/* ************************************************** .navbar ****************************** */
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-inverse .navbar-link {
  color: #fff;
}
.navbar-inverse .navbar-brand {
  color: #fff;
}


/* ************************************************** #main ****************************** */
#main {
    padding-bottom: 40px;
}


/* ************************************************** .panel ****************************** */
.panel {
    font-size: 16px;
}
.panel-body {
}



/* ************************************************** .carousel ****************************** */
.carousel {
    margin-bottom: 30px;
    border: solid 5px #ddd;
    border-radius: 4px;
}



/* ************************************************** .navbar ****************************** */
.navbar-inverse {
    color: #fff;
    background-color: #444;
}



/* ************************************************** #footer ****************************** */
#footer {
    position: relative;
    z-index: 10;
    color: #666;
    background-color: #333;
}
#footer .notices {
    padding-top: 10px;
}
#footer a {
    color: #999;
}