﻿
:root {
    --color-green: #449054;
    --color-lightGreen:#6c9f55;
    --color-yellowGreen:#8faa56;
    --color-lightGreen2:#b9cba5;
    --color-yellow:#f7b830;
    --color-grey:#787878;
    --color-black:#2a2a2a;
}

body {
    min-width: 320px;
    font-family: 'Open Sans', sans-serif;
    color: var(--color-black);
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    background: #FFF;
}

.formPage.confirm {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
}

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

img {
    max-width: 100%;
    height: auto;
    border: none;
}

h3,
h4,
h5,
h6,
p,
a,
span,
small,
div,
button {
    font-family: 'Open Sans', sans-serif;
    color: var(--color-black);
}

    a,
    a:link,
    ul.directory-list button {
        color:#6c9f55;
        text-decoration: none;
        cursor: pointer;
        -webkit-transition: all 300ms ease 0s;
        -moz-transition: all 300ms ease 0s;
        -o-transition: all 300ms ease 0s;
        transition: all 300ms ease 0s;
    }

        a:hover,
        a:focus {
            color: var(--color-yellow);
            text-decoration: none;
        }

h1,
h2 {
    font-family: "Gelasio", sans-serif;
}

.hideMe {
    position: absolute;
    top: -9999rem;
    left: -9999rem;
}

.closeNav {
    display: none;
}

.bg-figure {
    position: relative;
}

.container {
    max-width: 92%;
}

.middleContainer {
    /*top: -7rem;*/
}

.footerContainer {
    /*bottom:-9.2rem;*/
}

ol.breadCrumb, ol.breadCrumb > li,
ul.hightlightLists, ul.hightlightLists > li, ul.phoneColsList, ul.phoneColsList > li, ul.relatedLinks,
ul.relatedLinks > li, ul.search-page, ul.search-page > li, ul.mainMenu, ul.mainMenu > li, ul.subMainMenu,
ul.subMainMenu > li, ul.subSubMainMenu, ul.subSubMainMenu > li, ul.sideMenu, ul.sideMenu > li,
ul.subSideMenu, ul.subSideMenu > li, ul.textResizer, ul.textResizer > li, ul.footerNav,
ul.footerNav > li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobileNav,
.sideMenuNav,
.moreOption > span,
.scrollup > span {
    display: none;
}

    .btnPrint,
    ol.breadCrumb a:after,
    .sideMenuNav:before,
    .sideMenuNav:after,
    .moreOptionMainMenu:before,
    .moreOptionSubMainMenu:before,
    .sideMenu .moreOption:before {
        content: "\f111";
        font-family: 'Font Awesome 5 Pro';
        font-style: normal;
        font-variant: normal;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }

.IdLike_tab,
.social-tab {
    position: fixed;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 20;
    width: 18rem;
}

.IdLike_tab {
    left: 0;
    padding-right: 3rem;
}

.social-tab {
    right: 0;
    padding-left: 3rem;
}


.IdLike_tab .open_idLike {
    background: var(--color-lightGreen);
    right: -26px;
    border-radius: 0 0 .5rem .5rem;
    -webkit-border-radius: 0 0 .5rem .5rem;
    -moz-border-radius: 0 0 .5rem .5rem;
    -ms-border-radius: 0 0 .5rem .5rem;
    padding: 8px 29px;
}

.social-tab .open-social {
    background-color: var(--color-lightGreen);
    left: -26px;
    background: 
    border-radius: .5rem .5rem 0 0;
    -webkit-border-radius: .5rem .5rem 0 0;
    -moz-border-radius: .5rem .5rem 0 0;
    -ms-border-radius: .5rem .5rem 0 0;
    padding: 4px 12px;
}

.IdLike_tab .open_idLike {
    top: 44px !important;
}

.social-tab .open-social,
.IdLike_tab .open_idLike {
    position: absolute;
    top: 49px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg );
}

    .IdLike_tab .open_idLike span {
        display: block;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        font-size: 1rem;
        -webkit-transition: color 300ms ease 0s;
        -moz-transition: color 300ms ease 0s;
        -o-transition: color 300ms ease 0s;
        transition: color 300ms ease 0s;
    }

    .social-tab .open-social span,
    .IdLike_tab .open_idLike span {
        display: block;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        font-size: 13px;
        -webkit-transition: color 300ms ease 0s;
        -moz-transition: color 300ms ease 0s;
        -o-transition: color 300ms ease 0s;
        transition: color 300ms ease 0s;
    }

.IdLike_tab .IdLike_block {
    background: var(--color-lightGreen);
    /*display: none;*/
}

.social-tab .facebookandtwitter {
    background-color: var(--color-lightGreen);
}

.social-tab .facebookandtwitter,
.IdLike_tab .IdLike_block {
    padding: .5rem;
    -webkit-border-radius: 0 0 0 .5rem;
    -moz-border-radius: 0 0 0 .5rem;
    -o-border-radius: 0 0 0 .5rem;
    border-radius: 0 0 0 .5rem;
}

    .social-tab .facebookandtwitter .inner-social {
        background: #fff;
        over-flow: hidden;
        height: 350px;
        -webkit-display: block;
        -webkit-border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -o-border-radius: 0.5rem;
        border-radius: 0.5rem;
    }

.social-tab .nav-tabs .nav-link {
    border-color: transparent;
    border-bottom: 2px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #808080;
}

    .social-tab .nav-tabs .nav-item.show .nav-link,
    .social-tab .nav-tabs .nav-link.active {
        border-color: transparent;
        border-bottom: 2px solid #f2cd13;
        background: none;
        color: #f2cd13;
    }

.IdLike_tab {
    -webkit-transform: translate3d(-84%, 0, 0);
    -moz-transform: translate3d(-84%, 0, 0);
    -ms-transform: translate3d(-84%, 0, 0);
    -o-transform: translate3d(-84%, 0, 0);
    transform: translate3d(-84%, 0, 0);
    -webkit-transition: transform 300ms ease 0s;
    -moz-transition: transform 300ms ease 0s;
    -o-transition: transform 300ms ease 0s;
    transition: transform 300ms ease 0s;
}

    .IdLike_tab:hover,
    .IdLike_tab.hasFocus {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.social-tab {
    -webkit-transform: translate3d(84%, 0, 0);
    -moz-transform: translate3d(84%, 0, 0);
    -ms-transform: translate3d(84%, 0, 0);
    -o-transform: translate3d(84%, 0, 0);
    transform: translate3d(84%, 0, 0);
    -webkit-transition: transform 300ms ease 0s;
    -moz-transition: transform 300ms ease 0s;
    -o-transition: transform 300ms ease 0s;
    transition: transform 300ms ease 0s;
}

    .social-tab:hover,
    .social-tab.hasFocus {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }


ol.breadCrumb {
    display: block;
}

    ol.breadCrumb:after {
        content: "";
        display: block;
        border-bottom: 5px solid var(--color-lightGreen) !important;
        width: 70px;
        padding-top: 0.7rem;
    }

    ol.breadCrumb > li {
        display: inline-block;
    }

    ol.breadCrumb a,
    ol.breadCrumb a:link {
        display: block;
        text-transform: uppercase;
        font-weight: normal;
    }

        ol.breadCrumb a:visited {
            color: #383838;
        }

        ol.breadCrumb a:hover,
        ol.breadCrumb a:active,
        ol.breadCrumb a:active {
            color: #c05f28;
        }

        ol.breadCrumb a:after {
            content: "\f105";
            color: #999;
            margin-right: 0.5rem;
            margin-left: 0.5rem;
            font-weight: 900;
        }

    ol.breadCrumb > li:last-child a:after {
        content: normal;
        margin-right: 0;
        margin-left: 0;
    }

.frmSearch {
    width: 100%;
    position: relative;
    max-width: initial;
    min-width: initial;
    display: block;
    top: auto !important;
    left: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 0;
}

    .frmSearch input[type="search"] {
        width: 100%;
        font-family: "Nunito Sans", sans-serif;
        font-style: italic;
        font-weight: 400;
        font-size: 1.125rem;
        color: #fff;
        padding: 1rem 3rem 1rem 1.2rem;
        border: none;
        border-radius: 0.35rem;
        -webkit-transition: background 300ms ease 0s;
        -moz-transition: background 300ms ease 0s;
        -o-transition: background 300ms ease 0s;
        transition: background 300ms ease 0s;
        background: rgba(53, 53, 53, 0.75);
        outline: none;
    }

    .frmSearch button[type="submit"] {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 1.15rem;
        padding: 0.98rem 1.3rem;
        margin: 0;
        border: none;
        cursor: pointer;
        background: #1ba1be;
        border-radius: 0 0.35rem 0.35rem 0;
    }

@media (min-width: 420px) {
                    .social-tab .open-social {
        left: -26px;
    }
    .social-tab .open-social, .IdLike_tab .open_idLike {
        top: 50px;
    }
}
/*/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 583px;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .container {
        max-width: 930px;
    }

}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

    .container {
        max-width: 1150px;
    }

}
@media (min-width: 1300px) {

}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .container {
        max-width: 1360px;
    }

     .social-tab .open-social, .IdLike_tab .open_idLike
    {
        top: 49px;
    }
}

@media (min-width: 1500px) {
    .IdLike_tab .open_idLike {
        padding: 0.45rem 2.2rem;
    }

    .social-tab .open-social {
        padding: 0.45rem 1.5rem;
    }

    .container {
        max-width: 1459px;
    }

    .social-tab .open-social {
        left: -56px;
    }

    .social-tab .open-social {
        top: 67px;
    }
    .IdLike_tab .open_idLike {
    top: 56px !important;
}

    .IdLike_tab .open_idLike {
       right: -46px;
    }

        .social-tab .open-social span,
        .IdLike_tab .open_idLike span {
            font-size: 1rem;
        }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1545px;
    }

    .IdLike_tab .open_idLike {
        right: -62px;
    }

    .social-tab .open-social {
        left: -62px;
    }

        .social-tab .open-social span,
        .IdLike_tab .open_idLike span {
            font-size: 1rem;
        }

    .social-tab .open-social {
        padding: 0.9rem 1.5rem;
    }

    .IdLike_tab .open_idLike {
        padding: 0.9rem 2.8rem;
    }
        .social-tab .open-social, .IdLike_tab .open_idLike {
        top: 60px;
    }
.IdLike_tab .open_idLike {
    top: 59px !important;
}
}

@media (min-width: 1900px) {
    .social-tab .open-social {
        left: -62px;
    }

    .social-tab .open-social, .IdLike_tab .open_idLike {
        top: 60px;
    }
}

@media only screen and (max-width:1200px) {

    .mobileNav,
    .menuIcon,
    .closeNav {
        display: inherit;
    }

        .mobileNav ul.subMainMenu, .mobileNav ul.subSubMainMenu {
            display: none;
        }

    .mobileNav,
    .menuIcon,
    .closeNav {
        display: inherit;
    }

        .mobileNav ul.mainMenu {
            margin-top: 4rem;
        }

            .mobileNav ul.mainMenu a, .mobileNav ul.mainMenu a:link {
                font-weight:700 !important;
                position: static;
                font-size: 1rem;
                text-align: left;
                border-left: none;
                display: block;
                padding: 0.8rem 1rem;
                text-transform: uppercase;
            }

        .mobileNav ul {
            position: relative;
            padding: 0;
            margin: 0;
        }

            .mobileNav ul li {
                position: relative;
                padding: 0;
                margin: 0;
            }

            .mobileNav ul.mainMenu > li:hover > a {
                color: #fff !important;
                border-bottom-color: var(--color-green);
                background: var(--color-green);
            }

            .mobileNav ul.subMainMenu {
                background: #e6e6e6;
            }

                .mobileNav ul.subMainMenu a, .mobileNav ul.subSubMainMenu a:link {
                    padding-left: 2rem !important;
                }

                .mobileNav ul.subMainMenu > li:hover > a {
                    color: #fff !important;
                    border-bottom-color: #6c9f55;
                    background: #6c9f55;
                }

            .mobileNav ul.subSubMainMenu {
                background-color: #8faa56 !important;
            }

                .mobileNav ul.subSubMainMenu li a {
                    color: #fff;
                }

            .mobileNav ul.subMainMenu > li {
                position: relative;
                width: auto;
                float: none !important;
                margin: 0;
            }

            .mobileNav ul.subSubMainMenu a, .mobileNav ul.subSubMainMenu a:link {
                font-weight: 400 !important;
                /*font-style: italic;*/
                text-transform:capitalize !important;
                color: #fff !important;
                border-bottom: none !important;
                padding-left: 3rem !important;
            }

    .moreOptionMainMenu,
    .moreOptionSubMainMenu {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1rem;
        color: #999;
        display: inline-block;
        padding: 1rem 1.1rem;
        cursor: pointer;
        -webkit-transition: background 300ms ease 0s;
        -moz-transition: background 300ms ease 0s;
        -o-transition: background 300ms ease 0s;
        transition: background 300ms ease 0s;
        border: none;
        background: none;
        z-index: 5;
    }

    .moreOptionSubMainMenu {
        padding: 0.9rem 1.1rem;
    }

        .moreOptionMainMenu:before,
        .moreOptionSubMainMenu:before {
            content: "\f078";
            margin-left: 0;
            -webkit-transform: transform 300ms ease 0s;
            -moz-transform: transform 300ms ease 0s;
            -o-transform: transform 300ms ease 0s;
            transition: transform 300ms ease 0s;
        }

        .moreOptionMainMenu.openIcon:before,
        .moreOptionSubMainMenu.openIcon:before {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .moreOptionMainMenu:hover,
        .moreOptionSubMainMenu:hover {
            color: #FFF;
        }

    nav.navOpen {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .closeNav {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.3rem;
        padding: 0.5em;
        margin: 0.5rem 0.5rem 0.5rem 0;
        border: none;
        cursor: pointer;
        background: none;
    }

    .navMobile {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        /*width: 400px;*/
        min-width: 300px;
        text-align: left;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-transition: transform 300ms ease 0s;
        -moz-transition: transform 300ms ease 0s;
        -o-transition: transform 300ms ease 0s;
        transition: transform 300ms ease 0s;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        z-index: 20;
        background: rgb(255,255,255);
    }
}

@media only screen and (max-width:1200px) {
    ul.sideMenu {
        display: none;
    }

    .sideMenuNav {
        display: inherit;
        width: 100%;
        color: #FFF;
        cursor: pointer;
        text-align: left;
        text-transform: uppercase;
        border: none;
        padding: 0.7rem 1rem;
        margin: 0;
        background: var(--color-green);
        -webkit-transition: background 300ms ease 0s;
        -moz-transition: background 300ms ease 0s;
        -o-transition: background 300ms ease 0s;
        transition: background 300ms ease 0s;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }

        .sideMenuNav span {
            color: #FFF;
        }

        .sideMenuNav:hover {
            background: var(--color-yellow);
        }

        .sideMenuNav:before {
            content: normal;
            margin-left: 0;
        }

        .sideMenuNav:after {
            content: "\f106";
            margin-left: 1rem;
            float: right;
            font-weight: 400;
        }

    ul.sideMenu {
        padding: 0 1rem;
    }

    .sideMenuNav.openSideMenuIcon:after {
        content: "\f107";
    }
}

@media only screen and (max-width:680px) {
    .sideMenuNav {
        font-size: 0.95rem;
    }

    ul.sideMenu a,
    ul.sideMenu a:link {
        font-size: 0.9rem !important;
    }

    ul.subSideMenu a,
    ul.subSideMenu a:link {
        font-size: 0.8rem !important;
    }
}
