@import url('https://fonts.googleapis.com/css?family=Fira+Sans');
@import url('https://fonts.googleapis.com/css?family=PT+Sans|PT+Sans+Narrow');

.contact_form input:focus,
.contact_form textarea:focus {
    outline: #00577b solid 3px
}

a,
body {
    color: #00577b
}

.afk,
body b,
body strong,
p b {
    font-weight: 400
}

.franchisee_target,
.report_resource.other_conferences .actual_year_reports .report_item,
.report_resource.prospect .actual_year_reports .report_item,
.report_resource.stock_certificate .actual_year_reports .report_item {
    align-self: flex-start
}

body,
html {
    height: 100%
}

body {
    font-size: 16px;
    padding-top: 75px;
    background-color: #fbfbfb;
}

.country_websites .head,
.horizontal_tab .title,
.horizontal_tab li,
.more_details,
.section_title,
.subtext .subtitle,
body b,
body strong,
p b {
    font-family: 'PT Sans Narrow', sans-serif;
}

body.noscroll {
    overflow: hidden!important
}

.container-fluid.white {
    color: #00577b;
    background-color: #fff
}

.container-fluid.white .subtext {
    color: inherit
}

.subtext {
    color: #fff;
    margin: 80px auto
}

.subtext p:last-child {
    margin-bottom: 0
}

.subtext .subtitle {
    font-size: 20px;
    margin-bottom: 20px
}

.follow_height {
    display: block
}

.vertical_center {
    top: 50%;
    position: relative;
    transform: translateY(-50%)
}

.desktop_disp {
    display: block!important
}

.desktop_disp.inline {
    display: inline-block!important
}

.mobile_disp,
.mobile_disp.inline {
    display: none!important
}

.no_margin {
    margin: 0
}

.section_title {
    padding: 10px;
    font-size: 24px;
    border-radius: 6px;
    position: relative;
    margin-bottom: 110px;
    display: inline-block;
    background-color: #71c4e7;
    border: 6px solid #00577b
}

.section_title.centro_reportes,
.section_title.directivos,
.section_title.inversionistas {
    background-color: #f28377
}

.section_title:after {
    content: '';
    width: 170px;
    height: 170px;
    right: -172px;
    bottom: -88px;
    display: block;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat
}

.section_title.enfoque_cliente:after {
    background-image: url(/site/es/img/somos_alsea/el_enfoque_al_cliente/icono_enfoque.svg)
}

.section_title.unidades_alsea:after {
    background-image: url(/site/es/img/somos_alsea/unidades/icono_unidades.svg)
}

.section_title.historia:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia.svg)
}

.section_title.inversionistas:after {
    background-image: url(/site/es/img/inversionistas/icon_inversionistas06.svg)
}

.section_title.directivos:after {
    background-image: url(/site/es/img/inversionistas/icon_inversionistas25.svg)
}

.section_title.centro_reportes:after {
    background-image: url(/site/es/img/inversionistas/icon_inversionistas07.svg)
}

.section_title.gobierno_corporativo:after {
    background-image: url(/site/es/img/inversionistas/icon_inversionistas27.svg)
}

.section_title.codigo_etica:after {
    background-image: url(/site/es/img/inversionistas/icono_inversionistas_codigo.svg)
}

.section_title.preguntas_frecuentes:after {
    background-image: url(/site/es/img/inversionistas/icon_inversionistas36.svg)
}

.section_title.comunicados:after {
    background-image: url(/site/es/img/inversionistas/icono_inver_comunicados.svg)
}

.section_title.gestion:after {
    background-image: url(/site/es/img/sustentabilidad/landing/icono_gestion.svg)
}

.section_title.va_x_mi_cuenta:after {
    background-image: url(/site/es/img/sustentabilidad/landing/icono_vaxmicuenta.svg)
}

.section_title.informes_anuales:after {
    background-image: url(/site/es/img/sustentabilidad/anuales/icono_sust_anuales.svg)
}

.section_title.compromisos_alsea:after {
    background-image: url(/site/es/img/sustentabilidad/compromiso/icono_sust_compromiso.svg)
}

.section_title.medio_ambiente:after {
    background-image: url(/site/es/img/sustentabilidad/ambiental/icono_sust_ambiental.svg)
}

.section_title.tablas:after,
.section_title.viviendo_equilibro:after {
    background-image: url(/site/es/img/sustentabilidad/viviendo_equilibrio/icono_sust_viv_equilibrio.svg)
}

.section_title.alsea_responsable:after {
    background-image: url(/site/es/img/sustentabilidad/responsable/icono_sust_responsable.svg)
}

.section_title.cadena_suministro:after {
    background-image: url(/site/es/img/sustentabilidad/cadena/icono_cadena_de_suministro.svg)
}

.section_title.contacto_sustentabilidad:after {
    background-image: url(/site/es/img/sustentabilidad/contacto/icono_sust_contacto_01.svg)
}

.section_title.contacto_inversionistas:after {
    background-image: url(/site/es/img/inversionistas/icon_inversionistas37.svg)
}

.section_title.prensa:after {
    background-image: url(/site/es/img/prensa/icono_prensa01.svg)
}

.section_title.kit_prensa:after {
    background-image: url(/site/es/img/prensa/icono_prensa03.svg)
}

.section_title.contacto_prensa:after {
    background-image: url(/site/es/img/prensa/icono_prensa05.svg)
}

.section_title.linea_correcta {
    background-color: #d5dde7
}

.section_title.bienes_raices,
.section_title.franquicias,
.section_title.general {
    background-color: #71c4e7
}

.section_title.linea_correcta:after {
    background-image: url(/site/es/img/lineacorrecta/icono_lineacorrecta10.svg)
}

.section_title.general:after {
    background-image: url(/site/es/img/general/icono_aviso.svg)
}

.section_title.bienes_raices:after {
    background-image: url(/site/es/img/bienes_raices/icono_bienes_raices_contacto.svg)
}

.section_title.franquicias:after {
    background-image: url(/site/es/img/franquicias/vin_perfil_franquicias.svg)
}

.details_row {
    top: -2vw;
    position: relative;
    text-align: right
}

.details_row a {
    text-decoration: none
}

.more_details {
    color: #09597a;
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 40px;
    line-height: 36px;
    text-align: center;
    border-radius: 6px;
    background-color: #fff;
    border: 6px solid #09597a;
    transition: all .5s ease
}

.close_pop,
.close_pop .line {
    display: block;
    height: 50px;
    position: absolute
}

.more_details:hover {
    color: #fff;
    background-color: #09597a
}

.normal_text {
    font-size: 18px;
    line-height: 1.2em
}

.backstretch {
    width: 100%!important
}

.close_pop {
    top: -50px;
    width: 50px;
    right: -50px
}

.close_pop:hover {
    cursor: pointer
}

.close_pop:hover .line {
    background-color: grey
}

.close_pop .line {
    width: 6px;
    background-color: #fff;
    transition: all .5s ease
}

.close_pop .lside {
    top: 0;
    left: 22px;
    transform: rotate(45deg)
}

.close_pop .rside {
    top: 0;
    right: 22px;
    transform: rotate(-45deg)
}

.country_websites .head {
    color: #f9e154;
    font-size: 50px;
    line-height: 1em;
    margin: 4px 0 0
}

.country_websites .country {
    width: 50px;
    height: 50px;
    border-radius: 60px;
    display: inline-block;
    background-size: contain;
    background-position: center
}

.country_websites .country.worldwide {
    background-image: url(/site/es/img/marcas/boton_web_global.png)
}

.country_websites .country.mexico {
    background-image: url(/site/es/img/marcas/boton_web_mexico.png)
}

.country_websites .country.argentina {
    background-image: url(/site/es/img/marcas/boton_web_argentina.png)
}

.country_websites .country.chile {
    background-image: url(/site/es/img/marcas/boton_web_chile.png)
}

.country_websites .country.colombia {
    background-image: url(/site/es/img/marcas/boton_web_colombia.png)
}

.country_websites .country.spain {
    background-image: url(/site/es/img/marcas/boton_web_espanna.png)
}

.country_websites .country.brazil {
    background-image: url(/site/es/img/marcas/boton_web_brasil.png)
}

.country_websites .country.uruguay {
    background-image: url(/site/es/img/marcas/boton_web_uruguay.png)
}

.txt_company {
    margin-top: 80px
}

.horizontal_tab {
    margin-bottom: 60px
}

.horizontal_tab.releases .target_tab_content {
    max-width: 740px
}

.horizontal_tab.releases .target_tab_content:after {
    top: -84px;
    right: -85px;
    content: '';
    width: 100px;
    height: 84px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/site/es/img/inversionistas/icon_inversionistas08.svg)
}

.horizontal_tab .target_tab_selection {
    padding-right: 0
}

.horizontal_tab .target_tab_content {
    padding-left: 0
}

.horizontal_tab .tab_selection {
    padding: 0
}

.horizontal_tab .tab_content {
    padding: 20px;
    background-color: #4bb87a
}

.horizontal_tab .tab_content p:last-child {
    margin-bottom: 0
}

.horizontal_tab li {
    padding: 10px;
    list-style: none;
    transition: all .5s ease
}

.contact_form input,
.contact_form textarea {
    border: none;
    padding: 6px 14px;
    transition: color .5s ease, outline-color .5s ease
}

.horizontal_tab li:hover {
    cursor: pointer;
    background-color: rgba(75, 184, 122, .5)
}

.horizontal_tab li.active {
    background-color: #4bb87a
}

.horizontal_tab .title {
    margin-bottom: 0;
    font-size: 18px
}

.horizontal_tab .subtitle {
    color: #5691a9;
    margin-top: 20px
}

.contact_frame {
    max-width: 1200px;
    margin: 0 auto
}

.report_download_frame .report_icon img,
.reports_frame .report_icon img {
    max-width: 196px
}

.contact_form {
    font-size: 18px
}

.contact_form input {
    width: 100%;
    border-radius: 0;
    color: #00577b;
    margin-bottom: 20px
}

.contact_form input::placeholder {
    opacity: 1;
    color: #00577b
}

.contact_form input:focus {
    border-color: transparent
}

.contact_form label {
    font-size: 20px;
    line-height: 1em;
    font-weight: 400;
    margin-bottom: 10px;
    /*font-family: RobotoSlab-Regular*/
}

.contact_form select,
.contact_form textarea {
    width: 100%;
    margin-bottom: 20px;
    color: #00577b
}

.contact_form textarea {
    resize: vertical;
    min-height: 120px;
    border-radius: 0
}

.contact_form textarea::placeholder {
    opacity: 1;
    color: #00577b
}

.contact_form select {
    border: none;
    font-size: 18px;
    padding: 4px 44px 4px 12px;
    background-size: 40px;
    background-color: #fff;
    background-repeat: no-repeat;
    transition: outline .5s ease;
    background-position: right center;
    background-image: url(/site/es/img/contacto/date_selection_icon.png);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.contact_form select::placeholder {
    opacity: 1;
    color: #00577b
}

.contact_form select:focus {
    border-color: transparent;
    outline: #00577b solid 3px
}

.contact_form select option {
    font-size: 20px
}

.contact_form .send_btn_frame {
    display: table;
    float: right
}

.contact_form .send_btn_frame button {
    height: 40px;
    border: none;
    color: #fff;
    font-size: 20px;
    padding: 0 20px;
    border-radius: 2px;
    background-color: #0d6990;
    transition: all .5s ease
}

.contact_form .send_btn_frame button:focus,
.contact_form .send_btn_frame button:hover {
    color: #00577b;
    background-color: #fff
}

.contact_form .send_btn_frame button[disabled] {
    opacity: .5
}

.contact_form .send_btn_frame button[disabled]:focus,
.contact_form .send_btn_frame button[disabled]:hover {
    color: #fff;
    cursor: not-allowed;
    background-color: #0d6990
}

.contact_form .required_legend {
    margin-top: 20px;
    margin-bottom: 40px
}

.contact_form .line {
    display: table-row
}

.contact_form .block {
    display: table-cell
}

.contact_form .send_ico {
    width: 90px;
    margin-left: 20px
}

.inform_cover img,
.investor_pop .executive_img img {
    width: 100%
}

label.error.valid {
    padding-bottom: 0!important;
    margin-bottom: 0!important
}

label.error,
label.error_captcha {
    padding-left: 10px;
    padding-bottom: 10px;
    font-size: 13px
}

input.error,
select.error,
textarea.error {
    margin-bottom: 0;
    outline: #da1717 solid 3px
}

input.error,
textarea.error {
    color: #da1717
}

label.error {
    color: #fff
}

input.valid,
textarea.valid {
    color: #00577b;
    outline: #3e7a04 solid 3px
}

label.error_captcha {
    color: #fff;
    display: none
}

.inform_rack {
    padding-left: 7px;
    margin-bottom: 20px
}

.inform_rack .report_item {
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-block
}

.inform_rack .report_item:hover .report_cover {
    opacity: 1;
    transform: scale(1.1)
}

.inform_rack .report_item:hover .report_year {
    top: 10px
}

.inform_rack .report_link {
    text-decoration: none
}

.inform_rack .report_link:hover .report_cover {
    border: 3px solid #00577b
}

.inform_rack .report_cover {
    width: 120px;
    opacity: .9;
    border: 3px solid transparent;
    transition: border .6s ease
}

.inform_rack .report_cover:hover {
    border: 3px solid #00577b
}

.inform_rack .report_year {
    top: 0;
    color: inherit;
    display: block;
    font-size: 20px;
    position: relative;
    font-family: RobotoSlab-Bold;
    transition: all .5s ease
}

.inform_download_frame .name,
.report_download_frame .name {
    color: #00577b;
    line-height: 1em;
    font-family: RobotoSlab-Bold
}

#newInform {
    overflow: hidden;
    margin-bottom: 20px
}

.inform_download_frame {
    padding-top: 74px;
    position: relative;
    padding-right: 86px;
    display: table-cell;
    vertical-align: bottom
}

.inform_download_frame .new_inform_download {
    right: 0;
    width: 90px;
    height: 76px;
    bottom: 90px;
    display: block;
    position: absolute;
    background-size: cover;
    background-position: top center;
    background-image: url(/site/es/img/sustentabilidad/anuales/boton_sust_pdf.svg)
}

.inform_download_frame .new_inform_download:hover {
    height: 75px;
    cursor: pointer;
    background-position: bottom center
}

.inform_download_frame .year_title {
    border-radius: 6px;
    display: inline-block;
    padding: 6px 8px 0;
    background-color: #fff;
    border: 6px solid #00577b
}

.report_resource.other_conferences .actual_year_reports,
.report_resource.prospect .actual_year_reports,
.report_resource.stock_certificate .actual_year_reports {
    display: flex;
    vertical-align: top
}

.inform_download_frame .name {
    margin: 0;
    font-size: 24px
}

.inform_download_frame .year {
    margin: 0;
    font-size: 50px;
    line-height: 1em
}

.report_resource.prospect .actual_year_reports .report_item:not(:first-child),
.report_resource.restructure .actual_year_reports .report_item:not(:first-child),
.report_resource.stock_certificate .actual_year_reports .report_item:not(:first-child) {
    margin-left: 30px
}

.report_resource.bmv .actual_year_reports .time_release {
    padding: 50px 4px 4px;
    font-size: 34px
}

.report_resource.other_conferences .actual_year_reports .time_release,
.report_resource.prospect .actual_year_reports .time_release,
.report_resource.restructure .actual_year_reports .time_release,
.report_resource.stock_certificate .actual_year_reports .time_release {
    text-transform: none;
    padding-right: 20px
}

.report_resource.other_conferences .actual_year_reports .report_item:not(:first-child) {
    margin-left: 50px
}

.report_download_frame {
    padding-top: 74px;
    position: relative;
    padding-right: 86px;
    display: table-cell;
    vertical-align: bottom
}

.report_download_frame .new_mp3_download,
.report_download_frame .new_report_download {
    width: 90px;
    height: 76px;
    bottom: 84px;
    display: block;
    position: absolute;
    background-size: cover;
    background-position: center;
    right: 0
}

.report_download_frame .new_report_download {
    background-image: url(/site/es/img/inversionistas/icon_inversionistas08.svg)
}

.report_download_frame .new_mp3_download {
    background-image: url(/site/es/img/inversionistas/icon_inversionistas21.svg)
}

.report_download_frame .year_title {
    border-radius: 6px;
    display: inline-block;
    padding: 6px 8px 0;
    background-color: #fff;
    border: 6px solid #00577b
}

.report_download_frame .name {
    margin: 0;
    font-size: 24px
}

.report_download_frame .year {
    font-size: 30px;
    line-height: 1em;
    margin: 8px 0 6px
}

.actual_year_reports {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px
}

.actual_year_reports .report_item {
    max-width: 100px;
    line-height: 1.1em;
    display: inline-block;
    text-decoration: none
}

.mp_accordion,
.text_pop,
.year_accordion {
    max-width: 600px
}

.actual_year_reports .report_item:not(:first-child) {
    margin-left: 20px
}

.actual_year_reports .report_item:hover .result_title {
    color: #fff
}

.actual_year_reports .time_release {
    display: block;
    font-size: 60px;
    line-height: .8em;
    text-align: right;
    border-radius: 6px;
    margin-bottom: 8px;
    padding: 30px 4px 4px 8px;
    text-transform: uppercase;
    background-color: #d1dbe5;
    border: 6px solid #00577b;
    transition: all .5s ease
}

.actual_year_reports .time_release:hover {
    color: #d1dbe5;
    background-color: #00577b
}

.actual_year_reports .result_title {
    font-family: RobotoSlab-Bold;
    transition: color .5s ease
}

.left_single_menu {
    float: left;
    width: 300px;
    position: relative;
    z-index: 3;
    padding-left: 20px;
    font-family: RobotoSlab-Bold
}

.left_single_menu ul {
    padding: 0;
    list-style: none
}

.left_single_menu li {
    padding: 10px 8px;
    border-radius: 1px;
    transition: background-color .5s ease
}

.left_single_menu li.active {
    background-color: #fff
}

.left_single_menu li:hover {
    cursor: pointer;
    background-color: rgba(255, 255, 255, .9)
}

.menu_dependent {
    z-index: 1;
    position: relative;
    padding-left: 320px
}

.mp_accordion.top,
.year_accordion.top {
    margin-top: 40px
}

.mp_accordion .header,
.year_accordion .header {
    font-size: 30px;
    padding: 0 20px 0 12px;
    position: relative;
    transition: all .5s ease
}

.mp_accordion .header p:last-child,
.year_accordion .header p:last-child {
    margin-bottom: 0
}

.mp_accordion .header:after,
.year_accordion .header:after {
    top: 50%;
    right: 0;
    content: '+';
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    text-align: center;
    line-height: 16px;
    font-size: 18px!important;
    transition: all .5s ease;
    transform: translateY(-50%)
}

.anchor,
.investor_pop,
.text_pop {
    position: relative
}

.mp_accordion .header:hover,
.year_accordion .header:hover {
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5)
}

.mp_accordion .actual_year_reports,
.mp_accordion .line_content,
.year_accordion .actual_year_reports,
.year_accordion .line_content {
    padding-top: 0;
    transition: all .2s ease
}

.mp_accordion .item .content,
.year_accordion .item .content {
    display: none;
    padding-bottom: 10px
}

.mp_accordion .item:not(:last-child),
.year_accordion .item:not(:last-child) {
    border-bottom: 1px solid #fff
}

.mp_accordion .item.active .header:after,
.year_accordion .item.active .header:after {
    content: '-'
}

.mp_accordion .item.active .content,
.year_accordion .item.active .content {
    display: block
}

.mp_accordion .line_content {
    padding: 10px
}

.mp_accordion .bullet_list {
    padding-left: 16px;
    margin-bottom: 20px
}

.mp_accordion .bullet_list li {
    list-style: disc;
    line-height: 1em;
    padding: 0 0 0 10px;
    font-family: RobotoSlab-Regular
}

.mp_accordion .bullet_list li:not(:last-child) {
    margin-bottom: 10px
}

.accordion_footer {
    color: #fff;
    font-size: 14px
}

.fade_slider {
    padding-bottom: 20px
}

.text_pop {
    font-size: 18px;
    background: #fff;
    text-align: left;
    padding: 20px 30px;
    margin: 20vh auto 40px
}

.text_pop .pop_content {
    max-height: 60vh;
    overflow: auto
}

.anchor {
    top: -140px;
    width: 10px;
    height: 0;
    opacity: 0;
    background-color: transparent
}

.mfp-close.close_pop {
    opacity: 1!important;
    top: -50px!important;
    width: 50px!important;
    height: 50px!important;
    right: -50px!important;
    display: block!important;
    position: absolute!important
}

.mfp-iframe-holder .mfp-close {
    top: -50px!important;
    right: -60px!important;
    font-size: 80px;
    font-family: Baskerville, RobotoSlab-Light
}

.investor_pop .since_by,
.privacy_policy a,
.privacy_policy p.title,
.visual_rest .inner_content {
    font-family: RobotoSlab-Bold
}

.fade_slider .slick-list,
.tab_swiper .slick-list {
    transition: height .5s ease
}

.privacy_policy {
    margin-top: 100px;
    margin-bottom: 40px;
    font-size: 14px
}

.privacy_policy p.title {
    font-size: 16px
}

.wcontent {
    margin: 0 auto;
    max-width: 1200px
}

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0)
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: .8
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

@media (max-width:1020px) {
    .mfp-iframe-holder .mfp-close {
        top: -40px!important;
        right: -6px!important;
        font-size: 44px;
        font-family: Baskerville, RobotoSlab-Light
    }
}

@media (max-width:991px) {
    .horizontal_tab.releases .target_tab_content:after {
        content: none
    }
}

@media (max-width:807px) {
    .left_single_menu {
        float: none;
        width: 100%;
        padding-left: 0;
        margin-bottom: 20px
    }
    .left_single_menu li {
        display: none
    }
    .left_single_menu li.active {
        display: block;
        position: relative;
        padding: 10px 40px 10px 8px
    }
    .left_single_menu li.active:after {
        right: 12px;
        top: 50%;
        content: '▼';
        font-size: 20px;
        position: absolute;
        transform: translateY(-50%)
    }
    .menu_dependent {
        padding-left: 0
    }
    .inform_cover img {
        width: 100%;
        max-width: 280px;
        margin: 0 auto!important
    }
}

@media (max-width:768px) {
    .mobile_disp {
        display: block!important
    }
    .mobile_disp.inline {
        display: inline-block!important
    }
    .desktop_disp,
    .desktop_disp.inline {
        display: none!important
    }
}

@media (max-width:767px) {
    body {
        padding-top: 150px
    }
    body.home {
        padding-top: 75px
    }
    .horizontal_tab li {
        padding: 10px 20px
    }
    .horizontal_tab li:last-child {
        border-bottom: 1px solid #fff
    }
    .horizontal_tab .target_tab_selection {
        padding-right: 15px;
        margin-bottom: -10px
    }
    .horizontal_tab .target_tab_content {
        padding-left: 15px
    }
    .horizontal_tab .tab_selection {
        background-color: #b6e2c9
    }
    .txt_company {
        left: 50%;
        margin-top: 30px;
        max-width: 200px;
        position: relative;
        margin-bottom: -30px;
        transform: translateX(-50%)
    }
    .inform_cover {
        text-align: center
    }
    .inform_cover img {
        margin: 0 2%;
        width: calc(100% - 4%)
    }
    .inform_download_frame {
        left: 2%;
        padding-top: 90px;
        height: auto!important
    }
}

.investor_pop {
    font-size: 18px;
    background: #fff;
    text-align: left;
    max-width: 800px;
    padding: 20px 30px 40px;
    margin: 20vh auto 40px
}

.country_selection span.country_icon,
.highlights_selection:before,
.intro.fifth,
.intro.fourth,
.intro.second,
.intro.third,
.timeline_event .event_description:after {
    background-repeat: no-repeat
}

.investor_pop .pop_content {
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden
}

.investor_pop .pop_content.analyst {
    height: 54vh;
    max-height: 80vh
}

.investor_pop .pop_content .analyst_name,
.investor_pop .pop_content .executive_name {
    font-size: 28px;
    font-family: RobotoSlab-Bold
}

.investor_pop .pop_content .executive_job {
    font-size: 24px;
    padding: 6px 12px;
    border-radius: 6px;
    display: inline-block;
    background-color: #b8d1db;
    border: 6px solid #00577b
}

.investor_pop .executive_description {
    margin-top: 40px
}

.investor_pop .executive_description p:last-child {
    margin-bottom: 0
}

.investor_pop .executive_img {
    margin-top: 46px
}

@media (max-width:680px) {
    .close_pop {
        top: -32px;
        width: 30px;
        height: 30px;
        right: -4px;
        display: block;
        position: absolute
    }
    .close_pop:hover {
        cursor: pointer
    }
    .close_pop:hover .line {
        background-color: grey
    }
    .close_pop .line {
        width: 3px;
        height: 30px
    }
    .close_pop .lside {
        left: 13px
    }
    .close_pop .rside {
        right: 14px
    }
    .section_title {
        left: -10px;
        margin-right: 60px;
        margin-bottom: 60px
    }
    .section_title:after {
        content: '';
        width: 100px;
        height: 100px;
        right: -102px;
        bottom: -52px
    }
    .investor_pop .pop_content .executive_job {
        font-size: 22px;
        line-height: 1em
    }
    .investor_pop .executive_description {
        margin-top: 20px
    }
}

/*
@media (max-width:600px) {
    .actual_year_reports .report_item:first-child,
    .actual_year_reports .report_item:not(: first-child) {
        margin-left: 20px
    }
    .visual_rest {
        font-size: 23px!important
    }
}
*/

.visual_rest {
    font-size: 34px;
    background-size: cover;
    background-position: center
}

.visual_rest.bg {
    height: 400px
}

.visual_rest .inner_content {
    text-align: right;
    border-radius: 6px;
    line-height: 1.2em;
    margin: 120px auto 0;
    padding: 10px 10px 10px 40px;
    background-color: #fff;
    border: 6px solid #00577b
}

.alsea_loader,
nav#navBar .intro_img {
    text-align: center
}

.visual_rest .inner_content p:last-child {
    margin-bottom: 0
}

.visual_rest.no_title .inner_content {
    margin: 296px auto 0
}

@font-face {
    font-family: RobotoSlab-Bold;
    src: url(../fonts/RobotoSlab-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/RobotoSlab-Bold.woff) format('woff'), url(../fonts/RobotoSlab-Bold.ttf) format('truetype'), url(../fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: RobotoSlab-Light;
    src: url(../fonts/RobotoSlab-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/RobotoSlab-Light.woff) format('woff'), url(../fonts/RobotoSlab-Light.ttf) format('truetype'), url(../fonts/RobotoSlab-Light.svg#RobotoSlab-Light) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: RobotoSlab-Regular;
    src: url(../fonts/RobotoSlab-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/RobotoSlab-Regular.woff) format('woff'), url(../fonts/RobotoSlab-Regular.ttf) format('truetype'), url(../fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: RobotoSlab-Thin;
    src: url(../fonts/RobotoSlab-Thin.eot?#iefix) format('embedded-opentype'), url(../fonts/RobotoSlab-Thin.woff) format('woff'), url(../fonts/RobotoSlab-Thin.ttf) format('truetype'), url(../fonts/RobotoSlab-Thin.svg#RobotoSlab-Thin) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: alsea_fk;
    src: url(../fonts/alsea_fk.eot?m7vm6g);
    src: url(../fonts/alsea_fk.eot?m7vm6g#iefix) format('embedded-opentype'), url(../fonts/alsea_fk.ttf?m7vm6g) format('truetype'), url(../fonts/alsea_fk.woff?m7vm6g) format('woff'), url(../fonts/alsea_fk.svg?m7vm6g#alsea_fk) format('svg');
    font-weight: 400;
    font-style: normal
}

.afk {
    font-family: alsea_fk!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icn_wow:before {
    content: "\e909"
}

.icn_real_state:before {
    content: "\e90a"
}

.icn_contact:before {
    content: "\e90b"
}

.icn_franchises:before {
    content: "\e90c"
}

.icn_haz_carrera:before {
    content: "\e90d"
}

.icn_investors:before {
    content: "\e90e"
}

.icn_imagen_lineacorrecta:before {
    content: "\e90f"
}

.icn_brands:before {
    content: "\e910"
}

.icn_press:before {
    content: "\e911"
}

.icn_supplier:before {
    content: "\e912"
}

.icn_sustainability:before {
    content: "\e913"
}

.icn_single_download:before {
    content: "\e908"
}

.icn_fundacion_alsea:before {
    content: "\e907"
}

.icn_empresa_sustentable:before {
    content: "\e902"
}

.icn_esr:before {
    content: "\e903"
}

.icn_global_compact:before {
    content: "\e904"
}

.icn_va_xmicuenta:before {
    content: "\e905"
}

.icn_xdesign:before {
    content: "\e906"
}

.icn_alsea_logo:before {
    content: "\e900"
}

.icn_alsea_sim:before {
    content: "\e901"
}

.preloader_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background-color: #fff
}

.alsea_loader {
    top: 50%;
    left: 0;
    right: 0;
    font-size: 50px;
    color: #00577b;
    position: absolute;
    transform: translateY(-50%)
}

.alsea_loader .icn_alsea_logo {
    animation: fadeLogo;
    animation-duration: 3s;
    transition: opacity .5s ease;
    animation-iteration-count: infinite
}

.alsea_loader .line_block {
    display: block
}

.alsea_loader .bullet_animation {
    top: -30px;
    width: 53px;
    height: 30px;
    position: relative;
    display: inline-block
}

.alsea_loader .bullet {
    top: 50%;
    width: 10px;
    opacity: 0;
    height: 10px;
    display: block;
    position: absolute;
    border-radius: 60px;
    transition: all .5s ease;
    transform: translateY(-50%);
    background-color: #00577b;
    animation: fadeInf;
    animation-duration: 3s;
    animation-iteration-count: infinite
}

.alsea_loader .bllt1 {
    left: 0
}

.alsea_loader .bllt2 {
    left: 21px;
    animation-delay: 1s
}

.alsea_loader .bllt3 {
    right: 0;
    animation-delay: 2s
}

@-moz-keyframes fadeInf {
    0%,
    to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@-webkit-keyframes fadeInf {
    0%,
    to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@-o-keyframes fadeInf {
    0%,
    to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes fadeInf {
    0%,
    to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@-moz-keyframes fadeLogo {
    0%,
    to {
        opacity: .4
    }
    50% {
        opacity: 1
    }
}

@-webkit-keyframes fadeLogo {
    0%,
    to {
        opacity: .4
    }
    50% {
        opacity: 1
    }
}

@-o-keyframes fadeLogo {
    0%,
    to {
        opacity: .4
    }
    50% {
        opacity: 1
    }
}

@keyframes fadeLogo {
    0%,
    to {
        opacity: .4
    }
    50% {
        opacity: 1
    }
}

nav#navBar {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    position: fixed
}

nav#navBar .menu_string {
    bottom: -1px;
    display: block;
    font-size: 13px;
    cursor: pointer;
    color: #00577b;
    position: relative;
    letter-spacing: .08em;
    text-transform: lowercase;
    transition: color .5s ease
}

#brandInfo .of_footer,
.analyst_decision .po,
.analyst_manager,
.back_page,
.file_table .file_type {
    text-transform: uppercase
}

nav#navBar .options_container {
    margin: 0 auto;
    padding: 0 20px;
    overflow: hidden;
    max-width: 1200px
}

nav#navBar .options_container #alseaNavLogo {
    float: left;
    padding-top: 10px;
    height: 75px;
    width: auto;
}


nav#navBar .options_container .wrap {
    float: right;
    display: table;
    padding-top: 6px
}

nav#navBar .options_container .item {
    display: table-cell;
    vertical-align: bottom;
    transition: all .5s ease
}

nav#navBar .options_container .logo .icn_alsea_logo {
    font-size: 50px
}

nav#navBar .options_container .logo a {
    color: inherit;
    text-decoration: none;
    transition: all .5s ease
}

nav#navBar .options_container .language {
    bottom: -1px;
    letter-spacing: .08em;
    font-size: 12px;
    padding-left: 20px;
    padding-right: 50px;
    position: relative;
    transition: all .5s ease
}

nav#navBar .options_container .language:hover {
    opacity: .8
}

nav#navBar .options_container .language a {
    color: inherit;
    text-decoration: none
}

nav#navBar .options_container .menu_trigger {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: relative
}

nav#navBar .options_container .menu_trigger:hover {
    cursor: pointer
}

nav#navBar .options_container .slice {
    display: block;
    height: 5px;
    width: 40px;
    position: absolute;
    background-color: #2C2C29;
    transition: all .5s ease
}

nav#navBar .options_container .slice.open {
    background-color: #fff
}

nav#navBar .options_container .slice.top {
    top: 9px
}

nav#navBar .options_container .slice.top.open {
    top: 21px;
    transform: rotate(45deg)
}

nav#navBar .options_container .slice.middle {
    top: 22px
}

nav#navBar .options_container .slice.middle.open {
    opacity: 0;
    transform: translateX(50px)
}

nav#navBar .options_container .slice.bottom {
    bottom: 0
}

nav#navBar .options_container .slice.bottom.open {
    bottom: 14px;
    transform: rotate(-45deg)
}

nav#navBar .launch_frame {
    height: 75px;
    background-color: #fff;
    transition: all .5s ease
}

nav#navBar .launch_frame.active {
    background-color: #E3682B
}

nav#navBar .launch_frame.active .language,
nav#navBar .launch_frame.active .logo a,
nav#navBar .launch_frame.active .logo,
nav#navBar .launch_frame.active .menu_string,
nav#navBar .launch_frame.active .section_flag .name,
nav#navBar .launch_frame.active .section_img {
    color: #fff;
}

nav#navBar .sections_frame {
    display: none;
    overflow: auto;
    padding: 34px 20px 14px;
    background-color: rgba(44, 44, 41, .9)
}

nav#navBar .sections_frame ul {
    margin: 0;
    padding: 0;
    list-style: none
}

nav#navBar .sections_frame .sections_container {
    margin: 0 auto;
    max-width: 1200px
}

nav#navBar .section_item {
    opacity: 0;
    right: 0;
    color: #fff;
    height: 14vh;
    padding: 10px;
    max-height: 140px;
    position: relative;
    margin-bottom: 30px;
    background-color: #DF5430;
    border: 6px solid transparent;
    transition: border .5s ease, opacity .5s ease, right .4s ease
}

nav#navBar .section_item img {
    width: 80px
}

nav#navBar .section_item.ready {
    right: 0;
    opacity: 1
}

nav#navBar .section_item.active {
    border: 6px solid #fff
}

nav#navBar .section_item.ghost {
    opacity: .5
}

nav#navBar .section_item.medium {
    height: 8vh;
    max-height: 80px
}

nav#navBar .section_item.medium img {
    width: 60px
}

nav#navBar .section_item.left img {
    margin-left: 10px
}

nav#navBar .section_item:hover {
    cursor: pointer;
    border: 6px solid #fff
}

nav#navBar .section_item[data-menu-section="0"] {
    background-color: #DF5430
}

nav#navBar .section_item[data-menu-section="0"] li:nth-child(2n) {
    background-color: #1292c4
}

nav#navBar .section_item[data-menu-section="1"] {
    color: #FFF;
    background-color: #FFE313
}

nav#navBar .section_item[data-menu-section="1"] li:nth-child(2n) {
    background-color: #fdee9b
}

nav#navBar .section_item[data-menu-section="2"] {
    background-color: #F3B529
}

nav#navBar .section_item[data-menu-section="2"] li:nth-child(2n) {
    background-color: #99bdcc
}

nav#navBar .section_item[data-menu-section="3"] {
    background-color: #E3682B
}

nav#navBar .section_item[data-menu-section="3"] li:nth-child(2n) {
    background-color: #91d4ae
}

nav#navBar .section_item[data-menu-section="4"] {
    background-color: #E3682B
}

nav#navBar .section_item[data-menu-section="4"] li:nth-child(2n) {
    background-color: #7bc9ea
}

nav#navBar .section_item[data-menu-section="5"] {
    background-color: #DD422B
}

nav#navBar .section_item[data-menu-section="5"] li:nth-child(2n) {
    background-color: #054561
}

nav#navBar .section_item[data-menu-section="6"] {
    background-color: #F3B529
}

nav#navBar .section_item[data-menu-section="6"] li:nth-child(2n) {
    background-color: #1389c3
}

nav#navBar .section_item[data-menu-section="7"] {
    background-color: #F3B529
}

nav#navBar .section_item[data-menu-section="8"] {
    background-color: #F3B529
}

nav#navBar .section_item[data-menu-section="9"] {
    background-color: #E3682B
}

nav#navBar .section_item[data-menu-section="10"] {
    background-color: #F3B529
}

nav#navBar .section_item[data-menu-section="11"] {
    color: #04597a;
    background-color: #fbe253
}

nav#navBar .section_item .alignment {
    display: table-cell
}

nav#navBar .section_item .alignment .item {
    display: table-cell;
    vertical-align: middle
}

nav#navBar .section_text {
    font-size: 40px;
    line-height: 1em;
    position: relative;
    display: inline-block;
    font-family: 'PT Sans', sans-serif;
    /*font-family: RobotoSlab-Bold*/
}

nav#navBar .section_text.medium {
    font-size: 30px
}

nav#navBar .section_text.small {
    font-size: 25px
}

nav#navBar .submenu_frame {
    opacity: 0;
    position: relative;
    transition: opacity .5s ease
}

nav#navBar .submenu_frame.ready {
    opacity: 1
}

nav#navBar .submenu_frame .float_container {
    top: 0;
    width: 100%;
    color: #fff;
    position: sticky
}

nav#navBar .submenu_frame .options {
    display: none;
    font-size: 16px
}

nav#navBar .submenu_frame .options li {
    margin: 14px 0
}

nav#navBar .submenu_frame .options a {
    color: inherit;
    text-decoration: none;
    transition: color .5s ease
}

nav#navBar .submenu_frame .options a:hover {
    color: #43b4e4
}

nav#navBar .intro_img img {
    width: 100%;
    max-width: 70%;
    padding-top: 100px
}

nav#navBar .accordion_section {
    color: #fff;
    display: none
}

nav#navBar .accordion_section a {
    color: inherit;
    display: block;
    padding-top: 4px;
    padding-bottom: 6px;
    padding-left: 100px;
    text-decoration: none
}

nav#navBar .accordion_section ul {
    padding-top: 8px;
    padding-bottom: 10px;
    border-top: 1px solid #F3B529;
}

nav#navBar .accordion_section li {
    transition: opacity .5s ease
}

nav#navBar .accordion_section li:hover {
    opacity: .8
}

nav#navBar .accordion_section[data-accordion="0"] {
    background-color: #0d6a8e
}

nav#navBar .accordion_section[data-accordion="0"] li:nth-child(2n) {
    background-color: #1292c4
}

nav#navBar .accordion_section[data-accordion="1"] {
    color: #04597a;
    background-color: #fbe253
}

nav#navBar .accordion_section[data-accordion="1"] li:nth-child(2n) {
    background-color: #fdee9b
}

nav#navBar .accordion_section[data-accordion="2"] {
    background-color: #b8d1db
}

nav#navBar .accordion_section[data-accordion="2"] li:nth-child(2n) {
    background-color: #99bdcc
}

nav#navBar .accordion_section[data-accordion="3"] {
    background-color: #4bb87a
}

nav#navBar .accordion_section[data-accordion="3"] li:nth-child(2n) {
    background-color: #91d4ae
}

nav#navBar .accordion_section[data-accordion="4"] {
    background-color: #4ab5e2
}

nav#navBar .accordion_section[data-accordion="4"] li:nth-child(2n) {
    background-color: #7bc9ea
}

nav#navBar .accordion_section[data-accordion="5"] {
    background-color: #043b53
}

nav#navBar .accordion_section[data-accordion="5"] li:nth-child(2n) {
    background-color: #054561
}

nav#navBar .accordion_section[data-accordion="6"] {
    background-color: #1179ac
}

nav#navBar .accordion_section[data-accordion="6"] li:nth-child(2n) {
    background-color: #1389c3
}

nav#navBar .accordion_section[data-accordion="7"] {
    background-color: #c7b5d6
}

nav#navBar .accordion_section[data-accordion="8"] {
    background-color: #f38675
}

nav#navBar .accordion_section[data-accordion="9"] {
    background-color: #887151
}

nav#navBar .accordion_section[data-accordion="10"] {
    background-color: #459361
}

nav#navBar .accordion_section[data-accordion="11"] {
    color: #04597a;
    background-color: #fbe253
}

nav#navBar .subsection_drop {
    display: none;
    margin: 0 auto;
    overflow-y: auto;
    max-height: 64vh;
    max-width: 1160px;
    padding-right: 190px;
    width: 100%
}

nav#navBar .subsection_drop ul {
    padding: 0;
    float: right;
    list-style: none;
    margin: 0;
    display: inline-block;
    border-radius: 0 0 3px 3px;
    background-color: #fff;
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-left: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

nav#navBar .subsection_drop li {
    transition: background-color .5s ease, color .5s ease
}

nav#navBar .subsection_drop li a {
    color: inherit;
    display: block;
    padding: 6px 20px;
    text-decoration: none
}

nav#navBar .subsection_drop li:hover {
    color: #fff;
    background-color: #00577b
}

.section_flag {
    padding-right: 40px
}

.section_flag #showSubs,
.section_flag.hide {
    display: none
}

.section_flag.submenu {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    margin-right: 20px
}

.section_flag.submenu #showSubs {
    bottom: -10px;
    right: 10px;
    display: block;
    font-size: 36px;
    line-height: .5em;
    position: absolute;
    transform: rotate(-180deg);
    transition: all .5s ease
}

.section_flag.submenu #showSubs.dashed {
    opacity: 0;
    right: -30px
}

.section_flag.open #showSubs {
    bottom: -7px;
    transform: rotate(0)
}

.section_flag .tab {
    height: 60px;
    display: table
}

.section_flag .section_img .afk {
    font-size: 50px
}

.section_flag .line {
    display: table-row
}

.section_flag .cell {
    display: table-cell;
    vertical-align: bottom
}

.section_flag .name {
    font-size: 26px;
    padding-left: 20px;
    text-decoration: none;
    font-family: 'PT Sans', sans-serif;
    transition: all .5s ease
}

.section_flag .name a {
    bottom: -6px;
    color: inherit;
    position: relative;
    text-decoration: inherit
}

@media (min-width:992px) and (max-width:1200px) {
    nav#navBar .section_text {
        font-size: 30px
    }
    nav#navBar .section_text.medium,
    nav#navBar .section_text.small {
        font-size: 20px
    }
}

@media (min-width:769px) and (max-width:991px) {
    nav#navBar .section_item.medium {
        height: 14vh;
        max-height: none
    }
}

@media (max-width:768px) {
    nav#navBar .section_text br,
    nav#navBar .submenu_frame {
        display: none
    }
    nav#navBar .options_container .language {
        padding-left: 0;
        padding-right: 0
    }
    nav#navBar .options_container .item:first-child {
        top: 10px;
        right: 200px;
        position: absolute
    }
    nav#navBar .options_container .item:nth-child(2) {
        height: 50px;
        width: 60px
    }
    nav#navBar .options_container .item:nth-child(3) {
        width: 50px
    }
    nav#navBar .sections_frame {
        padding: 0
    }
    nav#navBar .sections_frame .sections_container .row {
        margin: 0
    }
    nav#navBar .section_item {
        height: 80px;
        margin-bottom: 0
    }
    nav#navBar .section_item img {
        margin-right: 20px;
        width: 60px
    }
    nav#navBar .section_item.medium {
        height: 80px
    }
    nav#navBar .section_text {
        font-size: 30px
    }
    nav#navBar span.mob_spc {
        margin-left: 8px
    }
    nav#navBar .mosaic {
        padding: 0;
        margin: 0
    }
    nav#navBar .mosaic .col-xs-12 {
        padding: 0!important
    }
    nav#navBar .mosaic .row {
        margin: 0!important
    }
}

@media (max-width:767px) {
    nav#navBar .accordion_section a {
        padding-left: 20px
    }
    .section_flag .section_img img {
        width: 100%;
        max-width: 50px
    }
    .section_flag .name {
        font-size: 24px;
        padding-left: 10px
    }
}

@media (max-width:640px) {
    .section_flag,
    .section_flag .name {
        height: 75px
    }
    .section_flag.submenu {
        position: absolute;
        padding-bottom: 14px
    }
    .section_flag.submenu #showSubs {
        top: 55%;
        bottom: inherit;
        transform: translateY(-50%) rotate(-180deg)
    }
    .section_flag .cell {
        display: table-cell;
        vertical-align: middle
    }
    .section_flag .name a {
        position: static
    }
    nav#navBar .subsection_drop {
        top: 75px;
        padding-right: 0;
        position: relative
    }
    nav#navBar .subsection_drop ul {
        float: none;
        border: none;
        display: block;
        border-radius: 0
    }
    nav#navBar .launch_frame {
        height: 150px
    }
    nav#navBar .options_container .item:first-child {
        left: 20px;
        right: inherit
    }
    .section_flag {
        left: 0;
        top: 75px;
        float: none;
        width: 100%;
        position: absolute;
        border-top: 1px solid #00577b;
        border-bottom: 1px solid #00577b
    }
    .section_flag .section_img {
        padding-left: 20px
    }
    body.home nav#navBar .launch_frame {
        height: 75px
    }
    body.home .section_flag {
        display: none
    }
}

@media (max-width:390px) {
    nav#navBar .section_text,
    nav#navBar .section_text.medium {
        font-size: 25px
    }
    nav#navBar .options_container .logo .icn_alsea_logo {
        font-size: 13vw
    }
}

.intro {
    position: relative
}

.intro.first {
    z-index: 2000;
    margin: -8vw auto;
    position: relative;
    background-color: #fbe255;
    overflow: hidden!important
}

.big_numeralia .circle,
.render {
    z-index: 1;
    position: relative
}

.intro.preamble,
.intro.second {
    background-color: #4ab5e2
}

.intro.first .vertical_center {
    top: 40%;
    display: none;
    transform: translateY(-40%)
}

.intro.first .alsea_center {
    width: 100%;
    max-width: 300px
}

.intro.first p {
    font-size: 30px;
    margin-top: 10px;
    font-family: RobotoSlab-Bold
}

.intro.fifth .head,
.intro.fourth .head,
.intro.second .head,
.intro.third .head {
    font-size: 70px;
    text-align: center;
    transition: opacity .5s ease
}

.intro.second {
    background-image: url(/site/es/img/home/figura_circulo.svg), url(/site/es/img/home/rapida/figura_rapida.svg), url(/site/es/img/home/rapida/logo_dominos.png), url(/site/es/img/home/rapida/logo_burger.png), url(/site/es/img/home/rapida/figura_servicio_rapido02.png), url(/site/es/img/home/rapida/figura_servicio_rapido01.png), url(/site/es/img/home/rapida/figura_servicio_rapido03.png);
    background-position: center, center, 40vw 80vh, 51vw 80vh, 10vw 16vw, 86vw 22vw, 15vw 36vw;
    background-attachment: fixed, fixed, fixed, fixed, fixed, fixed, fixed;
    background-size: 20vw, 20vw, 8vw, 8vw, 3vw, 6vw, 10vw
}

.intro.third {
    background-color: #4f9363;
    background-image: url(/site/es/img/home/figura_circulo.svg), url(/site/es/img/home/cafeterias/figura_cafeteria.svg), url(/site/es/img/home/cafeterias/logo_starbucks.png), url(/site/es/img/home/cafeterias/figura_caferias_01.png), url(/site/es/img/home/cafeterias/figura_caferias_03.png), url(/site/es/img/home/cafeterias/figura_caferias_02.png);
    background-position: center, center, center 80vh, 10vw 16vw, 86vw 22vw, 15vw 36vw;
    background-attachment: fixed, fixed, fixed, fixed, fixed, fixed;
    background-size: 20vw, 20vw, 8vw, 6.8vw, 2.4vw, 10vw
}

.intro.fourth {
    background-color: #f06c45;
    background-image: url(/site/es/img/home/figura_circulo.svg), url(/site/es/img/home/casual/figura_casual.svg), url(/site/es/img/logos_marcas/logo_chilis.svg), url(/site/es/img/logos_marcas/logo_california.svg), url(/site/es/img/logos_marcas/logo_pfchangs_calado.svg), url(/site/es/img/logos_marcas/logo_italiannis.svg), url(/site/es/img/logos_marcas/logo_cheesecake.svg), url(/site/es/img/logos_marcas/logo_porton_calado.svg), url(/site/es/img/logos_marcas/logo_fosters.svg), url(/site/es/img/logos_marcas/logo_cannas.svg), url(/site/es/img/logos_marcas/logo_lavaca_calado.svg), url(/site/es/img/logos_marcas/logo_archies_calado.svg), url(/site/es/img/home/casual/figura_casual01.png), url(/site/es/img/home/casual/figura_casual02.png);
    background-position: center, center, 20vw 70vh, 30vw 70vh, 40vw 70vh, 50vw 70vh, 60vw 70vh, 70vw 70vh, 35vw 82vh, 45vw 82vh, 55vw 82vh, 65vw 82vh, 10vw 16vw, 86vw 22vw;
    background-attachment: fixed, fixed, fixed, fixed, fixed, fixed, fixed, fixed, fixed, fixed, fixed, fixed, fixed, fixed, fixed;
    background-size: 20vw, 20vw, 8vw, 8vw, 8vw, 8vw, 8vw, 8vw, 8vw, 8vw, 8vw, 8vw, 6.8vw, 2.4vw
}

.intro.fifth,
.intro.fourth,
.intro.second,
.intro.third {
    color: #fff;
    padding: 0 20px
}

.intro.fifth .vertical_center,
.intro.fourth .vertical_center,
.intro.second .vertical_center,
.intro.third .vertical_center {
    padding-top: 20px
}

.intro.fifth {
    background-color: #9695c7;
    background-image: url(/site/es/img/home/figura_circulo.svg), url(/site/es/img/home/familiar/figura_familiares.svg), url(/site/es/img/logos_marcas/logo_vips.svg), url(/site/es/img/home/familiar/figura_familiar02.png), url(/site/es/img/home/familiar/figura_familiar01.png), url(/site/es/img/home/familiar/figura_familiar03.png);
    background-position: center, center, center 69vh, 83vw 16vw, 18vw 32vw, 78vw 32vw;
    background-attachment: fixed, fixed, fixed, fixed, fixed, fixed;
    background-size: 20vw, 20vw, 8vw, 6.8vw, 6vw, 3vw;
    color: #fff;
    padding: 15vw 20px 0
}

.intro.fifth .vertical_center {
    padding-top: 20px
}

.render {
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.render .head {
    position: relative;
    top: -10vw
}

.render .ahead_title {
    color: #fff;
    font-size: 5.2vw;
    text-align: center
}

.big_numeralia {
    display: table;
    margin: 0 auto
}

.big_numeralia .line {
    display: table-row
}

.big_numeralia .item {
    display: table-cell
}

.big_numeralia .item.side {
    width: 40vw;
    font-size: 50px;
    line-height: 1em;
    text-align: center
}

.big_numeralia .item.side.fadeInLeft {
    text-align: right;
    padding-right: 2vw;
    max-width: 500px
}

.big_numeralia .item.center {
    width: 20vw;
    text-align: center
}

.big_numeralia .item.bottom {
    vertical-align: bottom
}

.big_numeralia .item .count {
    text-align: right;
    padding-right: 15vw
}

.big_numeralia .item .number {
    font-size: 100px;
    line-height: .8em;
    font-family: RobotoSlab-Bold
}

.big_numeralia .square_type {
    display: block;
    position: relative
}

.big_numeralia .figure {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    position: absolute
}

.restaurants {
    position: absolute;
    bottom: 10vw;
    left: 0;
    right: 0;
    max-width: 1000px;
    text-align: center
}

.restaurants .restaurant {
    width: 120px;
    margin-top: 40px
}

.restaurants .restaurant:not(:first-child):not(:last-child) {
    margin: 0 20px
}

.restaurants .restaurant:first-child {
    margin-right: 20px;
    margin-top: 0
}

.restaurants .restaurant:last-child {
    margin-top: 0;
    margin-left: 20px
}

.parallax_item {
    display: block;
    position: absolute
}

.parallax_item img {
    width: 80%
}

.parallax_item[data-parallax-tar="0"] {
    top: 19vw;
    left: 80vw;
    width: 100px
}

.parallax_item[data-parallax-tar="1"] {
    top: 20vw;
    left: 15vw;
    width: 60px
}

.parallax_item[data-parallax-tar="2"] {
    top: 35vw;
    left: 20vw
}

.parallax_item[data-parallax-tar="3"] {
    top: 18.5vw;
    left: 14vw;
    width: 100px
}

.parallax_item[data-parallax-tar="4"] {
    top: 36vw;
    left: 16vw;
    width: 150px
}

.parallax_item[data-parallax-tar="5"] {
    top: 20vw;
    left: 84vw;
    width: 40px
}

.parallax_item[data-parallax-tar="6"] {
    top: 8vw;
    left: 5vw;
    width: 90px
}

.parallax_item[data-parallax-tar="7"] {
    top: 19vw;
    left: 89vw;
    width: 60px
}

.parallax_item[data-parallax-tar="8"] {
    top: 40vw;
    left: 18vw;
    width: 90px
}

.parallax_item[data-parallax-tar="9"] {
    top: 20vw;
    left: 82vw;
    width: 120px
}

.parallax_item[data-parallax-tar="10"] {
    top: 40vw;
    left: 94vw;
    width: 40px
}

#gif,
.mobile_home {
    display: none
}

#gif img {
    width: 100%
}

.mobile_home .square_restaurant {
    width: 20vw;
    height: 20vw;
    display: block;
    margin: 0 auto;
    position: relative
}

.mobile_home .square_restaurant .icon,
.mobile_home .square_restaurant .ring {
    top: 0;
    left: 0;
    right: 0;
    position: absolute
}

.mobile_home .logo_rack {
    width: 100%;
    margin-top: 20px;
    text-align: center
}

.mobile_home .logo_rack .micro_logo {
    width: 100%;
    max-width: 17vw;
    margin: 0 1vw
}

@media (max-width:1200px) {
    .big_numeralia .item.side {
        font-size: 4vw;
        width: 41vw
    }
    .big_numeralia .item.center {
        width: 18vw
    }
    .big_numeralia .item.center img {
        width: 100%
    }
    .big_numeralia .item .count {
        padding-right: 10vw
    }
    .big_numeralia .item .number {
        font-size: 9vw
    }
    .intro.second {
        background-size: 20vw, 20vw, 10vw, 10vw, 3vw, 6vw, 7vw
    }
    .intro.third {
        background-size: 20vw, 20vw, 10vw, 7vw, 3vw, 6vw
    }
    .intro.fourth {
        background-position: center, center, 16vw 70vh, 26vw 70vh, 37vw 70vh, 48vw 70vh, 59vw 70vh, 70vw 70vh, 30vw 82vh, 41vw 82vh, 53vw 82vh, 65vw 82vh, 10vw 20vw, 80vw 20vw;
        background-size: 20vw, 20vw, 10vw, 10vw, 10vw, 10vw, 10vw, 10vw, 10vw, 10vw, 10vw, 10vw, 7vw, 3vw
    }
    .intro.fifth {
        background-size: 20vw, 20vw, 12vw, 7vw, 7vw, 3vw
    }
    .intro.first .alsea_center,
    .intro.first p {
        font-size: 30px;
        margin-top: 10px
    }
    .intro.fifth .head,
    .intro.fourth .head,
    .intro.second .head,
    .intro.third .head {
        text-align: center;
        font-size: 7vw
    }
}

@media (max-width:768px) {
    .parallax_item {
        display: block
    }
    .parallax_item img {
        width: 80%
    }
    .parallax_item[data-parallax-tar="0"] {
        top: 19vw;
        left: 70vw;
        width: 100px -tar
    }
    .parallax_item[data-parallax-tar="1"] {
        top: 20vw;
        left: 15vw
    }
    .parallax_item[data-parallax-tar="2"] {
        top: 40vw;
        left: 20vw
    }
    .parallax_item[data-parallax-tar="3"] {
        top: 18.5vw;
        left: 14vw;
        width: 100px
    }
    .parallax_item[data-parallax-tar="4"] {
        top: 36vw;
        left: 16vw;
        width: 150px
    }
    .parallax_item[data-parallax-tar="5"] {
        top: 20vw;
        left: 74vw;
        width: 40px
    }
    .parallax_item[data-parallax-tar="6"] {
        top: 8vw;
        left: 5vw;
        width: 90px
    }
    .parallax_item[data-parallax-tar="7"] {
        top: 19vw;
        left: 79vw;
        width: 60px
    }
    .parallax_item[data-parallax-tar="8"] {
        top: 44vw;
        left: 18vw;
        width: 90px
    }
    .parallax_item[data-parallax-tar="9"] {
        top: 20vw;
        left: 62vw;
        width: 120px
    }
    .parallax_item[data-parallax-tar="10"] {
        top: 45vw;
        left: 74vw;
        width: 40px
    }
}

@media (max-width:767px) {
    #gif {
        display: block
    }
    #introVideo,
    .intro.preamble {
        display: none
    }
    .embed-responsive-16by9 {
        padding-bottom: 0!important
    }
    .big_numeralia .item.side {
        font-size: 5vw;
        text-align: center!important
    }
    .big_numeralia .item.side.fadeInLeft {
        text-align: left
    }
    .big_numeralia .item .count {
        padding-right: 0
    }
    .intro:not(.first) {
        padding: 20px 0!important
    }
    .intro.second {
        padding: 40px 0 20px!important
    }
    .intro.first .alsea_center {
        max-width: 200px
    }
    .intro.first p {
        font-size: 28px;
        padding: 0 20px
    }
    .parallax_item img {
        width: 30px
    }
    .render {
        z-index: 1;
        top: 50%;
        left: 0;
        right: 0;
        position: relative;
        position: -webkit-relative;
        transform: translateY(-50%)
    }
}

@media (max-width:600px) {
    .mobile_home {
        display: block
    }
    .intro.fifth,
    .intro.fourth,
    .intro.second,
    .intro.third {
        background-image: none
    }
}

@media (max-width:600px) and (orientation:portrait) {
    .intro.fifth,
    .intro.fourth,
    .intro.second,
    .intro.third {
        background-image: none
    }
    .big_numeralia .item,
    .big_numeralia .line,
    .mobile_home {
        display: block
    }
    .big_numeralia .item.center,
    .big_numeralia .item.side,
    .big_numeralia .line.side {
        width: 100%
    }
    .big_numeralia {
        top: 0!important;
        position: static!important;
        display: block
    }
    .big_numeralia .line .count .lot {
        margin: 0
    }
    .intro {
        height: auto!important
    }
    .intro:not(.first) {
        padding: 20px 0!important
    }
    .intro .render {
        transform: none;
        position: static
    }
    .intro.second {
        padding: 14vw 0 20px!important
    }
    .big_numeralia .item.center,
    .big_numeralia .line.center {
        height: 24vw
    }
    .big_numeralia .item .count,
    .big_numeralia .line .count {
        text-align: center
    }
}

.we_are_alsea,
.we_are_alsea .letters {
    margin-bottom: 100px
}

.somos_alsea {
    background-color: #0d6a8e
}

.we_are_alsea {
    margin-top: 100px
}

.we_are_alsea img {
    width: 100%
}

.we_are_alsea p.description {
    color: #fff;
    font-size: 30px;
    line-height: 1em;
    margin-bottom: 40px;
    font-family: RobotoSlab-Bold
}

.we_are_alsea p.breakdown {
    color: #fff;
    font-size: 18px;
    line-height: 1.3em;
    font-family: RobotoSlab-Light
}

.alsea_highlights {
    min-height: 53vw;
    padding: 60px 0 80px;
    background-size: cover;
    background-position: center;
    background-image: url(/site/es/img/somos_alsea/propositos/fondo_somos_01.jpg)
}

#franchiseeValController .receiver.active .value_icon[data-value="1"],
#franchiseeValController .receiver:hover .value_icon[data-value="1"],
.alsea_culture .letter:hover,
.alsea_culture li.active .letter {
    background-position: bottom
}

.highlights_selection {
    float: left;
    width: 400px;
    position: relative;
    padding-top: 210px
}

.highlights_selection:before {
    content: '';
    left: 30%;
    top: 0;
    width: 200px;
    height: 200px;
    display: block;
    position: absolute;
    background-size: contain;
    background-image: url(/site/es/img/somos_alsea/propositos/imagen_proposito.svg)
}

.highlights_selection .highlight_detail {
    width: 30px;
    right: -33px;
    position: absolute;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .7);
    transition: background-color .5s ease
}

.highlights_selection .highlight_detail.top {
    top: -33px
}

.highlights_selection .highlight_detail.down {
    bottom: -33px
}

.highlights_selection span.highlight {
    color: #fff;
    display: block;
    max-width: 300px;
    line-height: 1em;
    border-radius: 4px;
    position: relative;
    border: 6px solid #fff;
    font-family: RobotoSlab-Bold;
    transition: all .5s ease;
    padding: 10px 20px 16px
}

.highlights_selection span.highlight:hover {
    cursor: pointer;
    color: #00577b;
    border: 6px solid #00577b;
    background-color: rgba(255, 255, 255, .7)
}

.focus_on_client,
.highlights_selection span.highlight.active .highlight_detail,
.highlights_selection span.highlight:hover .highlight_detail {
    background-color: #fff
}

.highlights_selection span.highlight.active {
    color: #00577b;
    font-family: RobotoSlab-Bold;
    background-color: #fff;
    border: 6px solid #00577b
}

.highlights_selection span.highlight[data-highlight-opt="0"] {
    width: 240px;
    font-size: 40px;
    text-align: center
}

.highlights_selection span.highlight[data-highlight-opt="1"] {
    top: -2px;
    left: 238px;
    width: 160px;
    font-size: 30px;
    text-align: center;
    position: relative
}

.highlights_selection span.highlight[data-highlight-opt="2"] {
    top: -4px;
    left: 31px;
    width: 210px;
    font-size: 30px;
    text-align: right;
    position: relative
}

.highlights_content .highlight_item[data-content-item="0"] img,
.highlights_content .highlight_item[data-content-item="2"] img {
    width: 100%;
    max-width: 500px
}

.highlights_frame {
    margin: 0
}

.highlights_content .highlight_item[data-content-item="0"],
.highlights_content .highlight_item[data-content-item="2"] {
    margin-top: 8vw
}

.highlights_content {
    padding-left: 20px;
    margin-left: 440px
}

.highlights_content .highlight_item {
    color: #fff;
    outline: 0!important
}

.highlights_content .highlight_item .title {
    font-size: 4vw;
    line-height: 1em;
    font-family: RobotoSlab-Bold
}

.highlights_content .highlight_item .description {
    font-size: 18px;
    padding-bottom: 6px
}

.highlights_content .highlight_item[data-content-item="1"] {
    margin-top: 0
}

.alsea_culture {
    padding: 0;
    display: none;
    margin: 0 auto;
    list-style: none;
    text-align: center
}

.alsea_culture li {
    margin-right: -15px;
    font-size: 12px;
    display: inline-block
}

.alsea_culture .letter {
    width: 9.6vw;
    height: 9.6vw;
    display: block;
    cursor: pointer;
    background-size: 100%
}

.alsea_culture .letter.a {
    background-image: url(/site/es/img/somos_alsea/cultura/boton_a_estra_01.svg)
}

.alsea_culture .letter.l {
    background-image: url(/site/es/img/somos_alsea/cultura/boton_a_estra_02.svg)
}

.alsea_culture .letter.s {
    background-image: url(/site/es/img/somos_alsea/cultura/boton_a_estra_03.svg)
}

.alsea_culture .letter.e {
    background-image: url(/site/es/img/somos_alsea/cultura/boton_a_estra_04.svg)
}

.alsea_culture .letter.aa {
    background-image: url(/site/es/img/somos_alsea/cultura/boton_a_estra_05.svg)
}

.culture_foot {
    margin: 0 auto 40px;
    font-size: 20px;
    line-height: 1.2em;
    max-width: 830px
}

.culture_point .title {
    font-size: 4vw;
    line-height: 1.2em;
    margin-bottom: 30px;
    font-family: RobotoSlab-Bold
}

.culture_point .description {
    font-size: 20px;
    line-height: 1em
}

.culture_slider {
    margin: 0 auto;
    max-width: 830px
}

.focus_on_client {
    color: texto_alsea
}

.focus_on_client .normal_text {
    color: #51849b
}

.focus_vin {
    margin-top: 20px;
    margin-bottom: 80px
}

.alsea_units {
    background-color: #0d6a8e
}

.alsea_units .legal_units {
    color: #fff;
    padding: 0 20px;
    font-size: 12px;
    max-width: 1200px;
    margin: 0 auto 60px
}

.country_selection {
    top: -40px;
    position: relative;
    text-align: center
}

.country_selection ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.country_selection li {
    padding: 0;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    font-family: RobotoSlab-Bold
}

.country_selection li.active span.country_icon {
    background-position: center bottom
}

.country_selection li:first-child {
    font-size: 20px;
    color: #71c4e7;
    padding-right: 20px;
    font-family: RobotoSlab-Regular
}

.country_selection li:first-child p {
    top: -60px;
    position: relative
}

.country_selection li[data-country-sel="0"] span.country_icon {
    background-image: url(/site/es/img/somos_alsea/unidades/mexico/boton_mapa_mexico.svg)
}

.country_selection li[data-country-sel="1"] span.country_icon {
    background-image: url(/site/es/img/somos_alsea/unidades/argentina/boton_mapa_argentina.svg)
}

.country_selection li[data-country-sel="2"] span.country_icon {
    background-image: url(/site/es/img/somos_alsea/unidades/brasil/boton_mapa_brasil.svg)
}

.country_selection li[data-country-sel="3"] span.country_icon {
    background-image: url(/site/es/img/somos_alsea/unidades/colombia/boton_mapa_colombia.svg)
}

.country_selection li[data-country-sel="4"] span.country_icon {
    background-image: url(/site/es/img/somos_alsea/unidades/chile/boton_mapa_chile.svg)
}

.country_selection li[data-country-sel="5"] span.country_icon {
    background-image: url(/site/es/img/somos_alsea/unidades/espanna/boton_mapa_espanna.svg)
}

.country_selection li[data-country-sel="6"] span.country_icon {
    background-image: url(/site/es/img/somos_alsea/unidades/uruguay/boton_mapa_uruguay.svg)
}

.country_selection li[data-country-sel="7"] span.country_icon {
    background-image: url(/site/es/img/somos_alsea/unidades/global/boton_mapa_global.svg)
}


.country_selection span.country_icon {
    width: 100px;
    height: 136px;
    display: block;
    cursor: pointer;
    background-position: center top
}

.country_selection span.country_icon:hover {
    cursor: pointer;
    background-position: center bottom
}

.overall_country {
    margin-top: 30px;
    padding-top: 6vw;
    position: relative
}

.overall_country .country_big_icon {
    top: 0;
    left: 0;
    width: 26vw;
    height: 14vw;
    display: block;
    position: absolute
}

.overall_country .country_qty {
    top: 0;
    left: 26vw;
    color: #fff;
    position: absolute
}

.overall_country p.number {
    font-size: 9vw;
    line-height: .8em;
    text-align: right;
    font-family: RobotoSlab-Bold
}

.overall_country p.concept {
    font-size: 3.2vw;
    text-align: right;
    line-height: .8em
}

.world_highlight {
    width: 20vw;
    height: 20vw;
    display: block
}

.single_count {
    padding-top: 30px
}

.single_count_table {
    width: 100%;
    display: table;
    margin-top: 5px;
    margin-bottom: 5px
}

.single_count_table .line {
    display: table-row
}

.single_count_table .img {
    width: 60%;
    display: table-cell
}

.single_count_table .img img {
    width: 80px
}

.single_count_table .number {
    width: 40%;
    color: #fff;
    font-size: 40px;
    line-height: 1em;
    text-align: right;
    display: table-cell;
    vertical-align: bottom;
    font-family: RobotoSlab-Bold
}

#qtySlider {
    top: -40px;
    position: relative
}

#qtySlider .item .country_big_icon,
#qtySlider .item .world_highlight {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

#qtySlider .item[data-country-item="0"] .country_big_icon {
    background-image: url(/site/es/img/somos_alsea/unidades/mexico/titulo_mapa_mexico.svg)
}

#qtySlider .item[data-country-item="0"] .world_highlight {
    background-image: url(/site/es/img/somos_alsea/unidades/mexico/mapa_mexico.png)
}

#qtySlider .item[data-country-item="1"] .country_big_icon {
    background-image: url(/site/es/img/somos_alsea/unidades/argentina/titulo_mapa_argentina.svg)
}

#qtySlider .item[data-country-item="1"] .world_highlight {
    background-image: url(/site/es/img/somos_alsea/unidades/argentina/mapa_argentina.png)
}

#qtySlider .item[data-country-item="2"] .country_big_icon {
    background-image: url(/site/es/img/somos_alsea/unidades/brasil/titulo_mapa_brasil.svg)
}

#qtySlider .item[data-country-item="2"] .world_highlight {
    background-image: url(/site/es/img/somos_alsea/unidades/brasil/mapa_brasil.png)
}

#qtySlider .item[data-country-item="3"] .country_big_icon {
    background-image: url(/site/es/img/somos_alsea/unidades/colombia/titulo_mapa_colombia.svg)
}

#qtySlider .item[data-country-item="3"] .world_highlight {
    background-image: url(/site/es/img/somos_alsea/unidades/colombia/mapa_colombia.png)
}

#qtySlider .item[data-country-item="4"] .country_big_icon {
    background-image: url(/site/es/img/somos_alsea/unidades/chile/titulo_mapa_chile.svg)
}

#qtySlider .item[data-country-item="4"] .world_highlight {
    background-image: url(/site/es/img/somos_alsea/unidades/chile/mapa_chile.png)
}

#qtySlider .item[data-country-item="5"] .country_big_icon {
    background-image: url(/site/es/img/somos_alsea/unidades/espanna/titulo_mapa_espanna.svg)
}

#qtySlider .item[data-country-item="5"] .world_highlight {
    background-image: url(/site/es/img/somos_alsea/unidades/espanna/mapa_espanna.png)
}

#qtySlider .item[data-country-item="6"] .country_big_icon {
    background-image: url(/site/es/img/somos_alsea/unidades/uruguay/titulo_mapa_uruguay.svg)
}

#qtySlider .item[data-country-item="6"] .world_highlight {
    background-image: url(/site/es/img/somos_alsea/unidades/uruguay/mapa_uruguay.png)
}

.alsea_history {
    height: 44vw;
    overflow: hidden;
    position: relative;
    padding-bottom: 60px;
    background-size: cover;
    background-color: #334b55;
    background-position: center
}

.alsea_history .fast_move {
    top: 50%;
    width: 80px;
    height: 80px;
    display: block;
    z-index: 999;
    opacity: .8;
    font-size: 40px;
    line-height: 70px;
    position: absolute;
    text-align: center;
    background-color: #71c4e7;
    transition: all .5s ease;
    transform: translateY(-50%);
    border: 4px solid #00577b
}

.alsea_history .begin_history {
    left: -40px;
    padding-left: 30px;
    border-radius: 0 6px 6px 0
}

.alsea_history .begin_history:hover {
    opacity: 1;
    left: -6px;
    cursor: pointer;
    padding-left: 0
}

.alsea_history .end_history {
    right: -40px;
    padding-right: 30px;
    border-radius: 6px 0 0 6px
}

#stepTimeline .year_square,
.botones_cambio li {
    border-radius: 6px;
    font-family: RobotoSlab-Bold
}

.alsea_history .end_history:hover {
    opacity: 1;
    right: -6px;
    cursor: pointer;
    padding-right: 0
}

.botones_cambio {
    text-align: center
}

.botones_cambio ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.botones_cambio li {
    padding: 8px 20px;
    display: inline-block;
    background-color: #fff;
    transition: all .5s ease
}

.botones_cambio li:hover {
    color: #fff;
    cursor: pointer;
    background-color: #00577b
}

.timeline_event {
    top: -50px;
    margin: 0 auto;
    max-width: 500px;
    position: relative
}

.timeline_event .brand_row img {
    width: 120px;
    margin-bottom: 10px
}

.timeline_event .year_container {
    text-align: right;
    position: relative;
    top: -70px
}

.timeline_event .event_year {
    font-size: 40px;
    line-height: 1em;
    padding: 6px 10px;
    display: inline-block;
    font-family: RobotoSlab-Bold;
    background-color: #4ab5e2;
    border-radius: 6px 6px 0 0;
    border-top: 6px solid #0c5070;
    border-left: 6px solid #0c5070;
    border-right: 6px solid #0c5070
}

.timeline_event .event_description {
    top: -70px;
    padding: 10px;
    font-size: 16px;
    position: relative;
    background-color: #fff;
    border: 6px solid #0c5070;
    border-radius: 6px 0 6px 6px
}

.timeline_event .event_description p {
    line-height: 1.2em
}

.timeline_event .event_description p:last-child {
    margin-bottom: 0
}

.timeline_event .event_description:after {
    content: '';
    width: 130px;
    height: 130px;
    display: block;
    bottom: -116px;
    right: -130px;
    position: absolute;
    background-size: contain;
    background-position: top left
}

.timeline_event[data-year="1990"] .event_description:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_1990.png)
}

.timeline_event[data-year="1992"] .event_description:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_1992.png)
}

.timeline_event[data-year="1995"] .event_description:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_1995.png)
}

.timeline_event[data-year="1999"] .event_description:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_1999.png)
}

.timeline_event[data-year="2002"] .event_description:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_2002.png)
}

.timeline_event[data-year="2004"] .event_description:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_2004.png)
}

.timeline_event[data-year="2005"] .event_description:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_2005.png)
}

.timeline_event[data-year="2006"] .event_description:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_2006.png)
}

.timeline_event[data-year="2007"] .event_description:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_2007.png)
}

.timeline_event[data-year="2008"] .event_description:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_2008.png)
}

.timeline_event[data-year="2009"] .event_description:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_2009.png)
}

.timeline_event[data-year="2010"] .event_description:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_2010.png)
}

.timeline_event[data-year="2011"] .event_description:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_2011.png)
}

.timeline_event[data-year="2012"] .event_description:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_2012.png)
}

.timeline_event[data-year="2013"] .event_description:after {
    content: none;
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_2013.png)
}

.timeline_event[data-year="2014"] .event_description:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_2014.png)
}

.timeline_event[data-year="2015"] .event_description:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_2015.png)
}

.timeline_event[data-year="2016"] .event_description:after {
    background-image: url(/site/es/img/somos_alsea/historia/icono_historia_2016.png)
}

#timelineDataSlider {
    top: -100px;
    position: relative
}

#timelineDataSlider .item {
    padding-top: 50px
}

#timelineDataSlider .item img {
    display: inline-block
}

#stepTimeline {
    left: 0;
    right: 0;
    bottom: 40px;
    position: absolute
}

#stepTimeline:hover {
    cursor: default
}

#stepTimeline .year_item {
    width: 25%;
    height: 120px;
    outline: 0;
    overflow: hidden;
    position: relative
}

#stepTimeline .year_item.no_line:after {
    content: none
}

#stepTimeline .year_item:after {
    top: 50%;
    content: '';
    width: 100%;
    height: 10px;
    z-index: 10;
    position: absolute;
    transform: translateY(-50%);
    background-repeat: repeat-x;
    background-position: center;
    background-image: url(/site/es/img/somos_alsea/historia/linea_historia.png)
}

#stepTimeline .year_item.active .year_square {
    top: 0;
    bottom: 0;
    width: 120px;
    height: 120px;
    color: #71c4e7;
    font-size: 30px;
    line-height: 110px;
    background-color: #fff
}

#stepTimeline .year_square {
    top: 20px;
    right: 0;
    bottom: 20px;
    width: 80px;
    height: 80px;
    z-index: 20;
    display: block;
    color: #71c4e7;
    font-size: 20px;
    line-height: 70px;
    text-align: center;
    position: absolute;
    border: 6px solid #71c4e7;
    background-color: #000;
    transition: background-color .5s ease, color .5s ease
}

#totalUnitsAccount .big_number p,
#totalUnitsAccount .big_units p {
    position: static
}

#stepTimeline .year_square:hover {
    color: #000;
    cursor: pointer;
    background-color: #71c4e7
}

#brandSelection,
body.marcas {
    background-color: #fff
}

#totalUnitsAccount {
    color: #fff;
    width: 30vw;
    text-align: right;
    padding-right: 30px;
    display: inline-block
}

#totalUnitsAccount .item:not(:first-child) {
    display: none
}

#totalUnitsAccount .big_number {
    font-size: 9vw;
    line-height: .8em;
    font-family: RobotoSlab-Bold
}

#totalUnitsAccount .big_units {
    font-size: 3vw;
    line-height: 1em
}

.fragmentation {
    color: #71c4e7;
    line-height: 1em;
    text-align: right
}

.fragmentation .subfranchise {
    margin-top: 18px
}

.fragmentation .corp_num,
.fragmentation .sub_num {
    font-size: 2.5vw;
    line-height: 1em;
    font-family: RobotoSlab-Bold
}

.fragmentation .corp_num p,
.fragmentation .sub_num p {
    margin-bottom: 6px
}

.fragmentation .corp_txt,
.fragmentation .sub_txt {
    font-size: 1.8vw;
    font-family: RobotoSlab-Light
}

@media (max-width:767px) {
    .world_highlight {
        width: 70vw;
        height: 70vw;
        display: block;
        margin: 0 auto
    }
    .overall_country .country_big_icon,
    .overall_country .country_qty {
        width: 50vw
    }
    .overall_country .country_big_icon {
        height: 26vw
    }
    .overall_country .country_qty {
        padding-top: 5vw
    }
    .overall_country p.number {
        font-size: 12vw
    }
    .overall_country p.concept {
        font-size: 5vw
    }
    .country_selection li:first-child {
        display: block;
        font-size: 20px;
        color: #71c4e7;
        padding-top: 40px;
        padding-right: 20px;
        font-family: RobotoSlab-Regular
    }
    .country_selection li:first-child p {
        top: -60px;
        position: static
    }
    #totalUnitsAccount {
        width: 40vw!important;
        padding-right: 0!important
    }
    #totalUnitsAccount .big_number {
        font-size: 14vw!important
    }
    #totalUnitsAccount .big_units {
        font-size: 6vw!important
    }
}

@media (min-width:1300px) {
    .fragmentation .corp_txt,
    .fragmentation .sub_txt {
        font-size: 18px
    }
    .fragmentation .corp_num,
    .fragmentation .sub_num {
        font-size: 28px
    }
    .single_count {
        max-width: 800px
    }
    .single_count_table {
        max-width: 300px
    }
}

@media (max-width:996px) {
    .highlights_selection {
        float: none;
        margin: 0 auto
    }
    .highlights_content {
        margin-left: 0;
        width: 100%;
        display: block;
        margin-top: 50px
    }
    .alsea_culture .letter {
        width: 16vw;
        height: 16vw
    }
}

@media (max-width:930px) {
    .country_selection span.country_icon {
        width: 80px;
        height: 91px;
        background-size: 84% auto
    }
    #totalUnitsAccount {
        width: 22vw
    }
    #totalUnitsAccount .big_number {
        font-size: 7vw
    }
}

@media (min-height:800px) {
    .alsea_history {
        height: 600px
    }
}

@media (min-width:769px) and (max-width:1300px) {
    .alsea_history {
        height: 70vw
    }
}

@media (max-width:768px) {
    .alsea_history {
        height: 90vw
    }
    .fragmentation .corp_num p,
    .fragmentation .sub_num p {
        font-size: 30px
    }
    .fragmentation .corp_txt,
    .fragmentation .sub_txt {
        font-size: 18px
    }
}

@media (max-width:680px) {
    .alsea_history {
        height: auto
    }
    .timeline_event {
        top: 20px
    }
    .timeline_event .brand_row {
        padding-left: 4%
    }
    .timeline_event .brand_row img {
        width: 80px;
        margin-bottom: 20px
    }
    .timeline_event .event_description {
        margin: 0 4% 0 6%
    }
    .timeline_event .event_description:after {
        content: none
    }
    .timeline_event .year_container {
        margin-right: 4%
    }
    #stepTimeline {
        bottom: 10px
    }
    #stepTimeline .year_item {
        height: 100px
    }
    #stepTimeline .year_item.active .year_square {
        top: 10px;
        bottom: 0;
        width: 80px;
        height: 80px;
        font-size: 20px;
        line-height: 70px
    }
    #stepTimeline .year_square {
        top: 20px;
        right: 0;
        bottom: 20px;
        width: 60px;
        height: 60px;
        font-size: 16px;
        line-height: 50px
    }
}

@media (max-width:580px) {
    #timelineDataSlider {
        top: -80px
    }
    #stepTimeline {
        bottom: 60px
    }
    .timeline_event .brand_row {
        padding-left: 10%
    }
    .timeline_event .year_container {
        margin-right: 12%
    }
    .timeline_event .event_year {
        font-size: 30px
    }
    .timeline_event .event_description {
        overflow: auto;
        max-height: 200px;
        margin: 0 12%
    }
    .timeline_event .brand_row img {
        width: 16vw
    }
}

@media (max-width:420px) {
    .highlights_selection span.highlight[data-highlight-opt="1"] {
        top: 0;
        left: 40vw
    }
    .highlights_selection span.highlight[data-highlight-opt="2"] {
        top: 0
    }
}

#brandSelection {
    margin: 0 auto;
    max-width: 1200px;
    min-height: 70vh
}

#brandSelection a {
    outline: 0!important
}

#brandSelection .brand {
    margin-top: 20px;
    text-align: center
}

#brandSelection .brand img {
    transition: transform .5s ease
}

#brandSelection .brand img:hover {
    transform: scale(1.2)
}

#brandInfo {
    min-height: 80vh;
    padding-bottom: 20px;
    background-size: cover;
    background-color: #09597a;
    background-position: center;
    background-repeat: no-repeat
}

#brandInfo[data-brand-name=dominos] {
    background-image: url(/site/es/img/marcas/fondos_dominos.jpg)
}

#brandInfo[data-brand-name=starbucks] {
    background-image: url(/site/es/img/marcas/fondos_starbucks.jpg)
}

#brandInfo[data-brand-name=burger_king] {
    background-image: url(/site/es/img/marcas/fondos_burgerking.jpg)
}

#brandInfo[data-brand-name=chilis] {
    background-image: url(/site/es/img/marcas/fondos_chilis.jpg)
}

#brandInfo[data-brand-name=california_pizza_kitchen] {
    background-image: url(/site/es/img/marcas/fondos_california.jpg)
}

#brandInfo[data-brand-name=the_cheesecake_factory] {
    background-image: url(/site/es/img/marcas/fondos_cheescake.jpg)
}

#brandInfo[data-brand-name=pf_changs] {
    background-image: url(/site/es/img/marcas/fondos_pfchangs.jpg)
}

#brandInfo[data-brand-name=italiannis] {
    background-image: url(/site/es/img/marcas/fondos_italinnis.jpg)
}

#brandInfo[data-brand-name=vips] {
    background-image: url(/site/es/img/marcas/fondos_vips.jpg)
}

#brandInfo[data-brand-name=el_porton] {
    background-image: url(/site/es/img/marcas/fondos_porton.jpg)
}

#brandInfo[data-brand-name=fosters_hollywood] {
    background-image: url(/site/es/img/marcas/fondos_fosters.jpg)
}

#brandInfo[data-brand-name=canas_y_tapas] {
    background-image: url(/site/es/img/marcas/fondos_cannasytapas.jpg)
}

#brandInfo[data-brand-name=lavaca] {
    background-image: url(/site/es/img/marcas/fondos_lavaca.jpg)
}

#brandInfo[data-brand-name=archies] {
    background-image: url(/site/es/img/marcas/fondos_archies.jpg)
}

#brandInfo .brand_container {
    margin: 0 auto;
    max-width: 1200px
}

#brandInfo .brand_logo {
    margin-bottom: 20px
}

#brandInfo .brand_logo img {
    left: -30px;
    max-width: 200px;
    position: relative
}

#brandInfo .brand_logo.tcf img {
    left: -10px
}

#brandInfo .brand_logo.archies img,
#brandInfo .brand_logo.ct img,
#brandInfo .brand_logo.lavaca img,
#brandInfo .brand_logo.pfc img {
    left: 0
}

#brandInfo .brand_slogan {
    color: #fff
}

#brandInfo .brand_slogan.single {
    padding-bottom: 10px
}

#brandInfo .large_text {
    font-size: 80px;
    margin-bottom: 0;
    line-height: 1.2em;
    font-family: RobotoSlab-Bold;
    text-shadow: 0 0 2px #000, 2px 2px 4px rgba(0, 0, 0, .8)
}

#brandInfo .small_text {
    font-size: 48px;
    line-height: 1em;
    text-shadow: 0 0 2px #000, 2px 2px 7px rgba(0, 0, 0, .7)
}

#brandInfo .of_footer,
#brandInfo .total_buildings {
    line-height: 1em;
    text-shadow: 0 0 2px rgba(0, 0, 0, .8), 2px 2px 4px rgba(0, 0, 0, .8)
}

#brandInfo .brand_description {
    padding: 10px;
    font-size: 18px;
    color: #00577b;
    border-radius: 6px;
    background-color: #fff;
    border: 6px solid #09597a
}

#brandInfo .brand_description p:last-child {
    margin-bottom: 0
}

#brandInfo .total_numeralia {
    color: #fff;
    text-align: right
}

#brandInfo .total_buildings {
    font-size: 100px;
    margin-bottom: -10px;
    font-family: RobotoSlab-Bold
}

#brandInfo .of_footer {
    margin-top: 0;
    font-size: 33px
}

#brandInfo .specific_numeralia {
    color: #fff;
    font-size: 22px;
    padding-top: 104px;
    font-family: RobotoSlab-Bold;
    text-shadow: 0 0 2px rgba(0, 0, 0, .4), 2px 2px 4px rgba(0, 0, 0, .4)
}

#brandInfo .specific_numeralia p {
    line-height: 1.2em
}

#brandInfo .specific_numeralia span.sp_num {
    font-size: 44px
}

#brandInfo .specific_numeralia .line {
    display: table-row
}

#brandInfo .specific_numeralia .cell {
    display: table-cell
}

#brandInfo .specific_numeralia .cell:nth-child(odd) {
    text-align: right
}

#brandInfo .specific_numeralia .cell:nth-child(2n) {
    text-align: left;
    padding-left: 10px
}

#brandInfo .living_balance {
    height: 87px;
    width: 180px;
    display: block;
    margin-top: 20px;
    background-position: top center;
    background-image: url(/site/es/img/marcas/boton_v_equilibrio.svg)
}

#brandInfo .living_balance:hover {
    background-position: bottom center
}

@media (min-width:1200px) {
    #brandSelection .brand img {
        max-width: 70%
    }
}

@media (max-width:991px) {
    #brandInfo .total_numeralia {
        text-align: left
    }
    #brandInfo .specific_numeralia {
        padding-top: 10px;
        padding-left: 4vw
    }
    #brandInfo .brand_slogan .large_text {
        line-height: .7em;
        margin-bottom: 10px
    }
    #brandInfo .brand_slogan .small_text {
        line-height: 1em
    }
}

#analystCoverage,
#codeEthic,
#executives,
#frequentQuestions,
#investorsContact {
    background-color: #b8d1db
}

body.codigo_etica,
body.inversionistas {
    background-color: #fff
}

body.codigo_etica #privacy_notice-error,
body.inversionistas #privacy_notice-error {
    color: #fff
}

body.codigo_etica .control_check input:checked:focus~.input_indicator,
body.codigo_etica .control_check input:checked~.input_indicator,
body.codigo_etica .control_check:hover input:not([disabled]):checked~.input_indicator,
body.inversionistas .control_check input:checked:focus~.input_indicator,
body.inversionistas .control_check input:checked~.input_indicator,
body.inversionistas .control_check:hover input:not([disabled]):checked~.input_indicator {
    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-image: url(/site/es/img/general/check_2.png)
}

body.codigo_etica .section_title,
body.inversionistas .section_title {
    background-color: #d1dbe5
}

body.codigo_etica .mp_accordion,
body.inversionistas .mp_accordion {
    max-width: 100%
}

body.codigo_etica .horizontal_tab,
body.inversionistas .horizontal_tab {
    padding-right: 30px
}

body.codigo_etica .horizontal_tab li.active,
body.inversionistas .horizontal_tab li.active {
    background-color: #fff
}

body.codigo_etica .horizontal_tab li:hover,
body.inversionistas .horizontal_tab li:hover {
    background-color: rgba(255, 255, 255, .5)
}

body.codigo_etica .horizontal_tab .tab_content,
body.inversionistas .horizontal_tab .tab_content {
    background-color: #fff
}

body.codigo_etica .horizontal_tab .single_download_list,
body.inversionistas .horizontal_tab .single_download_list {
    margin-top: 40px;
    margin-bottom: 0
}

body.codigo_etica p.inversionistas_page_debug,
body.inversionistas p.inversionistas_page_debug {
    color: #fff;
    font-size: 8px;
    text-align: right
}

body.codigo_etica .horizontal_tab .tab_selection,
body.inversionistas .horizontal_tab .tab_selection {
    background-color: #b8d1db
}

.investor_message_cypher {
    padding: 40px;
    background-size: cover;
    background-position: center;
    background-image: url(/site/es/img/inversionistas/back_inversionistas01.jpg)
}

.analyst_email:after,
.analyst_phone:after,
.checkout_our_code .download_code,
.investors_btn {
    background-size: contain;
    background-repeat: no-repeat
}

.investor_message_cypher .cypher_container {
    margin: 0 auto;
    max-width: 1200px;
    position: relative
}

.investor_message_cypher .global_cypher {
    text-align: right
}

.investor_message_cypher .globe_icon {
    width: 80px;
    max-width: 80px;
    display: inline-block
}

.investor_message_cypher .global_units {
    color: #fff;
    font-size: 90px;
    line-height: .7em;
    display: inline-block;
    font-family: RobotoSlab-Bold
}

.investor_message_cypher .number {
    text-align: left;
    padding-top: 10px;
    padding-left: 10px
}

.investor_message_cypher .units_legend {
    font-size: 45px;
    text-align: left;
    padding-left: 10px;
    font-family: RobotoSlab-Regular
}

.investor_message_cypher .tab {
    float: right;
    display: table
}

.investor_message_cypher .line {
    display: table-row
}

.investor_message_cypher .cell {
    display: table-cell
}

.investor_message_cypher .cell:first-child {
    vertical-align: top
}

.investor_message_cypher .message {
    color: #fff;
    font-size: 45px;
    max-width: 900px;
    padding-left: 8vw;
    line-height: 1.2em;
    text-shadow: 1px 1px 2px #000
}

.investor_message_cypher .more_details {
    display: inline-block
}

.investor_message_cypher .action_price {
    right: 0;
    bottom: 0;
    position: absolute
}

.investor_message_cypher .action_price .head {
    color: #fff;
    font-size: 20px;
    text-align: right
}

.investor_message_cypher .action_price .actual_value {
    font-size: 40px;
    padding: 2px 8px;
    margin: 0;
    border-radius: 6px;
    font-family: RobotoSlab-Bold;
    background-color: #fff;
    border: 6px solid #00577b
}

.investor_message_cypher .action_price .action_detail {
    width: 50px;
    height: 50px;
    bottom: -6px;
    font-size: 40px;
    line-height: 36px;
    border-radius: 6px;
    text-align: center;
    margin-left: 16px;
    position: relative;
    display: inline-block;
    font-family: RobotoSlab-Bold;
    background-color: #fff;
    transition: all .5s ease;
    border: 6px solid #00577b
}

.investor_message_cypher .action_price .action_detail:hover {
    color: #fff;
    text-decoration: none;
    background-color: #00577b
}

.reports_center {
    background-color: #b8d1db
}

.graphic_results .graphic_item {
    height: 22vw;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px
}

.graphic_results .graphic_item p:last-child {
    margin-bottom: 0
}

.graphic_results .text_part {
    width: 52%;
    margin-right: 38%
}

.graphic_results .graphic_part {
    top: 0;
    right: 0;
    width: 48%;
    position: absolute
}

.graphic_results .annual_growth {
    display: table
}

.graphic_results .title {
    font-size: 30px;
    margin-top: 20px;
    text-align: center;
    line-height: 1em
}

.graphic_results .growth_ico {
    width: 38px;
    display: table-cell;
    vertical-align: bottom
}

.graphic_results .growth_ico.up {
    transform: rotate(0)
}

.graphic_results .growth_ico.down img {
    transform: rotate(180deg)
}

.graphic_results .growth_ico img {
    width: 100%;
    max-width: 38px;
    margin-bottom: 22px
}

.graphic_results .percentage_value {
    font-size: 36px;
    font-family: RobotoSlab-Bold
}

.graphic_results .annual_percentage {
    color: #b8d1db;
    font-size: 60px;
    line-height: .8em;
    text-align: right;
    display: table-cell;
    padding-left: 10px;
    vertical-align: bottom;
    font-family: RobotoSlab-Bold
}

.graphic_results .annual_percentage p {
    margin-bottom: 0
}

.graphic_results .entry {
    font-size: 15px;
    margin-top: 6px;
    line-height: 1em;
    color: #00577b;
    font-family: RobotoSlab-Regular
}

.graphic_results .tacc {
    max-width: 190px;
    padding: 15px 8px;
    border-radius: 2px;
    margin: 10px auto 0;
    border: 4px solid #00577b
}

.graphic_results .tacc p:last-child {
    margin-bottom: 0
}

.graphic_results .tacc_percentage {
    display: table;
    margin: 0 auto
}

.graphic_results .growth_ico_small,
.graphic_results .percentage_value {
    display: table-cell;
    vertical-align: bottom
}

.graphic_results .tacc_footer {
    text-align: center
}

.graphic_results .growth_ico_small.up {
    transform: rotate(0)
}

.graphic_results .growth_ico_small.down {
    transform: rotate(180deg)
}

.graphic_results .growth_ico_small img {
    width: 20px;
    margin-right: 5px
}

.graphic_results .percentage_value {
    line-height: .8em
}

.intro_options_rack {
    padding-top: 20px
}

.intro_options_rack a:not(:first-child) {
    margin-left: 20px
}

.investors_btn {
    width: 80px;
    height: 80px;
    display: inline-block;
    background-position: top center
}

.investors_btn:hover {
    cursor: pointer
}

.investors_btn.video {
    background-image: url(/site/es/img/inversionistas/icon_inversionistas04.svg)
}

.investors_btn.message {
    background-image: url(/site/es/img/inversionistas/icon_inversionistas03.svg)
}

#symbologyAndNotes {
    margin-bottom: 70px
}

.year_colour ul {
    list-style: none
}

.year_colour .colour {
    width: 24px;
    height: 24px;
    background-color: #d3d3d3;
    display: inline-block
}

.year_colour .colour.carbon {
    background-color: #788591
}

.year_colour .colour.orange {
    background-color: #b8d1db
}

.year_colour span.year {
    top: -6px;
    line-height: 26px;
    position: relative;
    margin-left: 10px;
    font-family: RobotoSlab-Bold
}

.closures p {
    font-size: 14px;
    margin-bottom: 0
}

.executives_row {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    margin-bottom: 40px
}

.executives_row .pop_square_trigger {
    width: 17%;
    max-width: 17%;
    cursor: pointer;
    border-radius: 6px;
    display: inline-block;
    align-self: flex-start;
    box-sizing: border-box;
    background-color: #d1dbe5;
    margin: 0 1.5% 2vw;
    border: 6px solid #00577b;
    padding: 20px 10px 40px;
    transition: background-color .5s ease, min-height .5s ease
}

.executives_row .pop_square_trigger:hover {
    background-color: #fff
}

.executives_row .analyst_name,
.executives_row .executive_name {
    font-size: 20px;
    line-height: 1.2em;
    font-family: RobotoSlab-Bold
}

.corporate_governance_intro {
    padding: 20px;
    margin: 0 auto;
    font-size: 20px;
    max-width: 600px;
    line-height: 1.2em;
    border-radius: 6px;
    background-color: #d1dbe5;
    border: 6px solid #00577b
}

#committeesContainer,
#releases,
.analyst_decision {
    background-color: #b8d1db
}

.corporate_governance_intro p:last-child {
    margin-bottom: 0
}

.corporate_governance_after_intro {
    margin: 40px auto;
    max-width: 600px
}

.corporate_governance_after_intro p:last-child {
    margin-bottom: 0
}

.single_download_list {
    margin: 0 auto 40px;
    max-width: 600px
}

.single_download_list.date .file_name {
    line-height: 1em
}

.single_download_list.date .file_name p:first-child {
    margin-bottom: 5px
}

#committeesContainer p:last-child,
.single_download_list .file_link p:last-child,
.single_download_list .file_name p:last-child {
    margin-bottom: 0
}

.single_download_list.date .file_name .date {
    font-size: 14px;
    font-family: RobotoSlab-Regular
}

.single_download_list .download_item {
    width: 100%;
    display: table
}

.single_download_list .download_line {
    display: table-row
}

.single_download_list .file_name {
    display: table-cell;
    vertical-align: middle;
    font-family: RobotoSlab-Bold;
    padding-bottom: 20px
}

.single_download_list .file_link {
    font-size: 26px;
    text-align: right;
    padding-left: 20px;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 20px;
    transition: color .5s ease
}

.mp_accordion.board_directors .item .content,
.mp_accordion.board_directors_single .item .content,
.mp_accordion.general_assembly_documents .item .content,
.mp_accordion.independent_directors .item .content,
.mp_accordion.secretary .item .content {
    transition: border-bottom .5s ease
}

.single_download_list .file_link a {
    color: inherit;
    text-decoration: none
}

.single_download_list .file_link:hover {
    color: #b8d1db;
    cursor: pointer
}

#corporateInstitutionalization {
    background-image: url(/site/es/img/inversionistas/back_inversionistas02.jpg)
}

#committeesContainer {
    padding-top: 50px
}

.mp_accordion.general_assembly_documents .year_head {
    font-size: 18px;
    font-family: RobotoSlab-Bold
}

.mp_accordion.general_assembly_documents .single_download_list {
    margin-top: 0!important;
    padding-left: 10px
}

.mp_accordion.general_assembly_documents .item .header {
    font-size: 16px;
    padding: 4px 12px 4px 0;
    font-family: RobotoSlab-Bold;
    border-bottom: 1px solid #b8d1db
}

.mp_accordion.general_assembly_documents .item.active .header {
    color: #00577b;
    padding: 4px 12px 4px 0;
    border-bottom-color: transparent
}

.mp_accordion.general_assembly_documents .item.active .content {
    border-bottom: 1px solid #b8d1db
}

.mp_accordion.board_directors .item .header,
.mp_accordion.board_directors_single .item .header,
.mp_accordion.independent_directors .item .header,
.mp_accordion.secretary .item .header {
    font-size: 20px;
    padding: 4px 12px;
    border-bottom: 1px solid #b8d1db
}

#brandsFrame .brand img,
#managementStages .item_description,
.go_to_careers,
.go_to_careers_logo,
.link_click_anim .pencil {
    transition: all .5s ease
}

.mp_accordion.board_directors .item.active .header,
.mp_accordion.board_directors_single .item.active .header,
.mp_accordion.independent_directors .item.active .header,
.mp_accordion.secretary .item.active .header {
    color: #00577b;
    border-bottom-color: transparent
}

.mp_accordion.board_directors .item.active .content,
.mp_accordion.board_directors_single .item.active .content,
.mp_accordion.independent_directors .item.active .content,
.mp_accordion.secretary .item.active .content {
    border-bottom: 1px solid #b8d1db
}

.corporate_practices_committee .person {
    margin-bottom: 10px
}

.analyst_decision .po,
.analyst_decision p:last-child,
.analyst_email p:last-child,
.analyst_manager p:last-child,
.analyst_phone p:last-child,
.ceo_signature .name,
.corporate_practices_committee .person .name,
.director_signature .name {
    margin-bottom: 0
}

.corporate_practices_committee .person .job {
    font-family: RobotoSlab-Bold
}

.mp_accordion.board_directors_single,
.mp_accordion.independent_directors,
.mp_accordion.secretary {
    margin-top: 14px
}

.mp_accordion.board_directors_single .content,
.mp_accordion.independent_directors .content,
.mp_accordion.secretary .content {
    padding-bottom: 0!important
}

.mp_accordion.board_directors_single .director_name,
.mp_accordion.independent_directors .director_name,
.mp_accordion.secretary .director_name {
    font-size: 16px;
    margin-bottom: 0
}

.mp_accordion.board_directors_single .board_place,
.mp_accordion.independent_directors .board_place,
.mp_accordion.secretary .board_place {
    font-size: 16px;
    font-family: RobotoSlab-Bold
}

.mp_accordion.board_directors_single .since_by,
.mp_accordion.independent_directors .since_by,
.mp_accordion.secretary .since_by {
    margin-top: 10px
}

.analyst_info {
    padding-top: 30px
}

.analyst_decision {
    padding: 10px;
    border-radius: 6px;
    display: inline-block;
    border: 6px solid #00577b
}

.analyst_decision .po {
    font-size: 20px;
    font-family: RobotoSlab-Bold
}

.analyst_decision .date {
    font-size: 20px
}

.analyst_manager {
    font-size: 20px;
    margin-top: 20px;
    font-family: RobotoSlab-Bold
}

.analyst_email,
.analyst_phone {
    margin-top: 18px;
    font-size: 20px;
    padding: 6px 10px;
    border-radius: 6px;
    position: relative;
    display: inline-block;
    font-family: RobotoSlab-Bold;
    border: 6px solid #00577b
}

.analyst_email a,
.analyst_phone a {
    color: inherit;
    text-decoration: none
}

.analyst_email:after,
.analyst_phone:after {
    content: '';
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    background-position: center
}

.analyst_phone:after {
    top: -85px;
    right: -100px;
    background-image: url(/site/es/img/inversionistas/icono_inver_cob_analistas03.svg)
}

.analyst_email:after {
    top: 25px;
    right: -100px;
    background-image: url(/site/es/img/inversionistas/icono_inver_cob_analistas04.svg)
}

.ceo_signature,
.director_signature {
    margin-top: 20px
}

.ceo_signature .name,
.director_signature .name {
    font-size: 20px;
    font-family: RobotoSlab-Bold
}

.ceo_signature .job,
.director_signature .job {
    font-size: 20px;
    margin-top: 0
}

.checkout_our_code {
    margin-top: 80px;
    position: relative;
    border-radius: 6px;
    margin-bottom: 60px;
    display: inline-block;
    background-color: #fff;
    padding: 6px 20px 6px 6px;
    border: 6px solid #00577b
}

.checkout_our_code p:last-child {
    margin-bottom: 0
}

.checkout_our_code p {
    line-height: 1em;
    font-size: 26px
}

.checkout_our_code p:first-child {
    font-size: 24px;
    font-family: RobotoSlab-Bold
}

.checkout_our_code .download_code {
    top: -68px;
    right: -80px;
    width: 80px;
    height: 68px;
    display: block;
    position: absolute;
    background-position: center;
    background-image: url(/site/es/img/inversionistas/icon_inversionistas08.svg)
}

.careers_frame,
.go_to_careers,
.go_to_careers_logo {
    display: inline-block;
    text-decoration: none
}

.careers_frame {
    position: relative;
    margin-left: 55px;
    margin-top: 30px;
    padding-left: 117px
}

.go_to_careers {
    font-size: 24px;
    padding: 10px 20px;
    border-radius: 6px;
    margin-right: 60px;
    margin-bottom: 100px;
    border: 6px solid #00577b;
    background-color: transparent
}

.go_to_careers:hover {
    cursor: pointer;
    text-decoration: none;
    background-color: #fff
}

.go_to_careers:hover .link_click_anim .pencil {
    top: 0;
    left: 0
}

.go_to_careers_logo {
    font-size: 100px;
    margin-top: 40px
}

.go_to_careers_logo:hover {
    text-decoration: none;
    transform: scale(1.2)
}

#brandsFrame .brand img:hover {
    transform: scale(1.2)
}

.link_click_anim {
    top: 60px;
    right: 5px;
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    background-size: cover;
    background-image: url(/site/es/img/hazcarrera/boton_haz_carrera_cuadro.png)
}

.link_click_anim .pencil {
    top: 10px;
    left: 10px;
    width: 60px;
    position: relative
}

.link_click_anim:hover {
    cursor: pointer
}

.link_click_anim:hover .pencil {
    top: -10px;
    left: -10px
}

.legal_ind_frame {
    margin-top: 40px;
    padding-left: 163px;
    text-align: center
}

.leg_glo {
    border-radius: 6px;
    border: 6px solid #00577b;
    text-align: justify;
    max-width: 546px;
    margin: 0 auto 40px;
    padding: 10px
}

.haz_carrera_aplica {
    top: -117px;
    right: -102px;
    width: 100px;
    height: 116px;
    display: block;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/site/es/img/hazcarrera/boton_haz_carrera_aplica.png)
}

#frequentQuestionsBG {
    background-image: url(/site/es/img/inversionistas/back_inversionistas04.jpg)
}

#frequentQuestions .mp_accordion {
    max-width: 800px;
    margin: 40px auto
}

#frequentQuestions .mp_accordion .item .header {
    padding: 10px 30px 10px 10px;
    font-size: 18px;
    font-family: RobotoSlab-Bold
}

@media (min-width:1400px) {
    .graphic_results .graphic_item {
        height: 220px
    }
}

@media (min-width:1250px) and (max-width:1366px) {
    .graphic_results .graphic_item {
        height: 16vw
    }
}

@media (max-width:1200px) {
    .executives_row .pop_square_trigger {
        width: 22%;
        max-width: 22%
    }
}

@media (min-width:992px) and (max-width:1600px) {
    .graphic_results .annual_percentage {
        font-size: 40px
    }
    .graphic_results .title {
        font-size: 20px
    }
    .graphic_results .text_part {
        padding-right: 10px
    }
}

@media (max-width:991px) {
    .investor_message_cypher .message {
        padding-left: 0;
        max-width: 800px
    }
    .executives_row .pop_square_trigger {
        width: 47%;
        max-width: 47%
    }
}

@media (max-width:767px) {
    body.inversionistas .horizontal_tab {
        padding-right: 0
    }
}

@media (max-width:690px) {
    .investor_message_cypher .tab {
        float: none
    }
    .investor_message_cypher .global_units {
        font-size: 50px
    }
    .investor_message_cypher .message,
    .investor_message_cypher .units_legend {
        font-size: 30px
    }
    .investor_message_cypher .globe_icon {
        width: 60px;
        max-width: 60px
    }
    .investor_message_cypher .action_price {
        right: 0;
        bottom: 0;
        position: static;
        text-align: right
    }
    .investor_message_cypher .action_price .actual_value {
        display: inline-block
    }
    .graphic_results .title {
        font-size: 26px;
        margin-top: 0;
        margin-bottom: 10px
    }
    .graphic_results .annual_percentage {
        font-size: 60px;
        text-align: center
    }
    .graphic_results .graphic_item {
        height: auto
    }
    .graphic_results .annual_growth {
        margin: 0 auto
    }
    .graphic_results .text_part {
        width: 100%
    }
    .graphic_results .graphic_part {
        width: 100%;
        position: static
    }
    .graphic_results .bar_chart {
        width: 100%!important
    }
    .graphic_results .entry {
        font-size: 20px
    }
    .graphic_results .tacc {
        max-width: 85%
    }
}

@media (min-width:675px) and (max-width:767px) {
    .analyst_email,
    .analyst_phone {
        display: block
    }
    .analyst_email:after,
    .analyst_phone:after {
        content: none
    }
    .investor_pop .pop_content.analyst {
        height: auto;
        max-height: none
    }
}

@media (max-width:480px) {
    .executives_row .pop_square_trigger {
        width: 97%;
        max-width: 97%
    }
    .investor_message_cypher .action_price .actual_value {
        font-size: 30px
    }
}

body.sustentabilidad {
    background-color: #4bb87a
}

body.sustentabilidad .section_title {
    background-color: #a2d4b2
}

body.informes_anuales #privacy_notice-error {
    color: #fff
}

body.informes_anuales .control_check input:checked:focus~.input_indicator,
body.informes_anuales .control_check input:checked~.input_indicator,
body.informes_anuales .control_check:hover input:not([disabled]):checked~.input_indicator {
    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-image: url(/site/es/img/general/check_2.png)
}

#introSustentabilidad {
    color: #fff;
    padding: 60px 0;
    background-color: #000;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/site/es/img/sustentabilidad/landing/back_sust_landing01.jpg)
}

#introSustentabilidad a {
    color: inherit
}

#introSustentabilidad .numeralia {
    display: inline-block
}

#introSustentabilidad .head {
    font-size: 6.6vw;
    line-height: 1em;
    font-family: RobotoSlab-Bold
}

#introSustentabilidad .sub {
    top: -3.5vw;
    font-size: 4.5vw;
    text-align: right;
    position: relative;
    padding-right: 20px;
    font-family: RobotoSlab-Bold
}

#introSustentabilidad .fundacion_alsea_logo {
    top: 2.8vw;
    height: 9.5vw;
    width: 15.5vw;
    position: relative;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/site/es/img/logos_marcas/logo_fundacion_alsea_calado-01.svg)
}

#introSustentabilidad .sustentability_txt {
    font-size: 4vw;
    line-height: 1.1em
}

#introSustentabilidad .details_row {
    top: -2vw;
    position: relative;
    text-align: right
}

#introSustentabilidad .details_row a {
    text-decoration: none
}

#introSustentabilidad .more_details {
    color: #09597a;
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 40px;
    line-height: 36px;
    text-align: center;
    border-radius: 6px;
    background-color: #fff;
    font-family: RobotoSlab-Bold;
    border: 6px solid #09597a;
    transition: all .5s ease
}

#introSustentabilidad .sust_icon,
#managementStages .item_icon,
#vaPorMiCuenta .vpmc_video_btn {
    display: block;
    background-size: cover;
    background-repeat: no-repeat
}

#introSustentabilidad .more_details:hover {
    color: #fff;
    background-color: #09597a
}

#introSustentabilidad .sust_icon {
    width: 80px;
    height: 80px;
    background-position: top center;
    background-image: url(/site/es/img/sustentabilidad/landing/boton_sust_documento.svg)
}

#introSustentabilidad .sust_icon:hover {
    cursor: pointer;
    background-position: bottom center
}

/* #managementStages */
#managementStages {
    margin-top: 30px
}

#managementStages .item[data-management-item="0"] .item_icon {
    background-image: url(/site/es/img/sustentabilidad/landing/boton_sust_gestion_01.svg)
}

#managementStages .item[data-management-item="1"] .item_icon {
    background-image: url(/site/es/img/sustentabilidad/landing/boton_sust_gestion_02.svg)
}

#managementStages .item[data-management-item="2"] .item_icon {
    background-image: url(/site/es/img/sustentabilidad/landing/boton_sust_gestion_03.svg)
}

#managementStages .item[data-management-item="3"] .item_icon {
    background-image: url(/site/es/img/sustentabilidad/landing/boton_sust_gestion_04.svg)
}

#managementStages .item.active .item_name {
    color: #4bb87a
}

#managementStages .item.active .item_description {
    opacity: 1
}

#managementStages .item.active .item_icon {
    background-position: bottom center
}

#managementStages .item_icon {
    width: 10vw;
    height: 8.9vw;
    cursor: pointer;
    margin-bottom: 20px;
    background-color: transparent;
    background-position: top center
}

#managementStages .item_name {
    font-size: 20px;
    margin-bottom: 10px
}

#managementStages .item_description {
    opacity: 0;
    font-size: 18px
}
/* #managementStages */

#vaPorMiCuenta {
    min-height: 20vw;
    background-size: cover;
    background-position: center;
    background-image: url(/site/es/img/sustentabilidad/landing/back_sust_landing02.jpg)
}

#vaPorMiCuenta .vpmc_container {
    position: relative
}

#vaPorMiCuenta .vpmc_video_btn {
    top: -66px;
    right: -58px;
    width: 80px;
    height: 68px;
    position: absolute;
    background-position: top center;
    background-image: url(/site/es/img/sustentabilidad/landing/boton_sust_video.svg)
}

.meals_served .total,
.nutrition {
    position: relative;
    display: inline-block
}

#vaPorMiCuenta .vpmc_video_btn:hover {
    cursor: pointer;
    background-position: bottom center
}

#vaPorMiCuenta .vpmc_numeralia {
    padding: 2px 10px;
    border-radius: 6px;
    display: inline-block;
    background-color: #fff;
    border: 6px solid #09597a
}

#vaPorMiCuenta .vpmc_numeralia .qty {
    margin: 5px 0;
    font-size: 8vw;
    line-height: 1em;
    font-family: RobotoSlab-Bold
}

#vaPorMiCuenta .vpmc_numeralia .foot {
    font-size: 20px;
    text-align: right
}

.vpmc_description {
    color: inherit;
    font-size: 18px;
    padding: 40px 0 60px;
    background-color: #fff
}

.meals_served {
    padding-right: 14vw
}

.meals_served .total {
    color: #00577b;
    padding: 2px 15px;
    border-radius: 6px;
    margin-bottom: 60px;
    margin-right: 130px;
    background-color: #fff;
    border: 6px solid #09597a
}

.meals_served .total:after {
    content: '';
    width: 130px;
    right: -131px;
    height: 160px;
    bottom: -74px;
    display: block;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/site/es/img/sustentabilidad/landing/icono_vaxmicuenta_num.svg)
}

.meals_served .total .qty {
    margin: 0;
    font-size: 6vw;
    line-height: 1em;
    font-family: RobotoSlab-Bold
}

.meals_served .total .foot {
    line-height: 1em;
    margin-top: 10px;
    text-align: right;
    font-size: 20px
}

.beneficiary_families {
    top: 2.2vw;
    right: 0;
    color: #00577b;
    position: absolute;
    display: inline-block
}

#environmentSlider .item,
#sustInfo {
    position: relative
}

.beneficiary_families .qty {
    margin: 0;
    font-size: 5vw;
    line-height: 1em;
    font-family: RobotoSlab-Bold
}

.beneficiary_families .foot {
    font-size: 20px;
    line-height: 1em;
    text-align: right;
    font-family: RobotoSlab-Bold
}

#environmentRest p,
#environmentSlider .environment_points .point {
    line-height: 1.2em;
    background-color: #fff;
    font-family: RobotoSlab-Bold
}

#sustInfo {
    font-size: 18px;
    background: #fff;
    text-align: left;
    max-width: 600px;
    margin: 40px auto;
    padding: 20px 30px
}

.commitments_col {
    margin-bottom: 60px
}

.commitments_col .commitment_ico {
    width: 100%;
    max-width: 140px
}

.commitments_col .commitment_title {
    font-size: 20px;
    margin-top: 60px;
    font-family: RobotoSlab-Bold
}

.commitments_col .commitment_description {
    color: #fff;
    font-size: 16px
}

.commitments_col .commitment_doc {
    margin-top: 40px
}

.commitments_col .commitment_link {
    display: block;
    width: 70px;
    height: 57px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-image: url(/site/es/img/sustentabilidad/compromiso/boton_sust_compromiso_pdf.svg)
}

.commitments_col .commitment_link:hover {
    cursor: pointer;
    background-position: top center
}

.commitments_col .doc_name {
    font-size: 16px;
    margin-top: 8px;
    font-family: RobotoSlab-Bold
}

.environment_intro {
    color: #fff
}

#environmentSlideSelection {
    margin-bottom: 20px
}

#environmentSlideSelection .environment_type {
    top: 0;
    display: block;
    width: 110px;
    height: 96px;
    position: relative;
    background-size: cover;
    transition: height 0s ease, top 0s ease;
    background-position: top center
}

#environmentSlideSelection .environment_type.energia {
    background-image: url(/site/es/img/sustentabilidad/ambiental/boton_sust_ambiental01.svg)
}

#environmentSlideSelection .environment_type.agua {
    background-image: url(/site/es/img/sustentabilidad/ambiental/boton_sust_ambiental02.svg)
}

#environmentSlideSelection .environment_type.residuos {
    background-image: url(/site/es/img/sustentabilidad/ambiental/boton_sust_ambiental03.svg)
}

#environmentSlideSelection .environment_type.insumos {
    background-image: url(/site/es/img/sustentabilidad/ambiental/boton_sust_ambiental04.svg)
}

#environmentSlideSelection .environment_type.active,
#environmentSlideSelection .environment_type:hover {
    top: 1px;
    height: 94px;
    cursor: pointer;
    margin-bottom: 12px;
    background-position: bottom center
}

#environmentSlideSelection .environment_name {
    font-size: 20px;
    margin-top: 10px;
    transition: top .5s ease
}

#environmentSlider .environment_icon {
    top: 0;
    left: 0;
    max-width: 100px;
    position: absolute
}

#environmentSlider .environment_title {
    top: 40px;
    left: 120px;
    font-size: 22px;
    position: absolute;
    font-family: RobotoSlab-Bold
}

#environmentSlider .environment_description {
    margin-top: 92px;
    margin-left: 94px;
    border-radius: 6px;
    margin-bottom: 60px;
    background-color: #fff;
    padding: 6px 10px 0;
    border: 6px solid #00577b
}

#environmentSlider .environment_points {
    -webkit-flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    align-items: center
}

#environmentSlider .environment_points .point {
    -webkit-flex: none;
    flex: none;
    max-width: 180px;
    border-radius: 6px;
    text-align: center;
    padding: 10px 20px;
    border: 6px solid #09597a
}

#environmentSlider .environment_points .point p:last-child {
    margin-bottom: 0
}

#environmentSlider .environment_points .point:not(:first-child) {
    margin-left: 6vw;
    position: relative
}

#environmentSlider .environment_points .point:not(:first-child):before {
    top: 50%;
    left: -6.3vw;
    width: 6vw;
    height: 8px;
    content: '';
    position: absolute;
    background-size: 100px;
    transform: translateY(-50%);
    background-repeat: repeat-x;
    background-image: url(/site/es/img/sustentabilidad/ambiental/icono_sust_ambiental07.svg)
}

#environmentSlider .environment_points.overload .point {
    margin-bottom: 20px
}

#environmentSlider .environment_points.overload .point:not(:first-child) {
    margin-left: 4vw;
    position: relative
}

#environmentSlider .environment_points.overload .point:not(:first-child):before {
    width: 4vw;
    left: -4.3vw
}

#environmentSlider .goal_text {
    left: 7%;
    top: 90px;
    font-size: 38px;
    color: #00577b;
    position: absolute;
    font-family: RobotoSlab-Bold
}

#environmentSlider .environment_goal {
    color: #fff;
    font-size: 26px;
    margin-top: 50px;
    position: relative;
    margin-bottom: 60px
}

#environmentSlider .environment_goal .frame_text {
    max-width: 60%;
    margin-left: 40%;
    padding: 4px 10px;
    border-radius: 6px;
    margin-bottom: 140px;
    position: relative;
    border: 6px solid #00577b
}

#environmentRest p:last-child,
#environmentSlider .environment_goal p:last-child {
    margin-bottom: 0
}

#environmentRest p:after,
#environmentSlider .environment_goal .frame_text:after,
#environmentSlider .environment_goal .frame_text:before {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    content: ''
}

#environmentSlider .environment_goal .frame_text:before {
    top: 30px;
    left: -50%;
    width: 50%;
    height: 48%;
    background-size: contain;
    background-image: url(/site/es/img/sustentabilidad/ambiental/icono_sust_ambiental06.svg)
}

#environmentSlider .environment_goal .frame_text:after {
    left: -107px;
    bottom: -107px;
    width: 105px;
    height: 105px;
    background-image: url(/site/es/img/sustentabilidad/ambiental/icono_sust_ambiental05.svg)
}

#environmentRest {
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-image: url(/site/es/img/sustentabilidad/ambiental/fondo_sust_ambiental.jpg)
}

#environmentRest p {
    padding: 14px;
    font-size: 34px;
    color: #00577b;
    text-align: right;
    border-radius: 6px;
    margin-top: 280px;
    position: relative;
    border: 6px solid #00577b
}

#environmentRest p:after {
    height: 120px;
    width: 120px;
    right: -120px;
    top: -120px;
    background-position: bottom center;
    background-image: url(/site/es/img/sustentabilidad/ambiental/icono_sust_ambiental08.svg)
}

.environment_numeralia {
    color: #fff;
    margin-top: 60px;
    margin-bottom: 60px
}

.environment_numeralia .title {
    font-size: 20px;
    margin-top: 60px;
    font-family: RobotoSlab-Bold
}

.environment_numeralia .number_count {
    margin-top: 60px;
    position: relative
}

.environment_numeralia .number_count p:last-child {
    margin-bottom: 0
}

.environment_numeralia .number_count.right {
    margin-bottom: 120px
}

.environment_numeralia .number_count.right .digit:after {
    width: 240px;
    height: 142px;
    bottom: -64px;
    right: -240px;
    background-color: transparent;
    background-image: url(/site/es/img/sustentabilidad/ambiental/icono_sust_ambiental09.svg)
}

.environment_numeralia .number_count.right .info_added {
    top: 64px;
    text-align: right;
    position: absolute
}

.environment_numeralia .number_count.left {
    overflow: hidden;
    padding-bottom: 70px
}

.environment_numeralia .number_count.left .digit {
    padding: 12px 12px 18px 30px;
    max-width: 360px;
    float: right
}

.environment_numeralia .number_count.left .digit:after {
    width: 120px;
    height: 210px;
    bottom: -134px;
    left: -120px;
    background-color: transparent;
    background-image: url(/site/es/img/sustentabilidad/ambiental/icono_sust_ambiental10.svg)
}

.environment_numeralia .number_count.left .number {
    font-size: 60px;
    text-align: right;
    line-height: 1em
}

.environment_numeralia .number_count.left .equal_to {
    margin-top: 0
}

.environment_numeralia .number_count.left .unit {
    font-size: 28px;
    text-align: right;
    line-height: .5em
}

.environment_numeralia .number_count.left .info_added {
    top: 30px;
    text-align: right;
    position: absolute
}

.environment_numeralia .number_count .digit {
    font-size: 80px;
    color: #00577b;
    line-height: 1em;
    border-radius: 6px;
    position: relative;
    display: inline-block;
    padding: 0 12px 12px 60px;
    font-family: RobotoSlab-Bold;
    background-color: #fff;
    border: 6px solid #00577b
}

.environment_numeralia .number_count .digit:after {
    content: '';
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat
}

.environment_numeralia .number_count .concept {
    font-size: 22px;
    line-height: 1em;
    text-align: right;
    font-family: RobotoSlab-Regular
}

.environment_numeralia .number_count .concept strong {
    display: block
}

.environment_numeralia .number_count .info_added {
    color: #00577b;
    display: inline-block
}

.environment_numeralia .info_added p {
    margin-bottom: 0
}

.environment_numeralia .info_added .small {
    font-size: 16px;
    line-height: 1em
}

.environment_numeralia .info_added .number {
    font-size: 60px;
    line-height: 1em;
    font-family: RobotoSlab-Bold
}

.environment_numeralia .info_added .number.medium {
    font-size: 50px
}

.environment_numeralia .info_added .concept,
.environment_numeralia .info_added .equal_to {
    line-height: 1em;
    font-family: RobotoSlab-Bold
}

.environment_numeralia .info_added .concept.small,
.environment_numeralia .info_added .equal_to.small {
    font-size: 16px
}

.environment_numeralia .info_added .equal_to {
    margin-top: 10px
}

#livingBalance {
    background-image: url(/site/es/img/sustentabilidad/viviendo_equilibrio/back_sust_viv_equilibrio.jpg)
}

#plateOfGoodEating {
    width: 100%
}

#plateOfGoodEating .plato_buen_comer_container {
    width: 100%;
    max-width: 600px;
    margin-bottom: 40px;
    display: inline-block
}

#plateOfGoodEating #balanceFeed {
    width: 100%
}

#plateOfGoodEatingInfo {
    max-width: 600px;
    margin: 0 auto
}

#plateOfGoodEatingInfo .info {
    padding: 10px;
    font-size: 18px;
    border-radius: 6px;
    background-color: #f06c43;
    border: 6px solid #00577b
}

#plateOfGoodEatingInfo .info p:last-child {
    margin-bottom: 0
}

.nutrimental_brand_selection .brand {
    width: 100%;
    max-width: 20%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 30px;
    transition: transform .5s ease
}

.nutrimental_brand_selection .brand:hover {
    transform: scale(1.1)
}

body.dominos .brand_background {
    background-image: url(/site/es/img/sustentabilidad/viviendo_equilibrio/tablas_nutrimentales/back_sustentabilidad05.jpg)
}

body.starbucks .brand_background {
    background-image: url(/site/es/img/sustentabilidad/viviendo_equilibrio/tablas_nutrimentales/back_sustentabilidad06.jpg)
}

body.burger_king .brand_background {
    background-image: url(/site/es/img/sustentabilidad/viviendo_equilibrio/tablas_nutrimentales/back_sustentabilidad07.jpg)
}

body.chilis .brand_background {
    background-image: url(/site/es/img/sustentabilidad/viviendo_equilibrio/tablas_nutrimentales/back_sustentabilidad08.jpg)
}

body.california_pizza_kitchen .brand_background {
    background-image: url(/site/es/img/sustentabilidad/viviendo_equilibrio/tablas_nutrimentales/back_sustentabilidad09.jpg)
}

body.italiannis .brand_background {
    background-image: url(/site/es/img/sustentabilidad/viviendo_equilibrio/tablas_nutrimentales/back_sustentabilidad10.jpg)
}

body.pf_changs .brand_background {
    background-image: url(/site/es/img/sustentabilidad/viviendo_equilibrio/tablas_nutrimentales/back_sustentabilidad11.jpg)
}

.brand_background {
    background-color: #00bfff;
    background-size: cover;
    background-position: center
}

#nutritionTable {
    color: #fff;
    margin: 0 auto;
    max-width: 1200px;
    padding-bottom: 40px
}

#nutritionTable .brand_img {
    width: 100%;
    text-align: center
}

#nutritionTable .brand_img img {
    top: -20px;
    max-width: 180px;
    position: relative
}

#nutritionTable .nutrition_table_text .title {
    font-size: 24px;
    margin-bottom: 20px;
    font-family: RobotoSlab-Bold;
    text-shadow: 1px 1px 2px #000, 1px 1px 0 #000
}

#nutritionTable .dish_selection p:last-child,
#nutritionTable .quantity_table .row_tab p:last-child,
#nutritionTable .values_tab p:last-child {
    margin-bottom: 0
}

#nutritionTable .spedific_data {
    padding: 10px 20px
}

#nutritionTable .legend {
    font-size: 20px;
    margin-top: 8px
}

#nutritionTable .dish_selection {
    padding: 5px;
    position: absolute;
    display: inline-block;
    background-color: #fff;
    border: 6px solid #00577b
}

#nutritionTable .dish_selection select {
    padding-right: 40px;
    font-family: RobotoSlab-Bold;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-image: url(/site/es/img/sustentabilidad/viviendo_equilibrio/tablas_nutrimentales/select_arrow.jpg);
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat
}

#nutritionTable .quantity_table .item_selection select,
.item_selection select {
    font-family: RobotoSlab-Bold;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat
}

#nutritionTable .quantity_table {
    color: #00577b;
    position: relative;
    min-height: 200px;
    background-color: rgba(255, 255, 255, .5)
}

#nutritionTable .quantity_table .item_selection {
    text-align: center;
    background-color: #fff;
    border-top: 6px solid #00577b;
    border-left: 6px solid #00577b;
    border-right: 6px solid #00577b
}

#nutritionTable .quantity_table .item_selection select {
    width: 32.5%;
    padding: 4px 10px;
    appearance: none;
    background-image: url(/site/es/img/sustentabilidad/viviendo_equilibrio/tablas_nutrimentales/select_arrow.jpg)
}

#nutritionTable .quantity_table .item_selection select:not(:last-child) {
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 6px solid #00577b
}

#nutritionTable .quantity_table .item_selection select:last-child {
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 6px solid transparent
}

#nutritionTable .quantity_table .calorie_count {
    width: 100%;
    display: table;
    background-color: #fff;
    border: 6px solid #00577b
}

#nutritionTable .quantity_table .row_tab {
    display: table-row
}

#nutritionTable .quantity_table .cell {
    padding: 10px 14px;
    display: table-cell
}

#nutritionTable .quantity_table .cell:last-child {
    text-align: right
}

#nutritionTable .table_footer {
    font-size: small;
    margin-top: 10px
}

#nutritionTable .serving_size .descriptive_text {
    font-size: 20px;
    display: inline-block;
    font-family: RobotoSlab-Bold
}

#nutritionTable .serving_size .food_qty {
    font-size: 32px;
    padding-left: 10px;
    padding-right: 20px;
    display: inline-block
}

#nutritionTable .values_tab {
    width: 100%;
    display: table
}

#nutritionTable .values_tab .row_tab {
    display: table-row
}

#nutritionTable .values_tab .column {
    display: table-cell;
    vertical-align: bottom
}

#nutritionTable .values_tab .column:first-child {
    width: 200px
}

#nutritionTable .values_tab .value_txt {
    font-size: 20px;
    font-family: RobotoSlab-Bold
}

#nutritionTable .values_tab .qty_sum {
    font-size: 32px
}

#nutritionTable .values_tab .qty {
    font-size: 24px
}

#nutritionTable .values_tab .block {
    display: table-cell;
    column-span: all;
    column-count: 2
}

#alseaResponsible {
    background-image: url(/site/es/img/sustentabilidad/responsable/back_sust_responsable01.jpg)
}

#supplyChain {
    background-image: url(/site/es/img/sustentabilidad/cadena/coa_bg.jpg)
}

#alseaSustainability {
    background-image: url(/site/es/img/sustentabilidad/responsable/back_sust_responsable02.jpg)
}

.contact_frame .subtitle {
    color: #00577b
}

.contact_frame a {
    font-family: RobotoSlab-Bold
}

#management {
    background-color: #fff
}

#fundacionAlseaLogo {
    display: block;
    font-size: 80px;
    margin-bottom: 20px
}

.nutrition_brand_slider,
.product_select {
    display: none
}

#ingredientSelection {
    padding: 0 60px
}

.item_selection {
    color: #00577b;
    background-color: #fff;
    border: 6px solid #00577b
}

.item_selection:not(:first-child) {
    margin-top: 15px
}

.item_selection select {
    width: 100%;
    padding: 4px 40px 4px 10px;
    appearance: none;
    border: none;
    background-image: url(/site/es/img/sustentabilidad/viviendo_equilibrio/tablas_nutrimentales/select_arrow.jpg)
}

.item_selection #productDescendant {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    max-height: 300px;
    overflow: auto
}

.item_selection #productDescendant li {
    padding: 8px;
    transition: all .5s ease;
    border-bottom: 1px solid #00577b
}

.item_selection #productDescendant li.active {
    color: #fff;
    background-color: #00577b
}

.item_selection #productDescendant li:last-child {
    border-bottom: none
}

.item_selection #productDescendant li:hover {
    color: #fff;
    cursor: pointer;
    background-color: #00577b
}

#nutritionalTableImg {
    width: 100%;
    max-width: 500px;
    margin-top: -30px
}

.back_page_container {
    top: -100px;
    height: 36px;
    padding: 0 20px;
    overflow: hidden;
    position: relative;
    margin: 0 auto -30px
}

.back_page {
    top: 0;
    left: 0;
    font-size: 18px;
    padding: 4px 8px;
    color: #00577b;
    position: absolute;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    transition: all .5s ease;
    background-color: #fff
}

.back_page span {
    padding-left: 10px
}

.back_page:hover {
    color: #fff;
    text-decoration: none;
    background-color: #00577b
}

#supplyChainDownloads {
    padding-bottom: 30px
}

#supplyChainDownloads a.item {
    padding: 4px;
    display: block;
    border-radius: 6px;
    margin-bottom: 30px;
    text-decoration: none;
    background-color: #fff;
    text-transform: uppercase;
    transition: all .5s ease;
    border: 6px solid #00577b
}

.brand_list li,
.downloable_list .item,
.year_list li {
    border-radius: 2px;
    transition: all .5s ease
}

#supplyChainDownloads a.item:hover {
    color: #fff;
    background-color: #00577b
}

#supplyChainDownloads a.item:first-child {
    position: relative
}

#supplyChainDownloads a.item:first-child:after {
    top: -67px;
    content: '';
    width: 80px;
    height: 67px;
    right: -80px;
    display: block;
    position: absolute;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url(/site/es/img/sustentabilidad/anuales/boton_sust_pdf.svg)
}

@media (max-width:1200px) {
    #nutritionTable .dish_selection {
        padding: 5px;
        position: static;
        margin-bottom: -6px;
        display: inline-block
    }
}

@media (min-width:996px) {
    #introSustentabilidad .sustentability_txt {
        font-size: 40px
    }
    #introSustentabilidad .head {
        font-size: 70px
    }
    #introSustentabilidad .sub {
        font-size: 50px
    }
    #introSustentabilidad .fundacion_alsea_logo {
        top: 32px;
        height: 110px;
        width: 180px
    }
}

@media (min-width:769px) and (max-width:991px) {
    #vaPormiCuentaLogo {
        max-width: 180px
    }
}

@media (max-width:768px) {
    #introSustentabilidad .sustentability_txt {
        font-size: 30px
    }
    #introSustentabilidad .head {
        font-size: 60px
    }
    #introSustentabilidad .sub {
        font-size: 40px
    }
    #introSustentabilidad .fundacion_alsea_logo {
        top: 32px;
        height: 110px;
        width: 180px
    }
    #managementStages .item_icon {
        width: 120px;
        height: 107px
    }
    #vaPormiCuentaLogo {
        max-width: 180px;
        margin-bottom: 20px
    }
    #vaPorMiCuenta .vpmc_container {
        left: 50%;
        margin-top: 40px;
        display: inline-block;
        transform: translateX(-50%)
    }
    #vaPorMiCuenta .country_websites {
        text-align: center
    }
}

@media (max-width:767px) {
    #supplyChainDownloads {
        padding-right: 80px
    }
    .item_selection {
        margin-bottom: 20px
    }
    #nutritionTable .brand_img {
        text-align: center;
        padding-bottom: 0
    }
    #nutritionTable .brand_img img {
        max-width: 200px
    }
    #ingredientSelection {
        padding: 0 15px
    }
    #nutritionTable .nutrition_table_text {
        padding-left: 0
    }
}

@media (min-width:681px) and (max-width:900px) {
    .environment_numeralia .number_count.right .digit:after {
        width: 200px;
        height: 102px;
        bottom: -46px;
        right: -200px
    }
}

@media (max-width:680px) {
    .back_page_container {
        top: -40px;
        padding: 0 6px;
        margin: 0 auto -10px
    }
    #managementStages .item.active .item_name {
        color: #00577b
    }
    #managementStages .item_description {
        opacity: 1
    }
    #vaPorMiCuenta {
        overflow: hidden
    }
    #introSustentabilidad {
        background-position: left center
    }
    #sustInfo {
        max-width: 80%;
        margin: 140px auto 0
    }
    .environment_numeralia .number_count {
        text-align: center
    }
    .environment_numeralia .number_count .digit .concept {
        text-align: right
    }
    .environment_numeralia .number_count .digit:after {
        content: none
    }
    .environment_numeralia .number_count.right {
        margin-bottom: 40px
    }
    .environment_numeralia .number_count.right .info_added {
        display: block;
        position: static;
        margin-top: 20px;
        text-align: center
    }
    .environment_numeralia .number_count.left {
        padding-bottom: 0
    }
    .environment_numeralia .number_count.left .digit {
        float: none
    }
    .environment_numeralia .number_count.left .digit .number {
        text-align: right
    }
    .environment_numeralia .number_count .concept,
    .environment_numeralia .number_count.left .number {
        text-align: center
    }
    .environment_numeralia .number_count.left .info_added {
        display: block;
        position: static;
        margin-top: 20px;
        text-align: center
    }
    #environmentRest p:after {
        display: block;
        height: 80px;
        width: 80px;
        right: -80px;
        top: -80px
    }
}

@media (max-width:480px) {
    #environmentSlideSelection div[class^=col-] {
        text-align: center
    }
    #environmentSlideSelection .environment_type {
        margin: 0 auto
    }
    #environmentSlider .environment_icon {
        position: static;
        margin-bottom: 20px
    }
    #environmentSlider .environment_description {
        margin: 0 0 20px;
        padding: 6px 10px 0
    }
    #environmentSlider .environment_points {
        display: block
    }
    #environmentSlider .environment_points .point {
        display: block;
        margin: 0 auto
    }
    #environmentSlider .environment_points .point:not(:first-child) {
        margin-top: 40px;
        margin-left: auto
    }
    #environmentSlider .environment_points .point:not(:first-child):before {
        left: 38%;
        top: -10px;
        width: 40px;
        transform: rotate(90deg) translateX(-50%)
    }
    .nutrimental_brand_selection .brand {
        max-width: 22%;
        margin-left: 1.5%;
        margin-right: 1.5%
    }
}

.downloable_container,
.year_list {
    padding-left: 0
}

@media (max-width:400px) {
    #environmentRest p:after {
        content: none
    }
    .environment_numeralia .number_count .digit,
    .environment_numeralia .number_count.left .number {
        font-size: 40px
    }
}

#pressRest .inner_content:before,
.downloable_material:after {
    content: '';
    background-repeat: no-repeat
}

@media (max-width:383px) {
    body {
        overflow-x: hidden
    }
}

body.informes_anuales {
    background-color: #4bb87a
}

body.informes_anuales .section_title {
    background-color: #a2d4b2
}

body.prensa .section_title {
    background-color: #c7b5d6
}

body.prensa #privacy_notice-error {
    color: #fff
}

.brand_list,
.year_list {
    color: #00577b;
    font-size: 18px;
    font-family: RobotoSlab-Bold;
    list-style: none
}

body.prensa .control_check input:checked:focus~.input_indicator,
body.prensa .control_check input:checked~.input_indicator,
body.prensa .control_check:hover input:not([disabled]):checked~.input_indicator {
    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-image: url(/site/es/img/general/check_2.png)
}

.news_frame {
    margin: 0 auto 60px;
    max-width: 1200px
}

.year_container {
    padding-right: 0
}

.year_list li {
    padding: 8px 20px
}

.year_list li.active {
    background-color: #c7b5d6
}

.year_list li:hover {
    cursor: pointer;
    background-color: rgba(199, 181, 214, .5)
}

.brand_list {
    padding-left: 0
}

.brand_list li {
    padding: 8px 20px
}

.brand_list li.active {
    background-color: #fff
}

.brand_list li:hover {
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5)
}

.downloable_list {
    margin-top: 40px
}

.downloable_list p:last-child {
    margin-bottom: 0
}

.downloable_list .item {
    padding: 10px 20px
}

.downloable_list .item.active {
    background-color: #c7b5d6
}

.downloable_list .item:hover {
    cursor: pointer;
    background-color: #c7b5d6
}

.downloable_list .file_title {
    font-family: RobotoSlab-Bold
}

.downloable_list .release_date {
    font-size: 14px
}

#pressRest {
    background-image: url(/site/es/img/prensa/fondo_prensa.jpg);
    background-color: #add8e6
}

#pressRest .inner_content {
    position: relative
}

#pressRest .inner_content:before {
    top: -120px;
    left: -110px;
    width: 180px;
    height: 120px;
    display: block;
    position: absolute;
    background-size: 100% auto;
    background-position: center;
    background-image: url(/site/es/img/prensa/icono_prensa02.svg)
}

#pressKit {
    padding-bottom: 40px;
    background-color: #9695c7
}

.kit_table {
    display: table
}

.kit_table .kit_line {
    display: table-row
}

.kit_table .kit_cell {
    display: table-cell;
    vertical-align: top
}

.kit_table .brand_img {
    width: 240px
}

.downloable_material {
    padding: 10px;
    border-radius: 6px;
    margin-right: 80px;
    margin-top: 70px;
    position: relative;
    background-color: #fff;
    border: 6px solid #00577b
}

.downloable_material:after {
    top: -70px;
    right: -70px;
    height: 70px;
    width: 70px;
    display: block;
    position: absolute;
    background-position: bottom left;
    background-image: url(/site/es/img/prensa/icono_prensa04.svg)
}

.downloable_material p {
    margin: 0;
    line-height: 1em
}

.downloable_material p:first-child {
    font-size: 26px;
    font-family: RobotoSlab-Bold
}

.downloable_material p:last-child {
    font-size: 30px
}

.file_table {
    width: 100%;
    display: table
}

.file_table .file_line {
    display: table-row
}

.file_table .file_kind,
.file_table .file_link,
.file_table .file_type {
    display: table-cell
}

.file_table .file_type {
    font-size: 26px;
    font-family: RobotoSlab-Bold
}

.file_table .file_kind {
    font-size: 22px;
    text-transform: capitalize
}

.file_table .file_link {
    font-size: 28px;
    text-align: right;
    transition: color .5s ease
}

.file_table .file_link:hover {
    color: #fff
}

.file_table .file_link a {
    color: inherit;
    text-decoration: none
}

#innerNews,
#pressContact {
    background-color: #c7b5d6
}

.file_container {
    text-align: right
}

.file_container a.file {
    width: 110px;
    height: 93px;
    display: inline-block;
    background-size: cover;
    background-position: top center;
    background-image: url(/site/es/img/prensa/boton_prensa_pdf.svg)
}

#franchiseeValController .receiver.active .value_icon[data-value="0"],
#franchiseeValController .receiver:hover .value_icon[data-value="0"],
.file_container a.file:hover {
    background-position: bottom center
}

.file_container a.file:hover {
    height: 92px;
    margin-top: 1px
}

.news_header .news_title {
    font-size: 28px;
    font-family: RobotoSlab-Bold
}

.news_header .news_date {
    color: #fff
}

.news_extract {
    font-size: 18px;
    margin-top: 20px;
    padding: 26px 22px;
    border-radius: 6px;
    margin-bottom: 40px;
    background-color: #fff;
    border: 6px solid #00577b
}

.news_extract p:last-child {
    margin-bottom: 0
}

.news_cont {
    margin-bottom: 40px
}

.news_cont p:last-child {
    margin-bottom: 0
}

.kit_frame {
    margin: 0 auto;
    max-width: 1200px
}

@media (max-width:767px) {
    .prensa .year_container {
        padding-right: 15px
    }
    .prensa .year_container:before {
        content: 'Seleccione un año';
        color: #00577b;
        font-size: 18px;
        font-family: RobotoSlab-Bold
    }
    html:lang(en) .year_container:before {
        content: 'Select a year'
    }
    .downloable_container {
        padding-left: 15px
    }
    #pressRest .inner_content:before {
        content: none
    }
}

#alseaContactRest {
    background-image: url(/site/es/img/contacto/back_contacto01.jpg)
}

#alseaContactRest .inner_content {
    max-width: 420px;
    position: relative
}

#alseaContactRest .inner_content:before {
    top: -145px;
    left: -174px;
    content: '';
    width: 205px;
    height: 145px;
    display: block;
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/site/es/img/contacto/icono_contacto01.svg)
}

#contactSelection {
    margin: 0 auto;
    max-width: 900px;
    padding: 40px 5px
}

#contactSelection .selection_intro {
    color: #788591;
    font-size: 40px;
    line-height: 1.1em;
    margin-bottom: 40px
}

#contactSelection .selection_intro p:last-child {
    margin-bottom: 0
}

#contactSelection select {
    width: 100%;
    border: none;
    color: #fff;
    font-size: 20px;
    max-width: 400px;
    padding: 4px 44px 4px 12px;
    margin-bottom: 20px;
    background-size: 40px;
    background-color: #459361;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(/site/es/img/contacto/date_selection_icon.png);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#entitySlider .entity_email,
#entitySlider .entity_phone {
    padding: 6px 10px;
    border-radius: 6px;
    font-family: RobotoSlab-Bold
}

#entitySlider .entity_email:last-child:after,
#entitySlider .entity_phone:after {
    width: 80px;
    height: 80px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    right: -80px;
    content: ''
}

#contactSelection select::placeholder {
    opacity: 1;
    color: #00577b
}

#entitySlider .entity_email a,
#entitySlider .entity_phone a {
    color: inherit;
    text-decoration: none
}

#contactSelection select:focus {
    border-color: transparent;
    outline: #00577b solid 3px
}

#contactSelection select option {
    font-size: 20px
}

#entitySlider .entity_name {
    font-size: 30px;
    text-align: right;
    margin-bottom: 20px;
    font-family: RobotoSlab-Bold
}

#entitySlider .entity_address,
#entitySlider .entity_phone {
    font-size: 18px;
    line-height: 1.2em
}

#entitySlider .entity_responsable {
    font-size: 22px;
    margin-top: 40px;
    line-height: 1em;
    margin-bottom: 8px;
    font-family: RobotoSlab-Bold
}

#entitySlider .entity_email p:last-child,
#entitySlider .entity_phone p:last-child {
    margin-bottom: 0
}

#entitySlider .entity_phone {
    font-size: 26px;
    position: relative;
    display: inline-block;
    border: 6px solid #00577b;
    margin-top: 70px;
    margin-right: 80px
}

#entitySlider .entity_phone:after {
    display: block;
    position: absolute;
    top: -76px;
    background-image: url(/site/es/img/contacto/icono_contacto03.svg)
}

#entitySlider .entity_email {
    font-size: 20px;
    position: relative;
    line-height: 1.2em;
    display: inline-block;
    border: 6px solid #00577b;
    margin-bottom: -6px;
    margin-right: 80px
}

#entitySlider .entity_email:last-child:after {
    display: block;
    position: absolute;
    bottom: -65px;
    background-image: url(/site/es/img/contacto/icono_contacto04.svg)
}

#entitySlider .entity_email:last-child {
    margin-bottom: 60px
}

.world_frame {
    margin-top: 180px
}

@media (max-width:767px) {
    #alseaContactRest .inner_content:before {
        content: none
    }
    .world_frame {
        margin-top: 0
    }
}

@media (max-width:500px) {
    .slick-initialized .slick-slide {
        overflow: hidden
    }
    #entitySlider .entity_phone {
        font-size: 20px;
        margin-right: 0
    }
    #entitySlider .entity_email {
        font-size: 18px;
        margin-right: 0;
        word-break: break-all
    }
}

@media (max-width:480px) {
    #contactSelection {
        padding: 40px 5px 20px
    }
    #entitySlider .entity_email:last-child:after,
    #entitySlider .entity_phone:after {
        content: none
    }
    #entitySlider .entity_phone {
        margin-top: 0
    }
    #entitySlider .entity_email {
        margin-bottom: -6px
    }
}

body.facturacion {
    background-color: #fff
}

.billing_column_info {
    font-size: 18px;
    padding-top: 40px
}

.billing_column_info ul {
    list-style: none;
    margin-top: -4px;
    padding-left: 20px
}

.billing_column_info ul li {
    line-height: 1.2em
}

.billing_column_info p:last-child {
    margin-bottom: 0
}

.billing_brand_selection {
    padding-top: 40px
}

.billing_brand_selection .brand {
    width: 33.3%;
    text-align: center;
    display: inline-block;
    transition: transform .5s ease
}

.billing_brand_selection .brand:hover {
    transform: scale(.9)
}

.billing_brand_selection .brand img {
    width: 100%;
    max-width: 200px
}

body.linea_correcta {
    background-color: #c8dbe2
}

body.linea_correcta .complait_frame {
    margin-bottom: 40px
}

.in_correct_line {
    margin: 0 auto;
    max-width: 900px;
    padding-bottom: 30px
}

.in_correct_line .complaint p:last-child,
.in_correct_line .faq p:last-child,
.in_correct_line .title p:last-child {
    margin-bottom: 0
}

.in_correct_line .title {
    margin-top: 120px;
    font-size: 32px;
    line-height: 1em;
    position: relative;
    padding: 10px 16px;
    border-radius: 6px;
    display: inline-block;
    background-color: #fff;
    font-family: RobotoSlab-Bold;
    border: 6px solid #00577b
}

.in_correct_line .title:after,
.in_correct_line .title:before {
    content: '';
    display: block;
    position: absolute
}

.in_correct_line .title:before {
    top: -120px;
    width: 120px;
    height: 120px;
    right: -120px;
    background-size: cover;
    background-image: url(/site/es/img/lineacorrecta/icono_lineacorrecta03.svg)
}

.complaint_frame p.complaint_email:after,
.complaint_frame p.complaint_telephone:after {
    background-size: contain;
    content: '';
    background-repeat: no-repeat
}

.in_correct_line .title:after {
    top: 45%;
    width: 400px;
    height: 100px;
    right: -400px;
    background-repeat: no-repeat;
    background-image: url(/site/es/img/lineacorrecta/icono_lineacorrecta04.svg)
}

.in_correct_line .complaint_row {
    text-align: right;
    padding-right: 20px
}

.in_correct_line .complaint {
    color: #fff;
    font-size: 28px;
    text-align: left;
    line-height: 1em;
    margin-top: 30px;
    padding: 20px 10px;
    display: inline-block;
    font-family: RobotoSlab-Bold;
    background-color: #788591;
    border-radius: 6px 6px 0;
    border: 6px solid #00577b
}

.in_correct_line .faq p {
    font-size: 20px;
    padding: 6px 10px;
    position: relative;
    display: inline-block;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    border-left: 6px solid #00577b;
    border-bottom: 6px solid #00577b;
    border-right: 6px solid #00577b
}

.in_correct_line .faq_more_info {
    width: 30px;
    height: 30px;
    right: 10px;
    bottom: -16px;
    display: block;
    font-size: 30px;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    font-family: RobotoSlab-Bold;
    background-color: #fff;
    border: 4px solid #00577b;
    transition: all .5s ease
}

.in_correct_line .faq_more_info:hover {
    color: #fff;
    text-decoration: none;
    background-color: #00577b
}

.complaint_frame .complaint_selection {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 40px
}

.complaint_frame .complaint_brand {
    width: 80%;
    display: none;
    margin: 0 auto;
    text-align: center
}

.complaint_frame .complaint_brand[data-complaint-brand="0"] {
    display: block
}

.complaint_frame .complaint_area {
    text-align: left;
    display: block
}

.complaint_frame .head {
    color: #788591;
    font-size: 30px;
    line-height: 1.1em
}

.complaint_frame .complaint_item {
    width: 25%;
    max-width: 200px;
    text-align: left;
    display: inline-block
}

.complaint_frame .complaint_item.active .complaint_area {
    font-family: RobotoSlab-Bold
}

.complaint_frame .complaint_item .selection {
    opacity: 1;
    width: 100px;
    height: 88px;
    display: inline-block;
    transition: all .5s ease;
    background-repeat: no-repeat
}

.complaint_frame .complaint_item .selection:hover {
    opacity: .8;
    cursor: pointer
}

.complaint_frame .complaint_item .selection.client {
    background-image: url(/site/es/img/lineacorrecta/icono_lineacorrecta06.svg)
}

.complaint_frame .complaint_item .selection.collaborator {
    background-image: url(/site/es/img/lineacorrecta/icono_lineacorrecta07.svg)
}

.complaint_frame .complaint_item .selection.provider {
    background-image: url(/site/es/img/lineacorrecta/icono_lineacorrecta08.svg)
}

.complaint_frame .complaint_item .selection.brand {
    width: 100%;
    height: auto;
    cursor: default;
    margin-top: -20px
}

.complaint_frame .complaint_intro {
    margin-top: 40px;
    padding-bottom: 40px
}

.complaint_frame .complaint_intro .title {
    font-size: 22px;
    font-family: RobotoSlab-Bold
}

.complaint_frame .complaint_brand_info {
    display: none
}

.complaint_frame .complaint_brand_info[data-complaint-brand="0"] {
    display: block
}

.complaint_frame p.complaint_telephone {
    font-size: 30px;
    padding: 0 10px;
    position: relative;
    border-radius: 6px;
    margin-top: 50px;
    margin-right: 80px;
    display: inline-block;
    font-family: RobotoSlab-Bold;
    background-color: #fff;
    border: 6px solid #00577b
}

.complaint_frame p.complaint_telephone:after {
    display: block;
    width: 70px;
    height: 70px;
    top: -56px;
    right: -70px;
    position: absolute;
    background-image: url(/site/es/img/lineacorrecta/icono_lineacorrecta12.svg)
}

.complaint_frame p.complaint_email {
    font-size: 20px;
    padding: 8px 10px;
    border-radius: 6px;
    margin-right: 80px;
    margin-bottom: 80px;
    position: relative;
    word-break: break-all;
    display: inline-block;
    font-family: RobotoSlab-Bold;
    background-color: #fff;
    border: 6px solid #00577b
}

.complaint_frame p.complaint_email:after {
    display: block;
    width: 84px;
    height: 84px;
    bottom: -84px;
    right: -84px;
    position: absolute;
    background-image: url(/site/es/img/lineacorrecta/icono_lineacorrecta13.svg)
}

.complaint_frame p.complaint_email a {
    color: inherit;
    text-decoration: none
}

.complaint_frame small {
    font-size: 16px
}

#complaintSlider {
    margin-top: 40px
}

#complaintSlider .item {
    padding-top: 5px;
    padding-left: 5px
}

#complaintSlider select {
    width: 100%;
    border: none;
    font-size: 20px;
    padding: 4px 44px 4px 12px;
    margin-bottom: 20px;
    background-size: 40px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(/site/es/img/contacto/date_selection_icon.png);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#complaintSlider select::placeholder {
    opacity: 1;
    color: #00577b
}

#complaintSlider select:focus {
    border-color: transparent;
    outline: #00577b solid 3px
}

#complaintSlider select option {
    font-size: 20px
}

#complaintFaq {
    max-width: 80%;
    margin: 0 auto;
    padding: 20px;
    max-height: 80vh;
    overflow: auto;
    position: relative;
    background-color: #fff
}

#complaintFaq .mp_accordion {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto
}

#complaintFaq .mp_accordion .item .content {
    padding: 10px 15px 0
}

#complaintFaq .mp_accordion .item.active .header {
    background-color: #bbd2db
}

#complaintFaq .mp_accordion .header {
    padding: 8px 10px;
    font-size: 20px;
    font-family: RobotoSlab-Bold;
    border-bottom: 1px solid #bbd2db
}

#complaintFaq .mp_accordion .header:hover {
    background-color: rgba(187, 210, 219, .3)
}

@media (max-width:680px) {
    .in_correct_line .title:after {
        content: none
    }
    .complaint_frame .complaint_item .selection {
        width: 16vw;
        height: 15vw
    }
}

@media (max-width:500px) {
    .complaint_frame .complaint_item .complaint_area {
        font-size: 12px
    }
    .complaint_frame .complaint_brand {
        width: 100%
    }
}

body.haz_carrera {
    background-color: #f28377
}

body.proveedores {
    background-color: #BC9964
}

body.haz_carrera #brand,
body.haz_carrera #educational_level,
body.haz_carrera #job_restaurant,
body.haz_carrera #job_state,
body.haz_carrera #job_town,
body.haz_carrera #jobs,
body.haz_carrera .argentina,
body.haz_carrera .corporate,
body.haz_carrera .curriculum,
body.haz_carrera .dcp,
body.haz_carrera .restaurant {
    display: none
}

body.haz_carrera #privacy_notice-error {
    color: #fff
}

body.haz_carrera #curriculum-error {
    display: block;
    margin-top: 10px
}

#makeCareerRest {
    background-image: url(/site/es/img/hazcarrera/back_hazcarrera01.jpg)
}

#makeCareerRest .inner_content {
    max-width: 550px;
    position: relative;
}

#makeCareerRest .inner_content:before {
    top: -145px;
    left: -120px;
    content: '';
    width: 205px;
    height: 145px;
    display: block;
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/site/es/img/hazcarrera/icono_hazcarrera01.svg)
}

#makeProveedores {
    background-image: url(/site/es/img/proveedores/back_proveedores_01.jpg)
}

#makeProveedores .inner_content {
    max-width: 550px;
    position: relative;
}

#makeProveedores .inner_content:before {
    top: -145px;
    left: -120px;
    content: '';
    width: 205px;
    height: 145px;
    display: block;
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/site/es/img/proveedores/icono_proveedores01.svg)
}


#vacanciesFrame .vacancies_list:before,
.thankyou_make_career .message:before {
    content: '';
    background-image: url(/site/es/img/hazcarrera/icono_hazcarrera02.svg);
    background-repeat: repeat-y
}

#vacanciesFrame {
    max-width: 500px;
    margin: 0 auto 60px
}

#vacanciesFrame .vacant_item:not(:first-child) {
    margin-top: 20px
}

#vacanciesFrame .vacancies_list {
    margin-top: 140px;
    margin-left: 55px;
    border-radius: 6px;
    position: relative;
    background-color: #fff;
    padding: 10px 10px 20px;
    border: 6px solid #00577b
}

#vacanciesFrame .vacancies_list:before {
    left: -7px;
    top: -146px;
    width: 7px;
    height: 140px;
    position: absolute
}

#vacanciesFrame .vacancies_list .vacancy_slogan {
    right: -108px;
    top: -88px;
    font-size: 28px;
    line-height: 1em;
    text-align: right;
    border-radius: 6px;
    position: absolute;
    padding: 10px 14px;
    font-family: RobotoSlab-Bold;
    border: 6px solid #00577b
}

#vacanciesFrame .vacancies_list .vacancy_slogan p:last-child {
    margin-bottom: 0
}

#vacanciesFrame .vacancies_list .title {
    color: #f28377;
    font-size: 25px;
    margin-bottom: 20px;
    font-family: RobotoSlab-Bold;
    text-transform: uppercase
}

#vacanciesFrame .vacancies_list .subtitle {
    margin: 0;
    line-height: 1em;
    font-size: 20px;
    font-family: RobotoSlab-Bold;
    text-transform: uppercase
}

#vacanciesFrame .vacant_detail {
    font-size: 18px
}

#vacanciesFrame .vacant_detail .main_site {
    margin: 0
}

#vacanciesFrame .vacant_detail .address_detail,
#vacanciesFrame .vacant_detail .hours_service {
    margin: 0 auto;
    line-height: 1.1em;
    font-family: RobotoSlab-Light
}

#vacanciesFrame .vacancies_legal {
    top: -6px;
    padding: 10px;
    margin-left: 55px;
    position: relative;
    border-radius: 0 0 6px 6px;
    border: 6px solid #00577b
}

#vacanciesFrame .vacancies_legal p:last-child {
    margin-bottom: 0
}

#vacanciesContact {
    margin-bottom: 80px
}

#vacanciesContact .title {
    font-size: 20px;
    font-family: RobotoSlab-Bold
}

#vacanciesContact .subtitle {
    color: #00577b
}

#vacanciesContact .intro {
    color: #fff;
    font-size: 18px
}

.thankyou_make_career {
    margin: 0 auto;
    max-width: 800px
}

.thankyou_make_career .message {
    top: -160px;
    position: relative;
    padding-left: 180px;
    padding-bottom: 40px
}

.thankyou_make_career .message:before {
    display: block;
    height: 100%;
    width: 6px;
    position: absolute;
    left: 146px;
    top: 0;
    bottom: 0
}

.thankyou_make_career .message .main {
    font-size: 20px;
    margin-bottom: 40px;
    font-family: RobotoSlab-Bold
}

.thankyou_make_career .message .special p:first-child {
    color: #fff;
    margin-top: 30px;
    margin-bottom: 0
}

.thankyou_make_career .brands {
    top: -160px;
    position: relative;
    padding-left: 100px
}

.thankyou_make_career .brands img {
    width: 100%
}

.thankyou_title {
    margin-top: 60px;
    display: inline-block
}

.thankyou_title .text {
    font-size: 60px;
    padding: 0 20px;
    line-height: 1.3em;
    border-radius: 6px;
    margin-left: 146px;
    background-color: #fff;
    font-family: RobotoSlab-Bold;
    border: 6px solid #00577b
}

.thankyou_title .icon {
    top: -15px;
    right: -2px;
    position: relative
}

.thankyou_title .icon img {
    width: 150px
}

@media (max-width:860px) {
    .thankyou_title {
        margin-top: 0
    }
    .thankyou_title .text {
        font-size: 30px;
        margin-left: 98px;
        border: 4px solid #00577b
    }
    .thankyou_title .icon {
        top: -15px;
        right: -2px;
        position: relative
    }
    .thankyou_title .icon img {
        width: 100px
    }
    .thankyou_make_career .message {
        top: 0;
        position: static;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: -40px;
        padding-bottom: 40px
    }
    .thankyou_make_career .message:before {
        content: none
    }
    .thankyou_make_career .brands {
        position: static;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 60px
    }
}

@media (max-width:767px) {
    #vacanciesFrame .vacancies_list {
        margin-top: 200px;
        margin-left: auto
    }
    #vacanciesFrame .vacancies_list:before {
        left: 50%;
        top: -200px;
        height: 200px;
        transform: translateX(-50%)
    }
    #vacanciesFrame .vacancies_list .vacancy_slogan {
        left: 50%;
        width: 100%;
        right: inherit;
        top: calc(0vw - 50%);
        background-color: #f28377;
        transform: translateX(-50%)
    }
    #vacanciesFrame .vacancies_legal {
        margin-left: 0
    }
}

#realStateExplanation .line_to_burger_one,
#realStateExplanation .line_to_burger_two,
#realStateExplanation .line_to_visibility {
    width: 5px;
    display: block;
    background-size: contain;
    background-image: url(/site/es/img/bienes_raices/vin_bienes_raices05.svg)
}

@media (max-width:400px) {
    #vacanciesFrame .vacancies_list .vacancy_slogan {
        top: calc(0vw - 40%)
    }
}

body .simple_container {
    background-color: #0d6a8e
}

.scontent {
    color: #fff;
    margin-bottom: 70px
}

.scontent .title {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 14px;
    font-family: RobotoSlab-Bold
}

.scontent .title:first-child {
    margin-top: 0
}

.scontent a {
    color: #f8e645
}

.scontent ol {
    padding-left: 20px;
    margin-bottom: 10px
}

.scontent ol li,
.scontent ul li {
    padding-left: 10px
}

.scontent ol.letter {
    list-style: lower-latin
}

.scontent ul.bullet {
    padding-left: 18px;
    list-style: disc
}

.privacy_policy_selection {
    color: #fff;
    font-size: 18px;
    max-width: 600px;
    padding: 10px 20px;
    text-align: center;
    position: relative;
    margin: 0 auto 20px;
    text-transform: uppercase
}

.privacy_policy_selection p:last-child {
    margin-bottom: 0
}

.privacy_arrow {
    top: 50%;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    transform: translateY(-50%)
}

.privacy_arrow.left {
    left: 0
}

.privacy_arrow.right {
    right: 0
}

.privacy_policy_jump_list {
    color: #fff
}

.privacy_policy_jump_list ul {
    padding: 0;
    list-style: none
}

.privacy_policy_jump_list ul li {
    padding: 10px;
    line-height: 1.2em;
    border-radius: 2px;
    text-transform: uppercase;
    transition: all .5s ease;
    background-color: transparent
}

.privacy_policy_jump_list ul li:hover {
    cursor: pointer;
    color: #00577b;
    background-color: #fff
}

.privacy_policy_jump_list a {
    color: inherit;
    text-decoration: none
}

.links_section:not(:first-child) {
    margin-top: 40px
}

.links_section p.title {
    margin-bottom: 4px;
    text-transform: uppercase
}

.links_section ul.bullet {
    padding-left: 30px
}

.links_section ul.bullet li {
    padding-left: 0
}

@media (max-width:680px) {
    .privacy_arrow {
        font-size: 30px
    }
    .privacy_policy_selection {
        padding: 10px 40px
    }
}

body.bienes_raices {
    background-color: #1179ac
}

.real_estate_intro {
    color: #fff;
    font-size: 30px;
    max-width: 1000px;
    margin: 40px auto 0;
    font-family: RobotoSlab-Thin
}

#realStateExplanation {
    margin: 0 auto;
    overflow: hidden;
    max-width: 1000px;
    position: relative
}

#realStateExplanation .line_to_burger_one {
    z-index: 3;
    height: 100px;
    position: absolute
}

#realStateExplanation .line_to_burger_two {
    z-index: 3;
    height: 320px;
    position: absolute;
    transform: rotate(90deg)
}

#realStateExplanation .line_to_visibility {
    top: 0;
    z-index: 2;
    position: absolute;
    background-repeat: repeat-y
}

#realStateExplanation .visibility_img img {
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    max-width: 360px;
    position: absolute;
    background-color: #1a7aaa
}

#sendData,
.rs_square {
    border-radius: 6px;
    background-color: #fff;
    border: 6px solid #00577b
}

.corner_align {
    text-align: right
}

.rs_square {
    padding: 10px 15px;
    display: inline-block
}

.rs_square p:last-child {
    margin-bottom: 0
}

.rs_square .inline_img {
    max-height: 70px;
    display: inline-block
}

.rs_square.location {
    width: 100%;
    max-width: 30vw;
    position: relative
}

.rs_square.location .big {
    font-size: 5vw;
    text-align: left;
    line-height: 1em;
    font-family: RobotoSlab-Bold
}

.rs_square.location .semi {
    font-size: 2vw;
    line-height: 1em;
    text-align: right
}

.rs_square.location .center_icon {
    height: 126px;
    right: -126px;
    min-width: 126px;
    position: absolute;
    bottom: -126px
}

.rs_square.burgerk_dominos,
.rs_square.cpk_italiannis_vips {
    text-align: left;
    position: relative;
    font-family: RobotoSlab-Bold
}

.rs_square.location .center_icon img {
    width: 100%
}

.rs_square.burgerk_dominos {
    z-index: 10
}

.rs_square.burgerk_dominos .big {
    font-size: 5vw;
    margin-top: 30px;
    line-height: 1em
}

.rs_square.burgerk_dominos .semi {
    font-size: 2.4vw;
    line-height: 1em
}

.rs_square.burgerk_dominos .parking {
    margin-top: 16px;
    margin-bottom: 6px
}

.rs_square.burgerk_dominos .small {
    font-size: 1.9vw;
    line-height: 1em
}

.rs_square.cpk_italiannis_vips {
    margin-top: 100px
}

#sendData:before,
.rs_square.cpk_italiannis_vips:before {
    width: 5px;
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: repeat-y;
    background-image: url(/site/es/img/bienes_raices/vin_bienes_raices05.svg);
    content: ''
}

.rs_square.cpk_italiannis_vips:before {
    top: -100px;
    left: 50%;
    height: 100px;
    transform: translateX(-50%)
}

.rs_square.cpk_italiannis_vips .big {
    font-size: 5vw;
    margin-top: 30px;
    line-height: 1em
}

.rs_square.cpk_italiannis_vips .semi {
    font-size: 2.4vw;
    line-height: 1em
}

.rs_square.cpk_italiannis_vips .parking {
    margin-top: 16px;
    margin-bottom: 6px
}

.rs_square.cpk_italiannis_vips .small {
    font-size: 1.9vw;
    line-height: 1em
}

#sendData {
    font-size: 18px;
    max-width: 1000px;
    padding: 10px 20px;
    position: relative;
    margin: 80px auto
}

#sendData:before {
    top: -80px;
    left: 170px;
    height: 80px
}

#sendData .title {
    font-size: 24px;
    margin-bottom: 20px;
    font-family: RobotoSlab-Bold
}

#sendData ul {
    padding-left: 16px;
    margin-bottom: 0
}

.real_state_contact {
    color: #fff;
    margin: 0 auto;
    max-width: 1200px
}

.real_state_contact .begin {
    font-size: 30px;
    margin-bottom: 40px;
    font-family: RobotoSlab-Thin
}

#realStateContact {
    margin-top: 40px;
    margin-bottom: 40px
}

#region,
#residenceState,
#state,
.res_state_fran_flag,
.state_fran_flag {
    display: none
}

#file-error {
    display: block;
    padding-top: 10px
}

.control_check {
    height: 60px;
    display: block;
    cursor: pointer;
    font-size: 18px;
    overflow: hidden;
    max-width: 600px;
    position: relative;
    padding-left: 70px;
    padding-top: 6px;
    margin-bottom: 40px
}

.control_check input {
    opacity: 0;
    z-index: -1;
    position: absolute
}

.input_indicator {
    top: 2px;
    left: 0;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 6px;
    background: 0 0;
    border: 8px solid #00577b
}

.control--radio .input_indicator {
    border-radius: 50%
}

.control_check input:focus~.input_indicator,
.control_check:hover input~.input_indicator {
    background: rgba(113, 196, 231, .5)
}

.control_check input:checked:focus~.input_indicator,
.control_check input:checked~.input_indicator,
.control_check:hover input:not([disabled]):checked~.input_indicator {
    background: url(/site/es/img/general/check_2.png) center #71c4e7;
    background-size: cover
}

.control_check input:disabled~.input_indicator {
    background: rgba(113, 196, 231, .5);
    opacity: .6;
    pointer-events: none
}

.input_indicator:after {
    content: '';
    position: absolute;
    display: none
}

.control_check input:checked~.input_indicator:after {
    display: block
}

.control--radio .input_indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff
}

.control--radio input:disabled~.input_indicator:after {
    background: #d3d3d3
}

.thankyou_frame {
    margin: 0 auto;
    max-width: 800px
}

.thankyou_first {
    font-size: 60px;
    padding: 8px 5px;
    color: #00577b;
    border-radius: 6px;
    line-height: 1.2em;
    display: inline-block;
    font-family: RobotoSlab-Bold;
    background-color: #fff;
    border: 6px solid #00577b
}

.thankyou_first p:last-child {
    margin-bottom: 0
}

.thankyou_second {
    color: #fff;
    font-size: 28px;
    margin-top: -6px;
    padding: 8px;
    max-width: 560px;
    line-height: 1.1em;
    border-radius: 6px;
    margin-left: 200px;
    position: relative;
    margin-bottom: 140px;
    background-color: #4ab5e2;
    font-family: RobotoSlab-Light;
    border: 6px solid #00577b
}

.thankyou_second:after,
.thankyou_second:before {
    content: '';
    display: block;
    position: absolute;
    background-repeat: no-repeat
}

.thankyou_second p:last-child {
    margin-bottom: 0
}

.thankyou_second:before {
    top: 50%;
    left: -18vw;
    width: 18vw;
    height: 10vw;
    background-size: cover;
    background-image: url(/site/es/img/bienes_raices/vin_bienes_raices07.svg)
}

.thankyou_second:after {
    left: -25vw;
    width: 14vw;
    height: 8vw;
    bottom: -8vw;
    background-size: contain;
    background-position: center;
    background-image: url(/site/es/img/bienes_raices/vin_bienes_raices06.svg)
}

.thankyou_second.franchises:after {
    height: 10vw;
    bottom: -10vw;
    background-image: url(/site/es/img/franquicias/vin_gracias02.svg)
}

#privacy_notice-error {
    color: red
}

@media (min-width:1200px) {
    .rs_square.burgerk_dominos .parking,
    .rs_square.cpk_italiannis_vips .parking {
        margin-top: 16px;
        margin-bottom: 6px
    }
    #realStateExplanation .visibility_img img {
        max-width: 339px
    }
    .rs_square.location {
        max-width: 340px
    }
    .rs_square.location .big {
        font-size: 60px
    }
    .rs_square.location .semi {
        font-size: 25px
    }
    .rs_square.burgerk_dominos .big {
        font-size: 50px
    }
    .rs_square.burgerk_dominos .semi {
        font-size: 24px
    }
    .rs_square.burgerk_dominos .small {
        font-size: 20px
    }
    .rs_square.cpk_italiannis_vips .big {
        font-size: 50px
    }
    .rs_square.cpk_italiannis_vips .semi {
        font-size: 24px
    }
    .rs_square.cpk_italiannis_vips .small {
        font-size: 20px
    }
    .thankyou_second:before {
        top: 50%;
        left: -300px;
        width: 300px;
        height: 110px
    }
    .thankyou_second:after {
        left: -380px;
        width: 160px;
        height: 100px;
        bottom: -110px
    }
}

@media (max-width:767px) {
    #realStateExplanation .visibility_img:before,
    .rs_square.burgerk_dominos:before {
        content: '';
        width: 5px;
        background-size: contain;
        background-repeat: repeat-y;
        background-image: url(/site/es/img/bienes_raices/vin_bienes_raices05.svg);
        top: -80px
    }
    #sendData:before,
    .rs_square.burgerk_dominos:before {
        left: 50%;
        transform: translateX(-50%)
    }
    #realStateExplanation .line_to_burger_one,
    #realStateExplanation .line_to_burger_two,
    #realStateExplanation .line_to_visibility {
        display: none
    }
    #realStateExplanation .visibility_img {
        position: relative;
        text-align: center;
        margin: 80px auto 0
    }
    #realStateExplanation .visibility_img:before {
        left: 50%;
        height: 80px;
        display: block;
        position: absolute;
        transform: translateX(-50%)
    }
    #realStateExplanation .visibility_img img {
        position: static
    }
    .rs_square.location {
        max-width: calc(100% - 100px)
    }
    .rs_square.location .big {
        font-size: 9vw
    }
    .rs_square.location .semi {
        font-size: 20px;
        text-align: left;
        line-height: 1.3em
    }
    .rs_square.location .center_icon {
        height: 100px;
        right: -102px;
        min-width: 100px;
        bottom: -102px
    }
    .rs_square.burgerk_dominos .big {
        font-size: 40px
    }
    .rs_square.burgerk_dominos .semi,
    .rs_square.burgerk_dominos .small {
        font-size: 20px
    }
    .rs_square.burgerk_dominos .parking {
        margin-top: 15px
    }
    .rs_square.burgerk_dominos:before {
        height: 80px;
        display: block;
        position: absolute
    }
    .rs_square.burgerk_dominos,
    .rs_square.cpk_italiannis_vips {
        display: block;
        margin-top: 80px
    }
    .rs_square.cpk_italiannis_vips {
        margin-top: 80px
    }
    .rs_square.cpk_italiannis_vips .big {
        font-size: 40px
    }
    .rs_square.cpk_italiannis_vips .semi,
    .rs_square.cpk_italiannis_vips .small {
        font-size: 20px
    }
    .rs_square.cpk_italiannis_vips .parking {
        margin-top: 16px;
        margin-bottom: 6px
    }
    .rs_square.cpk_italiannis_vips:before {
        top: -80px;
        height: 80px
    }
    .real_estate_intro {
        font-size: 22px
    }
    .thankyou_first {
        font-size: 35px
    }
    .thankyou_second {
        font-size: 25px;
        margin-left: 0
    }
    .thankyou_second:after,
    .thankyou_second:before {
        content: none
    }
}

@media (max-width:680px) {
    .control_check {
        height: 110px
    }
}

@media (max-width:390px) {
    .rs_square.location {
        max-width: 100%
    }
    .rs_square.location .center_icon {
        display: none
    }
}

body.franquicias {
    background-color: #043b53
}

.txt_intro {
    color: #fff;
    font-size: 30px;
    max-width: 900px;
    padding-top: 90px;
    padding-left: 100px;
    position: relative;
    padding-bottom: 170px;
    margin: 60px auto 40px
}

.txt_intro .img_head {
    left: 0;
    z-index: 2;
    width: 80px;
    height: 80px;
    bottom: 370px;
    position: absolute
}

.txt_intro .dot_line {
    left: 32px;
    z-index: 1;
    width: 80px;
    bottom: 55px;
    position: absolute
}

.txt_intro .know_more_frame {
    bottom: 0;
    z-index: 2;
    left: 100px;
    font-size: 52px;
    margin-top: 80px;
    color: #00577b;
    border-radius: 6px;
    padding: 5px 20px;
    position: absolute;
    display: inline-block;
    font-family: RobotoSlab-Bold;
    background-color: #fff;
    border: 6px solid #00577b
}

.franchisee_profile {
    background-size: cover;
    background-image: url(/site/es/img/franquicias/back_franquciatario.jpg)
}

#franchiseeValController {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    text-align: center;
    overflow: hidden
}

#franchiseeValController li {
    width: 16%;
    color: #fff;
    font-size: 18px;
    position: relative;
    display: inline-block;
    font-family: RobotoSlab-Bold
}

#franchiseeValController .receiver {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .1;
    display: none;
    height: 210px;
    overflow: hidden;
    position: absolute;
    background-color: #0ff
}

#franchiseeValController .receiver.active,
#franchiseeValController .receiver:hover {
    cursor: pointer
}

#franchiseeValController .receiver.active p,
#franchiseeValController .receiver:hover p {
    color: #72c4e5
}

#franchiseeValController .receiver.active .value_icon[data-value="2"],
#franchiseeValController .receiver:hover .value_icon[data-value="2"] {
    background-position: center -14.6vw
}

#franchiseeValController .receiver.active .value_icon[data-value="3"],
#franchiseeValController .receiver:hover .value_icon[data-value="3"] {
    background-position: center -14.2vw
}

#franchiseeValController .receiver.active .value_icon[data-value="4"],
#franchiseeValController .receiver:hover .value_icon[data-value="4"] {
    background-position: center -14.5vw
}

#franchiseeValController .receiver.active .value_icon[data-value="5"],
#franchiseeValController .receiver:hover .value_icon[data-value="5"] {
    background-position: center -14.9vw
}

#franchiseeValController p {
    transition: color .4s ease
}

#franchiseeValController .value_icon {
    height: 14vw;
    display: block;
    margin: 0 auto;
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-position: top center;
    transition: opacity .5s ease
}

#franchiseeValController .value_icon:hover {
    opacity: .8;
    background-position: bottom center
}

#franchiseeValController .value_icon[data-value="0"] {
    background-image: url(/site/es/img/franquicias/bot_emprendedor.svg)
}

#franchiseeValController .value_icon[data-value="1"] {
    background-position: center 4px;
    background-image: url(/site/es/img/franquicias/bot_pasion.svg)
}

#franchiseeValController .value_icon[data-value="1"]:hover {
    background-position: bottom
}

#franchiseeValController .value_icon[data-value="2"] {
    background-position: center -10px;
    background-image: url(/site/es/img/franquicias/bot_gestion.svg)
}

#franchiseeValController .value_icon[data-value="2"]:hover {
    background-position: center -14.6vw
}

#franchiseeValController .value_icon[data-value="3"] {
    background-position: center -4px;
    background-image: url(/site/es/img/franquicias/bot_deseable.svg)
}

#franchiseeValController .value_icon[data-value="3"]:hover {
    background-position: center -14.2vw
}

#franchiseeValController .value_icon[data-value="4"] {
    background-position: center -10px;
    background-image: url(/site/es/img/franquicias/bot_conocer.svg)
}

#franchiseeValController .value_icon[data-value="4"]:hover {
    background-position: center -14.5vw
}

#franchiseeValController .value_icon[data-value="5"] {
    background-position: center -12px;
    background-image: url(/site/es/img/franquicias/bot_compromiso.svg)
}

#franchiseeValController .value_icon[data-value="5"]:hover {
    background-position: center -14.9vw
}

#franchiseeSlider {
    margin-bottom: 40px
}

#franchiseeSlider .description,
#franchiseeSlider .title {
    color: #fff
}

#franchiseeSlider .title {
    font-size: 54px;
    font-family: RobotoSlab-Bold
}

#franchiseeSlider .description {
    font-size: 26px
}

#franchiseeSlider ul {
    font-size: 23px
}

.franchisee_target {
    width: 100%;
    height: 17vw;
    display: block;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 0
}

.franchisee_target.active,
.franchisee_target:hover {
    background-position: center -17vw
}

.franchisee_target[data-value="0"] {
    background-image: url(/site/es/img/franquicias/bot_emprendedor.svg)
}

.franchisee_target[data-value="1"] {
    background-image: url(/site/es/img/franquicias/bot_pasion.svg)
}

.franchisee_target[data-value="2"] {
    background-position: center -.5vw;
    background-image: url(/site/es/img/franquicias/bot_gestion.svg)
}

.franchisee_target[data-value="2"].active,
.franchisee_target[data-value="2"]:hover {
    background-position: center -17.4vw
}

.franchisee_target[data-value="3"] {
    background-position: center -.4vw;
    background-image: url(/site/es/img/franquicias/bot_deseable.svg)
}

.franchisee_target[data-value="3"].active,
.franchisee_target[data-value="3"]:hover {
    background-position: center -17.4vw
}

.franchisee_target[data-value="4"] {
    background-position: center -1vw;
    background-image: url(/site/es/img/franquicias/bot_conocer.svg)
}

.franchisee_target[data-value="4"].active,
.franchisee_target[data-value="4"]:hover {
    background-position: center -17.45vw
}

.franchisee_target[data-value="5"] {
    background-position: center -1vw;
    background-image: url(/site/es/img/franquicias/bot_compromiso.svg)
}

.franchisee_target[data-value="5"].active,
.franchisee_target[data-value="5"]:hover {
    background-position: center -17.8vw
}

#brandSelection {
    text-align: center
}

#brandSelection ul {
    padding-left: 0;
    list-style: none
}

#brandSelection li {
    padding: 0;
    opacity: .5;
    cursor: pointer;
    display: inline-block;
    transition: opacity .5s ease
}

#brandSelection li:hover {
    opacity: .75
}

#brandSelection li.active {
    opacity: 1
}

#brandSelection img {
    width: 14vw
}

#brandSlider {
    margin: 0 auto;
    max-width: 1200px
}

#brandSlider .slick-slide {
    padding-top: 80px
}

#brandSlider .brand_begin {
    font-size: 26px;
    border-radius: 6px;
    padding: 18px;
    color: #00577b;
    margin-bottom: 30px;
    background-color: #71c4e7;
    border: 6px solid #00577b
}

#brandSlider .brand_begin p:last-child {
    margin-bottom: 0
}

#brandSlider .brand_begin b {
    font-family: RobotoSlab-Bold
}

#brandSlider .brand_synopsis {
    color: #04597a;
    font-size: 20px;
    padding: 8px 14px;
    border-radius: 6px;
    margin-bottom: 30px;
    font-weight: normal_face;
    background-color: #fff;
    border: 6px solid #00577b
}

#brandSlider .brand_synopsis b {
    color: #04597a
}

#brandSlider .comparative_advantage,
#brandSlider .competitive_advantage {
    color: #fff;
    font-size: 24px;
    margin-bottom: 30px;
    padding: 8px 14px 40px;
    font-weight: normal_face;
    border: 4px dashed #00577b
}

#brandSlider .comparative_advantage b,
#brandSlider .competitive_advantage b {
    font-size: 26px;
    font-family: RobotoSlab-Bold
}

#brandSlider .comparative_advantage p:last-child,
#brandSlider .competitive_advantage p:last-child {
    margin-bottom: 0
}

.timeline {
    margin-bottom: 30px;
    background-size: cover;
    background-position: center;
    background-image: url(/site/es/img/ifranquicias/talianis/fondo_historia_ita.jpg)
}

.timeline.dominos {
    background-image: url(/site/es/img/franquicias/dominos/fondo_historia_dom.jpg)
}

.timeline.burger {
    background-image: url(/site/es/img/franquicias/bk/fondo_bk_02.jpg)
}

.timeline.italiannis {
    background-image: url(/site/es/img/franquicias/italianis/fondo_historia_ita.jpg)
}

.timeline.vips {
    background-image: url(/site/es/img/franquicias/vips/fondo_historia_vips.jpg)
}

.timeline .event {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative
}

.timeline .event.continuous:before,
.timeline .event.end:before,
.timeline .event.first:before {
    top: 22vw;
    height: 5px;
    display: block;
    position: absolute;
    background-size: 1600px auto;
    background-image: url(/site/es/img/franquicias/lin_historia.svg);
    content: ''
}

.timeline .event.first:before {
    right: 0;
    left: 30%;
    width: 100%
}

.timeline .event.continuous:before,
.timeline .event.end:before {
    left: 0
}

.timeline .event.continuous:before {
    right: 0;
    width: 100%
}

.timeline .event.end:before {
    width: 80%
}

.timeline .event li {
    width: 24%;
    height: 60%;
    margin-top: 20%;
    position: relative;
    display: inline-block
}

.timeline .event li .vertical_align {
    top: 0;
    position: absolute
}

.timeline .event li.start {
    height: 70%;
    margin-top: 10%;
    text-align: center
}

.timeline .event li.start img {
    width: 130px;
    margin-left: 40px
}

.timeline .event .year_square {
    margin-left: 40px;
    border-radius: 6px;
    margin-bottom: 12px;
    display: inline-block;
    background-color: #4ab5e2;
    border: 6px solid #00577b
}

.philosophy:before,
.values:before,
.vision:before {
    display: block;
    content: '';
    background-repeat: no-repeat
}

.timeline .event .year_square p {
    margin: 0;
    font-size: 40px;
    padding: 0 14px;
    color: #00577b;
    font-family: RobotoSlab-Bold
}

.timeline .event .year_description {
    color: #fff;
    font-size: 18px;
    text-align: right;
    line-height: 1.2em;
    padding: 0 20% 0 6%;
    font-weight: normal_face
}



.bg_timeline,
.new_products .product {
    background-size: cover;
    background-position: center
}

.philosophy,
.vision {
    max-width: 60%
}

.values {
    z-index: 3;
    max-width: 80%;
    margin-left: 20%;
    position: relative
}

.values:before,
.vision:before {
    top: -180px;
    z-index: -1
}

.values:before {
    left: 5vw;
    width: 260px;
    height: 100px;
    position: absolute;
    transform: rotate(90deg);
    background-image: url(/site/es/img/franquicias/lin_gracias.svg)
}

.philosophy,
.values {
    margin-bottom: 30px
}

.bg_timeline .year_string p:last-child,
.mission p:last-child,
.new_products .title {
    margin-bottom: 0
}

.vision {
    position: relative
}

.vision:before {
    left: 20px;
    width: 120px;
    height: 340px;
    position: absolute;
    transform: rotateX(180deg);
    background-image: url(/site/es/img/franquicias/lin_intro.svg)
}

.mission {
    top: -6px;
    font-size: 16px;
    position: relative;
    padding: 10px 14px;
    color: #00577b;
    font-family: RobotoSlab-Bold;
    background-color: #71c4e7;
    border-radius: 0 6px 6px;
    border: 6px solid #00577b
}

.mission .title {
    color: #fff;
    font-size: 20px;
    font-weight: normal_face
}

.numeralia .mexico,
.numeralia .world {
    font-size: 28px;
    padding: 8px 14px;
    margin-top: 100px;
    color: #00577b;
    position: relative;
    border-radius: 6px;
    display: inline-block;
    font-weight: normal_face;
    background-color: #fff;
    border: 6px solid #00577b
}

.numeralia .mexico:before,
.numeralia .world:before {
    top: -84px;
    content: '';
    width: 100px;
    height: 90px;
    right: -100px;
    display: block;
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.numeralia .world:before {
    background-image: url(/site/es/img/franquicias/vin_mundo.svg)
}

.numeralia .mexico:before {
    top: -76px;
    background-image: url(/site/es/img/franquicias/vin_mexico.svg)
}

.numeralia .country_number,
.numeralia .units_number {
    margin: 0;
    color: #fff;
    font-size: 90px;
    line-height: 74px;
    font-family: RobotoSlab-Bold
}

.numeralia .country_foot,
.numeralia .units_foot {
    color: #fff;
    font-size: 30px;
    font-weight: normal_face
}

.numeralia .country_franchise,
.numeralia .franchise,
.numeralia .franchises_number,
.numeralia .leader,
.numeralia .shops_number {
    color: #71c4e7;
    font-size: 46px;
    margin-bottom: 0;
    line-height: 40px;
    font-family: RobotoSlab-Bold
}

.numeralia .country_franchise.white,
.numeralia .franchise.white,
.numeralia .franchises_number.white,
.numeralia .leader.white,
.numeralia .shops_number.white {
    color: #fff
}

.numeralia .country_franchise_foot,
.numeralia .franchise_foot,
.numeralia .franchises_foot,
.numeralia .leader_foot,
.numeralia .shops_foot {
    color: #71c4e7;
    font-size: 20px;
    font-weight: normal_face
}

.numeralia .country_franchise_foot.white,
.numeralia .franchise_foot.white,
.numeralia .franchises_foot.white,
.numeralia .leader_foot.white,
.numeralia .shops_foot.white {
    color: #fff
}



.product_frame .row .col-xs-12:first-child {
    padding-right: 0
}

.product_frame .row .col-xs-12:nth-child(2) {
    padding-left: 0;
    padding-right: 0
}

.product_frame .row .col-xs-12:last-child {
    padding-left: 0
}

.brand_selection_frame .control_check {
    height: 60px
}

.brand_selection_frame label[id|="brand[]"] {
    left: 0;
    color: red
}

#showInputs {
    padding: 10px;
    cursor: pointer;
    color: #00577b;
    border-radius: 3px;
    background-color: #fff
}



@media (min-width:1380px) {
    #brandSelection img {
        width: 200px
    }
}


@media (max-width:1024px) {
    .values:before {
        left: 2vw
    }
}

@media (max-width:768px) {
    .bg_timeline {
        padding: 40px 40px 0
    }
}

@media (max-width:767px) {
    .bg_timeline {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .bg_timeline:before {
        content: none
    }
    .txt_intro {
        padding-top: 0;
        padding-left: 0;
        font-size: 22px;
        margin: 20px auto 40px
    }
    .txt_intro .know_more_frame {
        left: 0;
        font-size: 7vw;
        margin-top: 80px;
        margin-left: 60px;
        position: relative;
        line-height: 1.1em
    }
    .txt_intro .know_more_frame:after {
        top: -90px;
        left: -70px;
        content: '';
        width: 100px;
        height: 90px;
        display: block;
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(/site/es/img/franquicias/vin_intro.svg)
    }
    .txt_intro .dot_line,
    .txt_intro .img_head {
        display: none
    }
}

@media (max-width:680px) {
    #franchiseeValController li {
        width: 100%;
        font-size: 16px;
        margin-right: 1vw
    }
    #franchiseeValController li p {
        display: none
    }
    .franchisee_target {
        width: 12vw;
        height: 12vw;
        display: inline-block;
        background-position: center -1vw
    }
    .franchisee_target.active,
    .franchisee_target:hover {
        background-position: center -14.5vw
    }
    .franchisee_target[data-value="2"] {
        background-position: center -1.7vw
    }
    .franchisee_target[data-value="2"].active,
    .franchisee_target[data-value="2"]:hover {
        background-position: center -15vw
    }
    .franchisee_target[data-value="3"] {
        background-position: center -1.5vw
    }
    .franchisee_target[data-value="3"].active,
    .franchisee_target[data-value="3"]:hover {
        background-position: center -15vw
    }
    .franchisee_target[data-value="4"] {
        background-position: center -2vw
    }
    .franchisee_target[data-value="4"].active,
    .franchisee_target[data-value="4"]:hover {
        background-position: center -15vw
    }
    .franchisee_target[data-value="5"] {
        background-position: center -2.2vw
    }
    .franchisee_target[data-value="5"].active,
    .franchisee_target[data-value="5"]:hover {
        background-position: center -15.5vw
    }
    #franchiseeSlider .title {
        font-size: 30px;
        font-family: RobotoSlab-Bold
    }
    #franchiseeSlider .description,
    #franchiseeSlider ul {
        font-size: 18px
    }
    .txt_intro {
        margin: 20px auto;
        padding-bottom: 0
    }
}

@media (max-width:540px) {
    .thankyou_second {
        margin-bottom: 20px
    }
    #brandSelection img {
        width: 100px
    }
    #brandSlider .slick-slide {
        padding-top: 0
    }
    #brandSlider .brand_begin {
        font-size: 24px;
        line-height: 1.1em
    }
}



#alseaFooterDebug {
    color: #bbd2db;
    background-color: #bbd2db;
    font-size: 11px!important
}

#alseaFooterDebug p {
    margin: 0!important
}

#alseaFooterDebug p::-moz-selection {
    color: #fff!important;
    background-color: #389acc!important
}

#alseaFooterDebug p::selection {
    color: #000!important;
    background-color: #389acc!important
}

#scrollTopBtn {
    bottom: 0;
    right: -60px;
    width: 40px;
    height: 40px;
    z-index: 9998;
    display: block;
    font-size: 30px;
    position: fixed;
    line-height: 30px;
    text-align: center;
    border-radius: 60px;
    background-color: #fff;
    transition: all .5s ease;
    border: 2px solid #00577b
}

#scrollTopBtn.visible {
    right: 20px!important
}

#scrollTopBtn:hover {
    color: #fff;
    cursor: pointer;
    border: 2px solid #fff;
    background-color: #00577b
}

@media (min-width:909px) and (max-width:991px) {
    footer#footer .sponsors li img {
        width: 60px
    }
}

@media (min-width:768px) and (max-width:908px) {
    footer#footer .sponsors li img {
        width: 50px
    }
}

@media (max-width:767px) {
    footer#footer {
        height: auto
    }
    footer#footer .sponsors {
        text-align: center
    }
}

@media (max-width:680px) {
    footer#footer .block_align,
    footer#footer .powered_by {
        height: auto
    }
    footer#footer .relative_align {
        top: inherit;
        position: static;
        transform: none
    }
    footer#footer .border:after {
        content: none
    }
    footer#footer .border .foot_options {
        padding-top: 20px;
        padding-left: 0
    }
}

@media (max-width:401px) {
    footer#footer .sponsors li img {
        width: 18vw
    }
}
