html, body { height: 100%; }
.owl-carousel { height: 100% !important; }
        .owl-carousel .item h1, .owl-carousel .item h2 { margin: 0; color: #1f5f30; line-height: 1.4; }
            .owl-carousel item h1 span, .owl-carousel .item h2 span { padding: 0 10px; }
        .owl-carousel .item h1 { font-size: 4em; font-weight: bolder; text-transform: uppercase; }
        .owl-carousel .item h2 { font-size: 2em; }
.mainbanner{background: url(../images/mainbgbg.jpg) repeat-x; background-size:auto 100%  }
.hovereffect h2 { font-size: 16px; padding:5px; margin: 0; white-space: pre; overflow: hidden; }
.hovereffect p { font-size: 12px; height: 36px; overflow: hidden; color: #333; }
.hovereffect { background: #fff; margin-bottom: 15px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }

    .hovereffect div:first-child { overflow: hidden; display: block; position: relative; }
    .hovereffect:hover { color: #FFF; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.3); }
        .hovereffect:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; }
    .hovereffect img { transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; }
    .hovereffect > div > .hoverlink { display: none; position: absolute; z-index: 9; left: 0px; right: 0px; bottom: 0px; top: 0px; background: rgba(0, 0, 0, 0.5); text-align: center; line-height: 260px; }
    .hovereffect:hover .hoverlink { display: block; }
.text-success { color: #F7931E; }
#Top h1 { color: #fff; }
textarea.form-control {overflow: hidden;}
/* GLOBAL STYLES Dark #111 -  - Light #b0bec5  bright #1f5f30*/
/* Padding below the footer and lighter body text */
body { font-family: 'Open Sans', sans-serif; color: #111; }
p, li, .table { font-size: 16px; color: #333; }
h1.lg { font-size: 5em; }
.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 9; }
.text-white { color: #ffffff !important; }
.bgwhite { background: #fff; }
.bggray { background: #eee; }
.bgblue { background: #1f5f30; }
.bggreen { background: #bdf58a; }
.relative { position: relative; }
.cyclotron { cursor: move; background-size: 100% auto; }
.slidercon { padding-top: 110px; }
.bgfooter { background: #000111; padding: 120px 0 40px 0; }
.bgdark p, .bgdark h1, .bgdark h2, .bgdark h3, .bgdark h4,.bgblue p, .bgblue h1, .bgblue h2, .bgblue h3, .bgblue ul li { color: #fff; }
.bgblue a, .bgdark a { color: #ddd; text-decoration: underline; }
.feedback h3, .feedback a { color: #1f5f30; }
.bgfooter p, .bgfooter h1, .bgfooter h2, .bgfooter h3, .bgfooter h4,.bgfooter a { color: #ccc !important; }
::selection { background: #1f5f30; color: #FFFFFF; }
::-moz-selection { background: #1f5f30; color: #FFFFFF; }
.sectiontitle { margin: 15px 0; padding: 0 0 6px; color: #1f5f30; border-bottom: 1px solid #ccc; }
.text-primary { color: #1f5f30; }
.dropdown-menu > li > a { padding: 10px 15px; }
.modal-content.trans h2 { color: #fff; font-size: 2em; text-transform: uppercase; }
.modal-content.trans p { color: #fff; font-size: 1.2em; }
/* CUSTOMIZE THE NAVBAR-------------------------------------------------- */
.sectionpad img { margin-bottom:20px }
.sectionpad { padding: 120px 0; }
.padtop120 { padding: 120px 0 0; }
.padbot120 { padding: 20px 0 120px; }
.inpage { padding: 220px 0 10px; }
.pad10 { padding: 10px; }
.mar200 { margin: 20px 0; }
.mar020 { margin: 0 20px; }
.mar10 { margin: 10px; }
.pad15 { padding: 15px; }
.pad25 { padding: 25px; }
.pad250 { padding: 25px 0; }
.pad150 { padding: 15px 0; }
.pad400 { padding: 40px 0; }
.pad1000 { padding: 100px 0; }
.pad600 { padding: 60px 0; }
.pad0 { padding: 0; }
.mar0 { margin: 0; }
.martop10 { margin-top: 10px; }
.martop24 { margin-top: 24px; }
.martop30 { margin-top: 30px; }
.martop50 { margin-top: 50px; }
.marbot15 { margin-bottom: 15px; }
.box1 { padding: 20px; border: 1px solid #eee; margin-bottom: 20px;box-shadow: 0px 4px 6px #ccc; }
.card { background: #fff; margin-bottom: 15px; }
.card { transition: 2s ease all; box-shadow: 0 5px 10px rgba(0, 0, 0, .1); }
    .card:hover .btn-inner, .card:focus .btn-inner { opacity: 1; transition: .3s ease all; }
    .card:hover, .card:focus { box-shadow: 0 10px 15px rgba(0, 0, 0, .5); transition: .3s ease all; }
    .card h1, .card h2, .card h3, .card h4, .card h5, .card h6 { margin: 0 0 15px; }
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.nav, .btn { text-transform: capitalize; }
.navbar-wrapper { position: relative; z-index: 999; left: 0; top: 0; right: 0; padding: 20px 0 10px; transition: all 500ms ease-in-out; border-top: 3px solid #1f5f30; }
    .navbar-wrapper.fixit { padding: 10px 0 6px; transition: all 500ms ease-in-out; border-top: 0; box-shadow: 0 0 10px rgba(0, 0, 0, .2); background-color: #fff; }
.navbar-brand  { padding: 0px;height: 85px; overflow: hidden; }
.navbar-brand img { height: 85px; transition: all 300ms ease-in-out; }
.navbar-wrapper.fixit .navbar-brand img, .navbar-wrapper.fixit .navbar-brand {height: 60px}
.navbar { margin: 0; }
.navbar-nav { margin: 0; }
.navbar-toggle { margin: 0; }
    .navbar-toggle .icon-bar { height: 4px; border-radius: 0; }
    .navbar-toggle .icon-bar { background: #1f5f30; }
.navbar-wrapper.fixit .navbar-toggle .icon-bar { background: #222; }
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container { padding-right: 0; padding-left: 0; }
.navbar-wrapper .navbar { padding-right: 15px; padding-left: 15px; }
    .navbar-wrapper .navbar .container { width: auto; }
.navbar-nav > li > a { transition: all .3s ease; color: #222; }
.navbar-wrapper.fixit .navbar-nav > li > a { transition: all .3s ease; }
    .navbar-wrapper.fixit .navbar-nav > li > a.btn-primary { color: #fff; }
.nav > li > a:hover, .nav > li > a:focus, .nav li.active a { background: rgba(0, 0, 0, 0.05); }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #1f5f30; }
a { color: #F7931E; text-decoration: underline }
    a:focus, a:hover { color: #999; text-decoration: none; }
hr { border-color: rgba(133, 133, 133, 0.3); border-style: dashed none none; }
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
.h1, .h2, .h3, .h4, .h5, .h6 { text-transform: uppercase; }
.lead { font-size: 18px; }
.btn { border: 0; transition: all .5s ease; padding: 10px 15px; }
    .btn.btn-default { background: #eee; color: #444 !important; }
    .btn.btn-primary { background: #1f5f30; }
.btn-primary:hover, .btn-primary:focus { background: #1f5f30; color: #fff !important; border: 0; }
.navbar-nav > li > a.btn-danger, .navbar-nav > li.active > a.btn-danger {
    color: #fff;
    background-color: #ec1c24;
}
.footericon { width: 72px; margin-bottom: 20px;}
/* CUSTOMIZE THE CAROUSEL-------------------------------------------------- */
.outt { display: none; }
.nav > li { margin-right: 10px; }
    .nav > li a { border-radius: 4px;text-decoration: none; background: rgba(234, 234, 234, 0.2); }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #1f5f30; cursor: default; background-color: #111; border: 1px solid #111; border-bottom-color: transparent; }
.nav > li > a:hover, .nav > li > a:focus { background: #1f5f30; color: #fff;  }
.nav li.active a {background: rgba(234, 234, 234, 0.6);}
.nav-tabs { border-bottom: 3px solid #111; }
    .nav-tabs > li > a:hover { border-color: #111; }
/* Since positioning the image, we need to help out the caption */
.carousel-caption { z-index: 10; bottom: 140px; text-shadow: none; color: #fff; text-align: center; padding: 0; }
/* carousel-fade END */
.form-control { border-radius: 0px; border: 1px solid #ccc; height: 40px; background-color: #fff; color: #111; }
.form-horizontal .control-label { padding-top: 15px; }
/*owl-carousel*/
.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
    white-space: normal;
}
.owl-icon-slider{ background: url(../images/bg-Stevia-Leaf.jpg) fixed center no-repeat; background-size: cover; color: #fff}
.owl-icon-slider .owl-carousel .item {margin: 80px 0 }
.owl-icon-slider .owl-carousel .item h4{ font-size: 14px; text-transform: uppercase}
.owl-icon-slider .owl-carousel .item .slidericon{width: 80px; margin: 30px auto;}
.tran{padding: 12px; background: #eee; border-radius: 4px;}
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    33% { transform: translateY(5px); }
    50% { transform: translateY(0px); }
    66% { transform: translateY(-5px); }
}

@media (max-width: 992px) {
    h1 { font-size: 1.6em; }
    h2 { font-size: 1.4em; }
    h3 { font-size: 1.2em; }
    .owl-carousel .item h1 { font-size: 2em; }
    .owl-carousel .item h2 { font-size: 1em; }
    .carnav { margin: auto; }
    footer { text-align: center; }
}

@media (max-width: 767px) {
    .navbar-collapse, .navbar-collapse > div { height: 100% !important; position: fixed; z-index: 999; transition: all .3s ease; top: 0; }
    .navbar-collapse { width: 100%; background: RGBA(0, 0, 0, 0); left: 15px; }
        .navbar-collapse > div { width: 250px; left: -250px; background: #1f5f30; }
        .navbar-collapse.in { background: RGBA(0, 0, 0, 0.8); }
            .navbar-collapse.in > div { left: 0; }
        .navbar-collapse > div ul { margin: 0; }
    .navbar-nav > li a{ border-top: 1px solid #174c25; border-bottom: 1px solid #2f8446; margin-right: 0; }
                .navbar-nav > li > a { padding: 20px; border-radius: 0; color: #fff; background-color: #65B030; }
            .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav li.active a { border-left: 8px solid #ec1c24; background-color: #65B030; }
    .navbar-wrapper.fixit .navbar-nav > li > a { color: #fff; }
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { color: #999; padding: 10px 40px; }
}

@media (max-width: 480px) {
    .navbar-brand img {
        height: 65px;
    }
    .mainbanner {
        margin-top: 70px;
    }
    .nav > li {
        margin-right: 0;
    }
}