#cover
{
}

#outdoor
{
    position: relative;
    background-image: url('../img/outdoor/1.jpg');
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
    height: 100vh;
}

#outdoor .outdoor_infos
{    
    left: 50%;
    max-width: 588px;
    position: absolute;
    top: 39.71%;
    transform: translate(-50%, 0%);
    width: 90%;
}

#outdoor p
{
    color: #fff;
    font-size: 4.0rem;   
    text-align: center;
    line-height: 6.0rem;
    padding-bottom: 6.0rem;
}

#outdoor ul
{
    display: flex;
    justify-content: center;    
}

#outdoor ul li
{
    display: inline-block;    
    text-align: center;
}

#outdoor ul li:first-child
{
    margin-right: 2.0rem;    
}


#outdoor ul li a
{    
    display: block;
    padding: 1.7rem 4.0rem 1.6rem 4.0rem;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #217875;
    border: 2px solid transparent;
    transition: all 0.6s linear;
}

#outdoor ul li:nth-child(2) a
{
    background-color: transparent;
    border: 2px solid #217875;    
    padding-left: 4.5rem;
    padding-right: 4.5rem;
    transition: all 0.6s linear;
}

#outdoor ul li a:hover
{
    background-color: transparent;
    border-color: #217875;
}

#outdoor ul li:nth-child(2) a:hover
{
    background-color: #217875;
    border-color: transparent;
}


#outdoor .scroll_down
{
    position: absolute;
    bottom: 1.98%;
    color: rgba(250, 250, 250, 0.7);
    left: 50%;
    margin-right: -50%;
    transform: translateX(-50%);
}

#outdoor .scroll_down .arrow_down
{
    padding-top: 4.0rem;
    background-image: url(../img/ico/arrow-down.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    display: block;
    height: 20px;
    background-position: center;
}

/*AREAS ATUAÇÃO****************************************************************/
@keyframes scale-up
{
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes scale-up {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.scale-up
{
    -webkit-animation: scale-up 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    -moz-animation: scale-up 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

#cover_areas
{    
    padding: 14.4rem 0.0 15.2rem;
    background-color: #ffffff;
}

#cover_areas .list_ca
{
    margin-top: 8.5rem;
    margin-bottom: -8.0rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;    
}

#cover_areas .list_ca li
{
    transform: scale(0.5);
    position: relative;
    margin-bottom: 8.0rem;
    width: 32%;
    border-top: 2px solid #eaeaea;
    border-left: 2px solid #eaeaea;
    border-right: 2px solid #eaeaea;
    box-shadow: 0 5px 0 #217875;
    transition: all 0.6s ease;
}

#cover_areas .list_ca li:hover
{
    border-top: 2px solid #217875;
    border-left: 2px solid #217875;
    border-right: 2px solid #217875;
}

#cover_areas .list_ca li a
{
    display: block;
    padding: 5.0rem 0 3.0rem 0;
    height: 100%;
}

#cover_areas .list_ca li:nth-child(3n+2)
{
    margin-right: 2%;
    margin-left: 2%;
}

#cover_areas .list_ca li .ca_ico
{
    width: 140px;
    position: absolute;
    top: -35px;
    background-color: #ffffff;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.0rem 4.0rem;
}

#cover_areas .list_ca li .ca_title
{
    text-align: center;
    display: block;
    font-size: 1.6rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 2.5rem;

}

#cover_areas .list_ca li .ca_des
{
    line-height: 200%;
    padding: 0.0rem 5.0rem;
    color: #727272;
    text-align: center;
    display: block;
}

/*NOTICIAS*********************************************************************/
#cover_news
{
    padding: 14.9rem 0.0rem 11.9rem;
}

#cover_news #cn_title
{
    width: 25%;
    float: left;
}

#cover_news #cn_title h2
{
    text-align: left;
    padding-bottom: 5.0rem;
}

#cover_news .navigation_buttons a
{
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    border: 2px solid #217875;
    margin-right: 1.5rem;
    padding: 1.0rem;
    cursor: pointer;
    transition: all 0.6s ease-in-out;
}

#cover_news .navigation_buttons a:last-child
{
    margin-right: 0;
}

#cover_news .navigation_buttons a:hover
{
    background-color: #217875;
}

#cover_news .navigation_buttons a:hover .arrow-left
{
    background-image: url("../img/ico/left-arrow-off.svg");
}

#cover_news .navigation_buttons a:hover .arrow-right
{
    background-image: url("../img/ico/right-arrow-off.svg");
}

#cover_news .navigation_buttons a .arrow-left, #cover_news .navigation_buttons a .arrow-right
{    
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
}

#cover_news .navigation_buttons a .arrow-left
{
    background-image: url("../img/ico/left-arrow-on.svg");
}

#cover_news .navigation_buttons a .arrow-right
{    
    background-image: url("../img/ico/right-arrow-on.svg");    
}

#cover_news #cn_cnt
{
    width: 75%;
    float: right;
}

#cover_news #cn_cnt .list_news
{
    overflow: hidden;
    width: 100%;
}

#cover_news #cn_cnt .list_news li
{
    float: left;
    width: 47%;    
    background-color: #fff;
    margin-right: 2.4rem;
}

#cover_news #cn_cnt .list_news li:last-child
{
    margin-right: 0;
}

#cover_news #cn_cnt .list_news li a
{
    display: block;
    position: relative;
}

#cover_news #cn_cnt .list_news li a .ln_img
{    
    border-bottom: 1px solid #ccc;    
    display: flex;
    justify-content: center;
    position: relative;
}

#cover_news #cn_cnt .list_news li a .ln_img .ln_filter_overlay
{
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all 0.7s ease;
    width: 100%;
}

#cover_news #cn_cnt .list_news li a:hover .ln_img .ln_filter_overlay
{
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 1;
}

#cover_news #cn_cnt .list_news li .ln_img img
{
    padding: 2.5rem;
    width: 80%;
}

#cover_news #cn_cnt .list_news li .ln_title
{
    display: block;
    font-weight: 500;
    font-size: 1.8rem;
    padding: 4.0rem 2.0rem;
    color: #000;
}

#cover_news #cn_cnt .list_news li .ln_link
{
    display: block;
    font-size: 1.2rem;
    padding: 0.0rem 2.0rem 2.0rem 2.0rem;
    word-break: break-all;
}

#cover_news #cn_cnt .list_news li .ln_date
{
    display: block;
    background-color: #fff;
    padding: 0.1rem 0.0rem 2rem 4.5rem;
    background-image: url('../img/ico/calendar.svg');
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: top left 2.0rem;
}

/*MORE*************************************************************************/
#cover_more
{    
    padding: 14.9rem 0.0rem 29.6rem 0.0rem;
    background-color: #fff;
}

#cover_more h2
{
    text-align: left;
    padding-bottom: 6.1rem;
}

#cover_more .cm_articles
{
}

#cover_more .cm_articles .list_articles
{    
}

#cover_more .cm_articles .list_articles li
{
    border: 2px solid #ebebeb;
    clear: both;
    float: left;
    margin-bottom: 3.5rem;
    transition: all 0.6s ease;
    width: 44.54%;
}

#cover_more .cm_articles .list_articles li:nth-child(even)
{
    clear: none;    
    float: right;
}

#cover_more .cm_articles .list_articles li:hover
{
    border-color: #217875;
}

#cover_more .cm_articles .list_articles li:last-child
{
    margin-bottom: 5.5rem;
}

#cover_more .cm_articles .list_articles li a
{
    display: block;
    padding: 3.2rem 6.4rem 3.0rem 3.0rem;
}

#cover_more .cm_articles .list_articles li a .la_title
{
    border-bottom: 2px solid #eaeaea;
    color: #000;
    display: block;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
    padding-bottom: 3.05rem;
}

#cover_more .cm_articles .list_articles li a .la_more
{
    display: block;
    padding-top: 2.0rem;
}

#cover_more .cm_articles .list_articles li a .la_more .la_more_date
{
    background-image: url("../img/ico/calendar.svg");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: left;
    display: block;
    float: left;
    margin-bottom: 1.0rem;
    padding-left: 25px;
    padding-top: 0.2rem;
}

#cover_more .cm_articles .list_articles li a .la_more .la_more_author
{
    background-image: url("../img/ico/author.svg");
    background-position: left;
    background-repeat: no-repeat;
    background-size: 14px;
    clear: both;
    display: block;
    float: left;
    padding-left: 25px;
    padding-top: 0.2rem;
}

#cover_more .cm_articles .cm_bottom
{
    border: 1px solid #eaeaea;
    position: relative;
}

#cover_more .cm_articles .cm_bottom a
{
    position: absolute;
    top: -24px;
    right: -1px;
    font-weight: 600;
    display: block;
    padding: 1.5rem 3.0rem;
    color: #106e6a;
    border: 2px solid #106e6a;
    background-color: #fff;
    transition: all 0.4s linear;
}

#cover_more .cm_articles .cm_bottom a:hover
{
    background-color: #106e6a;
    color: #fff;
}