/* GLOBAL STYLES */
body
{
    padding-bottom: 0;
    color: #5a5a5a;
    padding-top: 0; /* Fixed Header */
    font-family: 'Open Sans', Helvetica, Arial, 'Lucida Grande', sans-serif
}
h1, h2, h3, h4, h5 {}
h1 {font-weight: 400;color: #3DAB3D;}
h2 {font-weight: 800;font-size: 1.4em;color: #3DAB3D;}
h3 {font-weight: 400;font-size: 1.5em;color: #3DAB3D;}
h4 {font-weight: 800;color: #3DAB3D;}

.mainbg { font-size: 1.1em;line-height: 1.4em;}
.mainbg h2 { font-size: 1.3em;}
.mainbg h3 { font-size: 1.2em;font-style: italic;}
.mainbg h3 a {color: #3DAB3D;}

 a {color: #3DAB3D;}
.sidebar-content { background: #f9f9f9;}
.page-content-panel { background: #fff;}
.page-content-panel ul { list-style: none;padding: 5px;}
.page-content-panel ul li:before {list-style: none; content: "• ";color: #388138;}
.page-content-panel ul li ul li { list-style: none;}
.page-content-panel ul li ul li:before {padding-left: 10px;}
.contentpad { padding: 20px 30px;}
ul.pagination li:before {content: "";}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { border-color: #388138;background: #388138;}

.header {z-index: 999;margin-bottom: 0;position: relative;}
.header-contact { line-height: 20px;}
.header-contact div { margin: 0;}

.logo {z-index: 99;position: relative;margin-top: 10px;margin-bottom: 15px;}
.hero { background: url('/images/template/hero.jpg') no-repeat;background-size: cover;min-height: 360px;}
.hero h2 {font-family: 'Merriweather', serif;font-weight: 300;font-size: 3.2em;line-height: 1.2em;max-width: 65%;padding-top: 5%;color: #fff;}
.hero-link { color: #fff;background: url('/images/template/hero-link.png') no-repeat; background-size: 100%;width: 400px;display: block;line-height: 47px; text-align: center;font-size: 1.2em;font-weight: 700;letter-spacing: 2px;margin-top: 2em;height: 55px;}
.hero-link:hover { text-decoration: none;color: #fff;}
.hero .awards { float: right;margin-top: -10px;}

.social { padding-top: 15px;}
.header .social {text-align: right;margin-top: 30px;}
.social .icon-linkedin .fa-circle { color: #1384c7;}
.social .icon-facebook .fa-circle { color: #547bbc;}
.social .icon-google-plus .fa-circle { color: #4b4b4b;}

.titlestrip { background: #3DAB3D;padding-top: 30px;padding-bottom: 20px;color: #fff;font-size: 1em;}
.titlestrip h2 { font-weight: 300;font-size: 2.8em;margin-top: 0;color: #fff;}
.introstrip { background: rgb(176, 222, 176);padding-top: 10px;padding-bottom: 10px;color: #3DAB3D;font-size: 1em;line-height: 1.3em;margin-bottom: 40px;}
.section-icon { margin-left: -60px;margin-top: 28px;float: left;width: 45px;}

.header-cart { text-align: center;}
.header-view-cart {background: #5d9cec; line-height:18px; height:38px; display:block; text-align:center; color: #fff; border-radius:3px;}
.header-view-cart:hover { background: #2f80e7; color: #fff; text-decoration: none; }
.header-view-cart i.fa-shopping-cart {background: #2f80e7; padding:5px 10px 5px 10px; float:left; color: #fff; border-radius: 3px 0 0 3px;}

.header-login {background: #5d9cec; line-height:38px; height:38px; display:block; text-align:center; color: #fff;border-radius:3px;}
.header-login:hover { background: #2f80e7; color: #fff; text-decoration: none; }
.header-login i.fa-lock {background: #2f80e7; padding:5px 10px 5px 10px; float:left; color: #fff; border-radius: 3px 0 0 3px;}

.shadepanel { background: #e7f0f4;padding: 15px;margin-bottom: 10px;}
.shadepanel h2 { text-align: center;padding-top: 0;margin-top: 0;}

.featured { background: #f7f7f7;}
.featured-tile { background: #fff;border: solid 1px #eee;padding: 10px;border-radius: 4px;overflow: hidden;margin-bottom: 20px;height: 150px;}
.feature-btn { position: absolute;bottom: 30px;right: 25px;z-index: 99;}
.featureViewBtn .feature-btn { position: static;bottom: 0;right: 0;z-index: 99;}
.featured-icon {position: absolute;top: 0;left: 15px;z-index: 99;}
.featured-img img { max-height: 120px;}
.featured-details span { font-size: 0.7em;font-style: italic;color: #999; text-decoration: line-through;font-weight: normal;}
.featured-details .prices { border-top: solid 1px #eee;font-weight: bold;color: #300;}
.featured-details .prices small { font-size: 1em;font-weight: normal;font-style: italic;color: #999;}

.home-testimonials { border: solid 1px #ccc;text-align: center;padding: 20px;margin: 20px;font-size: 1.2em;min-height: 220px;}
.home-testimonials h3 {margin-top: -32px;font-size: 1.2em;}
.home-testimonials small { color: #ccc;text-transform: uppercase;font-size: 0.8em;font-weight: 700;}
.home-testimonials h3 b { color: #388138;background: #fff;padding: 5px;}

.homepanels { padding-top: 40px; padding-bottom: 40px;background: #f2f2f2;font-size: 1.1em;text-align: center;}
.homepanel {margin: 10px 5px; padding: 15px;text-align: center;background: #fff;box-shadow: 0 1px 6px #aaa;}
.homepanels h2 {color: #388138; font-size: 1.4em;text-align: center;margin: 5px 25px 5px 25px;text-transform: uppercase;letter-spacing: 1px;}
.homepanels h3 {color: #9c9b9b; font-size: 0.8em;text-align: center;margin: 5px;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;}
.homepanel .msg { min-height: 100px;}
.homepanels a:hover { text-decoration: none;}
.homepanels .intro { min-height: 90px;padding: 5px;}
.homepanels .intro p { font-weight: normal;text-align: center;}
.homepanel img { margin-bottom: 5px;}

.footer-contact { background: #58595b;padding-top: 20px;padding-bottom: 40px;color: #fff;text-align: center;margin-top: 50px;}
.footer-contact .form-control { background: #444;border-color: #333;color: #999;}
.footer-contact h3 { color: #71a571;font-size: 3em;font-weight: 300;}
.footer-contact label { color: #fff;text-align: left;font-weight: 300;float: left;font-size: .8em;}
.footer-contact p { font-size: 1.4em;}
.footer-contact a {color: #71a571;}
.footer-contact  .btn-default { background: #388138;color: #fff;}
#footermap { width: 100%;height: 368px;}

.footerbar {margin-top: 0;position: relative;color: #fff;background: #35383d;padding-top: 20px;padding-bottom: 20px;}
.footerbar .container { margin-bottom: 0;}
.footerbar h2 { color: #71a571;font-size: 1.6em;margin: 0;}
.footerbar h4 { color: #71a571;font-size: 1em;}
.footerbar ul { padding-left: 5px;}
.footerbar ul li { list-style: none;list-style-position: inside;}
.footerbar a { color: #fff;}
.footer-btns a { padding: 8px;line-height: 34px;border-radius: 6px;font-size: 1.1em;}
.footer-btns a:hover {background: #388138;background: linear-gradient(#388138, #1567a4);text-decoration: none;}
.footerbar .social { font-size: 1.2em;}
.footerbar .social .fa-circle { text-shadow: 0 0 2px #fff;}

.copyrightbar {background: #202328;color: #fff;line-height: 20px;padding-bottom: 8px;padding-top: 15px;font-size: .9em;}
.copyrightbar a {color: #71a571;}
.legals { padding-top: 20px;padding-bottom: 30px;font-size: .8em;line-height: .9em; background: url(/images/template/feathers.jpg);}

/*Group Display*/
.group-list .media { border: solid 1px #f2f2f2;height: 100px;}
.group-list a { text-decoration: none;}
.group-img { width: 90px;}
.media-heading { margin-top: 5px;}

/*Product Display*/
.prod-img { max-width: 48px; max-height: 38px; transition: all 0.1s;position: absolute;}
.prod-img:hover { position: absolute;max-width: 300px; max-height:none; margin-left: -50px;margin-top: -40px;border: solid 1px #eee; z-index:998;}
.table > tbody > tr > td.img-td { padding: 1px; width: 50px;height: 40px;}
.table-product { font-size: 0.9em;}
.table-product .form-control { padding: 2px;text-align: center;}
.table-product tr.fav td {background: #d9edf7; border-left-color:#bce8f1; border-right-color:#bce8f1; color: #3183b9;}

/*Product Details*/
.productimage {max-width:100%;}
.product-thumb-div { padding: 2px;float: left;width: 100%; }
.product-thumb {width: 25%;border: solid 1px #aaa;border-radius: 4px;padding: 2px;margin-right: 4px;opacity: 0.6;}
.product-thumb-div a.active .product-thumb, .product-thumb-div a:hover.active .product-thumb {border: solid 1px #202328; opacity: 1;}
.product-thumb-div a:hover .product-thumb {border: solid 1px #ccc; opacity: 1;}

/*Shopping Cart*/
.cart-subtotal {
    background: #f2f2f2;
    text-align: center;
    height: 35px;
    line-height: 35px;
}
.cart-total { background: #f2f2f2; color: #5a5a5a; font-size: 1.4em; line-height: 35px;text-align: center;font-weight: normal;}
.cart-mega-total {
    background: #f90;
    color: #fff;
    font-size: 1.4em;
    line-height: 35px;
    text-align: center;
}
.cart-proceed { text-align:center; padding:10px; background: #eee;}
.payment-rbl { border-collapse: separate;width: 100%;border-spacing: 10px; border-collapse: separate;}
.payment-rbl td { border: solid 1px #336699;padding-left: 10px; background: #fff;box-shadow: 0 1px 4px #999;}
.payment-rbl label {float: right;display: inline;width: 140px;cursor: pointer;text-align: left;}
.payment-rbl input { margin-top: 30px;}

/* Latest News */
.news-date { font-style: italic;color: #999;margin-bottom: 5px;}
q { color: #388138;font-weight: 800;}




/* CUSTOMIZE BOOTSTRAP -------------------------------------------------- */
.btn, .form-control, .panel,  .panel .panel-heading, .alert { }
.danger, .btn-danger, .panel-danger .panel-heading { background: #ee1c25;color: #fff;border-color: #ee1c25;}
.panel-danger {border-color: #ee1c25;}
.primary, .btn-primary, .panel-primary .panel-heading { background: #388138;color: #fff;border-color: #3DAB3D;}
.btn-primary:hover { background: #388138;border-color: #388138;}
.panel-primary {border-color: #388138;}
.panel-title a:hover { text-decoration: none;}
a.list-group-item.levelA:last-child, a.list-group-item.levelA:first-child, a.list-group-item.levelB:last-child, a.list-group-item.levelB:first-child, a.list-group-item.levelC:last-child, a.list-group-item.levelC:first-child { border-radius: 0;}

        a.list-group-item {
            padding: 5px;
            font-size: 0.8em;
            color: #fff;
            background: #3DAB3D;
            border: solid 1px #307730;
        }
        a.list-group-item:hover {
            color: #fff;
            background: #388138;
        }
        a.list-group-item.levelA {
            padding: 3px 3px 3px 8px;
            background-color: #479047;
        }

        a.list-group-item.levelB {
            padding: 3px 3px 3px 14px;
            background-color: #579e57;
        }

        a.list-group-item.levelC {
            padding: 3px 3px 3px 20px;
            background-color: #63a963;
        }

/* CUSTOMIZE THE MAIN MENU -------------------------------------------------- */
.nav-wrapper { background: #fff;}
.navbar {background: transparent; border: none;box-shadow: none;border-radius: 0;margin: 0 auto;font-weight: 700;margin-top: 3px;}
.navbar-nav li {text-transform: uppercase;}
.nav li a { padding: 20px 5px;}
.nav li:last-child a { padding-right: 0;}
.open > ul.dropdown-menu { background: #fff;border-radius: 0;padding: 0;border: 0;}
.dropdown-menu>li>a {font-size: 0.9em;padding: 10px;}
.dropdown-menu>li>a:hover { background: #388138;color: #fff;}
.navbar-default .navbar-nav > li:hover ul li a:hover {color: #fff;}
.navbar-default .navbar-nav>li>a {color: #3DAB3D;}
.navbar-default .navbar-nav>li>a:hover {color: #388138;}
.navbar-default .navbar-nav>li>a.specialsmenu {color: #C00;}
.navbar-default .navbar-nav .dropdown a .caret { border-top-color: #555; border-bottom-color: #555;}
.navbar-default .navbar-nav .dropdown li:last-child a { padding-right: 10px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background: #388138; color: #fff;}


/*.nav { margin-bottom: 0; }
.navbar-default .navbar-nav .dropdown { position: static;}
.navbar-default .navbar-nav .dropdown-menu { width: 100%; text-align: center; min-width:auto;border-radius: 0;right: 0;}
.navbar-default .navbar-nav .dropdown-menu>li { display: inline-block; }*/

/* SUB MENU -------------------------------------------------- */
.sidebar-nav { margin-top: 20px;margin-bottom: 20px;}
.sidebar-nav .nav>li>a { color: #404040;border-bottom: solid 1px #eee;padding: 10px;font-size: 1em;}
.sidebar-nav .nav>li>a.on { color: #000;font-weight: bold;}
.sidebar-nav .nav>li>a.on:before {content: "〈 ";color: #388138;margin-left: -15px;}
.sidebar-nav .nav>li>a .caret { display: none;}
.sidebar-nav .nav li:before {content: "";
}

/* Carousel -------------------------------------------------- */
/* Fade transition for carousel items */
.carousel-img { width: 100%;}
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity .4s; /*adjust timing here */
         -moz-transition: opacity .4s;
           -o-transition: opacity .4s;
              transition: opacity .4s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
.carousel-caption {bottom: auto;top: 0%;font-size: 2em;color: #000;}
.carousel-caption a{color:#337ab7;}
.carousel-caption h2 { color: #000;font-size: 1.5em;}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}
.reasons .carousel-control {width: 5%;}
/* RESPONSIVE CSS
    -------------------------------------------------- */
@media (max-width: 1500px) {
    .carousel-caption h2 {font-size: 1.5em;}
    .carousel-caption {top: 0%;padding-top:0px;}
}
@media (max-width: 1200px) {
    .nav li a { padding: 12px 6px 12px 6px;font-size: 1em;}
    .carousel-caption h2 {font-size: 1.6em;}
    .carousel-caption {top: 1%;}
}
@media (max-width: 979px)
{
    .carousel-caption h2 {font-size: 1.4em;}
    .carousel-indicators { display: none;}
    .carousel-caption {top: 1%;}
}


@media (max-width: 767px)
{
    .carousel-caption h2 {font-size: 1.6em;}
    .carousel-caption {top: 1%;}
    .feature-link { width: 100%;}
    .header {box-shadow: none;}
    .navbar { background: #fff;padding-left: 15px;max-height: auto;}
    .navbar-collapse {
      max-height: auto;
      overflow-x: auto;
   }
    .next-steps .intro { min-height: 0;}
}