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


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


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

.contraste {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .75
}

html {
    font-size: 10px;
}

body {
    color: #696969;
    font-family: VAGRoundedW01-Thin,Arial,Helvetica,sans-serif;
    font-size: 1.6rem;
    line-height: 20px;
}


.contraste {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .75
}


a {
    color: #ff3700;
    text-decoration: none;
}
a:hover {
    color: #ff3700;
    text-decoration: underline;
}

.v-middle {
    vertical-align: middle !important;
}

.container {
    max-width: 1230px;
    width: 100%;
}
.no-scroll {
    overflow:hidden;
}
.gray {
    color: #696969 !important;
}
.gray-bg {
    background-color: #696969 !important;
}

.graylight-bg {
    background: #f3f2f0;
}


.orange {
    color: #FF3700 !important;
}
.orange-bg {
    background-color: #FF3700 !important;
}

.header {

    background-color: rgba(0,0,0,0.8);
    z-index: 4;
    position: absolute;
    top: 0;
    width: 100%;
}
.header ~ main > nav {
    margin-top: 71px;
}

.header-fixed {
    border-bottom: 1px solid #ff3700;
    box-sizing: border-box;
    position: fixed !important;
    top: 0;
    width: 100%;
}

.header-fixed ~ main > nav {
   margin-top: 100px;
}



/* #region ALTO-CONTRASTE*/

body.alto-contraste * {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

body.alto-contraste a,
body.alto-contraste abbr,
body.alto-contraste acronym,
body.alto-contraste address,
body.alto-contraste article,
body.alto-contraste aside,
body.alto-contraste b,
body.alto-contraste basefont,
body.alto-contraste bdi,
body.alto-contraste big,
body.alto-contraste blink,
body.alto-contraste blockquote,
body.alto-contraste body,
body.alto-contraste button,
body.alto-contraste canvas,
body.alto-contraste caption,
body.alto-contraste center,
body.alto-contraste cite,
body.alto-contraste code,
body.alto-contraste col,
body.alto-contraste colgroup,
body.alto-contraste command,
body.alto-contraste dd,
body.alto-contraste del,
body.alto-contraste details,
body.alto-contraste dfn,
body.alto-contraste dir,
body.alto-contraste div,
body.alto-contraste dl,
body.alto-contraste dt,
body.alto-contraste em,
body.alto-contraste embed,
body.alto-contraste fieldset,
body.alto-contraste figcaption,
body.alto-contraste figure,
body.alto-contraste font,
body.alto-contraste footer,
body.alto-contraste form,
body.alto-contraste h1,
body.alto-contraste h1 a,
body.alto-contraste h1 a b,
body.alto-contraste h1 abbr,
body.alto-contraste h1 b,
body.alto-contraste h1 center,
body.alto-contraste h1 em,
body.alto-contraste h1 i,
body.alto-contraste h1 span,
body.alto-contraste h1 strong,
body.alto-contraste h2,
body.alto-contraste h2 a,
body.alto-contraste h2 a b,
body.alto-contraste h2 abbr,
body.alto-contraste h2 b,
body.alto-contraste h2 center,
body.alto-contraste h2 em,
body.alto-contraste h2 i,
body.alto-contraste h2 span,
body.alto-contraste h2 strong,
body.alto-contraste h3,
body.alto-contraste h3 a,
body.alto-contraste h3 a b,
body.alto-contraste h3 abbr,
body.alto-contraste h3 b,
body.alto-contraste h3 center,
body.alto-contraste h3 em,
body.alto-contraste h3 i,
body.alto-contraste h3 span,
body.alto-contraste h3 strong,
body.alto-contraste h4,
body.alto-contraste h4 a,
body.alto-contraste h4 a b,
body.alto-contraste h4 abbr,
body.alto-contraste h4 b,
body.alto-contraste h4 center,
body.alto-contraste h4 em,
body.alto-contraste h4 i,
body.alto-contraste h4 span,
body.alto-contraste h4 strong,
body.alto-contraste h5,
body.alto-contraste h5 a,
body.alto-contraste h5 a b,
body.alto-contraste h5 abbr,
body.alto-contraste h5 b,
body.alto-contraste h5 center,
body.alto-contraste h5 em,
body.alto-contraste h5 i,
body.alto-contraste h5 span,
body.alto-contraste h5 strong,
body.alto-contraste h6,
body.alto-contraste h6 a,
body.alto-contraste h6 a b,
body.alto-contraste h6 abbr,
body.alto-contraste h6 b,
body.alto-contraste h6 center,
body.alto-contraste h6 em,
body.alto-contraste h6 i,
body.alto-contraste h6 span,
body.alto-contraste h6 strong,
body.alto-contraste header,
body.alto-contraste hgroup,
body.alto-contraste html,
body.alto-contraste i,
body.alto-contraste iframe,
body.alto-contraste input,
body.alto-contraste ins,
body.alto-contraste kbd,
body.alto-contraste label,
body.alto-contraste legend,
body.alto-contraste li,
body.alto-contraste listing,
body.alto-contraste main,
body.alto-contraste mark,
body.alto-contraste marquee,
body.alto-contraste menu,
body.alto-contraste meter,
body.alto-contraste multicol,
body.alto-contraste nav,
body.alto-contraste nobr,
body.alto-contraste object,
body.alto-contraste ol,
body.alto-contraste option,
body.alto-contraste output,
body.alto-contraste p,
body.alto-contraste plaintext,
body.alto-contraste pre,
body.alto-contraste progress,
body.alto-contraste q,
body.alto-contraste rb,
body.alto-contraste rp,
body.alto-contraste rt,
body.alto-contraste ruby,
body.alto-contraste s,
body.alto-contraste samp,
body.alto-contraste section,
body.alto-contraste select,
body.alto-contraste small,
body.alto-contraste span,
body.alto-contraste strike,
body.alto-contraste strong,
body.alto-contraste sub,
body.alto-contraste summary,
body.alto-contraste sup,
body.alto-contraste svg,
body.alto-contraste table,
body.alto-contraste tbody,
body.alto-contraste td,
body.alto-contraste text,
body.alto-contraste textarea,
body.alto-contraste th,
body.alto-contraste thead,
body.alto-contraste time,
body.alto-contraste tr,
body.alto-contraste tt,
body.alto-contraste u,
body.alto-contraste ul,
body.alto-contraste var,
body.alto-contraste video,
body.alto-contraste xmp {
    -moz-appearance: none !important;
    -moz-user-select: text !important;
    -webkit-user-select: text !important;
    text-shadow: none !important;
    user-select: text !important
}

body.alto-contraste,
body.alto-contraste a,
body.alto-contraste abbr,
body.alto-contraste acronym,
body.alto-contraste address,
body.alto-contraste article,
body.alto-contraste aside,
body.alto-contraste b,
body.alto-contraste basefont,
body.alto-contraste bdi,
body.alto-contraste big,
body.alto-contraste blink,
body.alto-contraste blockquote,
body.alto-contraste body,
body.alto-contraste canvas,
body.alto-contraste caption,
body.alto-contraste center,
body.alto-contraste cite,
body.alto-contraste code,
body.alto-contraste col,
body.alto-contraste colgroup,
body.alto-contraste command,
body.alto-contraste dd,
body.alto-contraste del,
body.alto-contraste details,
body.alto-contraste dfn,
body.alto-contraste dir,
body.alto-contraste div,
body.alto-contraste dl,
body.alto-contraste dt,
body.alto-contraste em,
body.alto-contraste embed,
body.alto-contraste fieldset,
body.alto-contraste figcaption,
body.alto-contraste figure,
body.alto-contraste font,
body.alto-contraste footer,
body.alto-contraste form,
body.alto-contraste h1,
body.alto-contraste h1 a,
body.alto-contraste h1 a b,
body.alto-contraste h1 abbr,
body.alto-contraste h1 b,
body.alto-contraste h1 center,
body.alto-contraste h1 em,
body.alto-contraste h1 i,
body.alto-contraste h1 span,
body.alto-contraste h1 strong,
body.alto-contraste h2,
body.alto-contraste h2 a,
body.alto-contraste h2 a b,
body.alto-contraste h2 abbr,
body.alto-contraste h2 b,
body.alto-contraste h2 center,
body.alto-contraste h2 em,
body.alto-contraste h2 i,
body.alto-contraste h2 span,
body.alto-contraste h2 strong,
body.alto-contraste h3,
body.alto-contraste h3 a,
body.alto-contraste h3 a b,
body.alto-contraste h3 abbr,
body.alto-contraste h3 b,
body.alto-contraste h3 center,
body.alto-contraste h3 em,
body.alto-contraste h3 i,
body.alto-contraste h3 span,
body.alto-contraste h3 strong,
body.alto-contraste h4,
body.alto-contraste h4 a,
body.alto-contraste h4 a b,
body.alto-contraste h4 abbr,
body.alto-contraste h4 b,
body.alto-contraste h4 center,
body.alto-contraste h4 em,
body.alto-contraste h4 i,
body.alto-contraste h4 span,
body.alto-contraste h4 strong,
body.alto-contraste h5,
body.alto-contraste h5 a,
body.alto-contraste h5 a b,
body.alto-contraste h5 abbr,
body.alto-contraste h5 b,
body.alto-contraste h5 center,
body.alto-contraste h5 em,
body.alto-contraste h5 i,
body.alto-contraste h5 span,
body.alto-contraste h5 strong,
body.alto-contraste h6,
body.alto-contraste h6 a,
body.alto-contraste h6 a b,
body.alto-contraste h6 abbr,
body.alto-contraste h6 b,
body.alto-contraste h6 center,
body.alto-contraste h6 em,
body.alto-contraste h6 i,
body.alto-contraste h6 span,
body.alto-contraste h6 strong,
body.alto-contraste header,
body.alto-contraste hgroup,
body.alto-contraste html,
body.alto-contraste i,
body.alto-contraste iframe,
body.alto-contraste input,
body.alto-contraste ins,
body.alto-contraste kbd,
body.alto-contraste label,
body.alto-contraste legend,
body.alto-contraste li,
body.alto-contraste listing,
body.alto-contraste main,
body.alto-contraste mark,
body.alto-contraste marquee,
body.alto-contraste menu,
body.alto-contraste meter,
body.alto-contraste multicol,
body.alto-contraste nav,
body.alto-contraste nobr,
body.alto-contraste object,
body.alto-contraste ol,
body.alto-contraste option,
body.alto-contraste output,
body.alto-contraste p,
body.alto-contraste plaintext,
body.alto-contraste pre,
body.alto-contraste progress,
body.alto-contraste q,
body.alto-contraste rb,
body.alto-contraste rp,
body.alto-contraste rt,
body.alto-contraste ruby,
body.alto-contraste s,
body.alto-contraste samp,
body.alto-contraste section,
body.alto-contraste small,
body.alto-contraste span,
body.alto-contraste strike,
body.alto-contraste strong,
body.alto-contraste sub,
body.alto-contraste summary,
body.alto-contraste sup,
body.alto-contraste svg,
body.alto-contraste table,
body.alto-contraste tbody,
body.alto-contraste td,
body.alto-contraste text,
body.alto-contraste textarea,
body.alto-contraste th,
body.alto-contraste thead,
body.alto-contraste time,
body.alto-contraste tr,
body.alto-contraste tt,
body.alto-contraste u,
body.alto-contraste ul,
body.alto-contraste var,
body.alto-contraste video,
body.alto-contraste xmp {
    background-color: #000 !important
}
body.alto-contraste a,
body.alto-contraste article,
body.alto-contraste aside,
body.alto-contraste basefont,
body.alto-contraste bdi,
body.alto-contraste big,
body.alto-contraste blink,
body.alto-contraste blockquote,
body.alto-contraste body,
body.alto-contraste button,
body.alto-contraste canvas,
body.alto-contraste caption,
body.alto-contraste center,
body.alto-contraste code,
body.alto-contraste col,
body.alto-contraste colgroup,
body.alto-contraste command,
body.alto-contraste dd,
body.alto-contraste del,
body.alto-contraste details,
body.alto-contraste dir,
body.alto-contraste div,
body.alto-contraste dl,
body.alto-contraste dt,
body.alto-contraste embed,
body.alto-contraste fieldset,
body.alto-contraste figcaption,
body.alto-contraste figure,
body.alto-contraste font,
body.alto-contraste footer,
body.alto-contraste form,
body.alto-contraste header,
body.alto-contraste hgroup,
body.alto-contraste html,
body.alto-contraste iframe,
body.alto-contraste input,
body.alto-contraste ins,
body.alto-contraste kbd,
body.alto-contraste label,
body.alto-contraste legend,
body.alto-contraste li,
body.alto-contraste listing,
body.alto-contraste main,
body.alto-contraste mark,
body.alto-contraste marquee,
body.alto-contraste menu,
body.alto-contraste meter,
body.alto-contraste multicol,
body.alto-contraste nav,
body.alto-contraste nobr,
body.alto-contraste object,
body.alto-contraste ol,
body.alto-contraste option,
body.alto-contraste output,
body.alto-contraste p,
body.alto-contraste plaintext,
body.alto-contraste pre,
body.alto-contraste progress,
body.alto-contraste q,
body.alto-contraste rb,
body.alto-contraste rp,
body.alto-contraste rt,
body.alto-contraste ruby,
body.alto-contraste s,
body.alto-contraste samp,
body.alto-contraste section,
body.alto-contraste select,
body.alto-contraste small,
body.alto-contraste span,
body.alto-contraste strike,
body.alto-contraste sub,
body.alto-contraste summary,
body.alto-contraste sup,
body.alto-contraste svg,
body.alto-contraste table,
body.alto-contraste tbody,
body.alto-contraste td,
body.alto-contraste text,
body.alto-contraste textarea,
body.alto-contraste th,
body.alto-contraste thead,
body.alto-contraste time,
body.alto-contraste tr,
body.alto-contraste tt,
body.alto-contraste ul,
body.alto-contraste var,
body.alto-contraste video,
body.alto-contraste xmp {
    color: #fff !important
}

body.alto-contraste abbr,
body.alto-contraste acronym,
body.alto-contraste b,
body.alto-contraste b span,
body.alto-contraste h1 b,
body.alto-contraste h1 strong,
body.alto-contraste h2 b,
body.alto-contraste h2 strong,
body.alto-contraste h3 b,
body.alto-contraste h3 strong,
body.alto-contraste h4 b,
body.alto-contraste h4 strong,
body.alto-contraste h5 b,
body.alto-contraste h5 strong,
body.alto-contraste h6 b,
body.alto-contraste h6 strong,
body.alto-contraste strong,
body.alto-contraste strong span {
    color: #ff0 !important
}

body.alto-contraste address,
body.alto-contraste address span,
body.alto-contraste cite,
body.alto-contraste cite span,
body.alto-contraste dfn,
body.alto-contraste dfn span,
body.alto-contraste em,
body.alto-contraste em span,
body.alto-contraste h1 em,
body.alto-contraste h1 i,
body.alto-contraste h2 em,
body.alto-contraste h2 i,
body.alto-contraste h3 em,
body.alto-contraste h3 i,
body.alto-contraste h4 em,
body.alto-contraste h4 i,
body.alto-contraste h5 em,
body.alto-contraste h5 i,
body.alto-contraste h6 em,
body.alto-contraste h6 i,
body.alto-contraste i,
body.alto-contraste i span,
body.alto-contraste u,
body.alto-contraste u span {
    color: #ffff80 !important
}

body.alto-contraste dt {
    border-top: thin solid #808080 !important
}

body.alto-contraste h1,
body.alto-contraste h1 a,
body.alto-contraste h1 a b,
body.alto-contraste h1 abbr,
body.alto-contraste h1 center,
body.alto-contraste h1 span,
body.alto-contraste h2,
body.alto-contraste h2 a,
body.alto-contraste h2 a b,
body.alto-contraste h2 abbr,
body.alto-contraste h2 center,
body.alto-contraste h2 span,
body.alto-contraste h3,
body.alto-contraste h3 a,
body.alto-contraste h3 a b,
body.alto-contraste h3 abbr,
body.alto-contraste h3 center,
body.alto-contraste h3 span,
body.alto-contraste h4,
body.alto-contraste h4 a,
body.alto-contraste h4 a b,
body.alto-contraste h4 abbr,
body.alto-contraste h4 center,
body.alto-contraste h4 span,
body.alto-contraste h5,
body.alto-contraste h5 a,
body.alto-contraste h5 a b,
body.alto-contraste h5 abbr,
body.alto-contraste h5 center,
body.alto-contraste h5 span,
body.alto-contraste h6,
body.alto-contraste h6 a,
body.alto-contraste h6 a b,
body.alto-contraste h6 abbr,
body.alto-contraste h6 center,
body.alto-contraste h6 span {
    color: #40c090 !important
}

body.alto-contraste abbr,
body.alto-contraste acronym {
    border-bottom: 1px dotted !important
}

body.alto-contraste a.button,
body.alto-contraste a.button abbr,
body.alto-contraste a.button acronym,
body.alto-contraste a.button b,
body.alto-contraste a.button basefont,
body.alto-contraste a.button big,
body.alto-contraste a.button br,
body.alto-contraste a.button code,
body.alto-contraste a.button div,
body.alto-contraste a.button em,
body.alto-contraste a.button font,
body.alto-contraste a.button h1,
body.alto-contraste a.button h2,
body.alto-contraste a.button h3,
body.alto-contraste a.button h4,
body.alto-contraste a.button h5,
body.alto-contraste a.button h6,
body.alto-contraste a.button i,
body.alto-contraste a.button kbd,
body.alto-contraste a.button rb,
body.alto-contraste a.button rp,
body.alto-contraste a.button rt,
body.alto-contraste a.button ruby,
body.alto-contraste a.button samp,
body.alto-contraste a.button small,
body.alto-contraste a.button span,
body.alto-contraste a.button strong,
body.alto-contraste a.button tt,
body.alto-contraste a.button u,
body.alto-contraste a.button var,
body.alto-contraste a:link,
body.alto-contraste a:link abbr,
body.alto-contraste a:link acronym,
body.alto-contraste a:link b,
body.alto-contraste a:link basefont,
body.alto-contraste a:link big,
body.alto-contraste a:link br,
body.alto-contraste a:link code,
body.alto-contraste a:link div,
body.alto-contraste a:link em,
body.alto-contraste a:link font,
body.alto-contraste a:link h1,
body.alto-contraste a:link h2,
body.alto-contraste a:link h3,
body.alto-contraste a:link h4,
body.alto-contraste a:link h5,
body.alto-contraste a:link h6,
body.alto-contraste a:link i,
body.alto-contraste a:link kbd,
body.alto-contraste a:link rb,
body.alto-contraste a:link rp,
body.alto-contraste a:link rt,
body.alto-contraste a:link ruby,
body.alto-contraste a:link samp,
body.alto-contraste a:link small,
body.alto-contraste a:link span,
body.alto-contraste a:link strong,
body.alto-contraste a:link tt,
body.alto-contraste a:link u,
body.alto-contraste a:link var {
    color: #0080ff !important
}

body.alto-contraste button,
body.alto-contraste input,
body.alto-contraste textarea,
body.alto-contraste select,
body.alto-contraste table,
body.alto-contraste td,
body.alto-contraste th,
body.alto-contraste tr,
body.alto-contraste tt {
    border: 1px solid #fff !important
}

body.alto-contraste button {
    background-color: #600040 !important
}

body.alto-contraste select {
    -webkit-appearance: listbox !important;
    background-color: #600060 !important
}

body.alto-contraste div[role="button"],
body.alto-contraste input[type=button],
body.alto-contraste input[type=submit] {
    background-color: #600040 !important
}

body.alto-contraste input[type=search] {
    -webkit-appearance: textfield !important
}

body.alto-contraste div.jwplayer span.jwcontrolbar,
body.alto-contraste div.jwplayer span.jwcontrols {
    display: inline !important
}

body.alto-contraste text > tspan:first-letter,
body.alto-contraste text > tspan:first-line {
    background-color: inherit !important;
    color: inherit !important
}

body.alto-contraste img,
body.alto-contraste *:not(.tools):before,
body.alto-contraste *:not(.tools):after,
body.alto-contraste .link-overleay,
body.alto-contraste .owl-banner .caption,
body.alto-contraste .owl-banner .owl-dots {
    background-color: transparent !important
}


body.alto-contraste #navbar a.current {
    font-weight:bold;
}

body.alto-contraste button.owl-dot {
background-color: transparent !important;
border: none !important;
}
body.alto-contraste button.owl-dot span {
    background: transparent !important;
    border: solid 1px #FFF !important;
}
body.alto-contraste button.owl-dot.active span {
    background: white !important;
    border: solid 1px #FFF !important;
}

body.alto-contraste .footer .bar {
    color: #fff;
    background: transparent!important;

}
body.alto-contraste nav.tools {
    border: 1px solid #b4b4b4;
}


/* #endregion */



/* #region SEARCH-BAR */
.search-bar {
    position: fixed;
    top: -100px;
    left: 0;
    z-index: 9999999;
    width: 100%;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

    .search-bar.open {
     
        top: 0;
    }

    .search-bar .search-icon {
        position: absolute;
        top: 18px;
        left: 14px;
        width: 32px;
        height: 32px;
        background: url(/images/icons/orange-search.svg) no-repeat center/22px 23px;
        background-color: transparent;
        text-decoration: none;
        box-sizing: border-box;
    }



    .search-bar .close-search {
        position: absolute;
        cursor: pointer;
        font-size: 30px;
        top: 16px;
        right: 18px;
        width: 32px;
        height: 32px;
        background: url(/images/icons/orange-close.svg) no-repeat center/22px 23px;
        background-color: transparent;
        text-decoration: none;
        box-sizing: border-box;
    }

        .search-bar .close-search .material-icons {
            color: #999;
            opacity: 1;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

            .search-bar .close-search .material-icons:hover {
                opacity: .5;
            }

    .search-bar input[type="text"] {
        width: 100%;
        font-size: 16px;
        padding: 25px 60px 23px 56px;
        border: none;
        border-radius: 0;
        height: 70px;
    }

/* #endregion */


/* #region TOP */


#topbar {
    height: 100px;
}

.topbar-right {
    float: right;
    display: none;
   
}

.top-links {
    background-color: #FFF;
    color: #FF3700;
    padding-left:4px;

    text-align:right;

}
    .top-links a {
        color: #ff3700;
       
    }
    .top-links ul {
        display: inline;
        margin: 0;
        padding: 0;
        height: 40px;
  
    }



        .top-links ul li {
            display: inline-block;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 14px;
            line-height: 24px !important;
            padding: 0 14px;
            position: relative;
           
        }
        .top-links ul li::after {
            background: #FF3700;
            content: '';
            height: 12px;
            left: 0;
            margin-top: -6px;
            margin-left: -2px;
            position: absolute;
            top: 50%;
            width: 1px;

        }
        .top-links ul li:first-child::after,
        .top-links ul li:last-child::after {
            display: none;
        }


            .top-links ul li:last-child {
                /*background-color: #FFF;*/
                /* padding: 8px 0 0 0;*/
                /* width: 40px;*/
                width: auto;
                height: 40px;

                padding:0;
            }


    .top-links a.pesquisar {
        text-align: center;
        padding: 8px 0;
        width: 40px;
        height: 40px;
        top: 0;
        right: 0;
        display: inline-block;
        margin: 0;
        /* Force font-size of child elements */
        font-size: 16px;
        background: url(/images/icons/orange-search.svg) no-repeat center/22px 23px;
        background-color: #FFF;
        text-decoration: none;
    }
        .top-links a.pesquisar.fechar {
            background-image: url(/Images/icons/orange-close.svg);
            background-size: 20px 20px;
        }


    .top-links input.pesquisar::placeholder {
        color: #999;
        opacity: 0.9;
    }   

    .top-links input.pesquisar {
        border: none;
        background-color: transparent;
        color: #333;
        font-size: 16px;
        padding: 8px 0 0 10px;
        min-width:300px;
        display: none;
    }


   

        .top-links .social {
            text-align:right;
            padding-left: 6px;
            padding-right: 6px;
                
        }

        .top-links .social:nth-child(4){
            margin-right: 10px !important;
   
        }
        .top-links .social::after {
            content: '';
            width: 0px;
        }


            .top-links .social a {
                text-decoration:none;
            }

            .top-links .social .icon {
                background-position: center center;
                background-repeat: no-repeat;
                background-size: 16px 16px;
                 
                display: block;
                 
                height: 24px;
                width:20px;
                line-height:24px;
            }

            .top-links .social .icon-facebook-white {
                background-image: url(../images/icons/orange-facebook.svg);
            }

            .top-links .social .icon-youtube-white {
                background-image: url(../images/icons/orange-youtube.svg);
      
            
            }

            .top-links .social .icon-instagram-white {
                background-image: url(../images/icons/orange-instagram.svg);
            }

            .top-links .social .icon-linkedin-white {
                background-image: url(../images/icons/orange-linkedin.svg);
            }

 

    #logo {
        margin-top: 14px;
    }
    #logo-regional {
        margin-right:40px;
        margin-top:10px;
    }



/* #endregion */


/* #region NEWS */

.news .item {
    border-top: 1px solid #E6E6E6;
    float: left;
    list-style: none;
    padding: 25px 0;
    vertical-align: top;
    width: 100%
}

    .news .item:first-child {
        border: 0
    }

.news .figure {
    float: left;
    height: 150px;
    margin-right: 30px;
    overflow: hidden;
    position: relative;
    width: 150px
}

    .news .figure .image {
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        display: block;
        height: 100%;
        left: 50%;
        min-height: 100%;
        min-width: 100%;
        object-fit: cover;
        object-position: 50% 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        z-index: 1
    }

.news .info {
    float: right;
    width: 100%
}

.news .picture .info {
    width: calc(100% - 180px)
}

.news .date, .news .tags {
    background-position: left center;
    background-repeat: no-repeat;
    font-family: Arial, sans-serif;
    font-size: 1.3rem;
    padding: 3px 0 1px 28px;
    width: 100%
}

.news .date {
    background-image: url(/Images/icons/gray-date.svg);
    background-size: 20px 20px;
    color: #929292
}

.news .tags {
    background-image: url(/Images/icons/gray-tag.svg);
    background-size: 22px 22px;
    color: #FF4E02
}

    .news .tags > a {
        display: inline-block
    }

.news .title {
    margin: 13px 0
}

.news p {
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 0
}

/* #endregion */


/* #region BUTTON */

.button {
    border: 1px solid #ff3700;
    border-radius: 4px;
    color: #ff3700;
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    margin-left: 10px;
    margin-right: 10px;
    padding: 12px 40px;
    position: relative
}

    .button.disabled {
        color: currentColor;
        cursor: not-allowed;
        opacity: 0.5;
        text-decoration: none;
    }

    .button.arrow-left:after,
    .button.arrow-right:after,
    .button.down:after,
    .button.up:after {
        background: url(/Images/icons/orange-arrow.svg) no-repeat center center;
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 14px
    }

    .button.arrow-left {
        padding-left: 50px;
        padding-right: 40px
    }

        .button.arrow-left:after {
            left: 15px;
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

    .button.arrow-right {
        padding-left: 40px;
        padding-right: 50px
    }

        .button.arrow-right:after {
            right: 15px
        }

    .button.down:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .button.up:after {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .button.white {
        color: #fff
    }

    .button.bg-orange {
        background-color: #ff3700
    }

        .button.bg-orange.white:hover {
            color: #fff
        }

/* #endregion */


/* #region MOBILE-BAR-MENU-ICON */

#mobile-bar {
    display: none;
    min-height:60px;
}

#mobile-menu-icon {
    width: 40px;
    height: 80px;
    position: absolute;
    right: 30px;
    top: 21px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;

}

    #mobile-menu-icon span {
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        background: #ff3700;
        border-radius: 4px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

        #mobile-menu-icon span:nth-child(1) {
            top: 0px;
        }

        #mobile-menu-icon span:nth-child(2),
        #mobile-menu-icon span:nth-child(3) {
            top: 12px;
        }

        #mobile-menu-icon span:nth-child(4) {
            top: 24px;
        }

    #mobile-menu-icon.open span:nth-child(1) {
        top: 12px;
        width: 0%;
        left: 50%;
    }

    #mobile-menu-icon.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #mobile-menu-icon.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #mobile-menu-icon.open span:nth-child(4) {
        top: 12px;
        width: 0%;
        left: 50%;
    }


@media (max-width: 991px) {
    #mobile-bar {
        display: block;
    }
}
/* #endregion */


/* #region NAVBAR */

#navbar {
    /*overflow: hidden;*/
    transition: 0.4s;
    /*position: fixed;*/
    width: 100%;
    top: 0;
    z-index: 99;
    /*display: none;*/
    border-bottom: 1px solid #ff3700;
    border-top: 1px solid #ff3700;
    background-color: transparent;
}




    /* justify top menu */
    #navbar #main-menu {
        text-align: justify;
        height:59px;
    }

    #navbar #main-menu:after {
        content: ' ';
        display: inline-block;
        width: 100%;
        height: 0;
    }
        #navbar #main-menu > li {
            display: inline-block;
            float: none;
        }
       

    /* end justify top menu */





    #navbar li.logo-item {
        width: 140px;
        height: auto;
        transition: 0.4s ;
        background-color:none;
    }

        #navbar li.logo-item a {
            padding: 0;
            margin: 0;
        }

        #navbar li.logo-item img {
            transition: opacity 1.6s ease-in;
            opacity: 1;

        }

    #navbar li a.pesquisar {
        background: url(/images/icons/white-search.svg) no-repeat center/22px 23px;
        background-color: transparent;
        text-decoration: none;
    }



    #navbar li.hide-me {

        opacity: 0;
        width: 0;
       
    }
        #navbar li.hide-me img {
            opacity: 0;
            height: 0;
        }

    #navbar.large {
        height: 71px;
        padding-top:10px;

        background-color: rgba(0,0,0,0.8);
    }


    #navbar.fixed {
        position: fixed;
        border-top: none;
    }

    #navbar.small {
        height: 50px;
        padding-top: 0px;
    }

    #navbar .sidebar {
        transition: left 0.4s;
        background-color: transparent;
        z-index: 3;
        width: 100%;
        /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);*/
    }



    #navbar .sidebar.openned {
        left: 0%;
    }


    #navbar .sidebar.closed {
        left: 100%;
    }



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

    #navbar {
        height: 0;
        border-top: none;
        display: inline;
    }

    #navbar .sidebar {
        padding: 0;
        margin-top:1px;
        position: fixed;
        height: 100%;
        background-color: white;
    }

    #navbar #main-menu > li:first-child {
        display: none;
    }
   

}

/* #endregion */


/* #region MAIN */

main h1.title {
    color: #ff3700;
    font-size: 42px;
    margin: 30px 0;
  
}

main h2.title {
    color: #ff3700;
    font-size: 26px;
    margin: 20px 0;
}

main h3.title {
    color: #ff3700;
    font-size: 20px ;
    margin: 10px 0;
}

main h2.subtitle {
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 20px;
    margin-top: 0;
}

main .container .content {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 25px;
}

main .container .date {
    background-image: url(/Images/icons/gray-date.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    color: #929292;
}

main .container .comment {
    background-image: url(/Images/icons/gray-comment.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    color: #929292;
}


main .container .attachment {
    background-image: url(/Images/icons/gray-attachment.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    color: #929292;
}

main figure {
    margin: 0;
}

main .page-image {
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}

    main .page-image img {
        width: 100%;
        height: auto;
    }

main .crosslink .card-item {
    background: #fff;
    border: 1px solid #d2d2d2;
    border-bottom: 2px solid #ff3700;
    /*float: left;*/
    margin: 0 auto;
    margin-top: 75px;
    width: 100%;
    max-width: 500px;
    padding-left: 0;
    position: relative;
    text-align: center;
    vertical-align: top;
    display: table;
}

main .crosslink .title {
    margin-bottom: 20px;
    color: #ff3700;
    margin: 0;
    line-height: 1.5;
}
main .crosslink h2.title {
    font-size: 26px;
    padding: 25px 20px 20px;
}
main .crosslink h3.title {
    font-size: 20px;
    padding: 15px 20px;
}

main .crosslink .body {
    padding: 0 20px;
    float: left;
    width: 100%;
}

main .crosslink .btn {
    background: url("../images/icons/orange-arrow-large.svg") no-repeat center center /20px 20px;
    bottom: 10px;
    font-size: 0;
    height: 16px;
    position: absolute;
    right: 10px;
    width: 20px;
}




.navbar-breadcrumb {
    background: #f0efed;
}

    .navbar-breadcrumb li,
    .navbar-breadcrumb .dropdown-item {
        font-size: 14px;
    }

        .navbar-breadcrumb li.active > a {
            color: #ff3700 !important;
        }

.navbar-breadcrumb-items li.nav-item:not(:first-child) > a::before {
    content: "/";
    color: initial;
    margin-right: 10px;
}

.navbar-breadcrumb .dropdown-menu {
    color: initial;
}

    .navbar-breadcrumb .dropdown-menu .dropdown-item:hover,
    .navbar-breadcrumb .dropdown-menu .dropdown-item:focus {
        color: #16181b;
        text-decoration: none;
        background-color: transparent;
    }

    .navbar-breadcrumb .dropdown-menu .active {
        color: #ff3700 !important;
        background-color: transparent;
    }



/* #endregion */


/* #region TOOLS */
.tools {
    position: fixed;
    right: 0px;
    top: 34%;
    margin-top: -36px;
    z-index: 5;
    vertical-align: top;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
   

}

    .tools .item {
        float: left;
        position: relative
    }

    .tools .icon {
        background-position: center center;
        background-size: 20px 20px;
        background-repeat: no-repeat;
        display: inline-block;
        height: 24px;
        vertical-align: top;
        width: 24px;
        text-decoration: none;
        z-index:10;

            
    }

    .tools .menu {
        width: 36px;
        list-style: none;
        margin:0;
        padding:0;

    }
        .tools .menu > .item {
            width: 36px;
            height: 36px;
            font-size: 0px;
        }
           .tools .menu > .item > a {
         
                outline: 0;
                border: none;
            }

            .tools .menu > .item > .icon {
                width: 36px;
                height: 36px;
              
 
            }

        .tools .menu ul {
            background: #fff;
            border: 1px solid #b4b4b4;
            box-shadow: 0 3px 5px rgba(0,0,0,.1);
            width: 186px;
            margin-right: -1px;
            padding: 5px 10px 5px 0;
            position: absolute;
            top: 0;
            -webkit-transition: .1s linear;
            transition: .1s linear;
            right: -186px;
            z-index: -1;
        }

            .tools .menu ul.tools-show {
                right: 36px;
            }


            .tools .menu ul .item {
                margin-left: 10px;
                padding: 0;
                list-style:none;
            }

    .tools .icon-accessibility-white {
        background-size: 22px 22px;
        background-color: #999;
    }

    .tools .icon-share-white {
        background-size: 22px 22px;
        background-color: #b4b4b4;
    }









  





.tools-footer {
    font-size: 0;
    margin-top: 30px
}

    .tools-footer .item {
        display: inline-block
    }

    .tools-footer .icon-share {
        background-position: left center;
        background-size: 22px 21px;
        background-repeat: no-repeat;
        float: left;
        font-size: 1.6rem;
        margin-bottom: -12px;
        padding: 1px 0 0 28px
    }

    .tools-footer .share-list {
        border-top: 1px solid #ddd;
        display: inline-block;
        padding-top: 10px
    }

        .tools-footer .share-list a {
            display: block;
            height: 24px;
            margin-left: 10px;
            width: 24px
        }


.tools .icon-increase-font-size {
    background-image: url(/Images/icons/increase-font-size.svg);
}
.tools .icon-decrease-font-size {
    background-image: url(/Images/icons/decrease-font-size.svg);
}

.tools .icon-contrast {
    background-image: url(/Images/icons/contrast-icon.svg);
}
.tools .icon-high-contrast {
    background-image: url(/Images/icons/high-contrast-2-icon.svg);
}

.tools .icon-print {
    background-image: url(/Images/icons/gray-printer.svg);
}
.icon-accessibility-white {
    background-image: url(/Images/icons/white-accessibility.svg);
}

.icon-share-white {
    background-image: url(/Images/icons/white-share.svg);
}

.icon-share {
    background-image: url(/Images/icons/gray-share.svg);
}

.icon-facebook {
    background-image: url(/Images/icons/facebook.svg);
}

.icon-twitter {
    background-image: url(/Images/icons/twitter.svg);
}

.icon-linkedin {
    background-image: url(/Images/icons/linkedin.svg);
}

.icon-whatsapp {
    background-image: url(/Images/icons/whatsapp.svg);
}

/* #endregion */


/* #region ACCORDIONS */


.accordions > .item {
 
    width: 100%
}

.accordion {
  
    width: 100%;
    list-style: none;
    margin:0;
    padding:0;
}

    .accordion > .item {
       
        list-style: none;
        margin-top: 5px;
        width: 100%;
        padding-left: 0
    }

        .accordion > .item > .title {
            cursor: pointer;
         
            font-size: 1.8rem;
            line-height: 1.4;
            margin: 0;
            padding: 0;
            text-align: left;
            width: 100%
        }

            .accordion > .item > .title > .text {
                border-bottom: 1px solid #ddd;
                color: #696969;
                display: block;
                
                position: relative;
                width: 100%
            }

                .accordion > .item > .title > .text::after {
                    background: #fff url(/Images/icons/orange-remove.svg) no-repeat right center/10px 10px;
                    bottom: -1px;
                    content: "";
                    height: 26px;
                    position: absolute;
                    right: 0;
                    width: 15px
                }
                .accordion > .item > .title > .text.collapsed::after {
                    background: #fff url(/Images/icons/orange-add.svg) no-repeat right center/10px 10px;
                    bottom: -1px;
                    content: "";
                    height: 26px;
                    position: absolute;
                    right: 0;
                    width: 15px
                }
               

        .accordion > .item .text .size {
            background: #fff url(/Images/icons/orange-pdf.svg) no-repeat left 3px/16px 16px;
            bottom: -3px;
            float: right;
            padding-left: 20px;
            padding-right: 0
        }

        .accordion > .item .text.download:after {
            display: none
        }

        .accordion > .item .text > span {
            background: #fff;
            bottom: -1px;
            display: inline-block;
            padding-right: 5px;
            position: relative
        }


         
        .accordion > .item .content {
            background: #f3f3f3;
            margin: 15px 0 0;
            padding: 15px;
            width: 100%
        }

            .accordion > .item .content p,
            .accordion > .item .content ul {
                font-size: 1.6rem
            }

            .accordion > .item .content .title {
                font-size: 1.8rem
            }

            .accordion > .item .content ul {
                margin-bottom: 20px
            }

            .accordion > .item .content p:last-of-type {
                margin-bottom: 0
            }

/* #endregion */


/* #region FOOTER */
    .footer {
        float: left;
        font-family: Arial,Helvetica,sans-serif;
        width: 100%;
        color: white;
    }

        .footer .column {
            padding: 50px 0;

        }

    .footer h2 {
        font-size: 2.5rem;
        margin-bottom: 20px;
        
    }
        .footer h3 {
            font-size: 1.6rem
        }

    .footer ul,
    .footer li {
        list-style: none;
        padding: 0;
        color: #fff;
    }

    .footer a {
        color: white;
        font-size: 1.6rem;
        line-height: 2.0;
    }


        .footer .bar {
            color: #fff;
            background: #c0c0c0;
            background: linear-gradient(0deg, rgba(215,215,215,1) 0%, rgba(192,192,192,1) 50%, rgba(217,217,217,1) 100%);
        }





    .footer .networking {

        margin: 50px 0;
    }

    .footer .social {
        font-size: 0;
        line-height: 0;
        text-align: center;
        width: 210px;
        border-top: 1px solid #696969;
        margin: auto;
        margin-top: 35px;
        padding-top: 35px
    }

        .footer .social .item {
            display: inline-block;
            margin: 0 12px
        }

        .footer .social .icon {
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 24px 24px;
            border-radius: 1px;
            display: block;
            font-size: 0;
            height: 24px;
            width: 24px
        }

        .footer .social .icon-facebook-white {
            background-image: url(../images/icons/white-facebook.svg);
        }

        .footer .social .icon-youtube-white {
            background-image: url(../images/icons/white-youtube.svg);
            background-size: 33px 33px;
            width: 33px
        }

        .footer .social .icon-instagram-white {
            background-image: url(../images/icons/white-instagram.svg);
        }
        .footer .social .icon-linkedin-white {
            background-image: url(../images/icons/white-linkedin.svg);
        }
        .footer .social .icon-tiktok-white {
            background-image: url(../images/icons/white-tiktok.svg);
        }




        .footer .social .icon-facebook-gray {
            background-image: url(../images/icons/gray-facebook.svg);
        }

        .footer .social .icon-youtube-gray {
            background-image: url(../images/icons/gray-youtube.svg);
            background-size: 33px 33px;
            width: 33px
        }

        .footer .social .icon-instagram-gray {
            background-image: url(../images/icons/gray-instagram.svg);
        }

        .footer .social .icon-linkedin-gray {
            background-image: url(../images/icons/gray-linkedin.svg);
        }

        .footer .social .icon-tiktok-gray {
            background-image: url(../images/icons/gray-tiktok.svg);
        }




    .copyright {
        text-align: center;
        width: 100%;
        color: #696969;
        line-height: 2.0;
    }

        .copyright a {
            color: #696969;
        }

 /* #endregion */


/* #region COOKIE */

@-webkit-keyframes show-cookie-alert {
    from {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes show-cookie-alert {
    from {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}



.cookie-alert {
    margin-bottom: 0;
    padding: 15px 0 5px;
    transition: all .7s ease;
    background: #fff;
    position: fixed;
    z-index: 5;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 2px rgba(0,0,0,.3);
    -webkit-animation-name: show-cookie-alert;
    -webkit-animation-duration: .7s;
    animation-name: show-cookie-alert;
    animation-duration: .7s;
}

    .cookie-alert .container {
        position: relative
    }

    .cookie-alert.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.cookie-text {
    width: calc(100% - 190px);
    float: left;
    font-size: 93.75%;
    padding-right: 40px
}

.cookies-buttons {
    position: absolute;
    font-size: 0;
    text-align: right;
    top: 50%;
    right: 15px;

}

    .cookies-buttons:after {
        content: '';
        position: absolute;
        left: -20px;
        top: -15px;
        height: calc(100% + 30px);
        width: 1px;
        background: #ccc;
        background: -webkit-radial-gradient(circle,#eee 35%,#fff 90%);
        background: radial-gradient(circle,#eee 35%,#fff 90%);
    }

.cookies-deny {
    display: inline-block;
    padding: 10px 0;
    font-size: 1.6rem
}

.cookies-allow {
    display: inline-block;
    border-radius: 4px;
    background-color: #ff3700;
    color: #fff;
    cursor: pointer;
    font-size: 1.6rem;
    margin-left: 15px;
    padding: 10px 15px;
    position: relative
}

    .cookies-allow:focus,
    .cookies-allow:hover {
        color: #fff
    }




@media screen and (max-width:767px) {
    .cookie-alert {
        padding: 10px 0
    }

    .cookie-text {
        width: 100%;
        margin-bottom: 15px;
        font-size: 87.5%;
        padding-right: 0
    }

    .cookies-buttons {
        width: 100%;
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: auto;
        float: left
    }

        .cookies-buttons:after {
            width: calc(100% + 40px);
            height: 1px;
            top: -8px
        }

    .cookies-deny {
        font-size: 1.4rem;
        padding: 6px 12px
    }

    .cookies-allow {
        font-size: 1.4rem;
        margin-left: 12px;
        padding: 6px 12px
    }
}

/* #endregion */