body { background-position: top; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 300; color: #999999; background-color: #e6f1e0; background-image: url('../img/bgr-body.png'); background-repeat: repeat-x; background-attachment: fixed; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 300; line-height: 1.2; color: #000000; }

    h1, h2.h1 { font-size: 32px; margin-bottom: 20px; color: #006400; }
    h2.h1 { font-weight: 300; }
h2 { font-size: 24px; margin-top: 35px; color: #575757; font-weight: 300; margin-bottom: 15px; }
    h2.inverse { background-color: #7CB659; padding: 8px 10px 8px 10px; margin-top: 20px; margin-bottom: 20px; font-size: 18px; color: #FFFFFF; }
h3 { font-size: 19px; color: #333333; }
h4 { margin-top: 16px; }
h5 { }

p { margin-bottom: 15px; line-height: 1.5em; }

.main ul, .main ol { padding-left: 25px; padding-top: 0px; margin-bottom: 25px; margin-top: 20px; }
    .main ul li, .main ol li { margin-top: 7px; margin-bottom: 7px; color: #666666; }

.lead { font-size: 17px; color: #333333; margin-bottom: 15px; }
strong { color: #333333; font-weight: normal; }

figure { margin: 15px 0 15px 0; }
figcaption { }

.imgR { float: right; margin-left: 15px; margin-bottom: 15px; }
.imgL { float: left; margin-right: 15px; margin-bottom: 15px; }


.margin-top-0 { margin-top: 0px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-10 { margin-top: 20px; }

.padding-top-0 { padding-top: 0px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-15 { padding-top: 15px; }
.padding-top-20 { padding-top: 20px; }

.padding-bottom-0 { padding-bottom: 0px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-15 { padding-bottom: 15px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-25 { padding-bottom: 25px; }

.icon-large { font-size: 120px; }

a { color: #006400; font-weight: 400; }

    a:hover, a:focus { color: #006400; outline: none; }

a { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

    a[href^="tel:"] { }




/*------Forms------*/

form label { color: #000000; padding-left: 3px; font-weight: 300; font-size: 15px; }
.form-control { padding: 4px 5px 4px 5px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 13px; }
    .form-control:focus { border-color: #b51c1f; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.input-group-addon.form-captcha { padding-top: 0px; padding-bottom: 0px; background-color: #FFFFFF; }

.validation { color: #B51C1F; padding-left: 5px; }

/*Navbar*/

.navbar-inverse .navbar-nav > li > a { color: #FFFFFF; font-size: 15px; font-weight: 400; }

    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: #7CB659; }

.dropdown-menu { background-color: #7CB659; border: 1px none #FFFFFF; border-radius: 0px; padding: 10px 0 10px 0; }


.navbar { border-radius: 0px; min-height: 40px; }

.navbar-nav { margin: 0 auto; display: table; table-layout: auto; float: none; }


.navbar-inverse { border-style: none; background-color: #006400; }

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

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #FFFFFF; text-decoration: none; background-color: #577F3E; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #7CB659; }

.navbar-collapse { padding-right: 0px; padding-left: 0px; }




/*Layout*/

.container { background-color: #FFFFFF; }

.box-shadow { -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, .5); box-shadow: 0px 0px 12px rgba(0,0,0,0.175); }



header .container { padding-right: 0px; padding-left: 0px; }

.banner { padding: 15px 35px 15px 35px; background-color: #FFEA35; display: block; overflow: hidden; position: relative; }
    .banner .contact { margin-top: 40px; }

        .banner .contact a { padding: 0px 25px 0px 25px; font-weight: 300; font-size: 22px; line-height: 40px; text-align: right; background-color: #7CB659; height: 40px; display: inline-block; color: #FFFFFF; overflow: hidden; letter-spacing: 1px; }
            .banner .contact a:hover, .banner .contact a:focus { text-decoration: none; background-color: #577F3E; outline: none; }
        .banner .contact i { width: 40px; height: 40px; line-height: 40px; background-color: #577F3E; text-align: center; display: inline-block; overflow: hidden; }
        .banner .contact .fa { color: #FFFFFF; font-size: 30px; }

.strapline { display: block; overflow: hidden; text-align: right; color: #006400; padding-bottom: 7px; font-size: 16px; font-weight: 400; position: absolute; top: 0px; right: 35px; z-index: 50; font-style: italic; padding-top: 17px; padding-right: 5px; }

.services { margin-top: 15px; margin-bottom: 15px; }

figure img { display: block; max-width: 100%; height: auto; width: 100%; }
.border figure img { border: 1px solid #333333; }


.bar-types .item { padding-bottom: 15px; }
.bar-types h3 { }
.bar-types .img img { margin-top: 20px; margin-bottom: 20px; }

.main, .main-hp { padding-right: 35px; padding-left: 35px; }
.aside { padding-left: 35px; padding-right: 35px; }

aside p { margin-bottom: 7px; }

.actions { margin-top: 15px; margin-bottom: 15px; }

.logos { display: block; overflow: hidden; width: 100%; }


    .logos ul { width: 100%; display: table; margin-bottom: 0px; }
        .logos ul li { display: table-cell; text-align: center; margin-left: 0px; }

    .logos figure img { max-width: 90%; }

footer .container { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; }
.footer { padding: 10px; margin-top: 35px; background-color: #006400; color: #FFFFFF; line-height: 1.7em; }
    .footer a { color: #FFFFFF; }

.webxel { text-align: center; display: block; overflow: hidden; padding: 5px; }
    .webxel a { color: #9DC495; text-decoration: none; font-size: 12px; }
        .webxel a:hover { text-decoration: underline; }



/*Media Queries*/

@media (min-width: 1201px) and (max-width: 1330px) {
}

@media (max-width: 1200px) {
    .logos figure img { max-width: 100%; }
}

@media (min-width: 980px) and (max-width: 1012px) {
}

@media (min-width: 768px) and (max-width: 979px) {
}

@media (max-width: 992px) {

    .main, .aside, .banner { padding-right: 15px; padding-left: 15px; }

    .nav > li > a { padding-right: 10px; padding-left: 10px; }

    body { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; }

    .main, .main-hp, .banner { padding-right: 15px; padding-left: 15px; }

        .banner .contact a { font-size: 18px; line-height: 30px; height: 30px; letter-spacing: 0px; padding-right: 10px; padding-left: 10px; }
        .banner .contact i { width: 30px; height: 30px; line-height: 30px; }
        .banner .contact .fa { font-size: 20px; }
}

@media (max-width: 767px) {

    .banner .contact { margin-top: 25px; }

    .navbar-nav { display: block; }

    .banner .contact { display: none; }
}

@media (max-width: 560px) {
}

@media (max-width: 480px) {
}

@media (max-width: 320px) {
}

@media all and (min-width:768px) {
}

.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }