/**
Theme Name: Astra Sigue Derecho
Author: Daniel Meza
Author URI: https://www.lionzeven.com/
Description: Diseño exclusivo para el programa Sigue Derecho que ofrece EMLAW
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-sigue-derecho
Template: astra
*/

/*------------------------------------*\
    COLOR THEME
\*------------------------------------*/
:root{
    --white: #FFFFFF;
    --black: #0b0b0d;
    --black-01: #1C2933;
    --pink: #F4678F;
    --txt-dark: #b2bec3;
    --txt-light: #CDD0FE;
}



/*------------------------------------*\
    PADDING
\*------------------------------------*/
.pt80{
    padding-top: 80px;
}
.p80{ padding: 80px 0;}
.p120{ padding: 120px 0;}


/*------------------------------------*\
    GENERAL
\*------------------------------------*/
/*
.ast-primary-header{
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    background-color: rgba(255, 255, 255, 0.1)!important;
}
.menu-link{
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--white)!important;
}
.ast-sticky-active{
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    background-color: rgba(255, 255, 255, 0.98)!important;
}

.current_page_item .menu-link,
.site-header .menu-text:hover{ 
    color: var(--color-02)!important;
}
*/
.ast-builder-menu .main-navigation > ul > li a{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase!important;
}
.main-header-menu > .menu-item{
    line-height: 64px!important;
}
.ast-builder-menu .main-navigation > ul > li:last-child a{
    font-weight: 700;
    line-height: 24px!important;
    padding: 0px 16px;
    border-radius: 32px;
    background-color: #F4678F;
    color: #FFFFFF!important;
}
.bb-ultimate-carousel .slick-dots{
    bottom: 20px!important;
}
.bb-ultimate-carousel .slick-dots li.slick-active{
    border-bottom-color: var(--pink)!important;
    background-color: var(--pink)!important;
}


/*------------------------------------*\
    CONTAINER
\*------------------------------------*/
.c80{
    width: 80%!important;
    margin: 0 10%!important;
}

/*------------------------------------*\
    HERO
\*------------------------------------*/

.hero{
    background: url(img/Hero/hero_05.jpg) center bottom no-repeat;
    background-color: #ffc8cb;
    background-size: contain;
}
.hide-mobile{ display: block; }
.hide-desktop{ display: none; }

.hero .hide-mobile img{
    display: block;
    width: 100%;
}

/*------------------------------------*\
    ABOUT
\*------------------------------------*/
.hero-title{
}
.hero-title h4{
    text-align: center;
}
.hero-title h4 strong{
    clear: both;
    display: block;
    font-size: 16px;
    line-height: 1.5em;
}
.hero-title h4 em strong{
    display: inline-block;
    font-style: normal;
    padding: 8px 16px;
    margin-top: 8px;
    color: var(--white);
    background-color: var(--pink);
}
.hero-title h4, .hero-title h4 em strong{
    font-size: 32px!important;
}

.date-left, .date-right{
}
.date-right img{
    display: block;
    width: 80%;
    margin: 16px 10%;
}
.date-right h5, .date-right h6{
    text-align: center;
}
.date-right h5{
    font-size: 40px;
    line-height: 1em!important;
    text-transform: uppercase;
    margin: 0!important;
}
.date-right h6{
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--black);
}
/*------------------------------------*\
    ABOUT
\*------------------------------------*/
.about-box .owl-ca-carousel .owl-stage{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.about-box .owl-ca-carousel .owl-item h3, .about-box .owl-ca-carousel .owl-item p{
    text-align: center;
}
.about-box{
    position: relative;
    top: 0;
    -webkit-transform: translate(0, -80px);
        -ms-transform: translate(0, -80px);
            transform: translate(0, -80px);
    z-index: 10;
}
.about-left .wpb_wrapper, .about-right .wpb_wrapper{
    padding: 40px;
}
.about-center .wpb_wrapper{
    padding: 60px 40px!important;
}
.about-center .wpb_wrapper .wpb_wrapper, .about-left .wpb_wrapper .wpb_wrapper, .about-right .wpb_wrapper .wpb_wrapper{
    padding: 0!important;
}
.about-left, .about-right{
    background-color: #f8a5c2;
    background-color: #cfa9c6;
}
.about-left{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.about-center{
    border-radius: 10px;
    background-color: #191919;
}
.about-right{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.about-left a, .about-right a, .about-center a{
    text-decoration: none!important;
}
.icon-about{
    width: 40%;
    max-width: 240px;
    margin: 0 auto;
}
.icon-about img{
    width: 100%;
}
.about-box h3{
    font-size: 32px;
    line-height: 1.25em;
    margin-top: 16px;
    margin-bottom: 16px;
    color: #FFFFFF;
}
.about-box h3 strong{
    clear: both;
    display: block;
}
.about-box p{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: 1px;
    color: #191919;
}
.about-center p{
    color: #b2bec3;
}
.about-btn{
    margin-top: 32px;
}
.about-btn a{
    font-size: 18px!important;
    font-weight: 500;
    line-height: 1.25em;
    letter-spacing: 1px;
}

/*------------------------------------*\
    WHAT IS
\*------------------------------------*/
.whatis-box{
    background-color: var(--black);
}
.whatis-left{order: 2;}
.whatis-left img{
    width: 70%;
    margin: 0 15%;
}
.whatis-right{order: 1;}
.whatis-right h2{
    font-weight: 300;
    color: var(--white);
}
.whatis-right h2 strong{
    clear: both;
    display: block;
    font-size: 52px;
    font-weight: 700;
    line-height: 1.25em;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--pink);
}
.whatis-right h3{
    font-size: 16px;
    text-transform: uppercase;
    color: var(--white);
}
.whatis-right h3 strong{
    clear: both;
    display: block;
    font-size: 32px;
    line-height: 1.25em;
    color: var(--white);
}
.whatis-right p{
    color: var(--txt-dark);
}


/*------------------------------------*\
    REALITY
\*------------------------------------*/
.reality-box{
    padding-top: 40px;
}
.item-info-reality{
    padding-top: 20px;
    padding-bottom: 40px;
}
.item-info-reality:last-of-type{
}
.item-info-reality h4{
    font-size: 24px;
    margin-bottom: 8px;
}
.item-info-reality p{
    font-size: 16px;
    line-height: 1.5em;
}
.reality-left img{
    width: 70%;
    margin: 0 15%;
}
.reality-right{
    padding-bottom: 40px;
}
.reality-right h2{
    font-size: 40px;
    line-height: 1.5em;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 32px;
}
.reality-right h2 strong{
    color: #F4678F;
}
.icon-reality {
    width: 100%;
    max-width: 120px;
    margin: 0 auto;
}
.icon-reality img{ width: 100%;}

/*------------------------------------*\
    EMPODERAR
\*------------------------------------*/
.empodera-box{
    padding-top: 80px;
    background: url(img/Slogan/bg_empoderar.jpg) center center no-repeat;
    background-size: cover;
}
.empoderar-left img{
    width: 60%;
    margin-bottom: 16px;
}
.empoderar-right img{
    width: 80%;
    margin: 0 10%;
}

/*------------------------------------*\
    TEAM
\*------------------------------------*/

.bg-black{
    margin-left: 0px!important;
    margin-right: 0px!important;
    background-color: var(--black)!important;
}
.team-left img{
    width: 100%;
    max-width: 70%;
    margin: 0 15%;
}
.team-right h3, .team-right h5, .team-right p{
    text-align: center;
}
.team-right h5{
    color: var(--pink);
}
.team-right p{
    margin-bottom: 16px!important;
    color: var(--txt-dark)!important;
}
.team-right h3{
    color: var(--white)!important;
}
.team-right h3 a{
    position: relative;
    text-decoration: none!important;
    padding-left: 40px;
    color: var(--pink)!important;
}
.team-right h3 a:after{
    content: "";
    position: absolute;
    top: 50%;;
    left: 0;
    width: 24px;
    height: 24px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.team-right .title-center h3{
    text-align: center!important;
    color: var(--white)!important;
    padding-bottom: 24px;
}
.team-right .title-center h3 strong{
    clear: both;
    display: block;
    font-size: 40px;
    line-height: 1.25em;
    color: var(--pink)!important;
}
.btn-team a{
    font-size: 18px!important;
    font-weight: 700!important;
    text-decoration: none!important;
    color: var(--white)!important;
    background-color: var(--pink)!important;
}
.btn-team a i{
    left: 14px!important;
    width: 32px!important;
    height: 32px!important;
    font-weight: 400!important;
    line-height: 32px!important;
    text-align: center!important;
    color: var(--white)!important;
    background-color: #0077B5!important;
    border-radius: 8px!important;
}
.btn-team .vc_btn3.vc_btn3-size-md.vc_btn3-icon-left:not(.vc_btn3-o-empty) {
    padding-left: 64px!important;
}

/*------------------------------------*\
    PRIZE
\*------------------------------------*/
.prize-left p{
    text-align: center!important;
    margin-top: 16px;
    color: var(--pink);
}
.prize-right{
    padding: 64px;
}
.prize-right h2, .prize-right p{
    text-align: center;
}
.prize-right h2{
    color: var(--pink);
}
.prize-right h2 strong{
    clear: both;
    display: block;
    color: var(--black);
}
.prize-right img{
    width: 40%;
    margin-left: 30%;
    margin-right: 30%;
    margin-top: 16px;
}

/*------------------------------------*\
    NEWS
\*------------------------------------*/
.news-box{
   background-color: var(--black);
}
.news-box a{
    text-decoration: none!important;
}
.news-left{
    height: 100%;
    padding: 240px 0;
/*    background: url(img/News/news_left_01.jpg) center center no-repeat;*/
    background-color: var(--pink);
/*    background-size: cover;*/
    z-index: 40;
}
.caro-news{
    width: 80%;
    margin: 0 10%;
}
.news-right .bb-ultimate-carousel{ z-index: 20;}
.rse-box{
    width: 80%!important;
    margin: 0 10%!important;
}
.rse-box .icon-play{
    margin-bottom: 16px;
}
.rse-box p{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25em;
    text-align: center;
    margin-bottom: 8px;
    color: #FFFFFF;
}
.rse-box p:first-of-type{
    font-size: 20px;
    margin-top: 16px;
}
.single-item-news{
    margin: 0 16px;
    background-color: #FFFFFF;
}

.news-info-single{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 180px;
    padding: 0 32px;
}
.news-info-single h2{
    font-size: 14px;
    font-weight: 400!important;
    line-height: 1.25em;
    color: #f4678f;
}
.news-info-single h2 strong{
    clear: both;
    display: block;
    font-size: 18px;
    font-weight: 700!important;
    line-height: 1.25em;
    margin-top: 8px;
    color: #191919;
}
.news-right .bb-ultimate-carousel .slick-dots .slick-active{
    background-color: #f4678f!important;
    border-color: #f4678f!important;
}

/*------------------------------------*\
    CONVOCATORIA
\*------------------------------------*/
.hero-convoca{
    padding-top: 48px;
}
.hero-info-convoca{
    padding: 16px 0;
}
.icon-hero-convoca{
    width: 50%;
    margin: 0 25%;
}
.icon-hero-convoca img{
    width: 100%;
}
.hero-info-convoca h4{
    font-size: 24px;
    line-height: 1.25em;
}
.hero-info-convoca p{
    font-size: 16px;
    line-height: 1.25em;
}
.bases-box{
    padding: 80px 0;
    background-color: #191919;
}
.info-top-convoca, .accordion_convoca{
    width: 60%;
    margin: 0 20%!important;
}
.info-top-convoca{
    padding-bottom: 40px;
}
.info-top-convoca h4{
    text-align: center;
    color: #FFFFFF;
}
.info-top-convoca p{
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 1px;
    text-align: justify;
    margin-top: 8px;
    color: #b2bec3;
}
.accordion_convoca .vc_tta-panel .vc_tta-panel-title > a{
    font-size: 18px;
    color: #747D8C !important;
}
.accordion_convoca .vc_tta-panel.vc_active .vc_tta-panel-title > a{
    color: #FFFFFF!important;
}
.accordion_convoca .vc_tta-panel-heading{
    background-color: #191919!important;
}
.accordion_convoca .vc_tta-panel-body{
    padding: 16px 32px!important;
}
.accordion_convoca .vc_tta-panel-body p{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5em;
}
.accordion_convoca .vc_tta-panel-body ul{
    padding: 16px 0;
}
.accordion_convoca .vc_tta-panel-body ul li{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5em;
    margin-left: 16px;
    margin-bottom: 8px;
}
.accordion_convoca .vc_tta-panel-body ul li i{
    font-size: 18px;
    line-height: 1.25em;
    margin-right: 8px;
    color: #f4678f;
}
.accordion_convoca .vc_tta-panel-body p a{
    font-weight: 700;
}
.accordion_convoca .vc_tta-panel-body p a, .accordion_convoca .vc_tta-panel-body p i{
    color: #f4678f;
}
.accordion_convoca .vc_tta-panel-body .small-txt p{
    font-size: 14px;
    letter-spacing: 1px;
    color: #f4678f;
}
.accordion_convoca .vc_tta-panel-body p strong{
    font-weight: 600;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading{
    border-color: rgba(116, 125, 140, 0.3) !important;
}
.info-bottom-convoca{
    width: 60%;
    margin: 0 20%!important;
}
.info-bottom-convoca p{
    font-size: 16px;
    line-height: 1.25em;
    color: #b2bec3;
}
.info-bottom-convoca p a{
    color: #f4678f;
}
.box-form{
    width: 60%;
    margin: 0 20%!important;
    padding: 80px 0;
}
.form-convoca-left{
}
.icon-form-convoca-left{
    width: 40%;
    margin: 0 30%;
}
.icon-form-convoca-left img{
    width: 100%;
}
.form-convoca-left h4, .form-convoca-left p{
    text-align: center;
}
.form-convoca-left h4{
    margin-bottom: 8px;
}
.form-convoca-left p{
    font-size: 16px;
    line-height: 1.25em;
}
.form-convoca-right .wpb_wrapper{
    width: 80%;
    margin: 0 10%;
}
.form-convoca-right .wpb_wrapper .wpb_wrapper{
    width: 100%;
    margin: 0;
}
.form-convoca-right a{
    color: #f4678f!important;
}
.row-postulate p{
    margin-bottom: 8px!important;
}
.form-unete .row-postulate p{
    margin-bottom: 0px!important;
/*    background-color: aquamarine;*/
}
.row-acceptance .wpcf7-list-item-label{
    display: inline-block!important;
}
.row-postulate.row-acceptance p span{
    padding: 3px 0!important;
}

/*------------------------------------*\
    POSTULATE
\*------------------------------------*/
.postulate-hero{
    width: 100%;
    background: url(img/Postulate/bg_postulate.jpg) center center no-repeat;
    background-color: #FFC8CB;
    background-size: cover;
}
.postulate-box, .postulate-form{
    width: 80%;
    margin: 0 10%!important;
}
.postulate-box{
    padding: 80px 0;
}
.postulate-box{
    align-items: flex-start;
}
.postulate-left{
    position: -webkit-sticky!important;
            position: sticky!important;
    top: 150px;
}
.postulate-left h2{
    font-size: 32px;
    line-height: 1.25em;
}
.postulate-left h2 strong{
    clear: both;
    display: block;
    font-size: 18px;
    line-height: 1.5em;
    color: #f4678f;
}
.postulate-left h4{
    padding: 16px 0;
}
.postulate-left p{
    font-size: 16px;
    line-height: 1.5em;
    padding-bottom: 8px;
    text-align: justify;
}
.postulate-right .wpb_wrapper{
    width: 80%;
    margin: 0 10%;
}
.postulate-right .wpb_wrapper .wpb_wrapper{
    width: 100%;
    margin: 0;
}
.row-postulate{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
.title-form{
    text-align: center;
    padding-top: 32px;
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #F4678F;
}
.title-form:first-of-type{
    padding-top: 0;
}
.row-postulate{
    padding-bottom: 4px;
}
.row-postulate .row-50{
    width: 48%;
}
.row-postulate .row-100{
    width: 100%;
}
.row-postulate select{
    width: 100%;
    padding: 4px 8px;
}
.row-postulate .row-50 input, .row-postulate .row-100 input{
    width: 100%;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #d1d8e0!important;
}
.row-postulate .row-100 textarea{
    width: 100%;
    height: 120px;
    font-size: 16px;
    line-height: 1.5em;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #d1d8e0!important;
    resize: none;
}
.row-postulate label{
    font-size: 16px;
    line-height: 1.25em;
}
.row-postulate p{
    font-size: 16px;
    line-height: 1.5em;
}
.row-postulate label span, .row-postulate p span{
    clear: both;
    display: block;
    font-size: 14px;
    line-height: 1.25em;
    padding: 8px 0;
    color: #778ca3;
}
.wpcf7-not-valid-tip{
    font-size: 14px;
    line-height: 1.25em;
    margin-top: 8px;
    color: #eb3b5a!important;
}
.row-flex{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.row-flex select{
    margin-left: 16px;
}
.group-form-hide{
    padding-top: 16px;
}
.postulate-left h2, .postulate-left h4, .postulate-left p{
    text-align: center;
}
.postulate-left p strong{
    font-weight: 600;
}
.btn-proceso-form{
    padding: 32px 0;
}
.wpcf7-submit{
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25em;
    letter-spacing: 1px;
    padding: 8px 16px;
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    background-color: #F4678F!important;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/*-------------------------------------------------
1. Media Queries to Fix Responsive Layouts
	1.1 Resolution (For Large Seized Desktops 1600x900)
	1.2 Resolution (For Medium Seized Desktops 1440x900)
	1.3 Resolution (For Small Seized Desktops 1280x800)
	1.4 Resolution (For Large Tablets 1024x800)
	1.5 Resolution (For Small Tablets 768x800)
	1.6 Resolution (For Mobile Phones 320x786)

-------------------------------------------*/
/*-------------------------------------------------
===================================================
	1. Media Queries to Fix Responsive Layouts
===================================================
-------------------------------------------------*/

/*-------------------------------------------------
	1.1 Resolution (For Large Seized Desktops 1600x900)
-------------------------------------------------*/
@media (min-width: 1921px) {

}

/*-------------------------------------------------
	1.1 Resolution (For Large Seized Desktops 1600x900)
-------------------------------------------------*/
@media (min-width: 1600px) and (max-width: 1919px) {
}
/*-------------------------------------------------
	1.2 Resolution (For Medium Seized Desktops 1440x900)
-------------------------------------------------*/
@media (min-width: 1440px) and (max-width: 1599px) {
    
}
/*-------------------------------------------------
	1.3 Resolution (For Small Seized Desktops 1280x800)
-------------------------------------------------*/
@media (min-width: 1280px) and (max-width: 1440px) {
}

/*-------------------------------------------------
	1.3 Resolution (For Small Seized Desktops 1280x800)
-------------------------------------------------*/
@media (min-width: 1025px) and (max-width: 1280px) {
    .c80{
        width: 90%!important;
        margin: 0 5%!important;
    }
    .whatis-box.vc_section, .section-prize.vc_section{
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
}


/*-------------------------------------------------
	1.4 Resolution (For Large Tablets 1024x600)
-------------------------------------------------*/
@media (min-width: 769px) and (max-width: 1024px) {

}
/*-------------------------------------------------
	1.5 Resolution (For Small Tablets 768x800)
-------------------------------------------------*/
@media (min-width: 0px) and (max-width: 768px) {
    .c80{
        width: 90%!important;
        margin: 0 5%!important;
    }
    .p80{ padding: 40px 0!important;}
    .p120{ padding: 60px 0!important;}
    .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{
        fill: var(--pink)!important;
    }
    .ast-builder-menu .main-navigation > ul > li:last-child a{
        font-weight: 700;
        line-height: 64px!important;
        padding: 0px 20px!important;
        border-radius: 0px!important;
        background-color: #F4678F;
        color: #FFFFFF!important;
    }
    .ast-container{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .hero{
        background: url(img/Hero/hero_05_mobile.jpg) center bottom no-repeat;
        background-size: contain;
        background-color: #FFC8CB;
        padding-bottom: 160px;
        padding-top: 0px;
    }
    .hero-title h4{
        display: block;
/*        width: 80%;*/
    }
    .hero-title h4{
        top: 20px;
    }
    .hero-title h4 strong{
        font-size: 16px!important;
    }
    .hero-title h4, .hero-title h4 em strong{
        font-size: 24px!important;
    }
    .about-box{
        -webkit-transform: translate(0, -16px);
            -ms-transform: translate(0, -16px);
                transform: translate(0, -16px);
    }
    .about-left .wpb_wrapper, .about-right .wpb_wrapper, .about-center .wpb_wrapper{
        padding: 40px 20px!important;
    }
    .about-box a{
        text-decoration: none!important;
    }
    .about-box h3{
        font-size: 26px;
        line-height: 1.25em;
    }
    .about-box h3 strong{
        clear: both;
        display: block;
    }
    .about-box p{
        font-size: 16px;
        line-height: 1.5em;
    }
    .about-left, .about-right{
        border-radius: 10px!important;
    }
    .about-center p{
        color: #b2bec3;
    }
    .reality-box{
        padding-top: 0px!important;
    }
    .reality-right h2{
        font-size: 24px;
        line-height: 1.5em;
        text-align: center;
        text-transform: uppercase;
        padding-bottom: 32px;
    }
    .reality-right h2 strong{
        color: #F4678F;
    }
    .item-info-reality h4, .item-info-reality p{
        text-align: center;
    }
    .item-info-reality h4{
        font-size: 24px;
        margin-bottom: 8px;
    }
    .item-info-reality p{
        font-size: 16px;
        line-height: 1.5em;
    }
    .reality-right{
        padding-bottom: 40px;
    }
    
    .news-left{
        height: 100%;
        padding: 120px 0;
    }
    .news-right{
        padding: 40px 0!important;
    }
    .rse-box{
        position: relative;
        left: 50%!important;
        width: 90%!important;
        margin: 0!important;
        padding: 40px 20px!important;
        border-radius: 16px!important;
        -webkit-transform: translate(-50%, 0)!important;
            -ms-transform: translate(-50%, 0)!important;
                transform: translate(-50%, 0)!important;

    }
    .reality-left{ order: 2!important;}
    .reality-right{ order: 1!important;}

    .hero-postulate-right h4, .hero-postulate-right p{ text-align: center;}
    .info-top-convoca, .accordion_convoca, .info-bottom-convoca, .box-form{
        width: 90%!important;
        margin: 0 5%!important;
    }
    .form-convoca-right .wpb_wrapper{
        width: 90%!important;
        margin: 16px 5% 0 5%!important;
    }
    .form-convoca-right .wpb_wrapper .wpb_wrapper{
        width: 100%;
        margin: 0;
    }
    .postulate-hero{
        width: 100%;
        height: 400px!important;
        background: url(img/Postulate/bg_postulate.jpg) center center no-repeat;
        background-color: #FFC8CB;
        background-size: cover;
    }
    .postulate-box, .postulate-form{
        width: 90%;
        margin: 0 5%!important;
    }
    .postulate-box{
        padding: 0!important;
    }
    .postulate-left{
        position: relative!important;
        top: 0px;
        padding-top: 40px;
    }
    .postulate-left a{
        text-decoration: none!important;
    }
    .postulate-right{
        padding-top: 40px;
    }
    .row-postulate{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .row-postulate .row-50{
        width: 100%;
    }
    .row-postulate .row-100{
        width: 100%;
    }
    .row-postulate p{
        margin-bottom: 8px!important;
    }
    .team-left{ 
        padding-top: 16px;
        order: 2!important;
    }
    .team-right{
        order: 1!important;
    }
    .team-right h5 strong{
        clear: both;
        display: block;
    }
    .whatis-box, .reality-box{
        padding-top: 40px!important;
    }
    .whatis-box.vc_section, .section-prize.vc_section, .empodera-box.vc_section{
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .whatis-right h2, .whatis-right h3, .whatis-right p{
        text-align: center;
    }
    .whatis-right h2 strong{
        font-size: 32px;
    }
    .whatis-right h3{
        font-size: 14px;
    }
    .whatis-right h3 strong{
        font-size: 24px;
    }
    .news-left{
        height: auto!important;
        padding: 80px 0!important;
    }
    .title-center{
        padding-bottom: 40px;
    }
    .empoderar-left img{
        width: 90%;
        margin: 0 5% 16px 5%;
/*        margin-bottom: 16px;*/
    }
    .empoderar-left p, .empoderar-left h2{
        text-align: center;
    }
    .empoderar-left p{
        padding-bottom: 24px;
    }
    .empoderar-right img{
        width: 50%;
        margin: 0 25%;
    }
    .team-right .title-center h3 strong{
        font-size: 24px;
        line-height: 1.5em;
    }
    .date-right{
        padding-top: 40px;
    }
    .date-right h5{
        font-size: 24px;
    }
    .ast-footer-copyright p strong{
        display: none;
    }
    .ast-footer-copyright a{
        clear: both;
        display: block;
    }
    .prize-right{
        padding: 40px 24px!important;
    }
    .news-box .slick-dots{
        bottom: -40px!important;
    }
}