/* reset básico */
*,*::before,*::after {
      font-family: inherit;
      font-weight: 300;
      line-height: 1em;
      margin: 0;
      padding: 0;
      border: 0;
      outline: none;
      outline: thin dotted \9;
      /* IE6-9 */
      outline-style: none;
      outline-width: medium;
      vertical-align: baseline;
      background: transparent;
      font-size: 100%;
      -webkit-text-size-adjust: 100%;
      -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      -webkit-text-rendering: optimizeLegibility;
      -moz-text-rendering: optimizeLegibility;
      -ms-text-rendering: optimizeLegibility;
      -o-text-rendering: optimizeLegibility;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased;
      font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-text-stroke: 1px transparent;
      -moz-text-stroke: 1px transparent;
      -ms-text-stroke: 1px transparent;
      text-stroke: 1px transparent;
      -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
      -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
      text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
      -webkit-overflow-scrolling: touch;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-text-stroke: 1px transparent;
      -moz-text-stroke: 1px transparent;
      -ms-text-stroke: 1px transparent;
      text-stroke: 1px transparent;
      
      }

html {
      scroll-behavior: smooth;
      }



html, body {
      width: 100%;
      height: 100%; /* aqui definimos que o html e o body terão altura de 100% */
      overflow-x: hidden;
      overflow-y: 100%;
      margin: 0;
      }



/* Hacks IE */
@-ms-viewport {
      width: device-width;
      }



@media (max-width: 400px) {
      @-ms-viewport {
            width: 320px;
            }
      }



/* Hacks IE */

:focus {
      outline: 0px;
      outline: none;
      outline: thin dotted \9;
      /* IE6-9 */
      outline-style: none;
      outline-width: medium;
      outline: -webkit-focus-ring-color none 0px !Important;
      }


div {
      
      word-wrap: break-word;
      }


img {
      border: 0;
      height: auto;
      outline: none;
      text-decoration: none;
      max-width: 100%;
      line-height: 100%;
      width: auto \9;
      height: auto;
      vertical-align: middle;
      -web-kit-interpolation-mode: bicubic;
      -moz-interpolation-mode: bicubic;
      -ms-interpolation-mode: bicubic;
      -o-interpolation-mode: bicubic;
      outline: 0px;
      outline: none;
      outline: thin dotted \9;
      /* IE6-9 */
      outline-style: none;
      outline-width: medium;
      outline: -webkit-focus-ring-color none 0px !Important;
      }



img:focus {
      outline: 0px !Important;
      outline: none !Important;
      outline: thin dotted \9 !Important;
      /* IE6-9 */
      outline-style: none !Important;
      outline-width: medium !Important;
      outline: -webkit-focus-ring-color none 0px !Important;
      }



a > img:focus {
      cursor: pointer;
      outline: 0px !Important;
      outline: none !Important;
      outline: thin dotted \9 !Important;
      /* IE6-9 */
      outline-style: none !Important;
      outline-width: medium !Important;
      outline: -webkit-focus-ring-color none 0px !Important;
      }



svg:not(:root) {
      overflow: hidden
      }



figure {
      margin: 1em 40px
      }



hr {
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      display: block;
      height: 1px;
      border: 0;
      border-top: 1px solid #DEDEDE;
      margin: 1em 0;
      padding: 0;
      }

ol, ul {
      list-style: none;
      }


*:fullscreen
*:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
      overflow: auto !important;
      }
	  
	  
	  @-webkit-keyframes fadeIn {
      from {
            opacity: 0;
            }
      to {
            opacity: 1;
            }
      }



@-moz-keyframes fadeIn {
      from {
            opacity: 0;
            }
      to {
            opacity: 1;
            }
      }



@keyframes fadeIn {
      from {
            opacity: 0;
            }
      to {
            opacity: 1;
            }
      }



.fade-in-CSS {
      opacity: 0; /* make things invisible upon start */
      -webkit-animation: fadeIn ease-in 1.0; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
      -moz-animation: fadeIn ease-in 1.0;
      animation: fadeIn ease-in 1.0;
      
      -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
      -moz-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      
      -webkit-animation-duration: 1.6s;
      -moz-animation-duration: 1.6s;
      animation-duration: 1.6s;
      }



.fade-in-CSS .Animacao {
      -webkit-animation-delay: 0.7s;
      -moz-animation-delay: 0.7s;
      animation-delay: 0.7s;
      }

::-webkit-selection {
      background-color: #007799;
      color: #e8f9fe
      }



::-moz-selection {
      background-color: #007799;
      color: #e8f9fe
      }



::-ms-selection {
      background-color: #007799;
      color: #e8f9fe
      }



::-o-selection {
      background-color: #007799;
      color: #e8f9fe
      }



::selection {
      background-color: #007799;
      color: #e8f9fe
      }


p,
h2,
h3 {
      orphans: 3;
      widows: 3;
      }
h2,
h3 {
      page-break-after: avoid;
      }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
      font-family: inherit;
      font-weight: 500;
      line-height: 1.1;
      color: inherit;
      white-space: nowrap;
      }
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
      font-weight: normal;
      line-height: 1;
      color: #777777;
      white-space: nowrap;
      }
h1,
.h1,
h2,
.h2,
h3,
.h3 {
      margin-top: 20px;
      margin-bottom: 10px;
      white-space: nowrap;
      }
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
      font-size: 85%;
      white-space: nowrap;
      }
h4,
.h4,
h5,
.h5,
h6,
.h6 {
      margin-top: 10px;
      margin-bottom: 10px;
      white-space: nowrap;
      }
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
      font-size: 75%;
      white-space: nowrap;
      }
h1,
.h1 {
      font-size: 45px;
      }
h2,
.h2 {
      font-size: 35px;
      }
h3,
.h3 {
      font-size: 28px;
      }
h4,
.h4 {
      font-size: 24px;
      }
h5,
.h5 {
      font-size: 18px;
      }
h6,
.h6 {
      font-size: 15px;
      }

small,
.small {
      font-size: 85%;
      }
mark,
.mark {
      background-color: #fcf8e3;
      padding: .2em;
      }