.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.bg-lightgray{background-color:#F8F8FF;}
.bg-gray{background: #5F7582;}
.bg-white {background-color: #fff;}
.bg-darkcyan{background:#008B8B}
.bg-orange{background: #f40}
.bg-orange-red{background: #FF4500}
.mbottom-20{margin-bottom: 20px;}
.wrapper-380{margin: auto;max-width: 380px;}
.wrapper-480{margin: auto;max-width: 480px;}
.wrapper-600{margin: auto;max-width: 600px;}
.wrapper-768{margin: auto;max-width: 768px;}
.wrapper-824{margin: auto;max-width: 824px;}
.wrapper-924{margin: auto;max-width: 924px;}
.wrapper-1024{margin: auto;max-width: 1024px;}
.wrapper-1080{margin: auto;max-width: 1080px;}
.wrapper-1120{margin: auto;max-width: 1120px;}
.wrapper-1200{margin: auto;max-width: 1200px;}

a{color:#4C6C95}
.btn {background-color:#4A76AF;border-radius: 0;color:#fff;font-weight: 500;}
.btn:hover {opacity: 0.8;color:#fff !important;}
.btn-gray{background: #5F7582;color:#fff;font-weight: 500;padding:5.5px 14px 5.5px 14px;}
.btn-gray:hover {opacity: 0.8;color:#fff !important;}

.mob-contact{display: none;}
.mobile{display: none;}

.item-text p{width: 100%;padding: 0 14px 0 14px;font-weight: 400;font-size: 15px;}

.modal-body{padding: 16px 16px 0 16px;}

.text-justify{text-align: justify;hyphens: auto;}
.bio-content {background-color: #F8F8FF;padding: 0;float:left;width: 100%;padding: 0;margin: 0}
.bio-content p {text-align: justify;hyphens: auto;font-weight: 400;color:#333}
.bio-content h4 {font-weight: 500;margin: 20px 0 20px 0;}
.bio-content .texto-legenda {text-align: right;font-weight: 400;font-size: 12px;}


.intro-page{width: 100%;text-align: center;}
.intro-page h4{color:#fff;font-weight: 800;font-size: 24px;}
.intro-page h4 i{border:1px solid #DC3545;color:#DC3545;font-size: 28px;padding: 14px;border-radius: 50%;margin-bottom: 10px; }
.intro-page p{color:#fff;font-weight: 500;font-size: 18px;}

 #bgBody .filtro-bg .intro-title {text-align: center;padding-top: 100px;position: relative;z-index: 100;}
 #bgBody .filtro-bg .intro-title h2{font-weight: 400;font-size: 20px;margin-top: 30px;text-align: center;color: #fff;text-shadow: #000 0.1em 0.1em 0.2em;text-transform: uppercase;}
 #bgBody .filtro-bg .intro-title p{font-weight: 400;margin: 20px;text-align: center;color: #fff;text-shadow: #000 0.1em 0.1em 0.2em;}

#customContent{float: left;width: 100%;padding: 20px 0 20px 0;}

.custom-wrapper{margin-left: auto;margin-right: auto; max-width: 340px;border:1px solid #ccc;margin-bottom: 30px;margin-top: 40px;background-color: #333;padding: 20px;color: #fff;}
.custom-wrapper .btn{color: #fff;background: #f60;font-weight: 300 !important; text-transform: uppercase;width: 100%}

#introCard{padding: 50px 0 40px 0;}
#introCard .box-card {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.14);padding: 20px;}
.header-title-content .x-title {font-size: 24px;font-weight: 700;color: #fff;text-shadow: #000 0.1em 0.1em 0.2em;}
.header-title-content .x-title .fa{font-size: 28px;color: #fff;text-shadow: #000 0.1em 0.1em 0.2em;}
.header-title-content h6{font-size: 18px;color: #fff;text-shadow: #000 0.1em 0.1em 0.2em;}

#introCard .box-card .btn{width: 100%;}


#introCard .box-card .align-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;width: 100%;
  padding: 0;
}

#introCard  .box-card .fa-home {
  padding: 21px 20px 21px 20px;;
  font-size: 26px;
  color: #f60;
  border: 1.9px solid #DC3545;
}

#introCard  .box-card .fa-desktop {
  padding: 22px 20px 20px 20px;
  font-size: 26px;
  color:#f60;
  border: 1.9px solid #DC3545;
}

#introCard .box-card .fa-file-text-o {
  padding: 20px 22px 20px 22px;
  font-size: 26px;
  color:#f60;
  border: 1.9px solid #f60;
}
#introCard .box-card i {
  border-radius: 50%;
  margin-bottom: 10px;
}

#introCard .box-card h5{
  font-size: 18px;color:#f60;font-weight: 800;font-size: 24px;
}
#introCard h2{margin-bottom: 10px;font-weight: 800;}
#customCard, #introCard{float: left;width: 100%;text-align: center;padding: 60px 0 40px 0;}
.align-v-center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}
#priceCard, #admPrice{float: left;width: 100%;padding-bottom: 30px;}
#priceCard .box-card, #admPrice .box-card{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.14);padding: 0;overflow: hidden;text-align: center;}
#priceCard .box-card ul{margin: 10px 15px 10px 25px}
#priceCard .box-card ul li{font-weight: 400;font-size: 17px;color: #111;}
#priceCard .box-card .btn{width: 100%}
#priceCard .box-card .header{background: #122D3D;margin-top: -10px;}
#priceCard h2{color:#fff;width: 100%; padding: 8px 0 8px 0;border-bottom: 1px solid #778899;font-size: 24px;font-weight: 700;letter-spacing: 0.8px;text-transform: uppercase;}
#priceCard h1{font-weight: 800;font-size: 28px;text-align: center;}
#priceCard h6{font-size: 18px; text-align: center;margin-bottom: 20px;}
#priceCard h3{color:lightblue;padding: 0 0 5px 0;}
#priceCard h3 .x-big{font-weight: 700;font-size: 50px;}
#priceCard h3 .x-small{font-weight: 300; position: relative; top:-25px;right: 3px;}
#priceCard h3 .x-light-bt{font-weight: 300; font-size: 18px;}
#priceCard .fa{font-size: 20px;}
#priceCard .fa-check{color:green;}
#priceCard .fa-times{color: #DC3545;}

#admPrice .btn{width: 100%;font-size: 16px;text-transform: uppercase;font-weight: 500;border-radius: 0}
#admPrice .card{border:none;}
#admPrice h2 {font-weight: 800;}
#admPrice h3 {font-weight: 800;font-size: 50px;padding: 14px 0 14px 0;margin: 0;}
#admPrice h3 .currency{font-weight: 300; position: relative; top:-25px;right: 3px;font-size: 20px;}
#admPrice h3 .x-small-bt{font-weight: 300; font-size: 20px;}
#admPrice .card-title{background:  #DC3545;color:#fff;padding: 0;margin: 0}
#admPrice .card-title .fa{color:#fff;padding:14px 0 14px 0;margin: 0;font-size: 45px;}
#admPrice .card-block{background:#5F7582;height: 80px;position: relative;}
#admPrice .card-block p{font-size: 16px;font-weight: 500; color:#fff;padding: 0 5px 0 5px; margin: 0; position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;}
#admPrice .card-header{background: #F8F8FF;border: none;padding: 0;}


#introContent {float: left;width: 100%;padding: 60px 0 40px 0;}
#introContent .align-v-center {width: 100%;}
#introContent p{font-size: 16px;text-align: justify;hyphens: auto;}
#introContent h3{font-weight: 100; font-size: 36px;letter-spacing: -2px}
#introContent h4{font-weight: 200; letter-spacing: -1px}
#introContent .legenda {text-align: right;font-size: 12px;color:#111;font-weight: 400;}
#sliderList {
  padding: 40px 0 40px 0;float: left;width: 100%;margin:0;
}

#sliderList h4 {
  margin:0 0 12px 0;border-bottom: 1px solid #E6E7E8;
  font-size: 28px;
  font-weight: 800;
}

#sliderList p{font-weight: 400!important;font-size: 16px}

#slideClipping .item-area{margin: 0; border:none;padding: 10px;border:1px solid #ccc;}
#slideClipping .item-area .item-img{min-height: 180px;}
#slideClipping .item-area img{width: 100%;}

#slide {padding: 40px 0 40px 0;float: left;width: 100%}
#slide .item-area{background: #000;margin: 0;height: 180px;overflow: hidden;}
#slide .item-area img{max-width: 100%;}
#slide .item-area img:hover{opacity: 0.8;}
#slide p{color:#fff;font-weight: 300;margin: 0;}
#slide .item-area p{color:#fff;font-weight: 500; background: rgba(0, 0, 0, 0.7);position: absolute;bottom:0;left: 0;right: 0;padding: 10px 0 10px 0;}

#slide h4{font-weight: 100;margin-bottom: 10px;font-size: 36px;text-transform: uppercase;letter-spacing: -4px;color: #fff;}
#slide h2{margin-bottom:20px;font-size: 24px;color:#f60;}
#slide .slide-title{text-align: right;}
#slide .slide-title-l{text-align: left;}

#sliderList  h2{font-weight: 700;font-size: 24px; margin: 0;background-color: #fefefe;padding: 14px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.14);}

#sliderComments .fa {color:#DC3545;font-size: 26px;}
#sliderComments a {color:#DC3545;margin-left: 10px;}
#sliderComments p {color:#111;}
#sliderComments h5 {color:#DC3545;font-weight: 700;margin-bottom: 30px;}
#sliderComments .item-area {border:1px solid #ccc;padding: 16px;border-radius: 5px;}

.sliderComments {padding: 40px 0 30px 0;float: left;width: 100%;}
.sliderComments .fa {color:#DC3545;font-size: 26px;}
.sliderComments a {color:#DC3545;margin-left: 10px;}
.sliderComments p {color:#111;}
.sliderComments h4 {font-weight: 800;font-size: 28px;}
.sliderComments h5 {color:#DC3545;font-weight: 700;margin-bottom: 30px;}
.sliderComments .item-area {float: left; border:1px solid #ccc;padding: 16px;border-radius: 5px;margin-bottom:20px;height: auto;}
.sliderComments h2 {
    font-weight: 700;
    font-size: 24px;
    margin: 0;
    background-color: #fefefe;
    padding: 14px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.14);
}

#videoAula{padding: 20px 0 30px 0;}
#videoAula h2 {font-weight: 800;font-size: 28px;}
#videoAula iframe {width: 100%;height: 375px;border-top:10px solid #333;border-left: 10px solid #333;border-right: 10px solid #333;border-bottom: 14px solid #555;border-radius: 3px;}


.list-card{text-align:left;}

.header-title-content{color:#fff;margin-top: 160px;width: 100%;text-shadow: #000 0.1em 0.1em 0.2em;}

.item-area img { 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);max-width: 150px;
}


#bgBody { 
  background: url(imagens/topo.png);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  z-index: 1;
  width: 100%;padding: 0;
}

.custom-bg{position: absolute;top:0;left: 0; right: 0;z-index: -1;}



#bgBody .filtro-bg {
  background-color: rgba(0, 0, 0, 0.5);
  padding:0;height: 440px;  
}

#intro p {
  text-align: center;
  font-size: 18px;
  text-shadow: #000 0.1em 0.1em 0.2em;
}

#intro h2 {
  text-align: center;margin-top: 20px;
  font-weight: 500;
  font-size:20px !important;
  text-shadow: #000 0.1em 0.1em 0.2em;text-transform: uppercase;
}
#intro h2 span{color:#DC3545;}

#intro{
padding-top:120px;text-align: center;
}
#intro .btn{font-size: 16px;text-transform: uppercase;padding: 8px 25px 8px 25px;}
#intro .logotipo {margin: auto;max-width: 360px;}
#intro .logotipo img {width: 100%}


#cookies {position:fixed;bottom: 0;width: 100%;z-index: 1000;}

#cookies p{float:left;width: 80%;margin: 0;padding: 0;font-weight: 400 !important;color: #111;}
#cookies .btn{float:right;width: 20%}


.modal-container{background: #fff;padding: 0;}


.row {
         margin: 8px -16px;
         }
         .row, .row > .column {
         padding: 8px;
         }
         h1, h2, h3, h4, h5, h6, p, a, .btn, button {font-family: "Montserrat", sans-serif !important;}
                 .bg-image {background: url(imagens/bg-image.png);background-repeat: no-repeat;}
         .w3-modal-content{width: 100%;}
         .w3-modal{z-index:10000 !important;}
         .button, select{width: 100% !important;color:#333;}
         .owl-next{
         width: 32px;
         height: 32px;
         position: absolute;
         background: none !important;
         right:0;
         }
      .owl-theme .owl-dots .owl-dot.active span,
         .owl-theme .owl-dots .owl-dot span {
         display: none;
         }
         .owl-nav {
         position: absolute;
         top:40% !important;
         left: 0;
         right: 0;
         padding: 0;
         width: 100%;
         }
         .owl-prev {
         width: 35px;
         height: 35px;
         background: none !important;
         opacity: 0.9;
         position: absolute;
         /* Ajustado para absolute */
         left: 10px;
         /* Mantém a distância de 10px da borda esquerda */
         top: 50%;
         /* Centraliza verticalmente */
         transform: translateY(-50%);
         }
         .owl-next {
         width: 35px;
         height: 35px;
         background: none !important;
         opacity: 0.9;
         position: absolute;
         /* Ajustado para absolute */
         right: 0;
         /* Mantém a distância de 10px da borda direita */
         top: 50%;
         /* Centraliza verticalmente */
         transform: translateY(-50%);
         }
         .owl-prev:hover,
         .owl-next:hover {
         opacity: 0.7;
         }
         .owl-prev::before {
         content: '';
         position: absolute;
         top: 10px;
         left: -10px;
         width: 25px;
         left: 0;
         height: 40px;
         background: #333;
         border-radius: 8px !important;
         opacity: 0.9;
         }
         .owl-next::before {
         content: '';
         position: absolute;
         top: 10px;
         right: 0;
         width: 25px;
         left: -2px;
         height: 40px;
         background: #333;
         border-radius: 8px !important;
         border:none !important;
         opacity: 0.9;
         }
         .owl-prev::after {
         content: "";
         width: 12px;
         height: 12px;
         position: absolute;
         transform: rotate(135deg);
         border: solid #fff;
         border-width: 0 3px 3px 0;
         top: 34px;
         left: 10px;
         right: -10px;
         margin-top: -9px;
         margin-left: -1px;
         }
         .owl-next::after {
         content: "";
         width: 12px;
         height: 12px;
         position: absolute;
         transform: rotate(135deg);
         border: solid #fff;
         border-width: 0 3px 3px 0;
         top: 34px;
         left: 4px;
         right: 10px;
         margin-top: -9px;
         margin-left: -1px;
         }
         .owl-next::after {
         transform: rotate(-45deg);
         margin-left: -2px;
         }
     
         .dropup .dropdown-menu {
         top: 35px;
         bottom: 100%;
         margin-top: 0;
         margin-bottom: .125rem;
         }
         .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
         background: rgba(32, 30, 30, 0.6);
         color:#333;
         }
         .form-contol:focus {
         color: #fff;
         background-color: #4A6A8E;
         border:none !important;
         }
         .dropdown-item {
         text-align: left;
         }
         .dropdown-menu {
         font-size: 14px;
         color: #4A6A8E;
         text-align: center;
         }
         .btn-group-sm > .btn, .btn-sm {
         padding:5px;
         font-size: 10px !important;
         font-weight:700;
         text-transform:uppercase;
         line-height: 1.3;
         letter-spacing:-0.7px;
         }
         .dropdown-header {
         font-size: 13px;
         background: #4A6A8E;
         font-weight:600;
         color: #fff;
         text-align:left;
         }
         .navbar, .navbar-light {
         padding: 0;
         margin:0;
         }
         }
         .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{
         margin-right:5px;
         color:#fff;
         }
         #option-content. owl-carousel .owl-item img {
         display: block;
         margin:0 7px 0 7px;
         }
         * textarea:focus, input:focus {
         box-shadow: 0 0 0 0 !important;
         outline: 0 !important;
         }
         * input[type="button"]{
         outline:none;
         }
         * input[type="button"]::-moz-focus-inner {
         border: 0;
         }





#header {
  background-image: linear-gradient(rgba(34, 25, 41, 1), rgba(34, 25, 41, 0.7), rgba(34, 25, 41, 0));
  height:200px;
  width: 100%;
  transition: all 0.5s;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 100;
}


#header.header-scrolled #topbar,
#header.header-pages #topbar, #header.header-scrolled .mob-contact {
  display: none;
}
#header a{color:#fff;}
#header a:hover{color:#f60;}

/* Ajusta a posição da logo */



#header .logo-branca {display: inline-block}
#header .logo-azul { display: none;}
#header .logo-branca img, #header .logo-azul img {height: 50px;margin-top:-10px;}



/* Ajusta o tamanho e cor de fundo do cabeçalho fixo */

#header.header-scrolled,
#header.header-pages {
  background:#333;height: 65px;padding: 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.14);z-index: 200;
}

#header.header-scrolled a,
#header.header-pages a {
  color: #fff;
}

#header.header-scrolled a:hover,
#header.header-pages a:hover {
color: lightblue!important;
}

/* Ajusta o tamanho e posição da logo no cabeçalho fixo */


#header.header-scrolled .logo-branca {display: none;}
#header.header-scrolled .logo-azul {display: inline-block;}

#header .client-area .btn{line-height:60px;padding: 0 14px 0 14px;font-weight: 600;}
#header .client-area{display:none;}
#header.header-scrolled .client-area{display:inline-block;}

#chamadaOrum {background-color: #D8E8AD;padding: 30px 0 30px 0;float: left;width: 100%;}
#chamadaOrum .image-content{background-color: #D8E8AD; background-image: url("imagens/amazonia-viva.jpg");padding: 30px 0 30px 0;float: left;width: 100%;}

#chamadaOrum img {height: 80px;vertical-align: middle;float: right; padding: 0 10px 0 10px;}
#chamadaOrum h5{width: 100%;float: left; margin-top: 30px;}
#chamadaOrum h5 a{float:right;}


/* Fontes da introdução */

#intro h2 {
  color: #fff;
}

#intro p {
  color: #fff;
}
.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  border: 1px solid #ddd;
  margin: 0 2px;
}

.pagination a.active {
  background-color: #4A76AF;
  color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.pagination .fa{color:#f60;}

/* Botão Whatsapp */

.btn-whatsapp {
  text-align: center;
  color: #fff;
  background: #2CB742;
  padding: 8px 14px 8px 12px;
  position: fixed;
  right: 0;
  top: 50%;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 5px 0 0 5px;
  z-index: 1000;
}

.btn-whatsapp i {
  font-size: 50px;
}


/* Rodapé */
#footer h6{font-size: 16px;font-weight: 400;text-align: center;color: #fff;}

#footer {
  float: left;
  width: 100%;
  padding-top:20px;
  z-index: 1500;
  background:#222;
  color: #fff;

}

#footer .footer-top {
  width: 100%;
  padding:0;border-top:1px solid #666;background-color: #333;
}
#footer .footer-top img{min-height: 20px;margin-top: -1px;margin-right: 20px;}


#footer h4 {
  font-size: 18px;
  font-weight: 200;color:#f60;text-transform: uppercase;
}

#footer p {
  font-size: 16px;font-weight: 400;color: #fff;
}
#footer a{color:lightblue;font-weight: 400;font-size: 16px;}
#footer a .fa-instagram{font-size: 24px;margin-right: 6px;color:#f60}
#footer a .fa-envelope{font-size: 24px;margin-right: 6px;color:#f60}
#footer a .fa-phone{font-size: 24px;color:#f60}
.footer-menu a {font-size: 16px;font-weight: 400;}
/* Media Queries - Responsivo */

@media (max-width: 768px) {

  #header .logo-branca, #header .logo-azul {margin-top:5px;height:auto;width: 240px;}
 
  #header {
    height: 160px;position: fixed;top:0;
    }
  #header.header-scrolled,
  #header.header-pages {
    height: 70px; padding:0;position: fixed;top:0;width: 100%;background: #222;}
}       

@media screen and (max-width: 1024px){
   #introCard .box-card{height: 480px;margin-bottom: 14px;}
  #introCard .btn {font-size: 16px;width: 100%;}
}
@media screen and (max-width: 768px){
   #bg-body .filtro-bg{padding:0;height: 100vh;}
  #intro{margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;}
  #intro .logotipo{margin-bottom: 24px;}
  #intro h2{margin-bottom: 40px;}
 #introCard .box-card{height: 490px;}
  #introCard .btn {font-size: 16px;width: 100%;}
  #priceCard {margin-bottom:14px;}
  .top-acesso input{margin-bottom: 12px;}
  .mobile{display: inline-block}
  .desktop{display: none}
  #slide .slide-title{text-align:center;}
  
}

@media screen and (max-width: 425px){
   #introCard .box-card{height: 420px;margin:10px;}
  .align-v-center{position: relative;top:0;bottom: 0;}
  #introCard .btn {font-size: 14px;}
  #sliderList .owl-nav, #contentSistem .owl-nav{top: -49px;}
  .item-text{height: auto;}
  .item-header{height: 150px;border:none;}
  #cookies p{width: 100%}
  #cookies .btn{width: 100%}
  #intro .align-v-center{top:300px;}
  #introContent .align-v-center{position: relative;top: 200px;bottom: 0;height: 350px;}
  #priceCard .box-card, #admPrice .box-card{margin-bottom: 14px;}
  #bgBody .filtro-bg{height: 700px}
  .top-acesso input{margin-bottom: 12px;}
  .top-acesso .fa {font-size: 22px;}
  #customCard, #introCard{padding: 20px 0 30px 0;margin-top:110px;}
  #introContent .align-v-center{margin-bottom: -100px;}
  .modal-title h4 {top:120px;}
  .mob-contact{display: inline-block;position: absolute;top:80px;left: 0;width: 100%;text-align: center;}
  .mob-contact span{font-weight: 600;font-size: 18px;}
}
@media screen and (max-width: 375px){
 
}