﻿

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy-regular-webfont.eot');
    src: url('../fonts/gilroy-regular-webfont.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/gilroy-regular-webfont.woff2') format('woff2'), 
         url('../fonts/gilroy-regular-webfont.woff') format('woff'), 
         url('../fonts/gilroy-regular-webfont.ttf') format('truetype'), 
         url('../fonts/gilroy-regular-webfont.svg#gilroyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy-semibold-webfont.eot');
    src: url('../fonts/gilroy-semibold-webfont.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/gilroy-semibold-webfont.woff2') format('woff2'), 
         url('../fonts/gilroy-semibold-webfont.woff') format('woff'), 
         url('../fonts/gilroy-semibold-webfont.ttf') format('truetype'), 
         url('../fonts/gilroy-semibold-webfont.svg#gilroysemibold') format('svg');
    font-weight: bold;
    font-style: normal;
}


.contraste {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .75
}

html {
    font-size: 10px;
}

body {
    color: #696969;
    font-family: Gilroy,Arial,Helvetica,sans-serif;
    font-size: 1.6rem;
    line-height: 20px;
}


.contraste {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .75
}


a {
    color: #460a78;
    text-decoration: none;
}
a:hover {
    color: #460a78;
    text-decoration: underline;
}


    a.link-anim {
        position: relative;
        color: #696969; 
        text-decoration: none;
    }

        /* underline "fake" */
        a.link-anim::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -4px; 
            width: 100%;
            height: 2px;
            background: #696969;
      
            transform: scaleX(1);
            transform-origin: left;
            transition: none;
        }

        a.link-anim:hover::after {
            transform: scaleX(0);
            transition: none;
            animation: underline-grow 0.3s forwards;
        }


@keyframes underline-grow {
    from {
        transform: scaleX(0);
        transform-origin: left;
    }

    to {
        transform: scaleX(1);
        transform-origin: left;
    }
}


.scroll-to-top {
    padding: 20px;
    color: #ff3700;
    float: right;
}
    .scroll-to-top button {
        color: #ff3700;
        background: none;
        border: none;
    }

    .scroll-to-top svg {
        color: #ff3700;
        width: 32px;
        height: 32px;
    }

.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;
}

.number {
    font-size: 70px;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: -0.03em;
    color: #ff3700;
}

.header {
    z-index: 4;
    position: absolute;
    top: 0;
    width: 100%;
}
/*.header ~ main > nav {
    margin-top: 250px;
}*/

.header-fixed {
    /*border-bottom: 1px solid #460a78;*/
    box-sizing: border-box;
    position: fixed !important;
    top: 0;
    width: 100%;
}

.header-fixed ~ main > nav {
   margin-top: 100px;
}

.badge {
    padding: 0.6em;
    color: white;
}

.btn-tag {
    background: transparent;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.badge-tag {
    background-color: #3D3D3D;
    margin: 0 5px;
}
    .badge-tag > span {
        padding: 20px;
        padding: 5px 10px;
        line-height: 18px;
        -webkit-user-select: none; /* Safari */
        -ms-user-select: none; /* IE 10 and IE 11 */
        user-select: none; /* Standard syntax */
    }

    .badge-tag .btn-close-tag {
        width: 12px;
        height: 12px;
        border: none;
        background: url(/images/icons/white-close.svg) no-repeat center/12px 12px;
        text-decoration: none;
        box-sizing: border-box;
        position: relative;
        top: 2px;
        padding: 0 10px;
    }


.section-page .card {

    background-color: transparent !important;
}
.section-filter {
    background-color: #f2f2f2;
    margin-bottom: 20px
}
.section-filter > fieldset {
    padding: 20px;
    
}
    .section-filter select {
        height: 40px;
        font-size: 1.5rem;
        border: none;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23ff3700'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat 100% 50%;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-size: 16px;
        background-position: calc(100% - 20px) 17px;
        background-repeat: no-repeat;
    }


.section-numbers .col-md-4 {
    border: solid 1px #f1f1f1;
}


#modalEvento .modal-header .close {
    background-image: url(/Images/icons/orange-close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;

    padding-left: 30px;
    color: #929292;
    display: inline-block;
    text-align: right;
    margin: 10px 0 5px 0;
    content: '';
}


/* #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: -131px;
    left: 0;
    z-index: 9999999;
    width: 100%;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    min-height:78px;
    background-color:white;
}

    .search-bar.large {
        height: 78px;
    }
    .search-bar.large {
        height:128px
    }

    .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;
    }
    .search-bar input:focus {
        outline: none;
    }


/* #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: #460a78;
       
    }
    .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);
            }

 

/* #endregion */


/* #region BUTTON */

.button {
    border: 1px solid #ff3700;
    border-radius: 4px;
    color: #696969;
    text-decoration:none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    margin-left: 10px;
    margin-right: 10px;
    padding: 12px 40px;
    position: relative
}
    .button:hover {
        color: #696969;
        text-decoration: underline;
    }

    .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;
        fill: blue;
    }

    .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: #460a78
    }

        .button.bg-orange.white:hover {
            color: #fff
        }

.button-dark {
    border: solid 1px black;
    color: black;
}
.button-dark:hover {
    color: black;
}
    .button-dark::after {
        filter: brightness(0) invert(0);
    }



.button.anim {
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;
  

    background: linear-gradient(to left, transparent 50%, #ff3700 50%) right;
    background-size: 205%;
    box-sizing:border-box;
  
}

    .button.anim:hover {
        background-position: left;
        color: white;
        text-decoration: none;
    }

.gradient-button {
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;

    /*background: linear-gradient(to left, #fab960 33%, #fab960 33%, #5d2374 33%) right;*/

    background: linear-gradient(to left,transparent 0%, transparent 50%, #f17d47 50%, #be2a61 75%, #2f245e 100% ) right;
    color: black;
    background-size: 205%;
    box-sizing: border-box;
}

    .gradient-button:hover {
        background-position: left;
        color: white;
        text-decoration: none;
    }
/* #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%;
    }



/* #endregion */


/* #region NAVBAR */

#navbar {
    /*overflow: hidden;*/
    
    /*position: fixed;*/
    width: 100%;
    top: 0;
    z-index: 99;
    /*display: none;*/
    border-bottom: 2px solid #ff3700;

  
    height:130px;
}

    /* 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,
        #navbar #main-menu > li.has-mega-menu {
            display: inline-block;
            float: none;
        }






    /* end justify top menu */


    #navbar #main-menu > li.logo-item {
        width: 150px;
        height: 90px;

    }

    #navbar #mobile-logo {
        display: none;
    }


    #navbar li.logo-item a {
        padding: 0;
        margin: 0;
    }

    #navbar #mobile-logo img,
    #navbar li.logo-item img {
        opacity: 1;
        margin-top: 15px;
        height: 100px;
        float:left; 
    }

    .home #navbar.large li a.pesquisar {
        background: url(/images/icons/white-search.svg) no-repeat center/22px 23px;
    }

    #navbar li a.pesquisar {
       
        background: url("/images/icons/orange-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%;
        }

        #navbar #main-menu > li.onde-estamos{
            background-color: #FF3700 ;
            border-radius: 4px;
        }
            #navbar #main-menu > li.onde-estamos a,
            #navbar.large #main-menu > li.onde-estamos a,
            #navbar.small-fixed #main-menu > li.onde-estamos a {
                color: white;
            }
            
            #navbar #main-menu > li.onde-estamos a:hover,
            .home #navbar #main-menu > li.onde-estamos a:hover,
            .pagina #navbar #main-menu > li.onde-estamos a:hover {
                color: white;
            }
   

    @media (max-width: 991px) {

        .sm-clean > li:first-child {
            background-color: transparent;
            visibility: hidden;
        }

        #navbar #main-menu > li.onde-estamos {
            background-color: white;
            border-radius: unset;
        }

        #navbar #main-menu > li > a {
            color: black !important;
        }

        #mobile-bar {
            display: block;
        }

        .tools {
            top: 70% !important;
        }

        #navbar #main-menu {
            position: absolute;
            padding-right: 15px;
        }

            #navbar #main-menu > li.logo-item {
                height: 126px;
            }

        #navbar.small-fixed #main-menu > li.logo-item {
            height: 80px !important;
        }

        #navbar.small-fixed #main-menu > li {
            margin-top: 0px !important;
        }

        #navbar li.logo-item img {
            display: none;
        }

        #navbar #mobile-logo {
            display: block;
        }

        #navbar #main-menu > li a .sub-arrow {
            background: none !important;
        }

        #navbar #main-menu > li a:hover .sub-arrow {
            background: none !important;
        }

        #navbar #main-menu .mega-menu {
            padding-top: 5px;
            padding-bottom: 0px;
        }

        .mega-menu .sub-arrow {
            display: none !important;
        }


        .has-mega-menu .highlighted + ul > li {
            border-top: none;
        }

            .has-mega-menu .highlighted + ul > li > ul {
                display: block !important;
            }

        .footer .column {
     
            margin-top: 0px !important;
            text-align: center !important;
        }

        .footer .column:first-child {

            margin-top: 20px !important;
            
        }

        .footer .social .item {
            display: inline-block !important;
            width: 40px;
        }
    }
    /* #endregion */

.converse-conosco {
    color: white;
}
.converse-conosco a {
    color: white;
}

   .converse-conosco-address {
        background-image: url(/Images/icons/white-location.svg) ;
        background-size: 20px 20px;
        background-repeat: no-repeat;
        padding-left: 30px;
        color: #fff;
        background-position-y: 4px;
    }


    .converse-conosco .box {
        background-color: #F08849;
        padding: 25px;
        color:white;
    }
    .converse-conosco h2 {
        color: white;
       
        font-size: 26px;
        margin: 20px 0;
        font-weight: bold;
    }
    .converse-conosco h3 {
        color: white;
        font-weight: bold;
    }

    .home #navbar.large {
        background-color: rgba(21,21,21,.80);
    }
    .home #navbar #mobile-logo img,
    .home #navbar li.logo-item img {
        background: url(/images/famb-logo-branca.png) no-repeat center;
        background-size: cover;
    }

    .home #navbar #main-menu > li > a  {
        color:white;
    }
    .home #navbar #main-menu > li > a:hover {
        color: #FF3700;
    }

    .home #navbar #main-menu > li a .sub-arrow {
        background: url(/images/icons/expand_more-white-18dp.svg) no-repeat center;
    }
    .home #navbar #main-menu > li a:hover .sub-arrow {
        background: url(/images/icons/expand_more-orange-18dp.svg) no-repeat center;
    }


.pagina #navbar.large {
    background-color: rgb(255,255,255,.90);
}

.pagina #navbar #mobile-logo img,
.pagina #navbar li.logo-item img {
    background: url(/images/famb-logo.png) no-repeat center;
    background-size: cover;
}

.pagina #navbar #main-menu > li > a {
    color: #666666;
}

    .pagina #navbar #main-menu > li > a:hover {
        color: #FF3700;
    }

.pagina #navbar #main-menu > li a .sub-arrow {
    background: url(/images/icons/expand_more-black-18dp.svg) no-repeat center;
}

.pagina #navbar #main-menu > li a:hover .sub-arrow {
    background: url(/images/icons/expand_more-orange-18dp.svg) no-repeat center;
}



#navbar.large {
    height: 130px;
    padding-top: 0px;
}

    #navbar.large #main-menu .mega-menu {
        /*  top: 80px !important;*/
    }

    #navbar.large #main-menu > li.logo-item {
        /* float: left;*/
    }

    #navbar.large #main-menu > li) {
        margin-top: 0px;
    }

    #navbar.large #main-menu > li:not(:first-child) {
        margin-top: 0px;
    }

    #navbar.large li.logo-item img {
        height: 100px;
    }

#navbar.small-fixed {
    height: 80px;
    position: fixed;
    background-color: rgb(255,255,255,.90);
}


    #navbar.small-fixed #mobile-logo img,
    #navbar.small-fixed li.logo-item img {
        background: url(/images/famb-logo.png) no-repeat center;
        background-size: cover;
        height: 60px;
        margin-top: 10px;
    }

    #navbar.small-fixed #main-menu > li > a {
        color: #666666;
    }
    #navbar.small-fixed #main-menu > li > a:hover {
        color: #FF3700;
    }
    #navbar.small-fixed #main-menu > li a .sub-arrow {
        background: url(/images/icons/expand_more-black-18dp.svg) no-repeat center;
    }

    #navbar.small-fixed #main-menu > li a:hover .sub-arrow {
        background: url(/images/icons/expand_more-orange-18dp.svg) no-repeat center;
    }

    #navbar.small-fixed #main-menu .mega-menu {
        top: 80px !important;
    }

    #navbar.small-fixed #main-menu > li.logo-item {
        float: left;
    }

    #navbar.small-fixed #main-menu > li:not(:first-child) {
        margin-top: 20px;
    }

    #navbar.small-fixed li.logo-item img {
        background-size: cover;
        height: 60px;
        margin-top: 10px;
    }


/* #region MAIN */

main.pagina {
    margin-top: 130px;
}

main h1.title {
    font-size: 36px;
    margin: 20px 0;
    font-weight: bold;
    font-style: normal;
}

main h2.title {
    color: #460a78;
    font-size: 26px;
    margin: 20px 0;
}

main h3.title {
    color: #460a78;
    font-size: 20px ;
    margin: 10px 0;
}

main h2.subtitle {
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 15px;
    margin-top: 0;
}

main .container .content {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 25px;
}




main .container .date,
#modalEvento .date{
    background-image: url(/Images/icons/gray-date.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    color: #929292;
    display: inline-block;
    text-align: left;
    margin: 10px 0 5px 0;
}

main .container .address {
    background-image: url(/Images/icons/gray-location.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: 0px;
    position: relative;
    text-align: center;
}

    main .page-image img {
        width: 100%;
        height: auto;
    }
    main .page-image .content {
        color: white;
        top: 0;
        padding: 50px;
        position: absolute;
        z-index: 1;
        height: 100%;
        overflow: hidden;
    }
        main .page-image .content h1 {
            color: white;
      
            font-size: clamp(20px, 4.0vw, 40px);
            text-align: left;
            position: relative;
            top: 33%;
        
        }
        main .page-image .content p {
            color: white;
            font-size: 2.0vw;
            font-size: clamp(16px, 2.0vw, 26px);
            text-align: left;
            position: relative;
            top: 35%;
            line-height: 120%;
        }
        main .page-image .content .breadcrumb {
            color: white;
            font-size: 1.0vw;
            font-size: clamp(14px, 1.5vw, 22px);
            text-align: left;
            position: relative;
            top: 31%;
            background-color: transparent;
            padding: 0;
        }
        main .page-image .content .breadcrumb a {
            color: white;
        }
        main .page-image .content .breadcrumb a:hover {
            font-weight: bold;
        }
            main .page-image .content .breadcrumb .nav-link {
                padding-left:0
            }
          

            main .page-image .content .breadcrumb li.nav-item:not(:first-child) > a::before {
                content: "/";
                color: white;
                margin-right: 10px;
            }


main .crosslink .card-item {
    background: #fff;
    border: 1px solid #d2d2d2;
    border-bottom: 2px solid #460a78;
    /*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: #460a78;
    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: #460a78 !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: #460a78 !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 SECCTION CAROUSEL FULL */


.owl-carousel-full .item {
    position: relative;
}

.owl-carousel-full .content {
    top: 0;
    padding: 25px;
    position: absolute;
    z-index: 1;
}

    .owl-carousel-full .content .title {
        color: #fff;
        font-size: 3.4rem;
        margin: 0;
        text-align: left;
    }

    .owl-carousel-full .content p {
        color: #fff;
        font-size: 1.8rem;
        margin: 0;
        text-align: left;
        padding: 8px 10px;
        line-height:150%;
    }

    .owl-carousel-full .content .link {
       
        color: #fff;
        padding: 4px 10px;
    }

.owl-carousel-full .item .figure {
    overflow: hidden;
}

.owl-carousel-full .item .image {
    transition: .2s all linear;
}

.owl-carousel-full .item:hover .image {
    transform: scale(1.05);
}

/* #endregion */


/* #region FOOTER */
.footer {
    float: left;
    font-family: Gilroy,Arial,Helvetica,sans-serif;
    width: 100%;
    color: white;
}

        .footer .column {
            padding: 25px 0;
            margin-top: 50px;
        }

    .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;
            min-height: 40px;
            line-height: 40px;
      
        }

    .footer a {
        color: white;
        font-size: 1.6rem;
        line-height: 2.0;
    }


        .footer .bar {
            color: #fff;
            background: #3D3D3D;
        }





    .footer .networking {

        margin: 0px 0 10px 0;
    }

    .footer .social {
        font-size: 0;
        line-height: 0;
        text-align: center;
        width: 100%;
     
        margin: auto;
        margin-bottom: 20px;
       
    }

        .footer .social .item {
            
            margin: 9px
        }

        .footer .social .icon {
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 30px 30px;
            border-radius: 1px;
            display: block;
            font-size: 0;
            height: 30px;
           
            /*filter: brightness(0) invert(1);*/
        }

        .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 {
            background-image: url(../images/icons/icon-facebook2.png);
        }

        .footer .social .icon-youtube {
            background-image: url(../images/icons/icon-youtube2.png);

        }

        .footer .social .icon-instagram {
            background-image: url(../images/icons/icon-instagram2.png);
        }

        .footer .social .icon-linkedin {
            background-image: url(../images/icons/icon-linkedin2.png);
        }

        .footer .social .icon-tiktok {
            background-image: url(../images/icons/icon-tiktok.png);
        }

        .footer .text-border {
            border-bottom: 2px solid white;
            padding-bottom: 10px;
            display: inline-block;
            margin-bottom: 25px
        }

        .footer .m-t-50 {
            margin-top: 50px;
        }
        .footer .m-t-85 {
            margin-top: 85px;
        }

        @media (max-width: 768px) {
            .footer .column {
                padding: 25px 0 0 0;
            }
            .footer .m-t-85 {
                margin-top: 10px;
            }
            .footer .m-t-50 {
                margin-top: 0px;
                margin-bottom: 40px;
            }
            .footer .logo {
                max-width: 240px;
            }
        }
     

    .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: #460a78;
    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:991px) {
    .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 */




#main-menu > .has-mega-menu {
    position: static !important;
}

    #main-menu > .has-mega-menu:after {
        content: "";
    }

    #main-menu .mega-menu {
        margin-left: -1px !important;
    
        right: 0 !important;
        width: auto !important;
        max-width: none !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

        #main-menu .mega-menu > li {
            max-width: 1230px;
            margin: 0 auto;
        }

            #main-menu .mega-menu > li > div > ul > li {
                list-style: none;
        
            }
            #main-menu .mega-menu > li >  ul > li a { 
                text-decoration: none !important;
                line-height: 200%;
            }
            #main-menu .mega-menu > li >  ul > li a:hover {
                color: #ff3700;
            }

    #main-menu > .has-mega-menu .scroll-up,
    #main-menu > .has-mega-menu .scroll-down {
        margin-left: 0 !important;
    }
    
    #main-menu .mega-menu .mega-menu-description {
        margin: 10px 0 15px 0;
    }

    /* clear any floats inside the mega menus */

 


    /* reset mega menu list/link styles (which are inherited from the SmartMenus core/theme styles) */

    #main-menu .mega-menu {
        color: #353451;
        top: 130px !important;
       
    }
    #main-menu .mega-menu::before,
    #main-menu .mega-menu::after {
        border-style: none !important;
        border-color: none !important;
        
    }

        #main-menu .mega-menu ul {
            position: static;
            display: block;
            margin: 0.83em 0;
            border: 0;
            padding: 0 0 0 20px;
            width: 33.33%;
            background: transparent;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            float:left;
        }

            #main-menu .mega-menu ul li {
                display: list-item;
                list-style-type: none;
                border: 0;
                margin: 12px 0;
            }

        #main-menu .mega-menu a {
            display: inline;
            border: 0;
            padding: 0;
            background: transparent;
            color: inherit;
            text-decoration: underline;
        }


        /* simple columns inside the mega menus */

        #main-menu .mega-menu .mega-menu-column {
            padding: 0 20px;
        }

@media (min-width: 992px) {
    #main-menu .mega-menu .mega-menu-column {
        float: left;
        width: 33.33%;
    }


}




#main-menu .mega-menu li a .menu-item-count::after {
    background-image: url(/images/icons/arrow-black.svg);
    background-repeat: no-repeat;
    background-size: 26px 7px;
    content: "";
    display: inline-block;
    height: 7px;
    opacity: .8;
    position: absolute;
    right: -35px;
    top: 7px;
    width: 26px;
}

#main-menu .mega-menu li a:hover .menu-item-count::after {
    background-image: url(/images/icons/arrow-orange.svg);
}


#main-menu .mega-menu li {
    position: static;
}

    #main-menu .mega-menu li .mega-menu-itens {
        position: absolute;
        left: 64%; 
        top: 0; 
        display: none;
        z-index: 9999;
        padding-top: 30px;
        padding-bottom: 30px;
    }
        #main-menu .mega-menu li .mega-menu-itens::after {
            position: relative !important;
            border : solid 1px red;
        }
    #main-menu .mega-menu li:hover > .mega-menu-itens,
    #main-menu .mega-menu li:focus-within > .mega-menu-itens {
        display: block !important;
    }


    #main-menu .mega-menu li.has-sub::after {
        content: '';
        display: block;
        height: 300px; /* mesma altura do submenu */
    }







/* Sample image placeholder */
.mega-menu-sample-image {
    margin: 0.83em 0;
    border: 1px solid;
    height: 80px;
    line-height: 80px;
    text-align: center;
}


/* Mobile menu toggle button */

.main-menu-btn {
    float: right;
    margin: 45px 10px;
    position: relative;
    display: inline-block;
    width: 29px;
    height: 29px;
    text-indent: 29px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    z-index: 999999;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.small-fixed .main-menu-btn {
    margin: 25px 10px;
}

/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
    position: absolute;
    top: 50%;
    left: 2px;
    height: 2px;
    width: 24px;
    background-color: rgb(102, 102, 102);
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

    .main-menu-btn-icon:before {
        content: '';
        top: -7px;
        left: 0;
    }

    .main-menu-btn-icon:after {
        content: '';
        top: 7px;
        left: 0;
    }

    .home .large .main-menu-btn-icon,
    .home .large .main-menu-btn-icon::before,
    .home .large .main-menu-btn-icon::after {
        background-color: white;
    }

/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
    height: 0;
    background: transparent;
}

    #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
        top: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
        top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }


/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}


    /* hide the menu in mobile view */

    #main-menu-state:not(:checked) ~ #main-menu {
        display: none;
    }

    #main-menu-state:checked ~ #main-menu {
        display: block;
    }

@media (min-width: 991px) {
    /* hide the button in desktop view */
    .main-menu-btn {
        position: absolute;
        top: -99999px;
    }
    /* always show the menu in desktop view */
    #main-menu-state:not(:checked) ~ #main-menu {
        display: block;
    }


}



