/* STYLE.CSS */
/*#264073; azul #192b4d; azul mais escuro #335599; azul mais claro #d7a928; amarelo custom #800000;*/
/*style.css em assets/css e fontes em assets/fonts, usar caminho do link com ../*/

@font-face {
  font-display:swap;
  font-family:'Roboto';
  font-style:normal;
  font-weight:400;
  src:url('../fonts/roboto-v51-latin-regular.woff2') format('woff2'),
      url('../fonts/roboto-v51-latin-regular.woff') format('woff');
}
@font-face {
  font-display:swap;
  font-family:'Roboto';
  font-style:normal;
  font-weight:500;
  src:url('../fonts/roboto-v51-latin-500.woff2') format('woff2'),
      url('../fonts/roboto-v51-latin-500.woff') format('woff');
}
@font-face {
  font-display:swap;
  font-family:'Roboto';
  font-style:normal;
  font-weight:600;
  src:url('../fonts/roboto-v51-latin-600.woff2') format('woff2'),
      url('../fonts/roboto-v51-latin-600.woff') format('woff');
}

/* COMMON CSS */
html {
  overflow-y:scroll;
  scroll-behavior:smooth;
  scroll-padding-top:140px; 
}

section {
  scroll-margin-top:140px; /*altura do menu*/
}

body {
  font-family:"Roboto", sans-serif;
  color:#000000;
}

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

a {
  text-decoration:none;
}

.container {
    width:100%;
}
@media(max-width:767px) {
    .container {
        padding-left:30px;
        padding-right:30px;
    }
}

/* scroll-top */
.scroll-top {
  width:45px;
  height:45px;
  background:#264073;
  display:none;
  justify-content:center;
  align-items:center;
  font-size:18px;
  color:#ffffff;
  border-radius:5px;
  position:fixed;
  bottom:30px;
  right:30px;
  cursor:pointer;
  z-index:9999;
  transition:.3s;
}
.scroll-top:hover {
  background:#335599;
  color:#fff;
}

/* TYPOGRAPHY CSS */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight:600;
  color:#003399;
  margin-bottom:0;
  font-family:"Roboto", sans-serif;
}

h1, .h1 {
  font-size:30px;
}

h2, .h2 {
  font-size:28px;
}

h3, .h3 {
  font-size:26px;
}

h4, .h4 {
  font-size:24px;
}

h5, .h5 {
  font-size:22px;
}

h6, .h6 {
  font-size:20px;
}

.font-weight-bold {
  font-weight:600;
}

.font-weight-medium {
  font-weight:500;
}

.font-weight-regular {
  font-weight:400;
}

.body-font-size {
  font-size:18px;
}

.font-size-sm {
  font-size:16px;
}

.font-size-xs {
  font-size:14px;
}

.caption-font-size {
  font-size:14px;
}

p {
  font-size:20px;
  line-height:30px;
  margin-bottom:15px;
}

.icon {
  width: 54px;
  height: 54px;
  flex-shrink: 0;
  border-radius: 50%;
  color: #fff;
  margin-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}
.icon.bg-blue { background: #264073; }
.icon.bg-green { background: #1dab62; }

/* BUTTONS CSS */
.button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:44px;
    padding:0 26px;
    font-size:18px;
    font-weight:500;
    line-height:1;
    color:#fff;
    background:#264073;
    border:1px solid transparent;
    position:relative;
    overflow:hidden;
    transition:
        background .30s,
        color .30s,
        border-color .30s;
}

.button i {
    margin-left:12px;
}
.button:hover {
    color:#ffcc00;
}
.button::before {
    content:"";
    position:absolute;
    width:0;
    height:0;
    top:50%;
    left:50%;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    transform:translate(-50%,-50%) scale(0);
    transition:.4s;
}
.button:hover::before {
    width:320px;
    height:320px;
    transform:translate(-50%,-50%) scale(1);
}

.button.border-button {
    background:transparent;
    color:#264073;
    border-color:#264073;
}
.button.border-button:hover {
    background:#264073;
    color:#fff;
}

.button-lg {
    height:54px;
}

.button-sm {
    height:36px;
    padding:0 18px;
    font-size:16px;
}

/* HEADER-1 CSS */
.header-1 {
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    z-index:1030;
    background:transparent;
}

.header-1.sticky {
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    background:#fff;
    box-shadow:0 0 5px rgba(0,0,0,.1);
}

.header-1 .navbar {
  padding:20px 0; /* vertical, horizontal */
  border-radius:0;
  position:relative;
  /*box-shadow:0px 1px 0px 0px #d7a928;*/
}

.header-1 .navbar-brand {
  padding:0;
}

.header-1 .navbar-brand img {
  max-width:300px; /*180px;*/
}

.header-1 .navbar-toggler {
  padding:0;
}

.header-1 .navbar-toggler:focus {
  outline:none;
  box-shadow:none;
}

.header-1 .navbar-toggler .toggler-icon {
  width:30px;
  height:2px;
  background-color:#000000;
  display:block;
  margin:5px 0;
  position:relative;
  transition:
    transform .3s ease,
    opacity .3s ease;
}

.header-1 .navbar-toggler.active .toggler-icon:nth-of-type(1) {
  transform:rotate(45deg);
  top:7px;
}

.header-1 .navbar-toggler.active .toggler-icon:nth-of-type(2) {
  opacity:0;
}

.header-1 .navbar-toggler.active .toggler-icon:nth-of-type(3) {
  transform:rotate(135deg);
  top:-7px;
}

@media (max-width:991px) {
    .header-1 .navbar-collapse {
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        padding:5px 12px;
        background:#e6e6e6;
        box-shadow:0 15px 20px rgba(0,0,0,.1);
        overflow-y:auto;
        z-index:1030;
    }
}

.header-1 .navbar-nav {
    gap:30px;
}

.header-1 .navbar-nav .nav-link {
    font-size:18px;
    font-weight:500;
    color:#000;
    padding:10px 0;
    position:relative;
    transition:color .3s ease;
}

.header-1 .navbar-nav .nav-link:hover {
    color:#264073;
}

.header-1 .navbar-nav .nav-link.store {
    color:#f00;
}

.header-1 .navbar-nav .nav-link::after {
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    width:100%;
    height:2px;
    background:#264073;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .25s ease;
}

.header-1 .navbar-nav .nav-link:hover::after,
.header-1 .navbar-nav .nav-link:focus::after {
    transform:scaleX(1);
}

@media (max-width:991px) {
    .header-1 .navbar {
        padding:17px 0;
    }
    .header-1 .navbar-nav {
        margin-bottom:15px;
        gap:0;
    }
    .header-1 .navbar-nav .nav-link {
        display:inline-block;
    }
    .header-1 .navbar-nav .nav-link::after {
        bottom:5px;
    }
}

/* HERO-1 CSS */
.hero-1 {
  padding:170px 0px 75px; /*Top | Left/Right | Bottom*/
  background:#ffffff; /*#f3f3f3;*/
}

.hero-1.feat {
  padding:170px 0px 5px; /*Top | Left/Right | Bottom*/
}

.hero-1 .hero-image img {
    width:100%;
    height:auto;
}

@media (max-width:991px) {
    .hero-1 .hero-image {
        margin-bottom:50px;
    }
}

.hero-1 .hero-content-wrapper .single-item {
  margin-bottom:20px;
  display:flex;
  align-items:center;
}

.hero-1 .hero-content-wrapper .text a {
    font-size:18px;
    line-height:32px;
    color:#192b4d;
    transition:color .3s ease;
}

.hero-1 .hero-content-wrapper .text a:hover {
    color:#335599;
}

/* ABOUT-1 CSS */
.about-style-1 {
  padding:170px 0px 75px; /*Top | Left/Right | Bottom*/
  background:#ffffff; /*#f3f3f3;*/
}

.about-style-1 .about-image img {
    width:100%;
    height:auto;
}

@media (max-width:991px) {
    .about-style-1 .about-image {
        margin-bottom:50px;
    }
}

@media (min-width:992px) {
    .about-style-1 .about-content-wrapper {
        padding-inline:2rem;
    }
}

.about-style-1 .about-content-wrapper .single-item {
  margin-bottom:20px;
  display:flex;
  align-items:center;
}

.about-style-1 .about-content-wrapper .text a {
    font-size:18px;
    line-height:32px;
    color:#192b4d;
    transition:color .3s ease;
}

.about-style-1 .about-content-wrapper .text a:hover {
    color:#335599;
}

/* FEATURE-1 CSS */
.feature-style-1 {
  padding:50px 0;
  background:#e6e6e6;
  position:relative;
}

.feature-style-1 .single-feature {
  margin-bottom:40px;
}

.feature-style-1 .single-feature .icon {
    width:80px;
    height:80px;
    margin-bottom:30px;
    border-radius:20px;
    background:#264073;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:45px;
    flex-shrink:0;
}

.feature-style-1 .single-feature a {
    font-size:20px;
    line-height:32px;
    color:#264073;
    transition:color .3s ease;
}

.feature-style-1 .single-feature a:hover {
  color:#335599;
}

.feature-style-1 .feature-img img {
    width:100%;
    height:auto;
}

@media (min-width:992px) {
    .feature-style-1 .feature-img {
        width:100%;
    }
}

@media (max-width:991px) {
    .feature-style-1 .feature-img {
        margin:20px 0 50px;
        padding:0 30px;
        text-align:center;
    }
}

/* GALLERY-1 CSS */
.gallery-style-1 {
    padding:50px 0;
    background:#fff;
}

.gallery-style-1 .single-gallery {
    position:relative;
    overflow:hidden;
    margin-bottom:30px;
    border-radius:5px;
    z-index:1;
}

.gallery-style-1 .single-gallery:hover .overlay {
  opacity:1;
  visibility:visible;
}

.gallery-style-1 .single-gallery:hover .overlay .overlay-content .action {
  transform:translateY(0px);
}

.gallery-style-1 .single-gallery:hover .overlay .overlay-content .info {
  transform:translateX(0px);
}

.gallery-style-1 .single-gallery .image img {
    width:100%;
    height:auto;
    display:block;
}

.gallery-style-1 .single-gallery .overlay {
    position:absolute;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:flex-end;
    padding:30px;
    text-align:center;
    background:linear-gradient(180deg, rgba(196,196,196,0) 0%, #558FFF 100%);
    opacity:0;
    visibility:hidden;
    transition:
        opacity .3s ease,
        visibility .3s ease;
}

.gallery-style-1 .overlay .action {
    margin-bottom:35px;
    transform:translateY(20px);
    transition:transform .3s ease;
}

.gallery-style-1 .overlay .action a {
    width:60px;
    height:60px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:auto;
    border-radius:50%;
    background:#fff;
    color:#323450;
    font-size:18px;
}

.gallery-style-1 .overlay .info {
    transform:translateX(-50px);
    transition:transform .3s ease;
}

.gallery-style-1 .overlay .info h3 {
    color:#fff;
}

.gallery-style-1 .overlay .info p {
    color:#fff;
}

@media (min-width:1400px){
    .gallery-style-1 .single-gallery .overlay {
        padding:30px 40px;
    }
}

/* CONTACT-1 CSS */
.contact-style-1 {
    position:relative;
    z-index:1;
    overflow:hidden;
    padding:50px 0;
    background:#fff;
}

.contact-style-1 .contact-image img {
    width:100%;
    height:auto;
}

.contact-style-1 .left-wrapper .single-item {
    display:flex;
    align-items:center;
    margin-bottom:20px;
}

.contact-style-1 .left-wrapper .text a {
    font-size:20px;
    line-height:32px;
    color:#192b4d;
    transition:color .3s ease;
}

.contact-style-1 .left-wrapper .text a:hover {
    color:#335599;
}

@media (max-width:991px) {
    .contact-style-1 .contact-image {
        margin-bottom:50px;
    }
    .contact-style-1 .left-wrapper {
        margin-bottom:50px;
    }
}

@media (min-width:1200px) {
    .contact-style-1 .left-wrapper {
        margin-left:40px;
    }
}

@media (min-width:1400px) {
    .contact-style-1 .left-wrapper {
        margin-left:50px;
    }
}

/* PRICING-1 CSS */
.pricing-1 {
	padding:25px 0;
    background:#fff
}

.pricing-1 .single-pricing {
    position:relative;
    margin-bottom:40px;
    padding:45px 40px;
    background:#fff;
    border:1px solid transparent;
    border-radius:40px;
    box-shadow:0 5px 25px rgba(218,211,211,.3);
    transition:border-color .3s ease;
}

.pricing-1 .single-pricing.active,
.pricing-1 .single-pricing:hover {
    border-color:#264073;
}

.pricing-1 .single-pricing .single-title {
    font-size:24px;
	font-weight:600;
    color:#003399;
	margin-bottom:15px;
}
.pricing-1 .single-pricing .single-price {
    font-size:20px;
	font-weight:600;
    color:#003399;
	margin-bottom:15px;
}

.pricing-1 .single-pricing ul {
    margin-bottom:30px;
    padding:0;
}

.pricing-1 .single-pricing li {
    display:flex;
    align-items:center;
    margin-bottom:12px;
    font-size:18px;
    line-height:34px;
}
.pricing-1 .single-pricing li i {
    margin-right:10px;
    color:#264073;
}

@media (min-width:992px) and (max-width:1199px) {
    .pricing-1 .single-pricing {
        padding:45px 25px;
    }
}

/* FOOTER-1 CSS */
.footer-1 {
    padding-top:50px;
    background:#e6e6e6;
	border-top:30px solid #eeeeee;
}

.footer-1 .widget-wrapper .footer-widget {
  margin-bottom:50px;
}

.footer-1 .widget-wrapper .footer-widget .logo {
  padding:0 8px; /* vertical, horizontal */
  margin-bottom:30px;
}

.footer-1 .widget-wrapper .footer-widget .socials {
  justify-content:flex-start;
}

.footer-1 .socials li a {
    width:44px;
    height:44px;
    margin-right:10px;
    background:#264073;
    font-size:20px;
}

.footer-1 .socials li a:hover {
    background:#335599;
}

.footer-1 .footer-widget .footer-title {
    font-size:20px;
	font-weight:600;
    color:#000;
	margin:5px 0 15px;
}

.footer-1 .links li a {
    font-size:18px;
    line-height:32px;
    color:#192b4d;
    transition:color .3s ease;
}

.footer-1 .links li a:hover {
    color:#335599;
}

.footer-1 .copyright-wrapper {
    padding:20px 0;
    border-top:1px solid rgba(88,89,120,.4);
}

.footer-1 .copyright-wrapper p {
    font-size:16px;
    font-weight:500;
    text-align:center;
    color:#000;
}

.footer-1 .copyright-wrapper p a {
    color:inherit;
}

.footer-1 .copyright-wrapper p a:hover {
    color:#264073;
}

/*LGPD*/
.lgpd {
    position:fixed;
    left:2.5%;
    right:2.5%;
    bottom:0;
    display:none;
    padding:15px;
    background:rgba(0,0,0,.8);
    color:#fff;
    z-index:9999;
}
.lgpd .lgpd-container {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.lgpd .lgpd-msg {
    width:90%;
    font-size:18px;
}
.lgpd .lgpd-msg a {
    color:#fff;
    text-decoration:underline;
}
.lgpd .lgpd-container .lgpd-button-container {
  width:10%;
}
.lgpd .lgpd-btn {
    width:100%;
    padding:5px 10px;
    border:0;
    background:#d7a928;
    font-size:18px;
    cursor:pointer;
    transition:background .3s ease;
}
.lgpd .lgpd-btn:hover {
    background:#c29824;
}
@media (max-width:767px) {
    .lgpd .lgpd-container {
        flex-direction:column;
        align-items:flex-start;
    }
    .lgpd .lgpd-msg,
    .lgpd .lgpd-button-container {
        width:100%;
    }
    .lgpd .lgpd-btn {
        margin-top:15px;
    }
}

/* DEFAULT CSS */
.img-bg {
    background:center / cover no-repeat;
}

.socials {
    display:flex;
    justify-content:center;
    align-items:center;
}
.socials li a {
    width:32px;
    height:32px;
    margin:3px 6px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    background:#264073;
    color:#fff;
    transition:
        background .3s ease,
        transform .3s ease;
}
.socials li a:hover {
    transform:translateY(-2px);
}

input,
textarea,
button {
    transition:
        background-color .3s ease,
        border-color .3s ease,
        color .3s ease,
        box-shadow .3s ease;
}
input:focus,
textarea:focus,
button:focus {
    outline:none;
    box-shadow:none;
}

.radius-3{ border-radius:3px; }
.radius-10{ border-radius:10px; }
.radius-30{ border-radius:30px; }
.radius-50{ border-radius:50px; }
.radius-full{ border-radius:50%; }
.radius-10-0{ border-radius:10px 0; }

/* MARGIN PADDING */
.mt-5 {
  margin-top:5px;
}
.mt-10 {
  margin-top:10px;
}
.mt-15 {
  margin-top:15px;
}
.mt-20 {
  margin-top:20px;
}
.mb-5 {
  margin-bottom:5px;
}
.mb-10 {
  margin-bottom:10px;
}
.mb-15 {
  margin-bottom:15px;
}
.mb-20 {
  margin-bottom:20px;
}
.mb-25 {
  margin-bottom:25px;
}
.mb-40 {
  margin-bottom:40px;
}
.ml-5 {
  margin-left:5px;
}
.ml-10 {
  margin-left:10px;
}
.ml-15 {
  margin-left:15px;
}
.mr-5 {
  margin-right:5px;
}
.mr-10 {
  margin-right:10px;
}
.mr-15 {
  margin-right:15px;
}
.pt-5 {
  padding-top:5px;
}
.pt-10 {
  padding-top:10px;
}
.pt-15 {
  padding-top:15px;
}
.pb-5 {
  padding-bottom:5px;
}
.pb-10 {
  padding-bottom:10px;
}
.pb-15 {
  padding-bottom:15px;
}
.pl-5 {
  padding-left:5px;
}
.pl-10 {
  padding-left:10px;
}
.pl-15 {
  padding-left:15px;
}
.pr-5 {
  padding-right:5px;
}
.pr-10 {
  padding-right:10px;
}
.pr-15 {
  padding-right:15px;
}