/******************************************************************
 RESET CSS - Normalize
******************************************************************/


html, body { width: 100%; margin: 0px; padding: 0px; overflow-x: hidden; font-size: 0.95rem; font-weight: 100; background: #fafafa; scroll-behavior: smooth; scroll-padding-top: 95px; }
b { font-weight: 700; }
body { overflow-y: hidden;
    background-color: rgba(255, 255, 255, 0.98);
    background-blend-mode: lighten;
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='100' height='100' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%23ffffffff'/><path d='M80.84 0c.32 1.39-.3 3.19.9 4.18 1.22 1.02 2.87-.4 4.18-.59 1.6-.22 3.23.18 4.76.63 1.7.5 3.46.79 5.22.54 1.17-.17 2.76-1 2.88-2.3.05-.63.22-1.46-.45-1.8-1.47-.73-3.61.01-5.2-.29A2.13 2.13 0 0192.2 0H80.84zM53.21 3.6c-2.25.03-4.03 2.16-5.2 3.96-1.26 1.93-3.45 1.93-4.97 3.44-1.2 1.2-1.56 3.29-1.4 4.92.23 2.58 2 7.11-1.76 8-2.52.6-5.45-.75-8.05-.75-2.76 0-2.68 3.47-1.85 5.25.92 1.93 3.26 2.6 4.35 4.41 1.03 1.72-1.07 4.07-2.1 5.28-1.18 1.4-2.5 2.83-2.73 4.72-.17 1.34.83 2.17 1.83 2.5 2.01.43 3.93-.28 5.73-1.12 1.53-.71 3.18-1.38 4.44-2.54 2-1.84 1.67-5.17 3.83-7 3.36-2.9 7.48.77 10 3C56.84 39 59.18 40.5 61 39c3.33-2.83 1.17-7.17-2-8.96-1.25-.71-3.13-1.9-3.92-3.1a3 3 0 01.42-3.88c1.3-1.26 2.52-2.64 3.8-3.95 1.01-1.04 2.86-2.36 2.19-4.03-.5-1.24-1.86-1.84-2.74-2.76-.84-.88-1.3-2-1.66-3.15-.5-1.62-.69-4.66-2.59-5.34a3.76 3.76 0 00-1.3-.22zm38.25 30.52c-2.61-.02-4.14 4.16-6.3 5.88-.6.48-1.69.93-2.5.67C81 40 79 37.33 77.34 39.5c-.68 1.02-.15 2.29.1 3.35a9.1 9.1 0 01.19 3.22c-.56 4.72-5.8 3.69-9.03 4.96-1.16.46-2.72 1.3-2.42 2.8.16 1.34 1.16 2.5 2.5 2 1.98-.74 4.6-.95 6.46.23 1.14.72 1.48 2.8 3 2.5 1.5-.28 2.87-1 4.38-1.26 2.35-.4 4.78.15 7.1.54 1.18.2 2.92.88 3.61-.52.46-.93.18-2.37-.08-3.33-.72-2.71-2.43-5.57-.84-8.37 1.87-3.29 4.53-8.95.53-11.12a3 3 0 00-1.37-.38zM26.32 57.54c-.39 0-.76.03-1.07.15C22.33 58.83 23 63 22.17 65.5c-1.17 2.83-5 .83-6.34 2.67C14.5 70 14 72.5 12.41 74.32c-1.65 1.97-3.55 3.73-5.41 5.51a5.12 5.12 0 00-1.67 2.5A2.1 2.1 0 006.83 85c2.12.53 4.34-.55 6.48.25 1.72.65 1.97 2.07 2.23 3.73.26 1.7.53 3.41 2.01 4.53.64.49 1.33.85 2.05 1 1.7.39 3.21-.6 4.57-1.51 4.16-2.83 8.16-10.17 13.37-7.27.83.35 1.74.51 2.63.27 1.53-.42 1.98-2.2 1.78-3.72-.73-5.35-8-5.25-11.04-8.6-3.19-3.5.9-8.98.42-13.01-.16-1.42-1.2-2.21-2.52-2.63a9.63 9.63 0 00-2.5-.5zm51.93 22.79c-1.03.03-1.96.79-2.36 2.25-.43 1.6-.03 3.43.59 4.94.7 1.7 2.17 3.62 1.52 5.55-.23.68-1.22 1.48-.83 2.26.83 1.67 2.75 2.52 3.52 4.19.07.15.12.31.16.48H92.2c-2.04-1.54 1.61-6.7-1.35-8.18-1.48-.74-3.05.18-4.53.35-1.66 0-1.43-2.2-1.12-3.26.44-1.47 1.72-2.43 2.24-3.85.27-.72.03-1.41-1.07-1.4-.99 0-2.07.74-3.04.43-1.2-.37-1.91-1.65-2.68-2.54-.73-.84-1.6-1.25-2.4-1.22z' stroke-width='1' stroke='none' fill='%23043ca7ff'/><path d='M31.68 0c-.4 1.01-.95 1.97-1.06 3.07-.11 1.1.79 1.78 1.66 2.25 1.97 1.08 3.26 2.87 4.88 4.37.92.85 1.84 1.31 2.67.48 1.47-1.32 2.59-2.9 4.19-4.08a25.7 25.7 0 015.02-2.78A20.77 20.77 0 0054.33 0zm38.44 0c-.45 1.37-.82 2.83-1.45 3.83-1.34 2.5-4.5 2-6.84 3.34-.83.5-1.16 1.33-1.33 2.33-.06.67.28 1.22.83 1.72a6.7 6.7 0 00.96.7c.36.22.76.43 1.16.64.72.44 1.72.77 2.38 1.27.5.42 1 .8 1.45 1.22a8.94 8.94 0 011.12 1.37c2.1 2.25 1.6 7.75 5.1 7.41 4-.33 6.83-6.33 11.45-5.46l1.72.13c.66 0 1.5-.67 1.66-1.33.34-1.34-.83-2.5-1.66-3.17-2-2-5.17-1.83-7.29-3.8a5.13 5.13 0 01-.83-1.25c-.93-2.78.81-6.17.1-8.95zM6 24.28a6.53 6.53 0 00-2.47.46C1.2 26 .98 28.04 2 30.32c1.33 2.68 3.5 5.85 1.5 8.85-.78 1.16-2.2 1.4-3.5 1.64v9.61c2.13-.16 4.33.08 3.48 2.54-.64 1.84-3.1 5.94.02 6.87 2.62.79 5.52-1 7.96.6 2.21 1.45 3.1 4.6 6.05 4.95 1.83.21 3.38-1.6 3.57-3.3.18-1.62-.85-3.32-.18-4.92.41-.97 1.42-.8 2.26-.69 1.29.16 2.54.22 3.83.05 2.09-.27 3.94-1.41 3.94-3.71 0-3.94-8.77-5.21-5.93-9.48 1.27-1.9 2.93-3.51 4.5-5.17 1.28-1.34 3.32-3.13 2.17-5.16-.67-1-1.84-1.17-2.84-1-4.3.72-8.55 4.62-13.04 2.33-2.17-1.1-2.32-3.85-3.44-5.78-1.23-2.12-2.96-3.91-5.52-4.22a7.59 7.59 0 00-.84-.05zM100 40.81l-.47.08a5.9 5.9 0 00-3.72 2.04 7.2 7.2 0 00-1.14 6.4c.35 1.1 1.47 1.47 2.47 1.4.64-.04 1.74-.23 2.86-.31zM63.61 55.36c-.73.02-1.37.43-2.05.71a7.9 7.9 0 01-2.82.56c-1.88.06-3.85-.1-5.28 1.37-.99 1-1.27 2.41-1.67 3.71-.28.89-1.24 1.98-.42 2.85 1.4 1.48 3.38 1.53 5.13 2.38 1.38.67 3.11 1.62 3.83 3.06 1.29 2.57-2.93 6.39-4.79 7.7-1.3.93-2.66 2.01-2.37 3.8.66 3.17 4.83 4.33 7.66 3.5 2.84-.83 3-4.5 3.55-7.17 1.35-3.3 5.29-2.8 8.17-3.22 2.59-.37 5.04-1.26 6.45-3.61 1.52-2.35-.89-4.49-2.46-5.99-.49-.47-.9-.85-1.19-1.3-.95-1.5-.08-3.29-.43-4.9-.21-.98-.75-1.73-1.92-1.81-1.67-.17-2.67 1.83-4.5 1.5-1.87-.34-2.53-2.68-4.37-3.1a2 2 0 00-.52-.04zm-29.2 30.87c-1.25-.03-2.5.46-3.08 1.6-1.06 2.14-.17 3.88.37 6 .42 1.67.7 3.83.21 5.5a7.75 7.75 0 01-.23.67h22.65c.7-.68 1.21-1.4 1.3-2.1.05-.5-.09-.98-.5-1.44-1.63-1.8-4.13-1.96-6.33-1.74-2.28.22-4.5.61-6.8.61-1.88 0-2.67-2.77-3.08-4.16-.46-1.61-.9-3.38-2.42-4.34a4.22 4.22 0 00-2.09-.6zM3.15 90.98c-1.14 0-2.27.13-3.15.54v7.12c.58.62 1.31.92 2.17.53 1.45-.67 2.34-2 3.45-3.1a5.15 5.15 0 014.5-1.5c1.32.13 2.47 1 3.55-.07.94-.95-1.44-1.89-1.97-2.06a29.69 29.69 0 00-5.97-1.29 22.98 22.98 0 00-2.58-.17zm96.85.54c-1.2.56-1.94 1.66-1.55 3.67a7.5 7.5 0 001.55 3.44v-7.11zm-26.5 4.82c-1.93.04-2.74 1.75-3.38 3.66h8.53a4.4 4.4 0 00-1.46-2.3 7.19 7.19 0 00-1.22-.74 6.5 6.5 0 00-1.32-.47c-.42-.1-.8-.15-1.14-.15z' stroke-width='1' stroke='none' fill='%23043ca7ff'/><path d='M11.47 0c-.04 3.4 2.76 5.98 4.2 9 .64 1.36.37 2.32-.29 3.11-1.67 2.01-5.88 2.9-4.24 6.2a17.4 17.4 0 004.54 7.43c1.76 1.69 4.6 3.4 7.18 2.92 2.63-.47 3.26-3 4.15-5.07 1.14-2.63 2.82-3.43 5.57-3.04 1.59.22 3.61.25 4.74-1.09 1.02-1.2 1.33-2.95 1.51-4.46.19-1.49-1.14-2.69-2.06-3.65-.96-1-1.78-2.17-2.86-3.05-1.13-.92-2.46-.87-3.7-1.51-1.44-.74-.88-3.68-.75-4.93.07-.6.17-1.23.26-1.86zm54.2 18.5c-.27 0-.54.06-.84.17-3.5 1.16-7 5.16-5 9.33.84 1.83 2.67 2.83 3.97 4.13.95.94 1.89 2.28 1.78 3.68-.25 3.19-4.58 4.86-4.25 8.02.26 2.43 3.33 4.08 5.3 4.97 2.03.93 4.3 1.2 6.37.2 2-.83 2.83-3 2.87-5 .03-2.12-.34-5.47 2.07-6.47 2.06-.86 4.4-.53 6.56-.86 1.4-.22 2.17-1.19 2.41-2.38.51-2.55-1.04-5.32-2.15-7.51-.86-1.7-1.82-3.76-4.1-3.45-1.96.37-3.17 2.11-4.84 3.03-2.23 1.24-3.62.36-5.2-1.39-1.77-1.94-2.48-6.5-4.96-6.47zm32.18 37.4c-2 .06-3.43 2.68-5.19 3.77-2.83 1.83-5.66-.67-8.5-1.17-2.28-.4-3.32.49-4.95 1.91C75.5 63.67 81.33 66 82.17 69c.66 2-2.34 3.33-3.5 5.33-.84 1.67.16 3.5 1.58 4.46 1.74 1.18 3.45 2.29 5.48 2.92 2.3.53 3.5-1.22 4.8-3 1.39-1.9 2.78-3.47 5.14-1.9 1.62 1.08 2.7 2.84 4.33 3.9V56.84a2.44 2.44 0 00-.67-.52 2.75 2.75 0 00-1.48-.42zM0 56.86V80.7l.1.08c2.2 1.36 3.82.55 5.46-1.17 1.62-1.7 3.31-3.33 4.76-5.2 1.17-1.52 2.54-3.3 2.87-5.27.09-.52.1-1.06.01-1.6-.42-2.67-3.33-3.39-5.57-3.57-1.67-.13-6.4.42-6.96-1.8-.44-1.75.52-4-.67-5.32zm46.7 8.95c-4.04.08-7.93 1.69-10.7 5.08-.8.97-1.66 1.7-.89 2.96a8.41 8.41 0 002.99 2.75c.86.5 1.75.98 2.54 1.59 2.3 1.73 4.77 5.25 1.8 7.7-.6.8-1.3 1.52-1.94 2.29-.86 1.03-.45 2.55.33 3.5 2.5 2 6.84 3.5 9.17.83 1.39-1.59 1.02-3.6.73-5.52-.38-2.44.02-4.3 1-6.55a16.38 16.38 0 014.2-5.92c1.05-1.11 2.15-2.13 2.04-3.78-.12-1.87-1.67-2.3-3.1-3.03a17.55 17.55 0 00-8.18-1.9zM27.46 92.22c-.25 0-.52.1-.8.28-2 1.33-2.17 4.5-4.84 4.5-2.01 0-3.68-1.7-5.56-2.15-2.4-.58-4.58 2.5-4.77 4.67a6.15 6.15 0 00-.03.48h18.25c.23-1.5.43-3.06.11-4.5-.28-1.27-1.03-3.36-2.36-3.28z' stroke-width='1' stroke='none' fill='%23043ca7ff'/><path d='M4.65 0c-.6 1.16-1.15 2.35-1.93 3.39A6.4 6.4 0 010 5.45v33.28c2.13-.07 2.05-2.41 1.67-4.33-.8-4.02-4.37-12.12 2.94-11.55 1.53.12 3.05.62 4.6.79.7.08 2.08.5 2.29-.55.17-.91-1.22-1.71-1.72-2.28-2.1-2.4-2.39-5.5-.2-8 .7-.82 3.47-2.01 2.42-3.31C9.67 6.63 8.03 3.3 9.16 0H4.65zm53.27 0a11.7 11.7 0 01-.08.52c-.3 1.6-1.74 3.97-.06 5.24 1.98 1.5 5.52.12 7.34-1.02a7.06 7.06 0 002.78-2.8c.29-.63.4-1.28.49-1.94zM100 5.45c-1.31.55-2.79.79-4.23.99-2.95.4-6-.16-8.94-.51-1.66-.2-4.46-1.03-5.83.36-1.96 2 3.53 3.4 4.65 3.88 1.98.86 3.98 2.06 4.96 4.06.59 1.2.65 2.64.39 3.94-.26 1.27-1.42 2.14-2.63 2.43-1.12.26-2.63-.45-3.62.1-1.33.72.54 2.61 1 3.28.63.95 1.2 1.97 1.49 3.08.3 1.13.14 2.33.49 3.45.4 1.32 1.45 1.54 2.65 1.88 2.01.57 3.47 1.65 4.94 3.1 1.03 1.02 2.31 2.9 3.85 3.18.3.05.58.07.83.06V5.45zm-51.5 30.2c-2.95 0-4.25 6.9-5.18 8.78-.7 1.38-1.73 2.66-3.26 3.16-2.22.72-5.75-.76-7.5 1.15-1.04 1.11-.81 3.17-.43 4.6.7 2.6 2.24 4.97 1.83 7.79-.4 2.8-3.18 5.61-2.85 8.48.29 2.58 3.38.45 4.42-.33 2.99-2.27 6.47-5.13 10.4-5.23 1-.03 2.33.28 3.13-.49.79-.74.78-2.2 1.04-3.17.45-1.67 1.08-3.4 2.63-4.34 2.56-1.58 5.87-.3 8.6-1.22 1.5-.5 2.84-1.83 2.67-3.66-.15-1.08-.85-1.84-1.66-2.5-2.64-1.73-4.08-4.38-5.85-6.87-1.78-2.5-4.18-4.31-6.82-5.8a2.4 2.4 0 00-1.17-.34zM74.43 75.8a3.6 3.6 0 00-.6.03c-2.66.5-5.83 1.34-6.66 4-.75 2.4-.4 4.77-2.1 6.82-1.85 1.44-4.12.62-6.06-.15-1.73-.69-3.9-2.23-5.7-.87-1.19.9-1.8 2.85-1.31 4.2.79 2.14 3.04 2.98 4.49 4.53 1.44 1.53 1.7 3.64 1.42 5.64H68.4c.07-.62.12-1.25.26-1.87.27-1.2 1.24-2.63 2.56-2.9a16.02 16.02 0 003.96-1.4c1-.5 1.83-1.66 1.16-2.66-2.5-4.5-2.83-9.17-.33-13.84.55-1.09-.59-1.51-1.57-1.54zm20.42 2.72a1.84 1.84 0 00-.47.04c-1.24.25-1.65 1.58-2.2 2.54-1.18 2.03-3.82 4.03-4.55 6.19-.31.91-.32 2.58.87 2.88 1.64.65 3.96-1.42 5.17.44.8 1.2.21 3-.1 4.27-.26 1.05-.45 2.12-.07 3.12.67 1.35 1.66 1.11 2.54-.07 1-1.32.5-2.8.87-4.3.45-1.79 1.28-3.59 3.09-4.3v-6.65c-.79-.79-1.54-1.62-2.32-2.37-.73-.7-1.73-1.72-2.83-1.79zM0 82.68v6.66l.12-.05c1.54-.54 3.32-.05 4.86.23 1.95.35 7.83 2.9 8.16-.84.1-1.2-.69-2.09-1.97-2.01-2.34.14-4.46-.51-6.7-1.04-1.79-.47-3.18-1.65-4.47-2.95zm8.94 13.26c-.69.01-1.32.23-1.94.73A11 11 0 004.65 100h4.51a7.87 7.87 0 011.17-2.17c.34-.66.17-1.5-.66-1.83a4.04 4.04 0 00-.73-.06z' stroke-width='1' stroke='none' fill='%23043ca7ff'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
}
.scroll-blocked { overflow: hidden; } 
h1, h2 { font-family: 'Sen'; margin: 0; padding: 0; border: 0; resize: none;  }
body, img, p, h1, h2, h3, h4, h5, fieldset { font-family: 'Ubuntu', sans-serif; margin: 0; padding: 0; border: 0; resize: none;  }
h3 { font-weight: 100; font-size: 40px; }
html.no-scroll { overflow-y: hidden!important; }
a, a:hover, a:focus { text-decoration: none !important; }
input[type=submit] { cursor: pointer; }
*:focus { outline: none; }
::selection { color: #eee; background: #000; }
::-moz-selection { color: #eee; background: #000; }
._v-align { display: inline-block; vertical-align: middle; line-height: normal; }Fna
.relative { position: relative; }
.unstyled { background: none; border: 0; box-shadow: none; list-style: none; margin: 0; padding: 0; line-height: normal; }
.uppercase { text-transform: uppercase; }
.fweight400 { font-weight: 400; }
.fweight500 { font-weight: 500; }
.fweight700 { font-weight: 700; }
h1 { font-weight: 100; margin-bottom: 20px; font-size: 60px; color: #000; }
h2 { font-weight: 100; margin-bottom: 20px; font-size: 50px; color: #000; }
h3, h4, h5, h6 { font-weight: 100; }

p { font-size: 20px; text-align: left; }
a {
  color: #043CA7;
  cursor: pointer;
}
a:hover {
  color: #000941;
}

.page-content {
    margin: 50px auto;
}

.btn-default {     
    display: inline-block;
    font-weight: 500;
    border: none;
    border-radius: 12px;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
    
    background: #043CA7;
    background: linear-gradient(270deg, #043CA7, #00295d);
    font-size: 20px;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 10px;    
}

.btn-default.btn-blue {     
    color: #ffffff;
    background: #043CA7;
}

.btn-default:after {
    height: 2px;
    width: 0;
    font-size: 0;
    position: absolute;
    display: block;
    opacity: 1;
    content: '.';
    bottom: 8px;
    background: rgb(255, 255, 255);
    transition: width 0.6s;
    left: 12px;
    background: #043ca7;
}

.btn-default:hover:after, .btn-default.active:after {
    width: calc(100% - 24px);
    background: #043ca7;
}


a { -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
a:focus { border: none; }

body .transition-regular { -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }
body .transition-fast { -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
body .transition-very-fast { -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }
.navbar-toggler { border: unset; }
button:focus { outline: unset; }

button.success {
  background-color: rgb(32 121 3) !important;
  border-color: rgb(32 121 3) !important;
}
button.success:hover {
    border-color: rgb(32 121 3) !important;
}
.form-control {
  border: 1px solid transparent;
  border-radius: 10px;
  background-color: #eee;
  font-size: 15px;
  padding: 15px;
  margin-bottom: 10px;
  -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;
}
textarea.form-control { border-radius: 10px; }
.form-control:focus {
  background-color: #ddd;
  box-shadow: none;
}
input {
  background: #e8e8e8;
  border: none;
  padding: 10px 30px 10px 30px;
  font-size: 20px;
  font-weight: 100;
  border-radius: 30px;
  display: inline-block;
}
#gdpr-cookie-message { right: unset !important; left: 30px !important; }

.loader { position: fixed; top: 0; bottom: 0; left: 0; right: 0; height: 100vh; width: 100vw; background: #444; z-index: 9999999999; background: #111111; background: #111111fe; }
.loader-holder { 
  height: 120px; width: 120px;      margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
a.vermais {  
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
  color: #ef7308;
}

#main {
  position: relative;
  z-index: 2;
}

#main p { font-size: 16px; text-align: justify; }
#main ul li { font-size: 16px; text-align: justify; }


/*------------------------------LAZY LOAD EFFECT-------------------------------*/
.shimmer {
    animation: shimmer 2s infinite linear;
    background: linear-gradient(to right, #fafbff 0%, #edf1ff 20%, #e7f3ff 40%, #f6f7f8 100%);
    background-size: 1000px 100%;
    color: transparent !important;
    margin-bottom: 8px;
    height: 17px;
}

@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

/*------------------------------END LAZY LOAD EFFECT-------------------------------*/

/*--------------------------------- HEADER ------------------------------------*/
header {
  position: fixed;
  z-index: 999;
  left: 0;
  right: 0;
  top: 0;
}
.navbar-nav .nav-link {
  color: #ffffff !important;
}
.navbar-brand {
  margin: auto;
  max-width: 240px;
}
.navbar-brand img {
  height: 65px;
}

.navbar-brand .nomeemblema {
    font-size: 26px;
    font-weight: 300;
    margin-left: 10px;
    display: inline-block;
    line-height: 60px;
    vertical-align: middle;
}

.navbar {
  padding-top: 30px !important;
  padding-bottom: 10px !important;
}
.navbar .nav-item {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.navbar .nav-item.rede-ml { margin-left: 20px; }

.navbar .nav-item .social svg path {
    fill: #ffffff;
}

.navbar .social-side { display: none; }

.navbar.scrolled .nav-item .social svg path {
    fill: #043CA7;
}

.navbar .nav-item .social.nav-link::after {
    content: none;
}

.navbar .nav-item.socios-nav {
    background: #fff;
    border-radius: 10px;
    transform: skew(-20deg);
}

.navbar .nav-item.socios-nav .nav-link {
    color: #043CA7 !important;
    transform: skew(20deg);
}

.navbar.scrolled .nav-item.socios-nav {
    background: #043CA7;
}
.navbar.scrolled .nav-item.socios-nav .nav-link {
    color: #ffffff !important;
}

.navbar .nav-link {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.navbar .nav-link::after {
  height: 1px;
  width: 0;
  font-size: 0;
  position: absolute;
  display: block;
  opacity: 1;
  content: '.';
  bottom: 4px;
  background: rgb(255,255,255);
  transition: width 0.6s;
  left: 0;
}

.navbar.scrolled .nav-link::after {
    background: #043CA7;
}

.navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar .nav-link:hover:after, .nav-link.active:after {
  width: 100%;
  background: rgb(255,255,255);
}

.navbar.scrolled .nav-link:hover:after, .navbar.scrolled .nav-link.active:after {
    background: #043CA7 !important;
}

.navbar-toggler:focus {
  box-shadow: none;
}
.navbar svg.logo-acs {
    height: 60px;
}
.navbar svg.logo-acs .linhaslogo {
    fill:#ffffff;
}
.navbar.scrolled svg.logo-acs .linhaslogo {
    fill:#043CA7;
}
.navbar.scrolled {
  background: rgb(255, 255, 255);
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.8);
  padding-top: 10px !important;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25)
}
.navbar.scrolled .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%284, 60, 167, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar.scrolled a { color: #043CA7 !important; }

.dropdown-item.active, .dropdown-item:active {
    color: #ffffff;
    text-decoration: none;
    background-color: #043CA7;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown-menu[data-bs-popper] {
    left: 50% !important;
    margin-top: 0px !important;
}

.dropdown-menu {
    box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.4);    
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border: none;
}

.dropdown-menu li a {
    padding: 10px 10px;
    color: #043CA7;
}

.fast-link {
    bottom: 20px;
    right: -35px;
    position: absolute;
    background: #ffffff;
     padding: 10px 0px 10px 0px;
    border-radius: 12px;

  -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25)  
}

.navbar.scrolled .fast-link {
    bottom: -50px;
}

.fast-link:after {
    content: "";
    height: 5px;
    width: 5px;
    background: red;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(255, 67, 38, 1);
    -moz-box-shadow: 0px 0px 18px 5px rgba(255, 67, 38, 1);
    box-shadow: 0px 0px 18px 5px rgba(255, 67, 38, 1);
}

.fast-link.transition-fast a {
  color: rgb(255, 67, 38) !important;
  font-weight: 500;
  padding: 10px 60px 10px 50px;
  width: unset;
}

.nav-live {
    position: relative;
}

.nav-live:after {
    content: "";
    height: 5px;
    width: 5px;
    background: red;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(255, 67, 38, 1);
    -moz-box-shadow: 0px 0px 18px 5px rgba(255, 67, 38, 1);
    box-shadow: 0px 0px 18px 5px rgba(255, 67, 38, 1);    
}

.nav-live a {
    color: rgb(255, 67, 38) !important;
    font-weight: 500;
    padding: 10px 60px 10px 50px;    
}

/*------------------------------- END HEADER ----------------------------------*/

/*------------------------------- SEPARADOR -----------------------------------*/
.bottom-header { 
  position: absolute; 
  bottom: -1px; 
  max-height: 160px;
  z-index: 1; 
}
.banner-separador {
    background-color: #043CA7;
    background: radial-gradient(circle at 100% 100%, #000941 0, #043CA7 100%);
    overflow: hidden;
    padding: 60px 0 85px;
    position: relative;
    height: 260px;
}
.banner-separador:before {
    background-image: url(/theme/img/backgroundbanner.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.banner-separador .banner-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    position: absolute;
    top: 0;
}
.banner-separador img {
  height: 350px;
  width: 100%;
  object-fit: cover;
}
.banner-separador .page-slogan-other {
  position: absolute;
  bottom: 20px;
font-size: 30px;
font-weight: 500;
  color: #ffffff;
  z-index: 9;
}  
.banner-separador .page-slogan-other a { color: #ffffff; }
.banner-separador .page-slogan-other p {
  width: 600px;
  font-weight: 300;
  color: #ffffff;
}

.box-input { float: right; margin-bottom: 10px; }
.box-input input { display: none; }
.box-input svg { fill: #fff; }
.box-input span { padding-left: 10px; }
/*------------------------------ END SEPARADOR --------------------------------*/

/*--------------------------------- BANNER ------------------------------------*/
.banner {
    background-color: #043CA7;
    background: radial-gradient(circle at 100% 100%, #000941 0, #043CA7 100%);
    overflow: hidden;
    padding: 60px 0 85px;
    position: relative;
    height: 100dvh;
}

.banner .banner-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    position: absolute;
    top: 0;    
}

.banner-content { margin-top: 80px; }

.banner .gritoacs {
animation: block_scroll__-Hgv- 200s linear infinite;
    font-size: 150px;
    color: #fff;
    font-weight: 900;
    position: absolute;
    width: max-content;
    bottom: 0;
    top: 0;
    left: -1358px;
    opacity: 0.8;
    font-family: "Poppins", italic;
    font-style: italic;
}

/* Core functionality */
#animation-grito {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  overflow: hidden;
}
#animation-grito .marquee {
  white-space: nowrap;
  animation: marquee 40s linear infinite;
  max-width: none;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

.mouse_scroll {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 100px;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    cursor: pointer;
}


.m_scroll_arrows
{
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
   
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 3px 4px;
  
  width: 16px;
  height: 16px;
}


.unu
{
  margin-top: 1px;
}

.unu, .doi, .trei
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
  
}

.unu
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  
  animation-direction: alternate;
  animation-delay: alternate;
}

.doi
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .2s;
  animation-direction: alternate;
  
  margin-top: -6px;
}

.trei
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .3s;
  animation-direction: alternate;
  
  
  margin-top: -6px;
}

.mouse {
  height: 42px;
  width: 24px;
  border-radius: 14px;
  transform: none;
  border: 2px solid white;
  top: 170px;
}

.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
  
  height: 4px;
  width: 4px;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}

.wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel {
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-o-keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
.banner:before {
    background-image: url(/theme/img/backgroundbanner.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

.banner-wrapper {
  position: relative;
}


.seccao-jogos .jogo-preview {
    color: #043CA7 !important;
    background-color: #ffffff !important;
    font-size: 20px;
    padding: 10px 20px;
    margin-bottom: 5px;    
    text-decoration: none !important;
    display: block; 
    -webkit-box-shadow: 1px 0px 10px 2px rgba(183,193,214,0.8);
    -moz-box-shadow: 1px 0px 10px 2px rgba(183,193,214,0.8);
    box-shadow: 1px 0px 10px 2px rgba(183,193,214,0.8);    
    border-radius: 0px 14px 14px 0px;
    border-left: solid 6px;    
    overflow: hidden;
    position: relative;
}

.seccao-jogos .jogo-preview.porjogar {
    border-left: solid 6px #cccccc;
}

.seccao-jogos .jogo-preview.live {
    -webkit-box-shadow: 1px 0px 10px 2px rgba(255,137,137,0.8);
    -moz-box-shadow: 1px 0px 10px 2px rgba(255,137,137,0.8);
    box-shadow: 1px 0px 10px 2px rgba(255,137,137,0.8);  
    animation: breathe 6s linear infinite;
    border-left: solid 6px #043CA7;    
}

@keyframes breathe {
 0% {
box-shadow: 1px 0px 10px 2px rgba(255,137,137,0.8);  
 }
 50% {
box-shadow: 1px 0px 2px 2px rgba(255,137,137,0.8);  
 }
 100% {
box-shadow: 1px 0px 10px 2px rgba(255,137,137,0.8);  
 }
}

.seccao-jogos .jogo-preview .backjogo {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    z-index: 0;
    opacity: 0.1;    
}

.seccao-jogos .jogo-preview .top-jogo {
    font-size: 12px;    
    white-space: nowrap;
    overflow: hidden;    
    color: #000000;
}

.seccao-jogos .jogo-preview .equipas {
    white-space: nowrap;
    overflow: hidden;  
    font-size: 18px;
    font-weight: 400;
}

.seccao-jogos .jogo-preview .equipas img {
    height: 24px;
    width: 24px;
    object-fit: contain;
    vertical-align: middle;
    margin-right: 10px;    
}

.seccao-jogos .jogo-preview .equipas div {
    margin-bottom: 5px;
}

.seccao-jogos .jogo-preview .resultado {
    font-size: 18px;  
}

.seccao-jogos .jogo-preview .footer-jogo {
    white-space: nowrap;
    overflow: hidden;     
    font-size: 12px;
    color: #000000;
}
.seccao-jogos .njornada {
    font-size: 50px;
    color: #043CA7 !important;
    font-weight: 100;
    line-height: 120px;
    vertical-align: top;
    width: 100px;
    display: inline-block;
    text-align: right;
    padding-right: 10px;    
}

.prova .seccao-jogos .jogo-preview {
    display: inline-block;
    width: -webkit-fill-available;
}

.seccao-jogos .outros-jogos-jornada {
    background: #ffffff;
    padding: 30px 20px 10px;
    margin-top: -20px;
    border-radius: 0px 0px 14px 14px;
    -webkit-box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);
    -moz-box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);
    box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);
}
.seccao-jogos .jogo-preview-outro { 
    margin-bottom: 10px;
    display: block;
}

.seccao-jogos .jogo-preview-outro .equipas img {
    height: 24px;
    width: 24px;
    object-fit: contain;
    vertical-align: middle;
    margin-right: 10px;
}

/*.seccao-jogos .outros-da-jornada li .outro-jogo {*/
/*    display: flex;*/
/*    font-size: 14px;    */
/*}*/

.seccao-jogos .outros-da-jornada .outro-equipa-casa, .seccao-jogos .outros-da-jornada .outro-equipa-fora, .seccao-jogos .outros-da-jornada .outro-golos-casa, .seccao-jogos .outros-da-jornada .outro-golos-fora { display: inline-block; }



.jogo-preview.live .footer-jogo .competicao {
    display: inline-block;
}
.jogo-preview.live .footer-jogo .estado {
    background: #ff7676;
    font-size: 12px;
    color: #000000;
    display: inline-block;
    float: right;
    font-weight: 500;
    width: fit-content;
    margin: auto;
    padding: 3px 15px;
    border-radius: 4px;    
}

.block-title {
    margin-bottom: 10px;
    color: #043CA7;
    font-size: 20px;
    display: inline-block;
}

.block-title:before {
    color: #ef7308;
    content: "»";
    font-weight: 900;
    font-size: 40px;
    margin-right: 10px;
    vertical-align: sub;
}


/*------------------------------- END BANNER ----------------------------------*/




/*------------------------------- NOTÍCIAS ------------------------------------*/

.noticias { 
  position: relative;
  z-index: 2;
}
.noticias h2, .noticias a.vermais { display: inline-block; }



.noticia img { 
  height: 240px;
  object-fit: cover;
  border-radius: 14px; 
  width: 100%;
}
.breadcrumb {
  font-size: 18px;
  margin-bottom: 5px;
}
.noticia {
  color: #000;
  margin-bottom: 50px;
background-color: #ffffff !important;    
-webkit-box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);
-moz-box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);
box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);
border-radius: 14px;      
}
.noticia h4 { 
  font-size: 20px;
  margin-top: 3px;
}
.noticia img { 
  -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;
  filter:opacity(1);
}
.noticia a, .noticia a:hover { display: block; color: #000000; }

.noticia .linkimg { 
    margin-bottom: 6px;
    background: #043CA7;
    border-radius: 14px; }

.noticia .noticia-info {
    padding: 10px 20px;
}
    
.noticia a.noti-categoria { float: right; color: #043CA7; }
.noticia p { font-size: 16px; }
.noticia .lermais {
  font-size: 16px;
  float: right;
  margin-top: 6px;
  color: #043CA7;
}
.noticia:hover img { filter:opacity(0.5); }
.filtros {
  margin-bottom:30px;
}

.filtros .navbar-nav::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.filtros .navbar-nav::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.filtros .navbar-nav::-webkit-scrollbar-thumb {
  background: rgb(244,173,25) !important;
  border-radius: 20px;
}

.filtros .navbar-nav {
  flex-direction: row;
  overflow-x: scroll;
  display: inline;
}
.filtros li {
  margin-right: 20px;
  display: inline-block;
}
.filtros li .btn-default {
    color: #000;
    border-color: transparent !important;
    background: none;
    margin-right: 30px;  
}
.filtros li .btn-default.active {
  border-color: rgb(244,173,25) !important;
}

/*----------------------------- END NOTÍCIAS ----------------------------------*/

/*------------------------------PATROCINADORES---------------------------------*/
.patrocinios .item img {
  height: 100px;
  object-fit: contain;
  width: 100%;
  opacity: 0.5;
  -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;
}

.patrocinios .item:hover img {
  opacity: 1;
}

.patrocinios .owl-nav svg {
  height: 20px;
}

.patrocinios .owl-prev {
  position: absolute;
  left: -60px;
  top: 0;
  height: 100%;
}
.patrocinios .owl-next {
  position: absolute;
  right: -60px;
  top: 0;
  height: 100%;
}
.patrocinios .owl-carousel { margin-top: 40px; }

.patrocinios {
  margin: 50px auto;
}

/*----------------------------END PATROCINADORES-------------------------------*/

/*---------------------------------PAG JOGO--------------------------------*/
.jogo-header {
    margin: 50px 0px 50px;
    color:#043CA7 !important;
}
.jogo-header .jogo-estado {
    font-size: 18px;
    font-weight: 500;
}
.jogo-header .jogo-data {
    font-size: 18px;
    font-weight: 300;
}

.jogo-header .equipas-resultado {
    margin-top: 20px;
}

.jogo-header .block-equipa {
    display: inline-block;
}

.jogo-header .nome-equipa, .jogo-header .logo-equipa, .jogo-header .resultado-equipa { display: inline-block; margin: 0px 10px; }
.jogo-header .logo-equipa img {
    width: 80px;
    height: 80px;
    object-fit: contain;    
}
.jogo-header .equipa-casa { padding-right: 0px !important; }
.jogo-header .equipa-fora { padding-left: 0px !important; }

.jogo-header .nome-equipa {
    font-size: 24px;
    font-weight: 500;
    max-width: 300px;
    word-wrap: normal;    
    vertical-align: middle;
}

.jogo-header .nome-equipa-mobile {
    display: none;
}
.jogo-header .logo-equipa {
    vertical-align: middle;
}
.jogo-header .resultado-equipa {
    font-size: 35px;
    font-weight: 700;
    background: #e4e9ff;
    padding: 10px 18px;
    border-radius: 4px;
    margin: 0px 2px !important;
    vertical-align: middle;
    display: inline-block;
    min-width: 75.7px;
    text-align: center;
}

.jogo-header .equipa-vencedora .resultado-equipa {
    background: #043CA7;
    color: #ffffff;
}
.jogo-details .equipa-casa-header, .jogo-details .equipa-fora-header {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #043CA7;
}
.jogo-details .equipa-casa-header .neq, .jogo-details .equipa-fora-header .neq { display: inline-block; }
.jogo-details .equipa-casa-header img, .jogo-details .equipa-fora-header img {
    height: 40px;
    width: auto;
    object-fit: contain;
    margin-right: 14px; 
    margin-left: 12px;
}

.jogo-header .detalhe-title {
    font-size: 16px;
    font-weight: 500;
}
.jogo-header .detalhe {
    margin-top: 10px;
    margin-bottom: 10px;
}
.jogo-header .detalhe-info {
    font-size: 18px;
    font-weight: 500;
    background: #e4e9ff;
    width: fit-content;
    margin: auto;
    padding: 3px 15px;
    border-radius: 4px;
}
.jogo-header .detalhe.live .detalhe-info {
    background: #ff7676;
    font-size: 12px;
    color: #000000;
}

.jogo-details .tables-wrapper {
    background-color: #ffffff !important;
    -webkit-box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);
    -moz-box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);
    box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);    
    border-radius: 14px;   
    padding:20px 10px;
}
.jogo-details table th {
    border-bottom: solid 1px #eff5ff;
    font-size: 16px;
    font-weight: 300;    
}
.jogo-details table th div {
    display: inline-block;
    margin-right: 20px;
    vertical-align: bottom;    
}
.jogo-details table th div svg { 
    width: 20px;
    height: 20px;
    fill: #ef7308;
}
.jogo-details table th .sete-metros div {
    background: #ef7308;
    padding: 2px 8px;
    font-size: 13px;
    color: #ffffff;
    border-radius: 4px;
    margin-right: 6px;
}
.jogo-details table td {
    -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s;
    padding-bottom: 12px;
    padding-top: 12px;
    color: #043CA7;
    border: none;
    font-weight: 100;
    font-size: 16px;
    border-bottom: solid 1px #eff5ff;
}
.jogo-details tr:hover td {
    background-color: #f1f6ff !important;
}
.jogo-details table td.ncamisola {
    width: 40px;
    padding: 12px;
}
.jogo-details table td.nome {
    font-weight: 500;
    white-space: nowrap;
    max-width: 80px;
}
.jogo-details table td.nome .notmobile { display: inline-block !important; }
.jogo-details table td.nome .mobile { display: none !important; }
.jogo-details table td.desempenho {
    font-weight: 100;
}
.jogo-details table td.desempenho .cartao-amarelo {
    width: 14px;
    height: 20px;
    background: #ffc600;
    display: inline-block;
    border-radius: 3px;
    vertical-align: bottom;
}
.jogo-details table td.desempenho .cartao-vermelho {
    width: 14px;
    height: 20px;
    background: #a60000;
    display: inline-block;
    border-radius: 3px;
    vertical-align: bottom;
}
.jogo-details table td.desempenho .cartao-azul {
    width: 14px;
    height: 20px;
    background: #000283;
    display: inline-block;
    border-radius: 3px;
    vertical-align: bottom;
}
.jogo-details .dois-minutos.acumulacao svg {
    fill: #a60000 !important;
}
.jogo-details table td.desempenho .qtd-dt {
    position: absolute;
    background: #043CA7;
    color: #ffffff;
    font-size: 10px;
    padding: 0px 5px;
    border-radius: 10px;
    bottom: -5px;
    right: -7px;
    height: 15px;
    margin: auto;
}
.jogo-details table td.desempenho div {
    margin-right: 10px;
    display: inline-block;
    position: relative;
}

.jogo-details .juiz-jogo {
    font-size: 20px;
    color: #043CA7;
}    

/*-------------------------------END PAG JOGO-------------------------------*/

/*---------------------------------PAG ANDEBOL-------------------------------*/

.andebol .competicao-link, .andebol .escalao-link {
    display: block;
    background: #043CA7;
    background: linear-gradient(270deg, #043CA7, #00295d);
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.andebol .galeria-link {
    background: #043CA7;
    background: linear-gradient(270deg, #043CA7, #00295d);    
    height: 110px;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    display: block;   
    margin-bottom: 10px;
}

.andebol .galeria-link img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
    opacity: 0.4;
}
.andebol .galeria-link .galeria-nome {
    position: absolute;
    bottom: 40px;
    left: 20px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;    
}

/*-------------------------------END PAG ANDEBOL-------------------------------*/

/*-------------------------------END PAG PROVA e CULTURA e SISMARIA -------------------------------*/
.prova {
    min-height: 50vh;
}

.prova .zona-link, .cultura .cultura-link, .sismaria .sismaria-link {
    display: block;
    background: #043CA7;
    background: linear-gradient(270deg, #043CA7, #00295d);    
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 10px;
    border:none;
}
.prova .zona-link:not(.collapsed), .cultura .cultura-link:not(.collapsed), .sismaria .sismaria-link:not(.collapsed) {
    background: #86bbff;
    background: linear-gradient(270deg, #5e86d2, #86bbff);    
}

.prova .tables-wrapper {
    background-color: #ffffff !important;
    -webkit-box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);
    -moz-box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);
    box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);
    border-radius: 14px;
    padding: 10px 20px;
}

.cultura .tables-wrapper, .sismaria .tables-wrapper, .noticia-page .tables-wrapper {
    background-color: #ffffff !important;
    -webkit-box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);
    -moz-box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);
    box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);
    border-radius: 14px;
    padding: 20px 20px;
}


/*-------------------------------END PAG PROVA e CULTURA -------------------------------*/

.presidentes-historia img {
    height: 100px;
    width: 100px;
    overflow: hidden;
    border-radius: 50px;
    object-fit: cover;
}

.presidente-nome {
    font-weight: 500;
}


/*------------------------------GALERIA----------------------------*/

.igaleria a {
    height: 300px;
    width: 100%;
    display: block;
    border-radius: 10px;
    overflow: hidden;    
}

.igaleria a img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}

/*----------------------------END GALERIA-------------------------*/



.contact-page h3 {
  margin-bottom: 20px;
}
.contact-page h6 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px;
}
.contact-page .contactinfo { font-size: 18px; font-weight: 400;  }
.contact-page .contactinfo a { font-size: 16px; font-weight: 100; margin-bottom: 10px; display: block; color: #043CA7; }
.contact-page .contactinfo a:hover { color: rgb(244,173,25); }

.noticia-page img {
  width: 100%;
  border-radius: 15px;
  object-fit: cover;
  object-position: center;
}
.noticia-page p {
  line-height: 30px;
}
.noticias-page .pagination {
  float: right;
}
.noticias-page .page-item.active .page-link {
    color: #fff;
    background-color: rgb(228,81,48);
    border-color: rgb(228,81,48);
    -webkit-box-shadow: 0 2px 5px 0  rgba(228,81,48,0.1), 0 2px 10px 0 rgba(228,81,48,0.1);
    box-shadow: 0 2px 5px 0  rgba(228,81,48,0.1), 0 2px 10px 0 rgba(228,81,48,0.1);
}
.noticias-page .page-link {
  color: #000;
  border-radius: 20px;
  padding: .25rem 12px;
  border: none;
  margin-left: 4px !important;
  font-size: 18px !important;
  background-color: transparent;
}
.noticias-page .page-link:focus, .page-link:hover {
  background-color: #e9ecef;
  outline: 0;
  box-shadow: unset;
}
.noticias-page .page-item:last-child .page-link {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.noticias-page .page-item:first-child .page-link {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}




.loadersave { display: inline-block; display: none; }
.sendarrow { width: 24px; } 
.circle-loader-popup-save {
  border: 2px solid transparent;
  border-left-color: #fff;
  border-top-color: #fff;
  animation: loader-spin 1s infinite linear;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.checkmarkright-holder {
  position: relative;
  width: 20px;
  height: 10px;
  margin-left: 10px;
  display: inline-block;
}
.checkmarkright, .checkmarkright-save {
	display: none;
}
.checkmarkright-save.draw:after {
	animation-duration: 800ms;
	animation-timing-function: ease;
	animation-name: checkmarkright-save;
	transform: scaleX(-1) rotate(135deg);
}
.checkmarkright-save:after {
    opacity: 1;
    height: 20px;
    width: 10px;
    transform-origin: left top;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    content: '';
    top: 6px;
    left: 0;
    position: absolute;
}
@keyframes loader-spin {
	0% {
		transform: rotate(0deg);
   }
	100% {
		transform: rotate(360deg);
   }
}
@keyframes checkmarkright-save {
	0% {
		height: 0;
		width: 0;
		opacity: 1;
   }
	20% {
		height: 0;
		width: 10px;
		opacity: 1;
   }
	40% {
		height: 20px;
		width: 10px;
		opacity: 1;
   }
	100% {
		height: 20px;
		width: 10px;
		opacity: 1;
   }
}
#contact_form { margin-top: 5px; }
#contact_form .btn-default:after {
    display: none;
}
#contact_form .btn-default.disabled, #contact_form .btn-default.disabled:hover, #contact_inform .btn-default.disabled, #contact_inform .btn-default.disabled:hover { 
  background: #999;
  border-color: #999 !important;
  pointer-events: none;
  cursor: not-allowed;
}
#contact_form .btn-default:hover, #contact_inform .btn-default:hover {
  border: none;
  background-color: #043CA7;
  background: linear-gradient(270deg, #043CA7, #00295d);
}
#contact_form h4 { margin-bottom: 15px; margin-top: 25px; }
.form-input-check {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  margin-right: 30px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select-box {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 15px;
  border: 1px solid transparent;
  border-radius: 30px;
  background-color: #eee;
  margin-bottom: 10px;
}
.select-box__current {
  position: relative;
  cursor: pointer;
  outline: none;
}
.select-box__current:focus + .select-box__list {
  opacity: 1;
  -webkit-animation-name: none;
          animation-name: none;
}
.select-box__current:focus + .select-box__list .select-box__option {
  cursor: pointer;
}
.select-box__current:focus .select-box__icon {
  transform: translateY(-50%) rotate(180deg);
}
.select-box__icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 20px;
  opacity: 0.3;
  transition: 0.2s ease;
}
.select-box__value {
  display: flex;
}
.select-box__input {
  display: none;
}
.select-box__input:checked + .select-box__input-text {
  display: block;
  font-size: 15px !important;
  font-weight: 400;
  padding: 15px;
}
.select-box__input-text {
  display: none;
  width: 100%;
  margin: 0;
  padding: 15px;
}
.select-box__list {
  position: absolute;
  width: 100%;
  padding: 0;
  z-index: 10;
  top: 0;
  border-radius: 20px;
  background-color: #eee;
  list-style: none;
  opacity: 0;
  -webkit-animation-name: HideList;
          animation-name: HideList;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: step-start;
          animation-timing-function: step-start;
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
}
.select-box__option {
  -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;
  display: block;
  padding: 15px;
  background-color: #eee;
}
.select-box__list li:first-child .select-box__option {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
.select-box__list li:last-child .select-box__option {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.select-box__option:hover, .select-box__option:focus {
  color: #546c84;
  background-color: #ccc;
}

@-webkit-keyframes HideList {
  from {
    transform: scaleY(1);
  }
  to {
    transform: scaleY(0);
  }
}

@keyframes HideList {
  from {
    transform: scaleY(1);
  }
  to {
    transform: scaleY(0);
  }
}

/* Hide the browser's default radio button */
.form-input-check input[type='radio'],.form-input-check input[type='checkbox'] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 24px;
  width: 24px;
  border: 1px solid #ef7308;
  border-radius: 50%;
  -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.checkbox {
  border-radius: 5px;
}
/* On mouse-over, add a grey background color */
.form-input-check:hover input ~ .checkmark {
  background-color: #ffddbf;
  -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;
}

/* When the radio button is checked, add a blue background */
.form-input-check input:checked ~ .checkmark {
  -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;
  background-color: #ef7308;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.form-input-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.form-input-check .checkmark:after {
 	top: 8px;
	left: 8px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: white;
}
.form-input-check .checkbox:after {
  left: 8px;
  top: 4px;
  width: 6px;
  height: 13px;
  border: solid white;
  border-radius: unset;
  background: unset;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

input.outroinput { opacity: 0; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
input.outroinput.showinput { opacity: 1; }

.contact-page .redes-sociais svg {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 20px;
    fill: #043CA7;
}

/*------------------------------------- FOOTER ---------------------------------------*/
footer {
    position: relative;
    background: #001949;
    color: #ffffff !important;
    z-index: 0;
    padding: 30px 0px;
}
footer .block-title {
    color: #ffffff;
}
footer ul {
    padding-left: 0px;
    display: flex;
}
footer .social { display: inline-block; margin-right: 20px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
footer .social svg { fill: #ffffff; width: 30px; height: 30px; }
footer .social:hover svg { fill: #ef7308; }
footer a { color: #ffffff;  font-weight: 400;}
footer a:hover { color: #ef7308; }
footer a.titulo-footer { color: #ffffff; font-size: 26px; }
footer .contact-footer { margin-top: 20px; }
footer p { margin-bottom: 20px; margin-top: 20px; font-size: 16px; color: #ffffff;}
/* footer:before {
  content: "";
  background-image: url(/theme/img/footer-top.svg);
  background-size: contain;
  background-position: bottom;
  width: 101%;
  position: absolute;
  left: -1px;
  top: -210px;
  right: -1px;
  z-index: 2;
  height: 290px;
  background-repeat: no-repeat;
} */


#footer-contactos {
  padding-top: 10px;
  z-index: 0;
  margin-top: -40px;
  z-index: 0;
  background: none;
  pointer-events: none;
}
#footer-contactos:before {
  content:"";
  width: 101%;
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  position: absolute;
  left: -1px;
  top: -210px;
  background-image: url(/theme/img/footer-contactos.svg);
  z-index: -1;
  height: 170px;
  top: -30px;
}
.map-iframe { z-index: -1; }
.redes-sociais a { display: inline-block; margin-right: 5px; }
.redes-sociais svg { width: 40px; display: inline-block; }

.footer-bottom { 
  margin-top: 40px;
  padding-bottom: 20px;
  pointer-events: all;
}
.footer-top img {
  height: 40px;
  margin-right: 20px;
  margin-top: 20px;
}
.footer-bottom img {
  height: 40px;
  margin-right: 20px;
  margin-top: 20px;
}
/*----------------------------------- END FOOTER -------------------------------------*/

/*-------------------------------------- SOCIOS ---------------------------------------*/

.socios .btn {
    display: inline-block;
    font-weight: 500;
    border: none;
    border-radius: 12px;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
    
    background: #043CA7;
    background: linear-gradient(270deg, #043CA7, #00295d);
    font-size: 20px;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 10px;       
}

.socios .card-wrapper {
    background-color: #ffffff !important;
    -webkit-box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);
    -moz-box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);
    box-shadow: 1px 0px 10px 2px rgba(183, 193, 214, 0.8);
    border-radius: 14px;
    padding: 20px 20px;
    max-width: 400px;
    margin: 40px auto;
}
.socios .card { border: none !important; }
.socios .card-body {
    padding: 0px;
}
.socios .c-input.c-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    margin-right: 30px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}




/* Hide the browser's default radio button */
.socios .c-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.socios .c-checkbox .c-indicator {
  position: absolute;
  top: 3px;
  left: 0;
  height: 24px;
  width: 24px;
  border: 1px solid #ef7308;
  border-radius: 3px;
  -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;
} 
/* On mouse-over, add a grey background color */
.socios .c-checkbox:hover .c-indicator {
  background-color: #ffddbf;
  -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;
}

/* When the radio button is checked, add a blue background */
.socios .c-checkbox input[type="checkbox"]:checked ~ .c-indicator {
  -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;
  background-color: #ef7308;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.socios .c-checkbox .c-indicator:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.socios .c-checkbox input[type="checkbox"]:checked ~ .c-indicator:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.socios .c-checkbox .c-indicator:after {
 	top: 8px;
	left: 8px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: white;
}
.socios .c-checkbox .c-indicator:after {
  left: 8px;
  top: 4px;
  width: 6px;
  height: 13px;
  border: solid white;
  border-radius: unset;
  background: unset;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
 /*----------------------------------- END SOCIOS -------------------------------------*/
 
 
 /*------------------------------------- CARTAZ ---------------------------------------*/
 
 #cartaz {
    background-image: none;
    font-family: "Readex Pro", sans-serif;
    font-weight: 400;
    font-style: normal;
 }
 
 #cartaz .cartaz {
     width: 1080px;
     height: 1080px;
     background-image: url("/theme/img/cartaz_bg.jpg");
     padding: 160px 20px 20px 20px;
     position: relative;
     background-position: center;
     background-size: cover;
     margin: 40px;
 }
 
  #cartaz .patrocinios {
    width: 90%;
    height: 80px;
    background-image: url("/theme/img/patrocinios.png");
    margin: 10px auto;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
 }
 
  #cartaz .cartaz svg.logo-acs {
    height: 100px;
    width: 100px;
    margin: auto;
    display: block;
 }
 
 #cartaz .cartaz svg.logo-acs .linhaslogo {
    fill: #043CA7;
 }
 
#cartaz .jogo-header .logo-equipa {
    width: 100px;
    height: 100px;
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 1;
}

#cartaz .jogo-header .logo-equipa::before {
    content: "";
    position: absolute;
    inset: -22px;
    z-index: 0;

    background: radial-gradient(
        circle,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,1) 38%,
        rgba(255,255,255,0.95) 52%,
        rgba(255,255,255,0.75) 66%,
        rgba(255,255,255,0.42) 78%,
        rgba(255,255,255,0.15) 88%,
        rgba(255,255,255,0) 100%
    );

    filter: blur(8px);
    border-radius: 50%;
}

#cartaz .jogo-header .logo-equipa {
    width: 100px;
    height: 100px;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
}

#cartaz .jogo-header .logo-equipa img {
    width: auto;
    height: auto;

    max-width: 100px;
    max-height: 100px;

    display: block;

    position: relative;
    z-index: 1;
}

#cartaz .matchday {
    margin-top: 30px;
    text-align: center;
    filter: blur(1px);
}

#cartaz .matchday h1 {
    font-weight: 900;
    font-size: 100px;
    line-height: 90px;
    color: #043CA7;
    -webkit-text-stroke: 3px #043CA7;
    color: transparent;
}

#cartaz .matchday .player-svg {
    width: 600px;
    position: absolute;
    top: -30px;
    left: 0;
    right: 130px;
    margin: auto;
    height: 500px;
}

#cartaz .jogo-header .jogo-estado {
    font-size: 30px;
    font-weight: 900;
}

#cartaz .jogo-data {
    font-weight: 600;
    margin-top: 50px;
}

#cartaz .jogo-data span {
    font-size: 40px;
    font-weight: 600;
    line-height: 33px;
}

#cartaz .jogo-local {
    font-size: 20px;
    font-weight: 500;
}

#cartaz .jogo-header {
    margin: 50px 0px 50px;
}

#cartaz .jogo-header .equipas-resultado {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 35px;
}

#cartaz .jogo-header .equipas-resultado .equipa {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 0 1 250px;
}

/* Equipa da casa aproxima-se do centro */
#cartaz .jogo-header .equipa-casa {
    justify-content: flex-end;
}

/* Equipa visitante parte do centro */
#cartaz .jogo-header .equipa-fora {
    justify-content: flex-start;
}


#cartaz .jogo-header .resultado-equipa {
    font-size: 70px;
    line-height: 1;
    font-weight: 400;
    background: none;
    padding: 0;
    margin: 0 !important;
    min-width: 75px;
    text-align: center;
    color: #043CA7;
}

#cartaz .jogo-header .equipa-vencedora .resultado-equipa {
    font-weight: 700;
}


 /*----------------------------------- END CARTAZ -------------------------------------*/
 
 /* Desktop */
@media (min-width: 1081px) {

    #cartaz .cartaz {
        transform: scale(1);
    }

}


/* Tablet e mobile */
@media (max-width: 1080px) {

    #cartaz {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #cartaz .cartaz {
        transform: scale(calc((100vw - 20px) / 1080));
    }

}
 
@media only screen and (max-width: 767px) {
    
    .fast-link {
        bottom: -40px;
    }
    .navbar-collapse.show ~ .fast-link {
        right: -155px;
    }
    .banner:before {
        background-position: top;
    }
    
    .banner .gritoacs {
        font-size: 80px;
    }    
  #gdpr-cookie-message { right: 30px !important; left: 0px !important; bottom: 60px !important; }
  .navbar-collapse {
    background: #fffdfa;
    position: fixed;
    top: 0;
    right: 0;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 15px;
    height: 100vh !important;
  }
  .navbar-collapse .navbar-toggler { 
    position: absolute;
    right: 0px;
    top: 20px;
    display: block;
  }
  .navbar-collapse .navbar-toggler .btn-close {
    width: 4em;
    height: 4em;
    padding: 10px;
    opacity: 1;
  }
  .navbar-nav { margin-top: 20px; text-align: center;}
  .navbar-collapse.collapsing {
    height: 100%;
    right: -200px;
    -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s;
  }

    .navbar .social-side { display: block; }
    .navbar .nav-item.dropdown .nav-link::after {
        background: none !important;
    }
  .navbar-collapse.show {
        background-color: rgba(255, 255, 255, 0.96);      
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
    height: 100%;
    padding-left: 40px;
    padding-right: 40px;    
    right: 0;
    -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s;
  }
  .navbar-collapse .nav-item {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .navbar-toggler.collapsed ~ .navbar-collapse {
    -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s;
  }
  .opacity-0 {
    opacity: 0 !important;
  }
  .opacity-100 {
    opacity: 1 !important;
  }
  .overlay-menu { 
    position: fixed; 
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(2px);
    background: rgba(0, 0, 0, 0.5);
    -moz-transition: all 0.1s; -o-transition: all 0.1s; -webkit-transition: all 0.1s; transition: all 0.1s;
  }
  .navbar-dark .navbar-nav .nav-link  { color: #043CA7 !important; }
    .navbar .nav-item.rede-ml { margin-left: 0px !important; }
    .navbar .nav-item .social svg path {
        fill: #043CA7;
    }  
    
    .navbar .nav-item.socios-nav {
        background: #043CA7;
    }
    .navbar .nav-item.socios-nav .nav-link {
        color: #ffffff !important;
    }

  .navbar {
    padding-top: 10px !important;
  }
  .navbar-brand {
    max-width: 150px;
    margin: initial;
  }

  .nav-item .dropdown-menu { 
    position: absolute;
    top: 40px;
    margin: auto;
    text-align: center;
    background: #fff;      
  }
  .nav-item .dropdown-menu li {
    padding: 10px 20px;
    color: #043CA7 !important;
  }
  
    .nav-item .dropdown-item:active {
        color: #043CA7;
        background-color: unset;
    }  
  .nav-item .dropdown-menu li img { width: 30px; }
  .nav-item .dropdown-menu li a { padding: 0px; margin-right: 5px; }
  .nav-item .dropdown-menu li a.active { background-color: transparent !important; }
  .nav-item .dropdown-menu li a.active img { width: 40px; }

  .banner-separador img {
    height: 160px;
  }
  .banner-separador:after { height: 100px; bottom: -1px; }
  .banner-separador .page-slogan-other {
        font-size: 20px;
        bottom: 35px;
        line-height: 26px;
        width: 90%;
  }

.jogo-header .resultado-equipa {
    font-size: 30px;
    padding: 6px 14px;
    min-width: 62px;
    text-align: center;
}
.jogo-header .equipa-casa .nome-equipa {
    display: none;
}

.jogo-header .equipa-casa .nome-equipa-mobile {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 10px; 
    display: block;
}

.jogo-header .logo-equipa img {
    width: auto;
    height: 60px;
}

.jogo-header .nome-equipa {
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
}

.jogo-header .detalhes-resultado {
    margin-top: -30px;    
}

.jogo-details .tables-wrapper {
    padding: 20px 0px;
}
.jogo-details table td.ncamisola {
    width: auto !important;
    padding: 0;
}
.jogo-details table td.nome {
    width: 1% !important;
    white-space: nowrap;
}
.jogo-details table td.desempenho .cartao-amarelo, .jogo-details table td.desempenho .cartao-vermelho, .jogo-details table td.desempenho .cartao-azul {
    width: 12px;
    height: 18px;
}
.jogo-details table td.desempenho svg { width: 18px; height: 18px; }
.jogo-details table td.desempenho .qtd-dt {
    font-size: 9px;
    padding: 0px 4px;
    right: -6px;
    bottom: 1px;
    height: 13px;
}
.jogo-details table td.nome .notmobile { display: none !important; }
.jogo-details table td.nome .mobile { display: inline-block !important; }
.jogo-details table td {
    padding: 2px;
    font-size: 12px;
    width: auto !important;
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: unset !important;
    text-transform: capitalize;
    vertical-align: middle;    
}
.jogo-header .detalhe-info {
    font-size: 16px;
}

.jogo-header .detalhe {
    margin-top: 5px;
    margin-bottom: 5px;
}
.jogo-details table tr {
    height: 45px !important;
    overflow: hidden;
}
.jogo-details .equipa-casa-header, .jogo-details .equipa-fora-header { text-align: center; }
.jogo-details .equipa-casa-header .neq, .jogo-details .equipa-fora-header .neq { display: none; }
.jogo-details table td.desempenho div { margin-right: 4px; height: 18px; }


.seccao-jogos .njornada {
    vertical-align: top;
    text-align: left;
    font-size: 40px;
    line-height: 70px;    
}

  a.vermais { font-size: 18px; }

  .noticias {
    margin: 80px auto 0px;
  }
  .noticia { margin-bottom: 40px; }

  .noticia img {
    height: 180px;
  }

  h3 { font-size: 25px; }


  footer p {
    font-size: 14px;
  }
  footer .redes-sociais { margin-bottom: 20px; }


  .about ul {
    padding-left: 1rem;
  }


  .form-input-check { font-size: 16px; }
  .filtros .navbar-nav {
    padding-bottom: 5px;
  }
  .filtros li .btn-default {
    font-size: 16px;
    padding: 8px 22px 8px 22px;
  }
  .filtros li {
    margin-right: 10px;
  }
  .map-iframe iframe { height: 200px !important; }
  #footer-contactos:before {
    height: 70px;
    top: -60px;
    left: -2px;
    right: -2px;
    width: 102%;
  }
  #footer-contactos {
    background: #303030;
    margin-top: 0px;
  }
  .footer-bottom {
    margin-top: 10px;
  }
  
  .prova .zona-link {
      font-size: 16px;
      padding: 8px 16px;
  }
  
}
.navbar-brand { margin: unset; }
@media only screen and (min-device-width : 768px) and (max-device-width : 990px) {
    
    .banner .gritoacs {
        font-size: 80px;
    }
    
  .navbar-collapse {
    background: #fffdfa;
    position: fixed;
    top: 0;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    height: 100vh !important;
  }
  .navbar-collapse .navbar-toggler { 
    position: absolute;
    right: 0px;
    top: 20px;
    display: block;
  }
  .navbar-collapse .navbar-toggler .btn-close {
    width: 4em;
    height: 4em;
    padding: 10px;
    opacity: 1;
  }
  .navbar-nav { margin-top: 20px; }
  .navbar-collapse.collapsing {
    height: 100%;
    left: -100%;
    -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s;
  }

  .navbar-collapse.show {
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
    height: 100%;
    width: 65%;
    left: 0;
    -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;
  }
  .navbar-collapse.show .nav-item {
    border-bottom: 1px solid #cccccc44;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .navbar-toggler.collapsed ~ .navbar-collapse {
    -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;
  }
  .opacity-0 {
    opacity: 0 !important;
  }
  .opacity-100 {
    opacity: 1 !important;
  }
  .overlay-menu { 
    position: fixed; 
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(2px);
    background: rgba(0, 0, 0, 0.5);
    -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;
  }
  .navbar-dark .navbar-nav .nav-link  { color: #000 !important; }
  .navbar {
    padding-top: 10px !important;
  }
  .navbar-brand {
    max-width: 150px;
    margin: initial;
  }

  .nav-item .dropdown-menu { border: none; background: none; }
  .nav-item .dropdown-menu li {
    padding: 0 !important;
    display: inline-block;
  }
  .nav-item .dropdown-menu li img { width: 30px; }
  .nav-item .dropdown-menu li a { padding: 0px; margin-right: 5px; }
  .nav-item .dropdown-menu li a.active { background-color: transparent !important; }
  .nav-item .dropdown-menu li a.active img { width: 40px; }

  .banner-separador img {
    height: 160px;
  }
  .banner-separador .page-slogan-other {
    font-size: 30px;
    bottom: 35px;
  }
  .banner-separador .page-slogan-other p {
    display: none;
  }


  .about ul {
    padding-left: 1rem;
  }

  .form-input-check { font-size: 16px; }
  .filtros .navbar-nav {
    padding-bottom: 5px;
  }
  .filtros li .btn-default {
    font-size: 16px;
    padding: 8px 22px 8px 22px;
  }
  .filtros li {
    margin-right: 10px;
  }
  .map-iframe iframe { height: 200px !important; }
  #footer-contactos:before {
    height: 70px;
    top: -60px;
    left: -2px;
    right: -2px;
    width: 102%;
  }
  #footer-contactos {
    background: #303030;
    margin-top: 0px;
  }
  .footer-bottom {
    margin-top: 10px;
  }  
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1200px) {
  .banner .slide-info {
    top: 200px !important;
  }
}