header * {
    transition: all 0.4s cubic-bezier(.7, 1, .7, 1);
}

header {
    position: relative;
    background: rgb(32, 120, 56);
    background: -moz-radial-gradient(circle, rgba(32, 120, 56, 1) 10%, rgba(52, 171, 71, 1) 60%, rgba(52, 171, 71, 1) 100%);
    background: -webkit-radial-gradient(circle, rgba(32, 120, 56, 1) 10%, rgba(52, 171, 71, 1) 60%, rgba(52, 171, 71, 1) 100%);
    background: radial-gradient(circle, rgba(32, 120, 56, 1) 10%, rgba(52, 171, 71, 1) 60%, rgba(52, 171, 71, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#207838", endColorstr="#34ab47", GradientType=1);
    background-size: 100% 200%;
    z-index: 1200;
    min-height: 203px;
    transition: all 0.4s cubic-bezier(.7, 1, .7, 1);
}


header::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /*background-color:rgba(255,25,75,0.5);*/
    background-image: url('../images/bg_topo.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
}


@media only screen and (max-width: 767px) {

header::after {
    background-image: url('../images/bg_topo.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

}

/*
@media only screen and (max-width: 1249px) {
    header::after {
        background-position: right -150px;
    }

}

@media only screen and (max-width: 1023px) {
    header::after {
        background-position: right -120px;
    }

}

@media only screen and (max-width: 800px) {
    header::after {
        background-position: right -50px;
    }

}

@media only screen and (max-width: 600px) {
    header::after {
        background-position: right -25px;
    }

}
*/

.header-content {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .header-content {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .header-content {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .header-content {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .header-content {
        max-width: 1140px;
    }
}

.header-content-fluid, .header-content-sm, .header-content-md, .header-content-lg, .header-content-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


.logo-slogan-top {
    position: relative;
    z-index: 10;
    width: 100%;
    top: 0px;
    left: 0px;
}


.logo-top {
    position: absolute;
    z-index: 10;
    width: 30%;
    top: 0px;
    left: 0px;
}


.logo-top img {
    width: 100%;
    padding: 10px;
}

.slogan-top {
    position: absolute;
    z-index: 10;
    top: 0px;
    width: 70%;
    left: 30%;
}

.slogan-top img {
    width: 100%;
    padding: 15px 10px;

}


@media only screen and (max-width: 991px) {
    header {
        min-height: 150px
    }


}


@media only screen and (max-width: 767px) {
    header {
        height: 250px
    }


    .logo-top {
        /*position:absolute;
            z-index:10;
            width:100%;
            top:0px;
        left:0px;*/
        position: relative;
        width: 100%;
        display: block;
        text-align: center !important;
    }


    .logo-top img {
        width: 175px;
        padding: 10px 0 0 0;
        margin: auto;

    }

    .slogan-top {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        display: block;
        text-align: center !important;
    }

    .slogan-top img {
        width: 80%;
        padding: 0px 10px 10px 10px;
        margin: auto;

    }


}

@media only screen and (max-width: 675px) {
    .slogan-top img {
        width: 100%;
        padding: 10px 10px 10px 10px;
        margin: auto;

    }


}

@media only screen and (max-width: 525px) {
    .slogan-top img {
        width: 100%;
        padding: 10px 10px 10px 10px;
        margin: auto;

    }

    header {
        height: 240px
    }

}


@media only screen and (max-width: 439px) {
    header {
        height: 230px
    }

}


.menu-bar {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 55px;
    background: #084a1f;
    border-top: 5px solid #125f2e;
    z-index: 9;
    text-align: right;


}


header .menu-bar .litsnav ul {
    position: relative;
    margin-right: 125px !important;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

header .menu-bar .litsnav li {
    float: right;
}

header .menu-bar .litsnav li a {
    display: block;
    color: #fff;
    text-align: right;
    font-size: 24px;
    line-height: 32px;
    padding: 10px 25px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: -1px
}

header .menu-bar .litsnav li a:hover {
    color: #399845;
}


.hamburger {
    position: relative;
    padding: 10px 10px;
    float: right;
    right: 30px;
    top: -50px;
    /*display: inline-block;*/
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    transition: all 0.4s cubic-bezier(.7, 1, .7, 1);
    z-index: 9000
}

@media only screen and (max-width: 525px) {

    header .menu-bar .litsnav ul {
        margin-right: 50px !important;
    }


    header .menu-bar .litsnav li a {
        font-size: 18px;
        line-height: 24px;
        padding: 10px 10px;
    }


    .hamburger {
        right: -30px;
        top: -45px;
    }

}


.hamburger:hover {
    opacity: 1;
}

.hamburger.is-active:hover {
    opacity: 1;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #fff;
}

.hamburger-box {
    width: 30px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

.hamburger--3dx .hamburger-box {
    perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dx-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dy .hamburger-box {
    perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dy-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dxy .hamburger-box {
    perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dxy-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}


.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 500
}


/* Menu style */
.overlay nav {
    text-align: center;
    position: relative;
    padding-top: 100px;
}


/* Effects */
.overlay-hugeinc {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.overlay-hugeinc nav {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.overlay-hugeinc nav ul {
    opacity: 0.4;
    -webkit-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open nav ul {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.overlay-hugeinc.close nav ul {
    -webkit-transform: translateY(25%) rotateX(-35deg);
    transform: translateY(25%) rotateX(-35deg);
}

/*
	@media screen and (max-height: 30.5em) {
	.overlay nav {
	height: 70%;
	}
	}
*/

.overlay ul {
    list-style: none;
    background: #fff;
}

.accordion {
    width: 80%;
    margin: auto;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
}


.accordion .link-menu {
    cursor: pointer;
    display: block;
    padding: 10px 15px;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #fff;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: #2ca1cd;
}

.accordion .link-menu:hover {
    color: #333;
    background: #f1f1f1;
}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 10px 15px;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #fff;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: #2ca1cd;
}

.accordion li:last-child .link {
    border-bottom: 0;
}


.accordion li i {
    position: absolute;
    top: 2px;
    right: 15px;
    padding: 0px;
    margin: 0px;
    font-size: 28px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion .link:hover,
.accordion li.open .link {
    color: #333;
    background: #f1f1f1;
}

.accordion li.open i {
    color: #333;
}

.accordion li.open i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion li.default .submenu {
    display: block;
}

/*** Submenu*/
.submenu {
    display: none;
    background: #fff;
    font-size: 14px;
}

.submenu li {
    border-bottom: 1px solid #fff;
}

.submenu a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 10px 12px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    width: 50%;
    float: left;
    text-align: left;
}

.submenu a:hover {
    background: #2ca1cd;
    color: #FFF;
}


@media (max-width: 600px) {

    .accordion {
        width: 100%;
    }

    .submenu a {
        width: 100%;
    }

    .overlay nav {
        padding-top: 50px;
    }

}


#body-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    background-color: rgba(255, 255, 255, 0.75);
    content: ' ';
    z-index: 1001;
    display: none
}

@media (min-width: 768px) {
    .blur-page {
        overflow: hidden;
    }

    .blur-page {
        filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg"><filter id="blur"><feGaussianBlur stdDeviation="7" /></filter></svg>#blur');
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='7');
        -webkit-filter: blur(3px);
        -moz-filter: blur (3px);
        -ms-filter: blur(3px);
        filter: blur(3px);
    }

    body .blur-page {
        padding-top: 0;
        z-index: 999;
    }
}

header .menu-bar .litsnav li small {
position:absolute !important;
top:5px !important;
font-size:12px;
}