body {
    padding-bottom: 40px;
    height: 100%;
    background-color: #ffffff;
}

.textarea_contant {
    padding: 5px 0 5px 5px;
    min-height: 150px;
    background: #fff;
    width: 98%;
    border: solid 1px #bfbfbf;
}

.form-element > input, .form-element > textarea {
    width: 100%;
    padding: 5px;
    margin-bottom: 15px;
}

.form-element > textarea {
    min-height: 100px;

}

.top10 {

    margin-top: 20px;
}

.row {

    margin-bottom: 20px;
    /*background-color: #ffffff;*/
}

.zf-green {
    color: #68b604;
}

.btn-success {
    background-color: #57a900;
    background-image: -moz-linear-gradient(top, #70d900, #57a900);
    background-image: -ms-linear-gradient(top, #70d900, #57a900);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
    background-image: -webkit-linear-gradient(top, #70d900, #57a900);
    background-image: -o-linear-gradient(top, #70d900, #57a900);
    background-image: linear-gradient(top, #70d900, #57a900);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    background-color: #57a900;
}

.btn-success:active, .btn-success.active {
    background-color: #57a900;
}

div.container a.brand {
    background: url("../img/naturagartlogo.png") no-repeat scroll 0 10px transparent;
    margin-left: 0;
    padding: 15px 20px 32px 360px;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

.navbar-custom {
    background-color: #247211;
    border-color: #224908;
    margin-bottom: 0px;
}

.navbar-custom .navbar-brand {
    color: #95e26a;
}

.navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-custom .navbar-text {
    color: #95e26a;
}

.navbar-custom .navbar-nav > li:last-child > a {
    border-right: 1px solid #247211;
    margin-right: 15px;
}

.navbar-custom .navbar-nav > li > a {
    color: #fff;
    border-bottom: 2px solid #247211;
    font-size: 16px;
}

.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
    border-bottom: 2px solid #95e26a;
}

.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus {
    color: #95e26a;
    background-color: #247211;
    border-bottom: 2px solid #95e26a;
}

.navbar-custom .navbar-nav > .disabled > a, .navbar-custom .navbar-nav > .disabled > a:hover, .navbar-custom .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #ffffff;

}
.navbar-custom .navbar-toggle {
    border-color: #dddddd;
}

.navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
    background-color: #dddddd;
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #cccccc;
}

.navbar-custom .navbar-collapse, .navbar-custom .navbar-form {

}

.navbar-custom .navbar-nav > .dropdown > a:hover .caret, .navbar-custom .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #95e26a;
    border-bottom-color: #95e26a;
}

.navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus {
    background-color: #247211;
    color: #95e26a;
}

.navbar-custom .navbar-nav > .open > a .caret, .navbar-custom .navbar-nav > .open > a:hover .caret, .navbar-custom .navbar-nav > .open > a:focus .caret {
    border-top-color: #95e26a;
    border-bottom-color: #95e26a;
}

.navbar-custom .navbar-nav > .dropdown > a .caret {
    border-top-color: #95e26a;
    border-bottom-color: #95e26a;
}

@media ( max-width: 767) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #95e26a;
    }

    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #95e26a;
        background-color: transparent;
    }

    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #247211;
    }
    .nav ul li .active {
        color: #fff;
        background-color: rgba(53, 105, 40, 0.93);
    }

    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}

.navbar-custom .navbar-link {
    color: #95e26a;
}

.navbar-custom .navbar-link:hover {
    color: #95e26a;
}

#ngjumb {
    background: url("../img/ng_jumbo.jpg") no-repeat;
    height: 378px;

}

.content {
    padding-right: 30px;
    /*padding-left: 30px;*/

}

.centerdiv {
    float: none;
    margin: 0 auto;
    padding-bottom: 10px;
}

.navbar {

    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;

}

/*------------------------------------------------------------------
[3. Subnavbar / .subnavbar]
*/

.subnavbar {
   margin-top: 40px;
}

.subnavbar-inner {
    height: 60px;
    background: #fff;
    border-bottom: 1px solid #d6d6d6;
}

.subnavbar .container > ul {
    display: inline-block;

    height: 80px;
    padding: 0;
    margin: 0;

}

.subnavbar .container > ul > li {
    float: left;

    min-width: 90px;
    height: 60px;
    padding: 0;
    margin: 0;

    text-align: center;
    list-style: none;

    border-left: 1px solid #d9d9d9;

}

.subnavbar .container > ul > li > a {
    display: block;

    height: 100%;
    padding: 0 15px;

    font-size: 12px;
    font-weight: bold;
    color: #b2afaa;
}

.subnavbar .container > ul > li > a:hover {
    color: #888;
    text-decoration: none;
}

.subnavbar .container > ul > li > a > i {
    display: inline-block;

    width: 24px;
    height: 24px;
    margin-top: 11px;
    margin-bottom: -3px;
    font-size: 20px;
}

.subnavbar .container > ul > li > a > span {
    display: block;

}

.subnavbar .container > ul > li.active > a {

    border-top: 5px solid #62964F;
    border-bottom: 5px solid #62964F;
    color: #383838;
}

.subnavbar .dropdown .dropdown-menu a {
    font-size: 12px;
}

.subnavbar .dropdown .dropdown-menu {
    text-align: left;

    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.subnavbar .dropdown-menu::before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 9px;
}

.subnavbar .dropdown-menu::after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    top: -6px;
    left: 10px;
}

.subnavbar .caret {
    margin-top: 4px;

    border-top-color: white;
    border-bottom-color: white;
}

.subnavbar .dropdown.open .caret {
    display: none;
}

/*------------------------------------------------------------------
[1. Max Width: 480px]
*/

@media (max-width: 480px) {

    .error-container h1 {
        font-size: 72px;
    }

}

/*------------------------------------------------------------------
[1. Max Width: 767px]
*/

@media (max-width: 767px) {

    #main {
        padding: 0 10px;
        margin-right: -20px;
        margin-left: -20px;
    }

    .subnavbar {
        margin-left: -20px;
        margin-right: -20px;
    }

    .subnavbar-inner {
        height: auto;
    }

    .subnavbar .container > ul {
        width: 100%;
        height: auto;

        border: none;
    }

    .subnavbar .container > ul > li {
        width: 33%;
        height: 70px;
        margin-bottom: 0;

        border: none;
    }

    .subnavbar .container > ul > li.active > a {
        font-size: 11px;
        background: transparent;
    }

    .subnavbar .container > ul > li > a > i {
        display: inline-block;
        margin-bottom: 0;

        font-size: 20px;
    }

    .subnavbar-open-right .dropdown-menu {
        left: auto;
        right: 0;
    }

    .subnavbar-open-right .dropdown-menu:before {
        left: auto;
        right: 12px;
    }

    .subnavbar-open-right .dropdown-menu:after {
        left: auto;
        right: 13px;
    }

    .extra {
        margin-right: -20px;
        margin-left: -20px;
    }

    .extra .container {
        padding: 0 20px;
    }

    .footer {
        margin-right: -20px;
        margin-left: -20px;
    }

    .footer .container {
        padding: 0 20px;
    }

    .footer .footer-terms {
        text-align: left;
    }

    .footer .footer-terms a {
        margin-left: 0;
        margin-right: 1em;
    }

}

/*------------------------------------------------------------------
[3. Max Width: 979px]
*/

@media (max-width: 979px) {

    .navbar-fixed-top {
        position: static;

        margin-bottom: 0;
    }

    .subnavbar {
    }

    .subnavbar .container {
        width: auto;
    }
}

/*--
/*------------------------------------------------------------------
[4. Main / .main]
*/

.main {
 /*//  padding-bottom: 2em;*/

}
.main-inner{
    background: url('../img/bggreen.jpg') no-repeat center;
    background-size: cover;

}

.paddedrow {
    margin-top: 15px;
    margin-left: 5px;
    margin-bottom: 15px;
}

.navbar-branded {
    padding: 15px;
    font-size: 18px;
    line-height: 20px;

}

.navbar-inverse {
    background-color: #fff
}

.navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-position: 0 -100%;
    color: #000;

}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #242525
}

.dropdown-menu {
    background-color: #FFFFFF
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #0C5707
}

.navbar-inverse {
    border-color: #62964F;
    margin-bottom: 30px;
}

.navbar-inverse .navbar-brand {
    color: #000
}

.navbar-inverse .navbar-brand:hover {
    color: #000
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size: 14px;
    border-right: 1px dashed #1E380E;
    background-size: 100% 200%;
    background-image: linear-gradient(to bottom, #62964F 50%, #456a37 50%);
    -webkit-transition: background-position .5s;
    -moz-transition: background-position .5s;
    transition: background-position .5s;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #ffffff;
}

.myrightnav > li > a {
    color: #000;
    font-size: 14px;
    border-right: 1px dashed #d6d8db;
    background-size: 100% 200%;
    background-image: linear-gradient(to bottom, #ffffff 50%, #62964F 50%);
    -webkit-transition: background-position .5s;
    -moz-transition: background-position .5s;
    transition: background-position .5s;
}

.myrightnav > li > a:hover {
    background-position: 0 -100%;

}

.myrightnav > li:hover {

}

.slide-up {
    color: #000000;
    margin: 20px;
    box-shadow: inset 0 100px 0 0 #FF0000;
    background: #FFFF00;
}

.slide-up:hover {
    box-shadow: inset 0 0 0 0 #FF0000;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: rgba(53, 105, 40, 0.93);
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color:#fff;

    background: #456a37;
}

.navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;

    background-color: rgba(53, 105, 40, 0.93);

}

.dropdown-menu > li > a {
    color: #000000
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #FFFFFF

}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
    border-top-color: #FFFFFF
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-bottom-color: #fff
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
    border-bottom-color: #FFFFFF
}

.navbar-nav {
    margin: 0px;
}


.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #d3d3d3;
    background-color: #62964F;
}
@media (min-width: 768px) {
    .navbar-nav {
        margin: 0px auto;
        display: table;
        table-layout: fixed;
        float: none;
    }

    .bg_blend {
        background-color: #edeef2;
    }
}

.cont_bg {
    margin-top: 13px;
    /* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

    background: #62964F;

    /*border-bottom-right-radius: 10px;*/
    /*border-bottom-left-radius: 10px;*/
    /*border-top-right-radius: 10px;*/
    /*border-top-left-radius: 10px;*/

}

.white_bold {

    color: #fff;
    font-weight: bold;
}

.green_bold {

    color: #000;
    font-weight: bold;
}

.result_table {

    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    /*padding-top: 20px;*/
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #fff;
    /*box-shadow: 1px 1px 11px 3px #323232;*/
    box-shadow: 6px 0 4px -4px #222 , -6px 0 4px -4px #222;
    -moz-box-shadow: 6px 0 4px -4px #222, -6px 0 4px -4px #222;
    -webkit-box-shadow: 6px 0 4px -4px #222, -6px 0 4px -4px #222;

}

.mypagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;

    background-color: #78bde5;
    border-color: #337ff8;
    cursor: default;
    margin-top: 2px !important;
}

.mypagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.input-xlarge {

    width: 100%;

}

#aftername {

    display: none;
}

.greenrow {
    background-color: #A9C0A0;

}

.stdGreenrow {
    margin: 0px;
    /*margin-top: 10px;*/
    width: 100%;
    height: 50px;
    background-color: #62964F;
    color: #fff;
}

.stdrow {
    margin: 0px;
    width: 100%;
}

.infoheader {
    color: rgba(14, 11, 16, 0.89);
    font-size: 20px;
    text-align: center;
    padding-top: 4px;
    line-height: 3em;
    border-top: solid 1px rgba(17, 17, 17, .38);
    border-left: solid 1px rgba(17, 17, 17, .38);
    border-right: solid 1px rgba(17, 17, 17, .38);

}

.infotop {
    min-height: 63px;
    background-color: #fff;
    color: #000;
}

.info_foot_3d {
    min-height: 49px;
    /*background: url('../img/infobox_foot.png') no-repeat;*/
    /*background-size: cover;*/
    background-color: #fff;

    border-top: solid 1px rgba(17, 17, 17, .38);
    border-bottom: solid 1px rgba(17, 17, 17, .38);
    color: #000;
}

.info_foot_login {
    min-height: 49px;
    /*background: url('../img/infobox_foot.png') no-repeat;*/
    /*background-size: cover;*/
    background-color: #fff;

    border-bottom: solid 1px rgba(17, 17, 17, .38);
    color: #000;
}

.control-group {

    padding-top: 10px;

}

.infobox_box {
    background-color: #FFFFFF;
    border-top: solid 1px rgba(17, 17, 17, .38);
    border-left: solid 1px rgba(17, 17, 17, .38);
    border-right: solid 1px rgba(17, 17, 17, .38);
    padding-top: 8px;

}

textarea {
    resize: none;
    width: 100%;
}

.info_foot {
    padding-top: 9px;
    min-height: 49px;
    border-top: solid 1px rgba(17, 17, 17, .38);
    border-bottom: solid 1px rgba(17, 17, 17, .38);
}

.mybtn-success {
    background-color: #58B7EC;
    color: #FFF;
    margin-bottom: 20px;
}

.mybtn-success:hover {
    color: rgb(49, 98, 70);
}

.mybtn-success:active {
    color: #67ff21 !important;
}

#myModal {

    top: 15%;
}

.spin-control {
    font-size: 0.7em;
}

#spinner-input {
    padding: 3px;
    height: 100%;
}

.spin-down {
    margin-left: -5px;
}

.myaddon {

    padding: 0px 3px;
}

.hero_white {
    color: #fff;
}

.modal-header {
    background-color: #535752;
    color: #fff;
}

.modal-footer {
    background-color: #535752;
    color: #fff;
}

hr.headerhr {
    margin: 0;
    border: 0;
    height: 4px;
    background-color: #BDDD4F;
    width: 100%;
}

.homejumbo_login {
    background: url('../img/greeting_login_bg.jpg') no-repeat center;
    min-height: 500px;
}

.homejumbo_3d {
    background: url('../img/greeting_3d_bg.jpg') no-repeat center;
    min-height: 500px;
}

.homejumbo_video {
    background: url('../img/greeting_video_bg.jpg') no-repeat center;
    min-height: 500px;
}

.homejumbo_default {
    background: url('../img/default_bg.jpg') no-repeat center;
    min-height: 500px;
}

.homejumbo_admin {
    background: url('../img/greeting_admin_bg.jpg') no-repeat center;
    min-height: 500px;
}

.homejumbo_dive {
    background: url('../img/greeting_diving_bg.jpg') no-repeat center;
    min-height: 500px;
}

.myrightnav > .active > a:hover, .myrightnav > li > a:hover, .myrightnav > li > a:focus {
    color: #fff;

}

.mycontainer {
    /*margin-top: 5px;*/
    max-width: 100%;
    padding-top: 23px;
    padding-bottom: 25px;
}

.btn-ngp {
    color: #090808;
    background-color: #659BE0;
    border-color: #1A4708;
}

.slidemenu {
    background-image: linear-gradient(to bottom, #ffffff 50%, #0f3702 50%);
    -webkit-transition: background-position 1s;
    -moz-transition: background-position 1s;
    transition: background-position 1s;
}

@media (max-width: 768px) {
    .navbar-right {
        float: left !important;

    }
}

.dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.undl {
    border-bottom: solid 1px rgba(1, 1, 1, 0.35);

}

.rodd {
    background-color: #a9b7d1;
}

.reven {
    background-color: rgba(168, 255, 254, 0.15);
}

.modal-body {
    position: static;
    padding-bottom: 18px;
}

.griddyc {
    border-bottom: solid 1px #adadad;
    font-size: 16px;
    text-align: center;

}

.griddy {
    border-bottom: solid 1px #adadad;
    font-size: 16px;
}

.myreportcontainer {
    max-width: 100%;
}

.width20 > tr td {
    width: 20%;

}

#toolChest {
    position: absolute;
    z-index: 1000;
    width: 900px;
    background-color: rgb(255, 255, 255);
}

#trigger {
    position: absolute;
    z-index: 1005;
    left: 0;
    top: 40px;

}

.bgred {

    background-color: #cbd1d0;
}

.ldropdown-menu > li > a:hover, .ldropdown-menu > li > a:focus {
    background-color: #4cae4c;
}

.bbGrid-row:hover {
    background-color: #8CB3A6;
    color: #fff;
}

.bordright {
    border-right: 1px solid #d9d9d9;

}

.subgridtr {
    margin: 3px;
    border: 1px dashed #b6aab8;
    background-color: #f6f6f6;
}

.padded10 {
    padding-bottom: 10px;
}

.paddedall10 {
    padding-bottom: 10px;
}

.labinput {
    max-width: 200px;
    min-width: 200px;

}

.paddeddd {
    padding: 10px;
    background-color: #8CB3A6;
    color: #ffffff;
    font-size: 14px;
}

.analisysSelect {
    border: 0;
    background-color: #8CB3A6;
    height: 30px;
    width: 200px;
    font-size: 16px;
}

.analysistbl tr:hover {
    background-color: rgba(141, 179, 167, 0.13);
}

.hover {
    background-color: rgba(141, 179, 167, 0.13);
}

.btn-successanal {
    background-color: #64897c;
    background-image: -moz-linear-gradient(top, #8CB3A6, #64897c);
    background-image: -ms-linear-gradient(top, #8CB3A6, #64897c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8CB3A6), to(#64897c));
    background-image: -webkit-linear-gradient(top, #8CB3A6, #64897c);
    background-image: -o-linear-gradient(top, #8CB3A6, #64897c);
    background-image: linear-gradient(top, #8CB3A6, #64897c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8CB3A6', endColorstr='#64897c', GradientType=0);
    color: #ffffff;
}

.btn-successanal:hover, .btn-successanal:active, .btn-successanal.active, .btn-successanal.disabled, .btn-successanal[disabled] {
    background-color: #64897c;
}

.btn-successanal:active, .btn-successanal.active {
    background-color: #64897c;
}

table#results_analysis tr:hover {

    background-color: rgba(144, 193, 159, 0.39);
}

.triggerdet img:hover {

    cursor: pointer;
}

ul.dropdown-menu-form {
    padding: 5px 10px 0;
    max-height: 300px;
    overflow-y: scroll;
}

.OR {
    background-color: rgba(232, 86, 38, 0.77);
}

.RD {
    background-color: rgba(232, 15, 32, 0.77);
}

.YL {
    background-color: rgba(232, 224, 33, 0.77);
}

.LG {
    background-color: rgba(130, 232, 166, 0.77);
}

.GR {
    background-color: rgba(24, 178, 35, 0.77);
}

.tblReport {
    background-color: #fff;
    margin-bottom: 30px;
    margin-top: 30px;
    border-collapse: separate;
    border-spacing: 5px;
}

.jumbotronng {
    background: url('../img/welc1.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 265px;
}

.jumbotronngleft {
    background: url('../img/welc2.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 265px;
}

.page-section {
    width: 100%;
    min-height: 850px;
    padding: 50px 0;
    border-bottom: 10px solid #fff;
}

.page-section h1 {
    font-size: 4em;
    margin: 50px 0;
}

.page-section h1 span {
    font-weight: 200;
}

.page-section h2 {
    font-size: 3em;
    font-weight: 900;
    color: #fff;
    margin: 0 0 30px;
    text-shadow: 2px 2px 2px #000;
}

.page-section p {
    font-size: 1.2em;
    font-weight: 200;
    margin: 0 20px 20px 0;
}

.page-section p.lead {
    font-size: 1.8em;
}

.page-section p.caption {
    color: #fff;
    padding: 20px;
    background: url(../images/trans_black_50.png);
    text-shadow: 1px 1px 1px #000;
}

.caption {
    color: #fff;
    padding: 20px;
    background: url(../images/trans_black_50.png);
    text-shadow: 1px 1px 1px #000;
}

.captainblack{
    color: #000;

}

.page-section#index {
    background: url(../images/index.jpg) bottom center fixed no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.page-section#waterq {
    background: url(../images/waterq.jpg) bottom center fixed no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.page-section#planning {
    background: url(../images/planning.jpg) top center fixed no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.page-section#contact {
    background: url(../images/contact.jpg) top center fixed no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media (min-width: 768px) {
    .header .navbar-brand {
        padding-left: 0;
    }

    .navbar-nav {
        float: right;
    }

}

@media (max-width: 480px) {
    .page-section h1 {
        font-size: 3em;
    }

    .page-section h2 {
        font-size: 2em;
    }

    .page-section p {
        font-size: 1em;
        margin: 0 0 20px;
    }
}

.back-to-top {
    display: inline-block;
    clear: both;
    background: #fff;
    color: #333;
    padding: 0 10px 5px;
    margin: 20px 0 0;
    text-shadow: none;
}

.iconhov a:hover {
    cursor: pointer;

    background-color: #15971f;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

.whitetabs > li > a {

    color: #ffffff;
}

.whitetabs > li > a:hover {
    color: black;
}

@media (max-width: 1000px) {
    #bottom_nav {
        display: none;
    }
}
.yellow {
    background: url(../img/elements/yellow.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

.red {
    background: url(../img/elements/red.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.green {
    background: url(../img/elements/green.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.ngbronw{
   background-color: #ffffff;

}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    background-color: #62964F;
    border-width: 1px;
    border-style: solid;
    border-color: #DDD #DDD transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}

.myrightnav > li > a:hover,.myrightnav > li > a:focus {
    color: #000;
}

.myrightnav > li > a {
    color: #000;
    font-size: 14px;
    border-right: 1px solid #d6d8db;
    background-size: 100% 200%;
    background-image: linear-gradient(to bottom, #ffffff 50%, #62964F 50%);
    -webkit-transition: background-position .5s;
    -moz-transition: background-position .5s;
    transition: background-position .5s;
}

.myrightnav > li > a:hover {
    background-position: 0 -100%;
    color: #000;

}

.myrightnav > li > a:focus,.myrightnav > li > a:active  {
    color: #62964F;
}
.indexlogged{
    margin-top: 50px;
    padding-top: 50px;
}
.topto50{
    margin-top: 50px;
}
.footer_sep{
    border-right: 1px dashed #373434;
}