@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

/* GLOBAL STYLES */

:root {
  --white: #FFF;
  --redprimary: #950101;
  --black: #222;
  --goldprimary: #ECC562;
  --font-primaria: 'Inter', sans-serif;
}

*{
  font-family: 'Inter', sans-serif !important;
}

body{
/*  font-family: 'Inter', sans-serif !important;*/
/*  letter-spacing: -3% !important;*/
/*  margin-right:-18px !important;*/
}

h1{
  font-size: 48px !important;
/*  font-family: var(--font-primaria) !important;*/
  line-height: 78px !important;
  font-weight: 600 !important;
  letter-spacing: -3% !important;
/*  text-transform: uppercase !important;*/
}

h1.mini{
  font-size:20px !important;
  line-height: 30px !important;
}

h1.mini span{
  background-color: var(--goldprimary) !important;
  color: var(--redprimary) !important;
  font-weight: 500 !important;
  padding:4px !important;
}

h2{
  font-size: 42px !important;
  line-height: 68px !important;
  font-weight: 600 !important;
/*  font-family: var(--font-primaria) !important;*/
  letter-spacing: -3% !important;
/*  text-transform: uppercase !important;*/
}

h3{
  font-size: 30px !important;
  line-height: 50px !important;
  font-weight: 600 !important;
/*  text-transform: uppercase !important;*/
/*  font-family: 'Inter', sans-serif !important;*/
/*  letter-spacing: -3% !important;*/
}

h4{
  font-size: 24px !important;
  line-height: 40px !important;
  font-weight: 600 !important;
/*  font-family: var(--font-primaria) !important;*/
  letter-spacing: -3% !important;
/*  text-transform: uppercase !important;*/
}

h5{
  font-size: 20px !important;
  line-height: 32px !important;
  font-weight: 600 !important;
/*  font-family: var(--font-primaria) !important;*/
  letter-spacing: -3% !important;
/*  text-transform: uppercase !important;*/
}

.link-header{
  color: var(--goldprimary) !important;
  text-transform: none !important;
}

.link-header a{
  text-transform: none !important;
}

.link-header a:hover{
  text-transform: underline !important;
}

h6{
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
/*  font-family: var(--font-primaria) !important;*/
  letter-spacing: -3% !important;
  text-transform: uppercase !important;
}

p{
  font-family: 'Inter', sans-serif !important;
  letter-spacing: -3% !important;
}

p.lead{
  font-size: 24px !important;
}

input{
  padding:12px !important;
}

input::placeholder {
  font-size: 16px !important;
  font-weight: 300 !important;
}

.bx-lg{
  font-size:60px !important;
  margin-bottom:16px !important;
}

footer{
  min-height: 640px !important;
  background: url('../images/body/bg-image-footer.svg'), var(--redprimary) !important; 
  background-repeat: no-repeat !important; 
  background-position: bottom center !important;
}

.form-label{
  font-weight: 600 !important;
}

.uppercase{
  text-transform: uppercase !important;
}

.img-footer-dielly{
  bottom:0px !important;
  width:80% !important;
}

.logo{
  max-width: 260px !important;
}

.logo-cantonfair{
  max-width: 200px !important;
  padding-top:16px !important;
  padding-bottom:16px !important;
}

.logo-modal{
  max-width: 200px !important;
}

.img-modal{
  max-width:160px !important;
  margin: 0 auto !important;
  padding: 12px !important;
}

.logo-footer{
  max-width: 200px !important;
}

.bx-slide{
  color:#FFF !important;
/*  box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px !important;*/
}

/* DIVISORES  */
.img-divisores-secoes{
  max-width: 175px !important;
}

/* BUTTONS  */
.navbar-toggler{
  color: var(--goldprimary) !important;
}

.btn{
  padding:8px 16px !important;
  border-radius:24px !important;
/*  font-family: 'Inter', sans-serif !important;*/
  font-weight: 600 !important;
  letter-spacing: -3% !important;
  transition: .2s all !important;
}

.btn:hover{
  font-weight: 700 !important;
  letter-spacing: -2% !important;
}

.bg-redprimary{
  background-color: var(--redprimary) !important;
}

.bg-goldprimary{
  background-color: var(--goldprimary) !important;
}

.btn-redprimary{
  background-color: var(--redprimary) !important;
}

.btn-goldprimary{
  background-color: var(--goldprimary) !important;
}

.btn-white{
  background-color: var(--white) !important;
}

.color-redprimary{
  color: var(--redprimary) !important;
}

.color-goldprimary{
  color: var(--goldprimary) !important;
}

.color-white{
  color: var(--white) !important;
}

.color-black{
  color: var(--black) !important;
}

/* ELEMENTS  */
.accordion-item{
  padding: 8px 16px !important;
}

.accordion-body{
  text-align: left !important;
}

.img-avatar{
  max-width: 85px !important;
  margin:0 auto !important;
}

.radius-div{
  border-radius: 16px !important;
}

.div-bignumbers h6{
  margin-bottom:0px !important;
  line-height: 20px !important;
}

.div-milhares h5 small{
  font-weight: 300 !important;
}

.div-bignumbers h6 small{
  font-weight: 300 !important;
}

.box-fases p{
  border-left: 3px solid var(--redprimary) !important;
  padding-left:16px !important;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

[class*="col-"] {
  margin-bottom: 30px;
}

.content {
  height: 100%;
  padding: 20px 20px 10px;
  color: #fff;
}

.div-pessoas{
  max-width: 100px !important;
  text-align: center !important;
  margin: 0 auto !important;
}

.linha-pessoas{
  height:40px !important;
}

.owl-carousel .owl-stage{display: flex;}
.aticle-box {height:100%;background:#000} 

.featured-carousel-fases{
/*  padding-left: 12px !important;*/
/*  padding-right: 12px !important;*/
}

.box-fases{
  background-color: var(--redprimary) !important;
  border-radius:32px !important;
}

.box-fases ul{
  margin-top:8px !important;
  margin-bottom:0px !important;
  color: var(--black) !important;
  background:var(--white) !important;
  padding-top:24px !important;
  padding-bottom:24px !important;
  border-radius: 24px !important;
  height:80% !important;
/*  line-height: 30px !important;*/
}

.fase-cantonfair{
  padding-top:24px !important;
  padding-bottom: 24px !important;
  border-radius:24px !important;
  background-color: var(--goldprimary) !important;
  color: var(--redprimary) !important;
/*  max-width: 94% !important;*/
  margin:0 auto !important;
}

.container-depoimentos{
  min-height: 500px !important;
  background: url('../images/body/bg-secao-depoimentos.svg'), var(--redprimary) !important;
  background-position: bottom center !important;
  background-repeat: no-repeat !important;
}

.container-header .container .h-header{
  color: var(--white) !important;
}

.container-header .container .content-header{
  margin-top:60px !important;
}

.container-header{
  background-color:var(--redprimary) !important;
  min-height: 640px !important;
  background: url('../images/body/bg-image-header.svg'), var(--redprimary) !important;  
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 120% !important;
}

.container-pdd-m-y{
  padding-top:42px !important;
  padding-bottom: 42px !important;
  margin-bottom:24px !important;
  margin-top: 24px !important;
}

.container-pdd-y{
  padding-top:42px !important;
  padding-bottom:42px !important;
}

.row-footer{
  padding-top:42px !important;
  padding-bottom:42px !important;
}

.row-img-china{
  z-index: 500 !important;
  position: relative !important;
}

.row-distancia-china{
  z-index: 400 !important;
  position: relative !important;
}

.div-distancia-china{
  padding-top:300px !important;
  margin-top:-240px !important;
}

.col-menu-toggle-header{
  color:var(--goldprimary) !important;
}

.box-shadow{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

.alert-header{
  background-color:var(--goldprimary) !important;
/*  background-color: #F7F7F7 !important;*/
  color: var(--black) !important;
  font-family: var(--font-primaria) !important;
  font-weight: 300 !important;
  position: fixed !important;
  width: 100% !important;
  z-index: 500 !important;
  transition: .2s all !important;
  display: none !important;
  font-size:12px !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
}

.alert-header .btn-close{
  padding:8px !important;
}

.show-alert-header{
  display: inline-block !important;
}

.alert-header a{
  color: var(--black) !important;
  font-weight: 600 !important;
}

/*  OWL CAROUSEL  */
.owl-carousel {
  position: relative;
/*  min-height: 300px;*/
}

.owl-carousel .owl-item {
  opacity: 1;
/*  min-height: 300px !important;*/
}

.owl-carousel .owl-item.active {
  opacity: 1;
}

.owl-carousel .owl-nav {
  position: absolute;
  bottom: 50% !important;
  width: 100%;
  color:var(--yellow) !important;
}
 
.owl-carousel {
    position: relative;
}
.owl-next, .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.owl-next {
    right: 0;
    display: flex;
}
.owl-prev{
    left: 0;
    display: flex;
}

.owl-dots {
  margin-top:12px !important;
    text-align: center;
}
.owl-dots button.owl-dot.active span, 
.owl-dots button.owl-dot:hover span {
  background-color: var(--silver) !important;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 1px;
  left:1px;
}
.owl-dots button.owl-dot{
  border: 1px solid gray;
  background: white;
   border-radius: 50%;
   height: 16px;
   width: 16px;
   position: relative;
}

.navbar{
  transition: all .2s !important;
  background-color: var(--redprimary) !important;
}

.hide-nav{
/*  background:var(--white) !important;*/
/*  display: none !important;*/
  margin-top:-200px !important;
}

/* RESPONSIVE  */
@media (max-width: 40em) {
  body{
    margin-right:-18px !important;
  }

  h1{
    font-size: 42px !important;
    line-height: 46px !important;
/*    text-transform: uppercase !important;*/
  }

  h2{
    font-size: 38px !important;
    line-height: 42px !important;
/*    text-transform: uppercase !important;*/
  }

  h3{
    font-size: 32px !important;
    line-height: 36px !important;
/*    text-transform: uppercase !important;*/
  }

  h4{
    font-size: 24px !important;
    line-height: 30px !important;
/*    text-transform: uppercase !important;*/
  }

  h5{
    font-size: 18px !important;
    line-height: 22px !important;
/*    text-transform: uppercase !important;*/
  }

  h6{
    font-size: 14px !important;
    line-height: 18px !important;
/*    text-transform: uppercase !important;*/
  }

  p.lead{
    font-size: 22px !important;
    line-height: 24px !important;
  }

  p.lead-header{
    font-size:26px !important;
    line-height: 30px !important;
  }

  #form-lead .container{
    padding-right:24px !important;
    padding-left:24px !important;
  }

  .logo{
    max-width: 180px !important;
    float:right !important;
  }

  .btn-cta-navbar{
    display: none !important;
  }

  .container-header{
    min-height:500px !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
    background-size:100% auto !important;
  }

  .div-bignumbers{
    width:40% !important;
  }

  .p-4{
    padding:.75rem !important;
  }

  .box-fases{
    width: 80% !important;
    margin: 0 auto !important;
  }

  .box-fases ul{
    font-size:12px !important;
    margin-top:8px !important;
    margin-bottom:0px !important;
    color: var(--black) !important;
    background:var(--white) !important;
    padding-top:24px !important;
    padding-bottom:8px !important;
    border-radius: 24px !important;
    height:77% !important;
  /*  line-height: 30px !important;*/
  }

  .owl-dots{
    right:-20px !important;
  }

  .owl-carousel .owl-nav button.owl-next{
    right:-20px !important;
  }

  .box-fases ul li{
    font-size:12px !important;
  }

  .container-pdd-m-y{
    padding-top:16px !important;
    padding-bottom: 16px !important;
    margin-bottom:12px !important;
    margin-top: 12px !important;    
  }

  .container-pdd-y{
    padding-top:16px !important;
    padding-bottom: 16px !important;    
  }

  .img-footer-dielly{
    bottom:0px !important;
    width:80% !important;
    margin-bottom: 0 !important;
  }

  .div-milhares{
    max-width: 80% !important;
    margin:0 auto !important;
  }

  .div-logo-cantonfair{
    max-width: 80% !important;
    margin:0 auto !important;
  }

  .accordion-button{
    line-height: 20px !important;
    font-weight: 500 !important;
  }
}

.btn-cta-left{
/*  font-family: 'Plus Jakarta Sans', sans-serif !important;*/
  font-weight: bold !important;
/*  background-color: var(--redprimary) !important;*/
  background-color: #25d366 !important;
  color: var(--white) !important;
  position: fixed;
/*  width: auto !important;*/
  height: 48px !important;
/*  height: auto !important;*/
  bottom: 52px !important;
  left: 24px !important;
  z-index: 500 !important;
  border-radius: 100px !important;
  padding:10px 10px !important;
/*  cursor: pointer !important;*/
  font-size: 20px !important;
  font-family: var(--font-primaria) !important;
}

.txt-cta-left{
  font-size:16px !important;
  position: relative !important;
  top:-4px !important;
}

.txt-cta-right{
  font-size:16px !important;
  position: relative !important;
  top:-4px !important;
}

.btn-cta-right{
/*  font-family: 'Plus Jakarta Sans', sans-serif !important;*/
  font-weight: bold !important;
  background-color: #FE806A !important;
  color: var(--white) !important;
  position: fixed;
/*  width: auto !important;*/
  height: 48px !important;
/*  height: auto !important;*/
  bottom: 52px !important;
  right: 24px !important;
  z-index: 500 !important;
  border-radius: 16px !important;
  padding:10px 10px !important;
/*  cursor: pointer !important;*/
  font-size: 20px !important;
  font-family: var(--font-primaria) !important;
}