body {
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
}

hr {
    width: 100px;
    height: 4px !important;
    display: block;
    opacity: 9;
}

hr.green { background: #074629; }
hr.white { background: #FFFFFF; }
hr.hr-left { margin: 25px auto 40px 0; }
hr.hr-right { margin: 25px 0 40px auto; }
hr.hr-center { margin: 25px auto 40px auto; }

/** ABOUT */
#about img {
    width: 100%;
    display: block;
}

/** PRODUCTS **/
#products {
    background: #FFFFFF;
}

.og-expander {
    background: #085e39;
    max-height: 400px;
}

.og-expander-inner {
    text-align: center;
}

.og-fullimg, .og-details {
    float: inherit;
    display: inline-block;
    max-width: 600px;
    text-align: left;
    color: #FFFFFF;
}

.og-details p { color: #FFFFFF; }
.og-grid li.og-expanded > a::after { border-bottom-color: #085e39 !important; }

.og-details h3 {
    padding: 0;
    margin: 0 0 30px 0;
}

/** OBJECTIVES **/
#objectives {
    background: #085e39;
    color: #FFFFFF;
}

#objectives p, #objectives li {
    font-size: 18px;
    line-height: 30px;
}

#objectives p {
    margin-bottom: 0;
}

#objectives h1, #objectives h2, #objectives h3 {
    font-size: 35px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin: 0 0 30px 0;
}

/** CATALOG **/
#catalog {
    background: url("../img/banner.jpeg") no-repeat fixed center;
    background-size: cover;
    width: 100%;
}

/** HOW WE SERVE **/
#how-we-serve span b {
    color: #074629;
    display: block;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}

#how-we-serve p {
    font-size: 18px;
    margin-bottom: 30px;
    display: block;
}

/** CONTACT **/
#contact {
    background: #efefef;
}

#contact label {
    font-size: 18px;
    font-weight: 700;
    color: #074629;
    display: block;
    margin: 0 0 5px 0;
}

#contact label span {
    color: #e74c3c;
}

#contact .form-group {
    margin-bottom: 25px;
}

#contact input.form-control {
    height: 45px;
}

#contact textarea.form-control {
    height: 150px;
}

#contact .btn-submit {
    display: inline-block;
    padding: 15px 35px;
    border-radius: 50px;
    border: 2px solid #074629;
    color: #074629;
    text-transform: uppercase;
    transition: all 0.3s;
    text-decoration: none;
}

#contact .btn-submit:hover {
    background: #085e39;
    color: #FFFFFF;
}

#contact #mail {
    margin-top: 50px;
}

#contact #mail a {
    color: #074629;
}

#contact #address i, #contact #mail i {
    font-size: 60px;
    display: block;
    color: #074629;
    margin: 0 0 30px 0;
}

#contact #address span b, #contact #mail span b {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
}

#contact #address p, #contact #mail p {
    margin: 0 0 10px 0;
    display: block;
}

#copyright {
    padding: 15px 0;
}

#copyright p {
    margin: 0;
}

.error {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #e74c3c !important;
}

#loading-msg {
    display: none;
}

#loading-msg img {
    width: 25px;
}

#map {
    border-top: 4px solid #074629;
}

#map iframe {
    width: 100%;
    min-height: 250px;
}

.og-close::before, .og-close::after {
    background: #FFFFFF;
}

#navigation-logo img {
    max-width: 200px;
}

@media (max-width: 767px) {
    #primary-navigation {
        text-align: center;
    }

    #primary-navigation #navigation-logo {
        padding: 40px;
    }

    #primary-navigation #navigation-logo img {
        width: 100%;
        max-width: 250px;
    }

    #primary-navigation #navigation-menu {
        background: #023d24;
        padding: 25px 0;
        margin-bottom: 13px;
    }

    #primary-navigation #navigation-menu ul {
        padding: 0;
        margin: 0;
    }

    #primary-navigation #navigation-menu ul li {
        list-style: none;
        display: block;
        margin-bottom: 15px;
    }

    #primary-navigation #navigation-menu ul li:last-child {
        margin: 0;
    }

    #primary-navigation #navigation-menu ul li a {
        display: block;
        color: #FFFFFF;
        font-size: 18px;
    }

    /** BANNER CAROUSEL **/
    #top-banner .owl-carousel .item {
        display: block;
        background-size: cover !important;
        width: 100%;
        height: 70vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #top-banner .owl-carousel .item .description {
        padding: 0 25px;
    }

    #top-banner .owl-carousel .item .description h1 {
        font-size: 23px;
        font-weight: 300;
        color: #FFFFFF;
        display: block;
        margin: 0 auto 30px auto;
        max-width: 1300px;
    }

    #top-banner .owl-carousel .item .description h1 b {
        font-weight: 600;
    }

    #top-banner .owl-carousel .item .description .btn-white {
        display: inline-block;
        padding: 10px 30px;
        border-radius: 50px;
        border: 2px solid #FFFFFF;
        color: #FFFFFF;
        text-transform: uppercase;
        transition: all 0.3s;
        text-decoration: none;
    }

    #top-banner .owl-carousel .item .description .btn-white:hover {
        background: #FFFFFF;
        color: #074629;
    }

    /** GLOBAL CLASSES **/
    .content-padding {
        padding: 30px 0;
    }

    .page-title {
        font-size: 25px;
        font-weight: 300;
        display: block;
    }

    .page-title b {
        font-weight: 800;
    }

    .title-green { color: #074629; }
    .title-white { color: #FFFFFF; }

    .text-left { text-align: left; }
    .text-right { text-align: right; }

    .og-grid {
        padding: 0 25px;
    }

    .og-grid li {
        height: 190px;
        margin-bottom: 15px;
    }

    .og-grid li img { width: 100%; }
    .og-fullimg, .og-details { height: auto; }
    .og-fullimg, .og-details h3 { font-size: 20px; }

    /** ABOUT */
    #about img {
        display: block;
        margin: 15px 0;
    }

    #objectives h1 {
        margin-top: 30px;
    }

    #address {
        margin-top: 30px;
    }

    #catalog {
        padding: 50px 0;
    }

    #catalog h1 {
        margin-bottom: 30px;
        display: block;
    }

    #catalog .btn-white {
        display: inline-block;
        padding: 10px 30px;
        border-radius: 50px;
        border: 2px solid #FFFFFF;
        color: #FFFFFF;
        text-transform: uppercase;
        transition: all 0.3s;
        text-decoration: none;
    }

    #catalog .btn-white:hover {
        background: #FFFFFF;
        color: #074629;
    }
}

.venom-button {
    z-index: 9999999 !important;
}

@media (min-width: 768px) {
    #map iframe {
        width: 100%;
        min-height: 350px;
    }

    /** NAVIGATION **/
    #primary-navigation {
        padding: 30px;
        position: fixed;
        width: 100%;
        z-index: 9;
        transition: all 0.3s;
    }

    #primary-navigation.navbar-scroll {
        background: rgba(0, 0, 0, 0.5);
    }

    .navbar-scroll img {
        width: 170px !important;
    }
    
    #primary-navigation #navigation-logo {
        display: block;
    }
    
    #primary-navigation #navigation-logo a {
        display: block;
    }
    
    #primary-navigation #navigation-menu {
        text-align: right;
    }
    
    #primary-navigation #navigation-menu ul {
        padding: 0;
        margin: 0;
    }
    
    #primary-navigation #navigation-menu ul li {
        display: inline-block;
        list-style: none;
        margin-right: 25px;
    }
    
    #primary-navigation #navigation-menu ul li:last-child {
        margin-right: 0;
    }

    #primary-navigation #navigation-menu ul li a {
        display: block;
        color: #FFFFFF;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 600;
        transition: all 0.3s;
        text-decoration: none;
    }

    #primary-navigation #navigation-menu ul li a:hover {
        color: #074629;
    }

    /** BANNER CAROUSEL **/
    #top-banner .owl-carousel .item {
        display: block;
        background-size: cover !important;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #top-banner .owl-carousel .item .description h1 {
        font-size: 40px;
        font-weight: 300;
        color: #FFFFFF;
        display: block;
        margin: 0 auto 60px auto;
        max-width: 1300px;
    }

    #top-banner .owl-carousel .item .description h1 b {
        font-weight: 600;
    }

    #top-banner .owl-carousel .item .description .btn-white {
        display: inline-block;
        padding: 15px 35px;
        border-radius: 50px;
        border: 2px solid #FFFFFF;
        color: #FFFFFF;
        text-transform: uppercase;
        transition: all 0.3s;
        text-decoration: none;
    }

    #top-banner .owl-carousel .item .description .btn-white:hover {
        background: #FFFFFF;
        color: #074629;
    }

    /** ABOUT **/
    #about p {
        font-size: 18px;
        line-height: 30px;
        opacity: 0.8;
    }

    #about #about-item-1 {
        margin-bottom: 70px;
    }

    #objectives h2, #objectives h3 {
        margin-top: 30px;
    }

    /** CATALOG **/
    #catalog {
        padding: 100px 0;
    }

    #catalog h1 {
        margin-bottom: 30px;
        display: block;
    }

    #catalog .btn-white {
        display: inline-block;
        padding: 15px 35px;
        border-radius: 50px;
        border: 2px solid #FFFFFF;
        color: #FFFFFF;
        text-transform: uppercase;
        transition: all 0.3s;
        text-decoration: none;
    }

    #catalog .btn-white:hover {
        background: #FFFFFF;
        color: #074629;
    }

    /** HOW WE SERVE **/
    #how-we-serve p {
        font-size: 18px;
    }

    /** GLOBAL CLASSES **/
    .content-padding {
        padding: 70px 0;
    }

    .page-title {
        font-size: 60px;
        font-weight: 300;
        display: block;
    }

    .page-title b {
        font-weight: 800;
    }

    .title-green { color: #074629; }
    .title-white { color: #FFFFFF; }

    .text-left { text-align: left; }
    .text-right { text-align: right; }

    .og-grid {
        max-width: 90%;
        max-height: 600px;
    }

    .og-grid li {
        height: 160px;
        width: 240px;
    }

    .og-grid li img { width: 100%; }
    .og-fullimg {
        max-width: 380px;
    }
}

@media (min-width: 1200px) {
    #map iframe {
        width: 100%;
        min-height: 450px;
    }

    /** NAVIGATION **/
    #primary-navigation {
        padding: 30px 60px;
        position: fixed;
        width: 100%;
        z-index: 9;
        transition: all 0.3s;
    }

    #primary-navigation.navbar-scroll {
        background: #FFFFFF;
    }

    #primary-navigation.navbar-scroll ul li a {
        color: #085e39 !important;
    }

    #primary-navigation.navbar-scroll ul li a:hover { color: #000000 !important; }
    
    #primary-navigation #navigation-logo {
        display: block;
    }
    
    #primary-navigation #navigation-logo a {
        display: block;
    }
    
    #primary-navigation #navigation-menu {
        text-align: right;
    }
    
    #primary-navigation #navigation-menu ul {
        padding: 0;
        margin: 0;
    }
    
    #primary-navigation #navigation-menu ul li {
        display: inline-block;
        list-style: none;
        margin-right: 25px;
    }
    
    #primary-navigation #navigation-menu ul li:last-child {
        margin-right: 0;
    }

    #primary-navigation #navigation-menu ul li a {
        display: block;
        color: #FFFFFF;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 600;
        transition: all 0.3s;
        text-decoration: none;
    }

    #primary-navigation #navigation-menu ul li a:hover {
        color: #074629;
    }

    /** BANNER CAROUSEL **/
    #top-banner .owl-carousel .item {
        display: block;
        background-size: cover !important;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #top-banner .owl-carousel .item .description h1 {
        font-size: 3vw;
        font-weight: 300;
        color: #FFFFFF;
        display: block;
        margin: 0 auto 60px auto;
        max-width: 1300px;
    }

    #top-banner .owl-carousel .item .description h1 b {
        font-weight: 600;
    }

    #top-banner .owl-carousel .item .description .btn-white {
        display: inline-block;
        padding: 15px 35px;
        border-radius: 50px;
        border: 2px solid #FFFFFF;
        color: #FFFFFF;
        text-transform: uppercase;
        transition: all 0.3s;
        text-decoration: none;
    }

    #top-banner .owl-carousel .item .description .btn-white:hover {
        background: #FFFFFF;
        color: #074629;
    }

    /** ABOUT **/
    #about p {
        font-size: 18px;
        line-height: 30px;
        opacity: 0.8;
    }

    #about #about-item-1 {
        margin-bottom: 70px;
    }

    /** CATALOG **/
    #catalog {
        padding: 100px 0;
    }

    #catalog h1 {
        margin-bottom: 30px;
        display: block;
    }

    #catalog .btn-white {
        display: inline-block;
        padding: 15px 35px;
        border-radius: 50px;
        border: 2px solid #FFFFFF;
        color: #FFFFFF;
        text-transform: uppercase;
        transition: all 0.3s;
        text-decoration: none;
    }

    #catalog .btn-white:hover {
        background: #FFFFFF;
        color: #074629;
    }

    /** HOW WE SERVE **/
    #how-we-serve p {
        font-size: 18px;
    }

    /** GLOBAL CLASSES **/
    .content-padding {
        padding: 70px 0;
    }

    .page-title {
        font-size: 60px;
        font-weight: 300;
        display: block;
    }

    .page-title b {
        font-weight: 800;
    }

    .title-green { color: #074629; }
    .title-white { color: #FFFFFF; }

    .text-left { text-align: left; }
    .text-right { text-align: right; }

    .og-grid li {
        height: 160px;
        width: 240px;
    }

    .og-grid li img { width: 100%; }

    .og-fullimg, .og-details {
        width: 100%;
    }
}

/** #074629 **/