
.navbar-default {
    background-color: #f0e9a7; background-image:url(/images/patternHeader.jpg); background-repeat: repeat;
}
.navbar-default .navbar-nav>li>a {
    color: #5b863f;
}

.navbar-default button { background-color: #f0e9a7 ; border-color: #5b863f }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
    {background-color: #5b863f; border-color: #f0e9a7 }
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {  background-color:  #f0e9a7; }

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-image: linear-gradient(to bottom,#ece5a3 0,#f1eaa8 100%);
}

@media (max-width: 768px) {
    .navbar-nav > li {
        background-color: #f0e9a7;
        color: #5b863f ;
    }

    .navbar-default .navbar-nav > li a:hover {
        color: #f0e9a7;
        background-color: #5d8840 ;
    }

    .navbar-default .navbar-nav>.open>a {
        background-image: linear-gradient(to bottom,#ece5a3 0,#f1eaa8 100%);
    }

    .navbar-default .navbar-nav > li a:hover {
        color: #f0e9a7;
        background-color: #5d8840 ;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        background-color: #fffdbb;
        color: #5b863f ;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #f0e9a7;
        background-color: #5d8840 ;
    }

    .navbar-simple-bottom .navbar-nav > li {
        background-color: #5d8840;
    }
    .navbar-simple-bottom .navbar-nav > li a:hover {
        color: #5d8840;
        background-color: #f0e9a7
    }

}


.navbar-simple-bottom {
    background-color: #5d8840; background-image: none;
}

.navbar-simple-bottom .navbar-nav>li>a {
    color: #ffffff;
}

.navbar-simple-bottom .nav>li>a:focus, .navbar-simple-bottom .nav>li>a:hover {
    color: #5d8840;
    background-color: #f0e9a7
}

body {
    padding-top: 70px;
    padding-bottom: 30px;
    background-color: #ffffdd;
}
.theme-dropdown .dropdown-menu {
    position: static;
    display: block;
    margin-bottom: 20px;
}
.theme-showcase > p > .btn {
    margin: 5px 0;
}
.theme-showcase .navbar .container {
    width: auto;
}

@media screen and (min-width: 768px) {
    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 40px;
        padding-left: 40px;
    }
}
.jumbotron {
    background-color:#f0e9a7;
    padding-top: 25px;
    padding-bottom: 25px;
}
.jumbotron h1 {
    font-weight: bold;
    font-style: italic;
    font-size: 35px;
    margin: 0px 0px 20px 0px;
}
.jumbotron h1 img {
    margin-bottom: 10px;
    margin-right: 5px;
}
.jumbotron .panel-primary {
    border-color: #5d8840 ;
}
.jumbotron .panel-primary .panel-heading {
    background-color: #5d8840;
    background-image: linear-gradient(to bottom,#6d9850 0,#3d6820 100%);
}
.jumbotron .panel-primary .panel-body a { color: #5d8840; }

.genopro-callout-info { border-left-color: #5d8840;  }
.genopro-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #5d8840;
    border-left-width: 5px;
    border-radius: 3px;
    background-color: white;
}
.genopro-callout h2 { margin-top: 0px; }
.genopro-callout p {font-size: 1.3em ; }
.genopro-callout a { color: #5d8840; }

blockquote {
    border-left-color: #f0e9a7;
    padding-top: 5px;
    font-size: 1em;
    background-color: #ffffdd ;
}
.genopro-callout blockquote p {font-size: 1em; }

blockquote .quotes {
    font-size: 2em; top: 0.25em; vertical-align: bottom;position: relative;line-height: 1em; font-weight: bold;
}

.jumbotron .list-group {
    background-color: #5d8840;
    border: solid 1px #5d8840;
    font-size: 0.9em;
}
.jumbotron .list-group h4 {
    margin-left: 1em;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
}
.jumbotron .list-group a.list-group-item  {
    color: #555;
    background-color: #E8F1CE;
}

.jumbotron .list-group a.list-group-item:hover  {
    color: #333;
    background-color: #f5feec;
}


.jumbotron .list-group a {
    color: #f0e9a7;
}

.jumbotron figure {
    text-align: center;
}

.jumbotron figure img {
    margin-left: auto;
    margin-right: auto;
}


h1 { font-size: 35px;}
h2 { font-size: 30px;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@charset "UTF-8";

@font-face {
    font-family: "genopro-icons";
    src:url("/fonts/genopro-icons.eot");
    src:url("/fonts/genopro-icons.eot?#iefix") format("embedded-opentype"),
    url("/fonts/genopro-icons.woff") format("woff"),
    url("/fonts/genopro-icons.ttf") format("truetype"),
    url("/fonts/genopro-icons.svg#genopro-icons") format("svg");
    font-weight: normal;
    font-style: normal;

}

[data-icon]:before {
    font-family: "genopro-icons" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "genopro-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-angle-down:before {
    content: "\61";
}
.icon-facebook-official:before {
    content: "\62";
}
.icon-youtube-square:before {
    content: "\64";
}
.icon-download:before {
    content: "\63";
}
.icon-dot-circle-o:before {
    content: "\65";
}
.icon-align-justify:before {
    content: "\66";
}
.icon-chevron-down:before {
    content: "\67";
}
.icon-question-circle:before {
    content: "\68";
}
.icon-download-1:before {
    content: "\69";
}
.icon-arrow-circle-o-down:before {
    content: "\6a";
}