@font-face { font-family: caixa-book; src: url("../fonts/CAIXAStd-Book.woff2");}
@font-face { font-family: caixa-bold; src: url("../fonts/CAIXAStd-Bold.woff2");}
@font-face { font-family: caixa-semibold; src: url("../fonts/CAIXAStd-SemiBold.woff2");}
@font-face { font-family: caixa-extrabold; src: url("../fonts/CAIXAStd-ExtraBold.woff2");}

:root{
  --font-113: 113px;
  --font-40: 40px;
  --font-26: 26px;
  --font-29: 29px;
  --font-21: 21px;
}
.light-page{
  background: #fff;
}
#wrap {
    overflow-x: hidden;
    overflow-y: hidden;
}
body::-webkit-scrollbar {
    width: 4px;
    height: 8px;
    -webkit-border-radius: 16px;
}

body::-webkit-scrollbar-track-piece {
    background-color: #ffffff;
    -webkit-border-radius: 3px;
}

body::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: #000;
    -webkit-border-radius: 3px;
}

body::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: #000;
    -webkit-border-radius: 3px;
}
.carousel-secao, .carousel-secao2{
  display: contents;
  position: relative;
}
.separate-list li:last-child {
  border-bottom-width: 0;
  padding-bottom: 4px;
}
.btn-cta{  
  font-family: caixa-bold;
  text-transform: uppercase;
  font-size: 18px;
  color: #fff;
  border: 0;
  white-space: normal;
  border-radius: 5px;
  padding: 16px 38px;
  background: rgb(63,143,202);
  background: linear-gradient(97deg, rgba(63,143,202,1) 0%, rgba(91,187,230,1) 43%);
  box-shadow: 0px 8px 20px 0px rgb(180 223 240);
}
.btn-cta:hover{
  text-decoration: none !important;
  opacity: 0.6 !important;
}
.wpcf7-spinner {
  position: absolute;
}
.media {
  border-top-width: 0px;
  border-top-style: solid;
  padding-top: 0px;
  margin-top: 0;
}
.foto{
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
a.video-box {
  display: inline-block;
  position: relative;
  width: 100%;
}
a.video-box::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  background: url(../images/play.svg);
  background-repeat: no-repeat;
  background-size: cover;
  top: 50%;
  width: 70px;
  height: 70px;
  border-radius: 0px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: transparent;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}
a.video-box::before {
  display: none;
}
.mfp-iframe-holder .mfp-content {
  width: 50%;
}
@media (min-width: 768px) {
  .pl-md-5 {
      padding-left: 5px !important;
  }
  .pr-md-5 {
      padding-right: 5px !important;
  }
}

/*===========================
  home
=============================*/
#slides .item .bg-wrap{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#slides .item{
  padding-top: 75px;
  padding-bottom: 75px;
  min-height: 529px;
}
#slides img{
  width: 405px;
  height: auto;
}
#slides p {
  font-family: caixa-book;
  font-size: 23px;
  color: #fff;
  line-height: 33px;
}
#slides p strong{
  font-family: caixa-bold;
}
#slides h1 {
  font-family: caixa-extrabold;
  font-size: 83px;
  color: #fff;
  padding-left: 27px;
  line-height: 85px;
}
#slides h2 {
  font-family: caixa-bold;
  font-size: 30px;
  color: #fff;
  line-height: 40px;
}
#slides .btn-cta {
  background: #e29f35;
  box-shadow: none;
  text-transform: none;
  padding: 10px 30px;
}
#slides .btn-cta:hover{
}
#slides h1 span{
  position: relative;
  left: 108px;
}
#slides .seta{
  margin-left: 20px;
}
#slides .seta2{
  margin-right: 20px;
}
#slides .owl-theme .owl-dot span {
  width: 13px !important;
  height: 13px !important;
  margin: 5px 7px !important;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  border-radius: 20px;
  cursor: pointer;
}
#slides .owl-dot.active>span{
  background: #e29f35 !important;
  border-color: #e29f35 !important;
}  
#slides .bg-box{
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;	
}
#home .bg{
  background: rgb(52 120 188);
}
#home .container-fluid {
  max-width: 1300px;
}
#home .seta{
  margin-left: 20px;
}
#home .seta2{
  margin-right: 20px;
}
@media (max-width: 1500px) {
  #home .container-fluid {
    max-width: 100%;
  }
}
#home-3 h3,
#home-4 h2{
  font-family: caixa-book;
  color: #1f5da5;
  text-transform: uppercase;
  font-size: var(--font-40);
}
#home-3 h3 strong,
#home-4 h2 strong,
#home-5 h3 strong,
.modal_post strong{
  font-family: caixa-bold; 
}
#home-3 p,
#home-4 p{
  font-family: caixa-book;
  color: #767676;
  font-size: var(--font-26);
  line-height: 28px;
}
#home-4 .btn-cta{
  padding: 9px 30px
}
#home-4 .foto2{
  position: relative;
  right: -22px;
  width: 170px;
  height: 170px;
  border-radius: 30px;
  margin-bottom: 20px;
}
#home-4 .text strong{
  font-family: caixa-semibold;
}
#home-4 .text p {
  font-size: 14px;
  text-align: right;
  line-height: 19px;
}
#home-4 .foto{
  box-shadow: -4px 11px 15px -2px rgb(0 0 0 / 59%);
}
#home-5 .bg-wrap{
  background: rgb(52 120 188);
}
#home-5 .foto5{
  width: 104px;
    border: 2px solid #fff;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
#home-5{
  color: #fff;
}
#home-5 h3{
  font-family: caixa-book;
  text-transform: uppercase;
  font-size: var(--font-26);
}
#home-5 p{
  font-family: caixa-book;
  font-size: var(--font-21);
  line-height: 30px;
}
#home-5 .btn-cta {
  padding: 10px 26px;
  background: #e29f35;
  background: linear-gradient(97deg, #b47615 0%, #e29f35 43%);
  box-shadow: 0px 8px 20px 0px #e29f3570;
}
#home-5 .btn-cta .icon{
  width: 33px;
  height: auto;
}
/*===========================
advantages
=============================*/
#blog-top h1{
  font-family: caixa-book;
  color: #1f5da5;
  font-size: var(--font-40);
}
#blog-top h1 strong{
  font-family: caixa-semibold;
}
#blog-post .foto{
	height: 217px;
	object-position: center;
    object-fit: cover;
}
#blog-post .box .item-title {
    padding: 15px;
    background: rgb(52 120 188);
	color: #fff;
}
#blog-post .link {
    color: #e29f35 !important;
    font-size: 15px !important;
    font-family: caixa-semibold !important;
    text-decoration-line: underline;
}
#blog-post h4 {
    font-family: caixa-bold;
    font-size: 17px;
    color: #fff;
}
#blog-post strong {
   font-family: caixa-bold;
}
#blog-post p {
    font-family: caixa-book;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
/*===========================
advantages
=============================*/
.col-md-33{
  -ms-flex: 0 0 20%;
  -webkit-box-flex: 0;
  flex: 0 0 20%;
  max-width: 20%;
}
@media (min-width: 768px) {
  .pl-md-5 {
    padding-left: 5px !important;
  }

  .pr-md-5 {
    padding-right: 5px !important;
  }
}
#advantages h3{
  font-family: caixa-book;
  color: #1f5da5;
  text-transform: uppercase;
  font-size: var(--font-40);
}
#advantages p{
  font-family: caixa-book;
  color: #767676;
  font-size: var(--font-26);
  line-height: 28px;
}
#advantages strong{
  font-family: caixa-bold;
}
#advantages .nav{
  display: block;
}
#advantages .nav-link{
  background: #ECECEC;
  font-family: caixa-book;
  font-size: 14px;
  border-radius: 36px;
  color: #231D19;
  padding: 8px 20px;
}
#advantages .nav-link.active {
  background: #e29f35;
  color: #fff;
  font-family: caixa-bold;
}
#advantages .box .item-title{
  padding: 15px;
  background: rgb(52 120 188);
}
#advantages .link{
  color: #e29f35 !important;
  font-size: 15px !important;
  font-family: caixa-semibold !important;
  text-decoration-line: underline;
}
#advantages .gallery-item h4{
  font-family: caixa-bold;
  font-size: 17px;
  color: #fff;
}
#advantages .gallery-item p{
  font-family: caixa-book;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
#advantages .gallery-item.gallery-style-5 .item-title {
  padding: 30px;
  top: 0px;
  bottom: auto;
}
#advantages .gallery-item.gallery-style-5 .item-cta {
  position: absolute;
  padding: 30px;
  left: 0;
  right: 0;
  bottom: 0;
}
#advantages .gallery-item.gallery-style-5:hover .item-img {
    opacity: 0.5;
}
#advantages .gallery-item.gallery-style-5{
  background: #3773b3;
}
#advantages .gallery-item.gallery-style-5 .item-icon {
  width: 80%;
}
#advantages .gallery-item.gallery-style-5:hover .item-title,
#advantages .gallery-item.gallery-style-5:hover .link2{
  opacity: 0;
}
#advantages a{
  text-decoration: none;
}
/*===========================
 events
=============================*/
#events{
  color: #fff;
}
#events .bg{
  background-size: 100% 72%;
  background-repeat: no-repeat;
}
#events h2{
  font-family: caixa-book;
  text-transform: uppercase;
  font-size: var(--font-40);
}
#events h2 strong{
  font-family: caixa-bold;
}
#events p{
  font-family: caixa-book;
  font-size: var(--font-26);
  line-height: 28px;
}
#events .foto {
  border-radius: 5px;
  height: 265px;
  object-position: center;
  object-fit: cover;
}
#events .text{
  background: #fff;
  padding: 20px;
}
#events .box p {
  color: #1f5da5;
  font-size: var(--font-21);
}
#events .box p {
  color: #1f5da5;
  font-size: var(--font-21);
}
/*===========================
 instagram
=============================*/
#instagram .icone-foto {
  border-radius: 50%;
  height: 70px;
  object-fit: cover;
  object-position: center;
}
#instagram p{
  font-family: caixa-book;
  font-size: 15px;
  color: #767676;
}
#instagram p strong{
  font-family: caixa-bold;
}
#instagram .btn-cta {
  padding: 10px 26px;
  background: linear-gradient(97deg, rgb(95, 106, 164) 0%, rgb(156, 111, 153) 43%);
  box-shadow: 0px 8px 20px 0px rgb(211, 197, 214);
}
#instagram .btn-cta .icon {
  width: 33px;
  height: auto;
}



.seta{
  width: 40px;
  height: 40px;
  background: url('../images/seta.svg');
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: -20px;
}
.seta2{
  width: 40px;
  height: 40px;
  background: url('../images/seta2.svg');
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: -20px;
}

.carousel-nav-aside-center .owl-nav .owl-prev, 
.carousel-nav-aside-center .owl-nav .owl-next{
  background: transparent;
}
.owl-theme .owl-nav [class *=owl-]::after,
.owl-theme .owl-nav .owl-prev::before,
.owl-theme .owl-nav .owl-next::before {
   display:none;
}


/*===========================
  footer
=============================*/
#footer .bg{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#footer .list-unstyled li a{
  font-family: caixa-book;
  font-size: 13px;
  color: #fff;
}
#footer .list-unstyled li{
  position: relative;
}
#footer .list-unstyled li:not(:first-child):before {
  content: "";
  background: #fff;
  width: 1px;
  height: 14px;
  border-radius: 50%;
  position: absolute;
  top: 36%;
  left: -8px;
}

/*===========================
    modal
=============================*/
@media (min-width: 576px) {
    .modal_post .modal-dialog {
        max-width:75%
    }
}
.modal_post .bg-wrap {
  border-radius: 8px;
  background: #fff;
}
.modal_post .modal-content{
  width: 75%;
  margin: 0 auto;
  padding: 26px;
  border-radius: 8px;
}
.modal_post h2{
	font-family: caixa-book;
    color: #1f5da5;
    text-transform: uppercase;
    font-size: var(--font-21);
}
.modal_post p{
	font-family: caixa-book;
    color: #767676;
    font-size: 18px;
    line-height: 28px;
}
.modal_post h6{
    font-size: 13px;
    font-family: caixa-book;
    color: #767676;
}
.modal_post a{
    color: #e29f35 !important;
    font-size: 15px !important;
    font-family: caixa-semibold !important;
    text-decoration-line: underline;
}
.modal_post .btn-whatsapp{
  font-family: caixa-bold;
  text-transform: uppercase;
  font-size: 16px;
  color: #fff !important;
  border: 0;
  white-space: normal;
  border-radius: 5px !important;
  padding: 16px 38px;
  background: #25d366;
}
.modal_post .btn-whatsapp:hover{
  text-decoration: none !important;
  opacity: 0.6 !important;
}
.modal_post .btn-whatsapp .icon{
    width: 30px;
	height: auto;
}

@media (max-width: 1201px) {

}

@media (max-width: 1100px) {
  .modal_post .modal-content {
    width: 90%;
    margin: 0 auto;
    padding: 12px;
  }
  .modal-open .modal {
    display: block !important;
  }
  .hidden-r{
    display: none;
  }
  #home p br,
  #home-4 h2 br{
    display: block;
  }
  #nav-menu .menu-item-has-children::before{
    display: none;
  }
  .mfp-iframe-holder .mfp-content {
    width: 80%;
  }
  :root {
    --font-113: 45px;
    --font-40: 18px;
    --font-26: 16px;
    --font-29: 20px;
  }
  #footer .list-unstyled li:not(:first-child):before{
    display: none;
  }
  .btn-cta {
    font-size: 12px;
    border-radius: 5px;
    padding: 9px 26px;
  }
  #home .bg {
    background-position: left;
  }
  #home .logo-top{
    left: 0;
    width: 225px;
  }
  #home p {
    position: relative;
    left: 0;
    line-height: 25px;
  }
  #home h1 {
    position: relative;
    left: 0;
    line-height: 63px;
  }
  #home h1 span {
    position: relative;
    left: 10px;
  }
  #home-4 .text p {
    text-align: left;
  }
  #events .bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #2b6aaf;
  }
  #advantages .foto {
    height: auto;
  }
  #advantages .text {
    min-height: auto;
  }
  #home .seta{
  margin-left: 0px;
}
#home .seta2{
  margin-right: 0px;
}

}

@media (max-width: 700px) {
#slides .item .bg{
  background: #0000003b;
}
#slides .item{
  padding-top: 66px;
  padding-bottom: 0px;
  min-height: auto;
}
#slides .bg-box {
    height: 260px;
}
#slides img{
  width: 305px;
  height: auto;
}
#slides p {
  font-family: caixa-book;
  font-size: 17px;
  color: #fff;
  line-height: 32px;
}
#slides h1 {
  font-family: caixa-extrabold;
  font-size: 47px;
  color: #fff;
  padding-left: 6px;
  line-height: 57px;
}
#slides h1 span {
  left: 20px;
}
#slides h2 {
  font-family: caixa-bold;
  font-size: 25px;
  color: #fff;
  line-height: 40px;
}	
.seta, .seta2{
  width: 35px;
  height: 35px;
}
.seta {
    margin-left: 0px;
}
.seta2 {
   margin-right: 0px;
}
.col-md-33{
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
  flex: 0 0 100%;
  max-width: 100%;
}	
	
#events .foto {
  height: auto;
}
	
}

@media (max-width: 500px) {
 
}
