/*
 * CSS Tema Webeducation
 * Desenhado por: Ebrahim P. Leite, Web Cretive
 * HTML por: Ebrahim P. Leite, Web Cretive
 *
 * -- REUTILIZAVEIS
 * st.1 HEADER
 * st.2 FOOTER

 * 1. TITULOS
 * 2. CALL TO ACTION

 * -- PAGINAS
 * i.1 INDEX - SECAO INICIAL
 * i.2 INDEX - SECAO CONHECA A EMPRESA
 * i.3 INDEX - LOCAIS LOCACAO
 * i.4 INDEX - SECAO BENEFICIOS
 * i.5 INDEX - SECAO CASES

 * FONTES
 * - font-family: 'EB Garamond', serif;
 * - font-family: 'Montserrat', sans-serif;
 * - font-family: 'Roboto', sans-serif;
 */
/*// Montserrat //*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900");

body { font-family: 'Roboto', sans-serif; }
.font_zero { font-size: 0; }
.img-circle {
    border-radius: 50%;
}
.text-center{
    text-align: center;
}
section{
    padding: 5rem 0 !important;
}

/**********************
** st.1 HEADER
**********************/
.main_header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
    z-index: 10;
    overflow: hidden;
    padding: 0 25px;
}
.main_header figure,
.main_menu{
    float: left;
}
.main_header figure{
    position: absolute;
    top: 25px; 
    left: 20px;
    height: 100%;
    max-height: 100%;
}
.main_header figure img{
    padding: 0 0 10px 0;
    max-height: 100%;
    max-width: 268px;
}
.main_header figure img:not(.logo-inverse){
    display: none;
}
.main_header a{
    position: relative;
    z-index: 2;
}
.main_menu{
    float: right;
    display: block;
}
.main_menu .main_header_nav_item{
    display: inline-block;
    letter-spacing: .15em;
    padding: 3em 0 1em 0;
}
.main_menu .main_header_nav_item > a {
    font-family: 'Montserrat';
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.875em;
    line-height: 1.3em;
    font-weight: 400;
    padding: .7em 1.3em;
    opacity: 0.9;
}
.main_menu .main_header_nav_item > a:hover,
.main_menu .main_header_nav_item > a:focus{
    opacity: 1;
}
.main_menu .main_header_nav_item.login > a {
    background: #eec96d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.main_menu .main_header_nav_item.login > a:hover,
.main_menu .main_header_nav_item.login > a:focus {
    text-decoration: none;
    background: #f7db78;
}
.main_menu .main_header_nav_item.logado > a > img{
    width: 35px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -6px;
    border: 2px solid #fff;
}
/* FORM HEADER */
.search-bg {
    width: 100%;
    text-align: center;
    font-size: 0;
    margin-bottom: 100px;
}
.search-bg__text {
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    -webkit-border-radius: 22px 0 0 22px;
    border-radius: 22px 0 0 22px;
    border: none;
    width: 100%;
    max-width: 630px;
    height: 50px;
    padding: 10px 20px 10px 30px;
    font-size: 16px;
    color: #000;
    font-weight: 300;
    outline: none;
}
.search-bg__btn {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    border: none;
    background: #a3ce4e;
    color: #fff;
    padding: 15px 45px 15px 34px;
    -webkit-border-radius: 0 25px 25px 0;
    border-radius: 0 25px 25px 0;
    text-transform: uppercase;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    min-height: 50px;
    cursor: pointer;
    outline: none;
}
.search-bg__btn:hover{
    background: #6bb94f;
}
@media(max-width: 768px){
    .search-bg{
        margin-top: 30px;
    }
    .search-bg__text{
        max-width: 500px;
    }
}
@media(max-width: 468px){
    .search-bg{
        margin-top: 30px;
    }
    .search-bg__text{
        max-width: 200px;
        padding: 10px 3px 10px 10px;
    }
    .search-bg__btn{
        padding: 15px 15px 15px 14px;
    }
}


/* ANIMACAO E ESTILO DO MENU FIXO */
.main_header_fixed{
    position: fixed;
    top: 0; 
    left: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 1px #c3c3c3;
    -moz-box-shadow: 0 0 1px #c3c3c3;
    box-shadow: 0 0 1px #c3c3c3;
    -webkit-animation: menu .3s ease;
    -moz-animation: menu .3s ease;
    animation: menu .3s ease;
}
.main_header_fixed figure {
    margin: 0 0 0 25px;
    top: 10px;
    left: 15px;
}
.main_header_fixed figure img{
    display: none;
}
.main_header_fixed figure img:not(.logo-inverse){
    display: block;
    width: 250px;
}
.main_header_fixed .main_header_nav_item {
    padding: 1.5em 0 1.5em 0;
}
.main_header_fixed .main_header_nav_item > a{
    color: #eec96d;
}
.main_header_fixed .main_header_nav_item.logado > a{
    color: #eec96d;
}
.main_header_fixed .main_header_nav_item.login > a{
    color: #fff;
}
/* .main_menu .main_header_nav_item:last-child > a */
@-webkit-keyframes menu {
    from { margin-top: -100px; }
    to { margin-top: 0; }
}
@keyframes menu {
    from { margin-top: -100px; }
    to { margin-top: 0; }
}

/* MENU MOBILE */
.mobile_action{
    position: fixed;
    top: 20px;
    right: 8px;
    font-size: 0;
    width: 46px;
    height: 46px;
    background: #fff;
    cursor: pointer;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: 100;
    -webkit-box-shadow: 4px 3px 16px #000;
    -moz-box-shadow: 4px 3px 16px #000;
    box-shadow: 4px 3px 16px #000;
}
.mobile_action span,
.mobile_action::before,
.mobile_action::after{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.mobile_action span{
    opacity: 1;
    width: 50%;
    height: 3px;
    background: #333;
    display: block;
    position: absolute;
    top: calc(50% - 1.5px);
    margin: 0 25%;
}
.mobile_action::before,
.mobile_action::after{
    content: '';
    position: absolute;
    left: 25%;
    background: #333;
    height: 3px;
    width: 50%;
    display: block;
}
.mobile_action::before{
    top: 33%;
}
.mobile_action::after{
    bottom: 30%;
}
/*ACTIVE*/
.mobile_action.active span,
.mobile_action.active::before,
.mobile_action.active::after{
    background: #fff;
}
.mobile_action.active span{
    opacity: 0;
}
.mobile_action.active::before{   
    top: 45%;
    transform: rotate(45deg);
    width: 63%;
    left: 20%;
}
.mobile_action.active::after{   
    top: 45%;
    transform: rotate(-45deg);
    width: 63%;
    left: 20%;
}
.mobile_action.active{
    background-color: #e03030;
}
/*SHADOW*/
.shaddow{
    visibility: hidden;
    content: '';
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.47);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    z-index: 98;
}
.shaddow.active{
    visibility: visible;
}

@media (max-width: 1000px){
    .main_menu .main_header_nav_item{
        letter-spacing: .05em;
    }
}

@media (max-width: 968px){
    /* LOGOTIPO */
    .main_header figure {
        width: 65%;
    }
    .main_header figure img{
        max-width: 100%;
        padding: 10px 0 10px 0;
    }
    /* POSICAO DA ACAO DO MENU */
    .mobile_action{
        -webkit-transition: all .25s;
        -moz-transition: all .25s;
        -ms-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
    }
    .main_menu{
        position: fixed;
        top: 0;
        left: -260px;
        width: 260px;
        height: 100vH;
        background: #fff;
        z-index: 99;
    }
    /* CONTEUDO DO MENU */
    .main_menu{
        float: inherit;
    }
    .main_header{
        min-height: 5.5em;
        overflow:visible;
    }
    .main_header_nav_item{
        display: block !important;
        padding: 0 !important;
    }

    .main_header_nav_item a{
        color: #eec96d !important;
    }
    .main_header_nav_item a{
        padding: 25px !important;
        display: block;
        font-weight: 600 !important;
        font-size: .7em !important;
        letter-spacing: .1em;
        border-bottom: 1px solid #e6e6e6;
        margin: 0 !important;
    }
    .main_header_nav_sub{
        padding: 0 !important;
    }
    .main_header_nav_sub_item a{
        padding: 15px !important;
        padding-left: 35px !important;
    }
    /* SUB-MENU */
    .main_header_nav_sub{
        float: left;
        width: 100%;
        padding: 10px;
        background: #f6f6f6;
    }
    .main_header_nav_sub_item{
        float: left;
        width: 100%;
    }
    .main_header_nav_sub_item a{
        float: left;
        width: 100%;
        padding: 15px;
        text-transform: uppercase;
        text-decoration: none;
        color: #7da501;
        font-size: 0.8em;
    }
    .main_header_nav_sub_item a:hover{
        background: #e0e0e0;
        color: #333;
    }
}

@media (min-width: 968px){
    .svt-player{
        z-index: 11 !important;
    }
    .mobile_action{
        display: none;
    }
    /*SUB-MENU*/
    .main_header_nav_sub{
        display: none;
        position: absolute;
        top: 0;
        margin-top: 5em;
        right: -50px;
        width: calc(100% + 100px);
        background: #33414c;
        text-align: left;
        z-index: 99;
    }
    .main_header_nav_item:hover .main_header_nav_sub,
    .main_header_nav_item > a:hover .main_header_nav_sub{
        display: block;
        -webkit-box-shadow: 0px 4px 6px -1px #2f2f2f;
        -moz-box-shadow: 0px 4px 6px -1px #2f2f2f;
        box-shadow: 0px 4px 6px -1px #2f2f2f;
    }
    .main_header_nav_item{
        position: relative;
    }
    .main_header_nav_item:hover .main_header_nav_sub::before{
        content: '';
        position: absolute;
        top: -8px;
        right: calc(50% + -8px);
        border-bottom: 8px solid #33414c;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }
    .main_header_nav_sub_item{
        width: 100%;
    }
    .main_header_nav_sub_item a{
        float: left;
        width: 100%;
        text-decoration: none;
        text-transform: uppercase;
        font-size: .75em;
        padding: 15px;
        color: #fff;
        letter-spacing: .2em;
    }
    .main_header_nav_sub_item a:hover{
        background: #bd233b;
        color: #fff;
    }
}
@media (max-width: 768px){
    .main_menu .main_header_nav_item:last-child > a {
        border:  none;
    }
}
@media (max-width: 544px){
    .main_header figure{
        width: 13em;
    }
}





/**********************
** st.2 FOOTER
**********************/
.foo_partners {
    background: url(images/bg-pre-footer.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
    position: relative;
    padding: 20px 0 60px;
    height: 180px;
}
.foo_partners img { 
    padding: 20px 0;
    width: 140px;
    max-width: 95%;    
    filter: grayscale(1);
    opacity: .8;
}
.foo_partners img:hover{    
    filter: grayscale(0);
    opacity: 1;
}

/* copyright */
.foo_copy {
    background: #fbfbfb;
    text-align: center;
}
.foo_copy .copy--logo{
    margin: 0 auto;
    margin-top: -3em;
    position: relative;
    width: 370px;
    background: #fff;
    border: 1px solid #e2e2e2;
    padding: 5px 0;
}
.foo_copy .copy--logo img{
    max-width: 75%;
}
/* Social */
.copy--social i::before{margin: 0;}
.copy--social {
    margin: 40px 0;
}
.copy--social ul{
    display: block;
}
.copy--social li{
    display: inline-block;
    vertical-align: top;
    margin: 0 .35em;
}
.copy--social li a{
    width: 35px;
    height: 32px;
    line-height: 33px;
    display: block;
    background: #cfe06e;
    color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.copy--social li a:hover,
.copy--social li a:focus{
    background: #c1d263;
}
/* telefones */
.copy--phones a{
    font-family: 'Montserrat', sans-serif;
    padding: 0 .8em;
    font-size: 14px;
    color: #545454;
    opacity: 0.9;
}
.copy--phones a:hover{
    opacity: 1;
}
.copy--phones a:last-child{
    color: #67c062;
}
/* links footer */
.links_footer{
    display: block;
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    margin: 0 0 30px;
    padding: 50px 0;
}
.links_footer h3{
    color: #212121;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}
.links_footer ul{
    margin-bottom: 30px;
}
.links_footer ul li{
    display: block;
}
.links_footer ul li a{
    color: #545454;
    font-size: 14px;
    opacity: 0.8;
}
.links_footer ul li a:hover{
    opacity: 1;
}
/* copy */
.foo_copy p{
    display: block;
    color: #545454;
    padding: 40px 0 15px;
    font-size: .75em;
    letter-spacing: .05em;
}
@media (max-width: 625px) {
    .foo_copy .copy--logo{
        width: 100%;
    }
    .copy--phones a{
        display: block;
        padding: .5em 0;
    }
}




/**********************
** 1. TITULOS 
**********************/
.main_title {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 2.5em 0;	
}
.main_title h2 {
    color: #434756; 
    font-size: 1.95em;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}
.main_title h3 {
    color: #434756; 
    font-size: 1.75em;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}
.main_title p{
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-size: 1.2em;
    margin-top: .5em;
    color: #84889e;
}
.main_title p a{
    font-family: 'EB Garamond', serif;
    font-size: 1em;
    margin-top: .5em;
    color: #a2dd9e;
}
.main_title.large h2{ 
    position: relative;
    font-size: 2em;
    font-weight: 100;
    text-transform: none;
    text-shadow: 0px 1px 2px #0b5747;
}
.main_title.large h2 strong{ 
    font-weight: 400;
    font-family: 'Montserrat';
}
.main_title.large h3{ 
    position: relative;
    font-size: 1.7em;
    font-weight: 200;
    text-shadow: 0px 1px 2px #0b5747;
}
.main_title.large h3 strong{ 
    font-weight: 400;
    font-family: 'Montserrat';
}
.main_title.large p{ font-size: 1.1em; }
.main_title.negative h2{ color: #fff; }	
.main_title.negative h3{ color: #fff; }	
.main_title.negative p{ color: #a2dd9e; }	

/* TITULOS COM ÍCONE */
.main_title.with--icon h2{
    padding-top: 40px;
}
.main_title.with--icon h2 > i{
    position: absolute;
    top: -10px;
    width: 40px;
    height: 40px;
    left: calc(50% - 20px);
    background-position: center center;
    background-size: 90%;
    background-repeat: no-repeat;
}
.main_title.with--icon .icon-health{
    background-image: url('./images/icons/icon-coracao.svg');
}
@media(max-width: 768px){
    .top_section-content .main_title{
        margin: 0;
    }
    .main_title.large h2{
        font-size: 2.2em;
    }
}

/**********************
** 2. CALL TO ACTION
**********************/
.cta_black {
    background: #000;
    box-shadow: 0 0 2px 2px #000;
    color: #fff;
    padding: 25px 20px;
    position: relative
}
.cta_black h2{
    font-size: 1.2em;
    text-transform: uppercase;
    letter-spacing: .15em;
    padding: 8px 0;
}
/* ICONE + LINK */
.cta_black .links{

}
.cta_black .links li{
    width: calc(100% / 3 - 6.7px);
    margin: 0;
    margin-right: 10px;
    display: inline-block;
    float: right;
}
.cta_black .links a{
    position: relative;
    background: #313139;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    display: block;
    color: #fff;
    padding: 10px 0 10px 65px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.cta_black .links a:hover,
.cta_black .links a:focus {
    background-color: #474756;
}
.cta_black .links a::before{
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 50px;
    height: 100%;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.cta_black .link-envelope a::before{
    background: #53ba5b url('./images/icons/cta-envelope.svg') no-repeat center center;
    background-size: 60%;
}
.cta_black .link-phone a::before{
    background: #53ba5b url('./images/icons/cta-telephone.svg') no-repeat center center;
    background-size: 60%;
}
.cta_black .link-calendar a::before{
    background: #53ba5b url('./images/icons/cta-calendar.svg') no-repeat center center;
    background-size: 60%;
}

@media (max-width: 768px){
    .cta_black div:first-child {
        text-align: center;
    }
    .cta_black .links li{
        width: 260px;
        max-width: 100%;
        float: inherit;
        display: block;
        margin: 10px auto !important;
    }
}
@media (max-width: 460px){
    .cta_black {
        padding: 25px .5em;
    }
}


/*************************
** . INDEX - SECAO INICIAL
*************************/
.top_menu{
    background: #055943;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 0 1px #c3c3c3;
    -moz-box-shadow: 0 0 1px #c3c3c3;
    box-shadow: 0 0 1px #c3c3c3;
    height: 100px;
    width: 100%;
}
.top_section {
    position: relative;
    min-height: 100vh;
    padding: 12em 0 7.6em 0 !important;
}
.top_section .overlay{
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 172, 224, 0.5), rgba(0, 35, 208, 0.42));
}
.top_section-content {
    margin: 0 auto;
    float: inherit !important;
    text-align: center;
}
.top_section-content > *{
    position: relative;
}
.top_section .top_section_bg{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    overflow: hidden;
}
.top_section .top_section_bg img{
    max-width: 110%;
    width: 100%;
}

/* VIDEO */
.top_video {
    margin-top: 2em;	
    text-align: center;
    color: #fff;	
}
.top_video span{
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-size: .7em;
    letter-spacing: .1em;
}	
.top_video i{
    display: block;	
    font-size: 4em;
}

.top_default {
    position: relative;
    max-height: 400px;
    padding: 10em 0 8em 0 !important;
}
.top_default .overlay{
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 172, 224, 0.5), rgba(0, 35, 208, 0.42));
}
.top_default-content {
    margin: 0 auto;
    float: inherit !important;
}
.top_default-content > *{
    position: relative;
}
.top_default-content .main_title{
    margin: 0;
}
.top_default-content .main_title h2{
    font-size: 2em;
}
.top_default .top_default_bg{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.top_default .top_default_bg img{
    max-width: 110%;
    width: 100%;
}
@media(max-width: 468px){
    .top_default{
        max-height: 490px;
    }
}



/*************************************
** i.2 INDEX - SECAO CONHECA A EMPRESA
*************************************/
.index_company {
    overflow: hidden;
}
.index_company-desc {
    background: #f5f5f5;
    color: #303638;
    padding: 6em 4em !important;
}
.index_company-desc h2{
    font-size: .875em;
    letter-spacing: .2em;
    text-transform: uppercase;
}
.index_company-desc h2 span{
    display: block;
    font-size: 1.6em;
    letter-spacing: 0;
    font-weight: bold;
    margin-top: .5em;
}
.index_company-desc p{
    padding: 25px 0;
    font-size: 1.1em;
}	
.index_company-video > span{
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    position: relative;
    padding: 10px 0 10px 40px;
    display: block;
    font-size: .9em;
    letter-spacing: .1em;
    cursor: pointer;
}
.index_company-video > span i{
    position: absolute;
    top: 0; left: 0;
    font-size: 2em;
}
@media (min-width: 991px) {
    /* to flex display */
    .index_company .row {
        display: -webkit-flex;
        display: flex;
        background: #f5f5f5;
        margin-right: 0;
    }
    .index_company .row > div {
        -webkit-flex: initial;
        flex: initial;
        background: whitesmoke !important;
    }
}
@media (max-width: 1170px) {
    .index_company .parallax-inner {
        background-size: cover !important;
    }
}
@media (max-width: 991px) {
    .index_company .parallax {
        min-height: 300px;
    }
}



/****************************
** i.3 INDEX - ITEM CURSOS
** -- Estilo dessa seção está
** em 'owl.carousel.min.css'
****************************/



/*************************
** i.6 INDEX - SECAO CASES
*************************/
.index_cases .item {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 30px;
}
.index_cases .item img{
    max-width: 100%;
}
.index_cases .item .img{
    position: relative;
    cursor: pointer;
    display: block;
    border-radius: 20px;
    overflow: hidden;
}
.index_cases .item .img::before{
    content: '';
    position: absolute;
    top: 0;left: 0;
    width: 100%;height: 100%;
    background: rgba(143, 216, 228, 0.45) url('./images/icons/icon-play.svg') no-repeat center center;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.index_cases .item .img:hover::before,
.index_cases .item .img:focus::before{
    background-color: rgba(143, 216, 228, 0.2);
}
.index_cases .item h4{
    color: #444;
    font-weight: bold;
    margin: .85em 0 .35em 0;
}
.index_cases .item p{
    color: #989898;
    font-size: .875em;
}
.cta_button{
    margin: 1em 0;
    float: left;
    width: 100%;
    text-align: center;
}
.cta_button a{
    font-family: 'Montserrat';
    font-size: 1.1em;
    text-shadow: none;
}
@media (max-width: 768px){
    .index_cases .item {
        margin-bottom: 2em;
    }
    .index_cases .item img{
        width: 100%;
    }
}
@media(max-width: 768px){
    .top_section .top_section_bg {
        left: -50%;
        width: 150%;
        overflow: hidden;
        height: 100%;
    }
    .top_section .top_section_bg img,
    .top_default .top_default_bg img{
        height: 100%;
    }
}
/*************************
** i.7 DEPOIMENTOS
*************************/
.depo_cases .item {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 30px;
}
.depo_cases .item img{
    max-width: 100%;
}
.depo_cases .item .img{
    position: relative;
    cursor: pointer;
    display: block;
    border-radius: 20px;
    overflow: hidden;
}
.depo_cases .item .img::before{
    content: '';
    position: absolute;
    top: 0;left: 0;
    width: 100%;height: 100%;
    background: rgba(143, 216, 228, 0.45) url('./images/icons/icon-play.svg') no-repeat center center;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.depo_cases .item .img:hover::before,
.depo_cases .item .img:focus::before{
    background-color: rgba(143, 216, 228, 0.2);
}
.depo_cases .item h4{
    color: #444;
    font-weight: bold;
    margin: .85em 0 .35em 0;
}
.depo_cases .item p{
    color: #989898;
    font-size: .875em;
}
@media (max-width: 768px){
    .depo_cases .item {
        margin-bottom: 2em;
    }
    .depo_cases .item img{
        width: 100%;
    }
}

.main_section{
    margin: 5rem 0;
}
.main_section_content{
    text-align: center;
}
.main_section_content h3{
    font-size: 35px;
    font-weight: 800;
    margin: 0 0 15px;
    font-family: 'Open Sans';
    text-shadow: 5px 10px 15px #cacaca;
}
.main_section_content h4{
    font-size: 27px;
    font-weight: 800;
    margin: 0 0 15px;
    font-family: 'Open Sans';
    text-shadow: 5px 10px 15px #cacaca;
}
.main_section_content h5{
    font-size: 24px;
    font-weight: 800;
    margin: 0 0 15px;
    font-family: 'Open Sans';
    text-shadow: 5px 10px 15px #cacaca;
}
.main_section_content p{
    font-size: 21px;
    font-weight: lighter;
    line-height: 1.25;
    color: #444;
    font-family: 'Open Sans';
}
@media(max-width: 720px){
    .main_section_content .col-md-8{
        padding-left: 0;
        padding-right: 0;
    }
    .main_section_content p{
        padding: 0;
    }
}
.section_servicos{
    margin-bottom: 5rem;
}
.servico_beneficios{
    padding: 5rem 0;
    background: #eaeaea;
    text-align: center;
}
.servico_beneficios h3{
    font-size: 2.5em;
    margin-bottom: 10px;
    font-family: 'Open Sans';
}
.servico_beneficios header p{
    font-size: 1.1em;
    font-family: 'Open Sans';
    margin-bottom: 30px;
}
.servico_beneficios_item{
    margin: 15px 0;
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    height: 200px;
}
.servico_beneficios_item:hover,
.servico_beneficios_item:focus,
.servico_beneficios_item:active{
    cursor: default;
    background: #045942;
}
.servico_beneficios_item .icon{
    font-size: 2em;
    color: #7ec557;
}
.servico_beneficios_item:hover h4,
.servico_beneficios_item:hover p,
.servico_beneficios_item:focus h4,
.servico_beneficios_item:focus p,
.servico_beneficios_item:active h4,
.servico_beneficios_item:active p{
    color: #fff;
    cursor: default;
}
.servico_beneficios_item h4{
    font-size: 1.5em;
    font-family: 'Open Sans';
}
.servico_beneficios_item p{
    font-size: 1em;
    font-family: 'Open Sans';
}
.servico_contratar{
    margin: 5rem 0;
}
.servico_contratar header{
    text-align: center;
}
.servico_contratar header h3{
    font-size: 2.5em;
    margin-bottom: 10px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: bold;
}
.servico_contratar header p{
    font-size: 1.1em;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: 500;
    color: #888;
}
.servico_contratar main{
    margin: 50px 0 0;
}
.servico_contratar main small{
    margin-left: 15px;
    color: #444;
}
.servico_contratar main small span{
    color: red;
}
@media(max-width: 768px){
    .index_location .col-md-4 {
        margin-bottom: 30px;
        padding: 0 10px 0 0;
        width: 50%;
        float: left;
    }
}
@media(max-width: 600px){
    .index_location .col-md-4 {
        margin-bottom: 30px;
        padding: 0;
        width: 100%;
    }
}


.pagina_conteudo{
    text-align: center;
}
.pagina_conteudo h3{
    font-size: 35px;
    font-weight: 800;
    margin: 0 0 15px;
    font-family: 'Montserrat';
    text-shadow: 5px 10px 15px #cacaca;
}
.pagina_conteudo h4{
    font-size: 27px;
    font-weight: 800;
    margin: 0 0 15px;
    font-family: 'Montserrat';
    text-shadow: 5px 10px 15px #cacaca;
}
.pagina_conteudo h5{
    font-size: 22px;
    font-weight: 800;
    margin: 0 0 15px;
    font-family: 'Montserrat';
    text-shadow: 5px 10px 15px #cacaca;
}
.pagina_conteudo p{
    color: #888;
    line-height: 22px;
    font-family: 'Open Sans';
    font-size: 1.2em;
    margin-bottom: 15px;
}
.pagina_conteudo strong{
    font-family: 'Open Sans';
}
.pagina_conteudo li{
    font-family: 'Open Sans';
    color: #888;
    font-size: 1.2em;
    list-style: image;
    list-style-image: url(images/icons/lista-item.png);
    list-style-position: inside;
}
.pagina_conteudo li:hover{
    list-style-image: url(images/icons/lista-item-hover.png);
    cursor: default;
    color: #045942;
}
.blog_page{
    padding: 5rem 0;
    background: linear-gradient(#ffffff,#efefef);
}
.pesquisa_main{
    text-align: center;
    margin-bottom: 2.5rem;
}
.pesquisa_main form .form_item label{
    color: #444;
    font-weight: 600;
    font-size: 21px;
    position: absolute;
    z-index: 1;
    top: 11px;
    left: 4%;
    height: 24px;
    width: auto;
    white-space: nowrap;
    pointer-events: none;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
.pesquisa_main form input:focus ~ label, .pesquisa_main form input:valid ~ label,
.pesquisa_main form input:focus ~ label, .pesquisa_main form input:disabled ~ label{
    top: -17px;
    font-size: 12px;
    left: 2%;
}
.pesquisa_main form .form_item input{
    padding: 10px;
    border: 1px solid #444;
    resize: none;
    outline: 0;
    color: #444;
    font-weight: 600;
    font-size: 21px;
}
.pesquisa_main form button{
    position: absolute;
    right: 20px;
    text-align: center;
    top: 10px;
    background: none;
    border: none;
    font-size: 1.3em;
    cursor: pointer;
}
.pesquisa_main form button:hover,
.pesquisa_main form button:focus{
    outline: none;
    color: #00896F;
}
.posts{
    background: #fff;
    padding: 30px;
    width: 100%;
    float:left;
}
.posts .item{
    padding: 20px 0;
    border-bottom: 1px dotted #eaeaea;
    float:left;
}
.posts .item .cover{
    width: 40%;
    float: left;
    padding-right: 10px;
}
.posts .item .cover img{
    width: 100%;
    vertical-align: middle;
}
.posts .item .descricao{
    width: 60%;
    float: left;
}
.posts .item .descricao h3{
    font-size: 1.4em;
    margin-bottom: 5px;
    margin-top: -8px;
}
.posts .item .descricao h3 a{
    color: #000;
    font-weight: 600;
    margin: 0;
}
.posts .item .descricao h3 a:hover{
    color: #055943;
}
.posts .item .cover:hover ~ .descricao h3 a{
    color: #055943 !important;
}
.posts .item .descricao p{
    font-family: 'Open Sans';
    margin-bottom: 5px;
    color: #444;
}
.posts .item .descricao a{
    font-family: 'Open Sans';
    margin-top: 20px;
}
@media(max-width: 768px){
    .posts{
        margin-bottom: 30px;
    }
}
@media(max-width: 600px){
    .posts .item .cover{
        width: 100%;
        margin-bottom: 20px;
    }
    .posts .item .descricao{
        width: 100%;
    }
    .pesquisa_main form .form_item label{
        left: 8%;
    }
    .pesquisa_main form .form_item input:focus ~ label, .pesquisa_main form .form_item:valid ~ label,
    .pesquisa_main form .form_item input:focus ~ label, .pesquisa_main form .form_item:disabled ~ label{
        left: 4.5%;
    }
}
.post_single .info{
    text-align: center;
    margin-bottom: 20px;
}
.post_single .info span {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #555;
}
.post_single .info span a{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #64b444;
}
.post_single .info span i::before{
    margin-right: 3px;
}
.post_single .info span img{
    vertical-align: middle;
    margin-right: 10px;
    max-width: 25px;
}
.post_single .titulo{
    text-align: center;
    margin: 20px 0;
}
.post_single .titulo h2{
    font-size: 1.7em;
    color: #000;
    font-family: 'Montserrat';
    font-weight: bold;
}
.post_single .titulo span{
    font-size: 1.7em;
    color: #000;
    font-family: 'Montserrat';
    font-weight: bold;
}
.post_single .conteudo{
    width: 100%;
    display: block;
    padding: 20px 0;
    font-size: 1.3em;
    line-height: 30px;
    color: #444;
}
.post_single .conteudo h3{
    font-size: 1.6em;
    color: #000;
}
.post_single .conteudo h4{
    font-size: 1.5em;
    color: #000;
}
.post_single .conteudo h5{
    font-size: 1.4em;
    color: #000;
}
.post_single .conteudo p,
.post_single .conteudo blockquote,
.post_single .conteudo h3,
.post_single .conteudo h4,
.post_single .conteudo h5,
.post_single .conteudo span,
.post_single .conteudo strong,
.post_single .conteudo b,
.post_single .conteudo a,
.post_single .conteudo em{
    margin-bottom: 20px;
    font-family: 'EB Garamond', serif;
}
.post_single .conteudo a{
    color: #accc00;
}
.post_single .conteudo blockquote{
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
.post_single .conteudo blockquote::before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
.post_single .comentarios{
    margin: 2rem 0 0 0;
}

.contato_page{
    padding: 5rem 0;
}
.contato_page header{
    margin: 20px 0;
}
.contato_page header h2{
    font-size: 1.5em;
    font-family: 'Montserrat';
}
.contato_page .col-md-8 header h2{
    margin-left: 15px;
}
.contato_page .info_item{
    padding: 40px 20px;
    border-left: 4px solid #53ba5b;
    background: #00896F;
    color: #fff;
    border-radius: 5px;
}
.contato_page .info_item span{
    font-family: 'Open Sans';
    display: block;
    margin-bottom: 10px;
    font-size: 1.3em;
}
.contato_page .info_item a{
    font-family: 'Open Sans';
    display: block;
    margin-bottom: 10px;
    font-size: 1.3em;
    color: #fff;
}
.copy-logo{
    padding-bottom: 40px;
}
.copy-logo img {
    display: inline-block;
    width: 16px;
    filter: grayscale(1);
    opacity: .5;
    vertical-align: middle;
}
.copy-logo img:hover{
    opacity: 1;
    filter: grayscale(0);
}
/*
CURSOS ITEM
*/
.cursos_grid{
    margin: 2rem 0 0;
    margin-bottom: 5em;
}
.item_curso{
    margin-bottom: 10px;
    padding: 0 5px !important;
}
.item_curso .curso_border{
    border: 1px solid #eaeaea;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px; 
    background: #fff;
}
.item_curso .curso_cover{
    position: relative;
}
.item_curso .curso_cover img{
    vertical-align: middle;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
}
.item_curso .curso_segmento{
    position: absolute;
    top: 1px;
    left: 6px;
    background: #1e5eb4;
    color: #fff;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    padding: 2px 10px;
    font-size: 10px;
    cursor: pointer;
    opacity: 0.8;
    display:none;
}
.item_curso .curso_segmento:hover{
    opacity: 1;
}
.item_curso:hover .curso_segmento{
    display: block;
}
.item_curso .curso_cover .curso_avatar{
    position: absolute;
    bottom: -15px;
    right: 10px;
}
.item_curso .curso_cover .curso_avatar img{
    width: 35px;
    border-radius: 50%;
    border: 2px solid #c6db54;
}
.item_curso .curso_cover .curso_aulas{
    position: absolute;
    bottom: 16px;
    left: 0;
    font-size: 10px;
    background: #fff;
    color: #545454;
    padding: 2px 10px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    opacity: 0;
    cursor: default;
}
.item_curso:hover .curso_cover .curso_aulas{
    opacity: 1;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
}
.item_curso .curso_cover .curso_horas{
    position: absolute;
    bottom: -1px;
    left: 0;
    font-size: 10px;
    background: #a2dd9e;
    color: #545454;
    padding: 2px 10px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    opacity: 0;
    cursor: default;
}
.item_curso:hover .curso_cover .curso_horas{
    opacity: 1;
    -webkit-transition: 0.7s all;
    transition: 0.7s all;
}
.item_curso .curso_detalhes{
    text-align: left;
    padding: 15px;
}
.item_curso .curso_detalhes h3{
    font-size: 1.2em;
    margin-bottom: 10px;
    min-height: 60px;
}

.item_curso .curso_detalhes h3 a{
    font-family: 'Montserrat';
    color: #6d7d86;
    font-weight: 500;
}
.item_curso .curso_detalhes h3 a:hover{
    color: #000;
}
.item_curso .curso_detalhes .curso_preco{
    color: #000;
}
.item_curso .curso_detalhes .curso_preco strong{
    font-size: 1.5em;
    font-family: 'Montserrat';
    font-weight: 700;
}
.item_curso .curso_detalhes .go_detalhe{
    margin: 20px 0 5px;
    width: 100%;
}
.item_curso .curso_detalhes.bonus{
    text-align: center;
}
.item_curso .curso_detalhes.bonus h3{
    margin-top: 20px;
}
.item_curso .curso_detalhes.bonus p{
    color: #212121;
    margin-bottom: 20px;
    font-size: 14px;
}
.item_curso .curso_detalhes.bonus small{
    color: #545454;
    font-size: 11px;
    text-transform: uppercase;
}
.item_curso .curso_footer{
    border-top: 1px solid #eaeaea;
}
.item_curso .curso_footer span{
    font-size: 10px;
    padding:15px;
    display: inline-block;
    color: #545454;
}
.item_curso .curso_footer.bonus{
    text-align: center;
}
.item_curso .curso_footer .curso_preco_bonus{
    color: #000;
}
.item_curso .curso_footer .curso_preco_bonus strong{
    font-size: 1.5em;
    font-family: 'Open Sans';
    font-weight: 700;
}
.item_curso .curso_footer .curso_preco_bonus strong strike{
    color: #BC6060;
    font-family: 'Montserrat';
    
}
.item_curso .curso_footer .curso_preco_bonus .novo_preco{
    color: #00B494;
    padding: 0;
    margin: 0;
    font-size: 1em;
    font-family: 'Montserrat';
}
@media(max-width: 768px){
    .item_curso{
        width: 50%;
    }
}
@media(max-width: 468px){
    .item_curso{
        width: 100%;
    }
}
/**/
.sort-group {
    text-align: center;
    padding-top: 7px;
    margin-bottom: 40px;
}

.sort-group a {
    display: inline-block;
    vertical-align: middle;
}

.sort-group--mr-01 {
    margin-bottom: 26px;
}

.sort-item {
    font-size: 16px;
    line-height: 18px;
    font-weight: 200;
    color: #727e85;
    margin: 5px 10px;
}

.cursos_carousel .owl-option-02__box-01.is-checked {
    background: #a7ce4e;
}
.cursos_carousel .owl-option-02__box-01.is-checked .owl-option-02__icon i{
    color: #fff;
}
.cursos_carousel .owl-option-02__box-01.is-checked .owl-option-02__title{
    color: #fff;
}
.sort-item:hover {
    color: #a0ce4e;
}
/*
CURSO SINGLE
*/
.curso_single{
    padding-top: 5rem;
}
.curso_single_cover{
    margin-top: -160px;
    position: relative;
    text-align: center;
}
.curso_single_cover img{
    width: 35%;
    border: 10px solid rgba(255, 255, 255, 0.30);
    border-radius: 5px;
}
.curso_single_garantir{
    text-align: center;
    margin: 30px 0;
}
.curso_single_garantir a{
    width: 35%;
}
.curso_single_scholl{
    padding: 70px 0;
    margin-top: 50px;
    background: #f5f5f5;
}
.curso_single_scholl .serviceBox{
    text-align: center;
    padding: 0 15px;
}
.curso_single_scholl .serviceBox .service-icon{
    width: 80px;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    font-size: 35px;
    color: #c6db54;
    border: 1px solid #e1e1e1;
    margin-bottom: 35px;
    position: relative;
    transform: rotate(-45deg);
    transition: all 0.3s ease 0s;
}
.curso_single_scholl .serviceBox:hover .service-icon{
    background: #c6db54;
    color: #717477;
    border-color: #c6db54;
}
.curso_single_scholl .serviceBox .service-icon:after{
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 3px #e1e1e1;
    position: absolute;
    top: -5px;
    left: -5px;
    opacity: 0;
    padding: 5px;
    transform: scale(1.2);
    box-sizing: content-box;
    transition: all 0.2s ease 0s;
}
.curso_single_scholl .serviceBox:hover .service-icon:after{
    transform: scale(1);
    opacity: 1;
}
.curso_single_scholl .serviceBox .service-icon i{
    transform: rotate(45deg);
}
.curso_single_scholl .serviceBox .title{
    font-size: 22px;
    color: #000;
    margin: 0 0 15px;
    font-family: 'Montserrat';
    font-weight: 400;
}
.curso_single_scholl .serviceBox .description{
    font-size: 14px;
    color: #343434;
    line-height: 23px;
    text-transform: uppercase;
}
@media only screen and (max-width: 990px){
    .curso_single_scholl .serviceBox{ margin-bottom: 60px; }
}
.curso_single_vai_aprender{
    margin: 90px 0;
    text-align: center;
}
.curso_modulo{
    margin-bottom: 30px;
    display: inline-table !important;
    float: none !important;
}
.curso_modulo_item{
    position: relative;
}
.curso_modulo_item header{
    text-align: center;
    padding: 10px;
    background: #eaeaea;
    cursor: pointer;
    display: block;
    min-height: 110px;
}
.curso_modulo_item header:hover,
.curso_modulo_item header:focus,
.curso_modulo_item header:active{
    background: #c6db54;
    transition: 0.5s;
}
.curso_modulo_item header i{
    font-size: 2em;
    position: relative;
    margin-top: -25px;
    color: #c6db54;
    text-align: center;
}
.curso_modulo_item:hover header i,
.curso_modulo_item:focus header i,
.curso_modulo_item:active header i{
    color: #000;
    transition: 0.8s;
}
.curso_modulo_item header h4{
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 300;
}
.curso_modulo_item_conteudo{
    border: 1px solid #eaeaea;
    padding: 20px;
    text-align: center;
}
.curso_modulo_item_conteudo h5{
    font-size: 12px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #e1e1e1;
    color: #515151;
    font-weight: 600;
}
.curso_modulo_item_conteudo h5:last-child{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
@media(max-width: 768px){
    .curso_modulo{
        width: 49%;
    }
}
@media(max-width: 468px){
    .curso_modulo{
        display: block !important;
        float: left !important;
        width: 100%;
    }
    .curso_single_cover img,
    .curso_single_garantir a{
        width: 90%;
    }
    .main_menu .main_header_nav_item.login > a{
        color: #fff !important;
    }
}
.curso_single_offer{
    background: #7ec557;
    padding: 5em 0;
    color: #fff;
    text-align: center;
}
.curso_single_offer i{
    font-size: 4em;
}
.curso_single_offer h3{
    font-weight: 400;
    font-size: 2em;
}
.curso_single_offer p{
    font-size: 12px;
}
.curso_single_offer .curso_preco {
    margin: 30px 0;
    display: block;
}
.curso_single_offer .curso_preco strong{
    font-size: 2.7em;
}
.curso_single_offer .curso_preco h4{
    margin: 30px 0;
    display: block;
    text-decoration: line-through;
}
.curso_single_bonus{
    padding: 5rem 0;
    background: #212121;
    color: #fff;
}
/*
Segmentos Cursos
*/
.segmento_cat .cursos_grid{
    margin-top: 0;
    padding: 0 10px;
}
.sidebar_segmentos{
    padding: 10px;
    background: #fbfbfb;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
}
.sidebar_segmentos header{
    padding: 10px 0;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 20px;
}
.sidebar_segmentos header h5{
    font-size: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}