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

#animated_div {
  
    color: #ffffff;
    position: relative;
    font-weight: bold; 
    font-size: 20px; 
    padding: 10px;
    animation: animated_div 5s 1;
    -moz-animation: animated_div 5s 1;
    -webkit-animation: animated_div 5s 1;
    -o-animation: animated_div 5s 1;
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
}

 
@keyframes animated_div
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(20deg);left:0px;}
50% {transform: rotate(0deg);left:500px;}
55% {transform: rotate(0deg);left:500px;}
70% {transform: rotate(0deg);left:500px;}
100% {transform: rotate(-360deg);left:0px;}
}

@-webkit-keyframes animated_div
{
0% {-webkit-transform: rotate(0deg);left:0px;}
25% {-webkit-transform: rotate(20deg);left:0px;}
50% {-webkit-transform: rotate(0deg);left:500px;}
55% {-webkit-transform: rotate(0deg);left:500px;}
70% {-webkit-transform: rotate(0deg);left:500px}
100% {-webkit-transform: rotate(-360deg);left:0px;}
}

@-moz-keyframes animated_div
{
0%  {-moz-transform: rotate(0deg);left:0px;}
25% {-moz-transform: rotate(20deg);left:0px;}
50%  {-moz-transform: rotate(0deg);left:500px;}
55%  {-moz-transform: rotate(0deg);left:500px;}
70%  {-moz-transform: rotate(0deg);left:500px}
100% {-moz-transform: rotate(-360deg);left:0px;}
}

@-o-keyframes animated_div
{
0% {transform: rotate(0deg);left:0px;} 
25% {transform: rotate(20deg);left:0px;}
50%  {transform: rotate(0deg);left:500px;}
55%  {transform: rotate(0deg);left:500px;}
70%  {transform: rotate(0deg);left:500px;}
100% {transform: rotate(-360deg);left:0px;}
}
 
.gibb{width: 230px;
    margin-bottom: -50px;
    z-index: -1;}

.z2{z-index: 2;
    position: relative;}

.mh400 {
    min-height: 480px;
}

.gi {position: absolute;
bottom:0;}

.mont{font-family: 'Montserrat';}
/** BG **/



.blara {background: #e97500!important;}





.db0 {
    background: #000;
   
}

.db1{	background: url("https://academiadobronze.com.br/wp-content/uploads/2024/05/Ativo-5.png");
    background-size:cover;
    background-color: #FED768;
}

.db2{	background-color: #FAB14B;
}

.db3 {background: url('https://academiadobronze.com.br/wp-content/uploads/2023/05/Ativo-5-1-1-1.png');
    background-size:cover;}
    

    .db3novo {background: url('https://academiadobronze.com.br/wp-content/uploads/2024/02/Ativo-3-100.jpg');
        background-size:cover;}

.db4 {
   
    background-size: cover;
    background-color: #F27279;
}


.db5 {
   
    background-size: cover;
    background-color: #F38047;
}

.db6 {background: url('https://academiadobronze.com.br/wp-content/uploads/2024/05/Ativo-4-1.png');
    background-size:cover;}
    

.swp { background: url('https://avancebarbers.com.br/wp-content/uploads/2024/01/MOCKUP-IPHONE.png');
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;



} 

.columns {
    margin-left: 0rem;
    margin-right: 0rem;
    margin-top: 0rem; 
}

hr {
    background-color: #f5f5f5;
    border: none;
    display: block;
    height: 4px;
    display: block;
    margin: 0rem 0;
}
hr.line1{
background: linear-gradient(90deg, rgba(241,114,120,1) 0%, rgba(241,114,120,1) 50%, rgba(250,177,75,1) 50%, rgba(250,177,75,1) 100%);}


hr.line2{
    background: rgb(250,177,75);}
   
    
    hr.line3{
        background: linear-gradient(90deg, rgba(243,128,71,1) 0%, rgba(243,128,71,1) 50%, rgba(254,215,104,1) 50%, rgba(254,215,104,1) 100%);

    }



.foot{background:#000; color:#fff}
.center-block{    margin: 0 auto;
}
/** LETRAS **/
.rosa{color:#ff004b;}
.red{color:red;}
.redtou{text-decoration: line-through red;}
.verde{color: limegreen;}
.marr{color:#B54504}
.rosae{color:#830227!important}
.lara{color: #FF9804;}
.clara {color: #FF8A00;;}
.black{color:#000;}
.white{color:white!important;}
.pop{font-family:Poppins;}
.azul{color:#00c0ff}
.azulescuro{color:#12335e}
.titulo{font-size:17pt}
.texto{font-size:15pt}
.tituloblack {
    
    font-size: 30pt;
}


.section1 {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}


.has-text-justified{     
    word-break: break-word;
}
.loader-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
  }
  .loader-wrapper .loader {
    height: 80px;
    width: 80px;
  }
  .loader-wrapper.is-active {
    opacity: 0.7;
    z-index: 1;
  }
  
  .button.is-loading::after, .control.is-loading::after, .loader, .select.is-loading::after {
      -webkit-animation: spinAround .5s infinite linear;
      animation: spinAround .5s infinite linear;
      border: 2px solid #000!important;
      border-radius: 9999px;
      border-right-color: transparent;
      border-top-color: transparent;
      content: "";
      display: block;
      height: 1em;
      position: relative;
      width: 1em;
  }
  
  .is-loading {
    position: relative;
      
  }
  
  .is-loading.active {
      
  opacity:1;
  }


  label {
    font-weight: 600;
    padding: 10px 0px;
    color:#fff!important;
}

.radio+.radio {
    margin-left: 0em;
}

.checkbox:hover, .radio:hover {
    color: #fff;
}


label input[type="radio"] {
   
    /* appearance: none; */
    /* display: none; */
    opacity: 0!important;

}
label span {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    transition: 0.5s;
}
  
  label span::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    box-shadow: 0 -18px 0 #fff;
    transition: 0.5s;
}
  
  label input:checked ~ span.check::before {
    background: #0f0;
    box-shadow: 0 0 0 transparent;
  }
  
  label input:checked ~ span.cross::before {
    background: #f00;
    box-shadow: 0 0 0 transparent;
    transform: rotate(-45deg) translate(10px, -10px);
  }
  
  label span::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: #fff;
    box-shadow: 17px 0 0 #fff;
    transition: 0.5s;
}
  
  label input:checked ~ span.check::after {
    height: 50%;
    background: #0f0;
    box-shadow: 0 0 0 transparent;
  }
  
  label input:checked ~ span.check {
    transform: rotate(-45deg) translate(7px, -7px);
  }
  
  label input:checked ~ span.cross::after {
    background: #f00;
    box-shadow: 0 0 0 transparent;
    transform: rotate(-45deg) translate(10px, 10px);
  }
  

  .input, .select select, .textarea {
    background-color: #fff;
    border-color: #000;
    /* border: none !important; */
    border-radius: 4px;
    font-family: 'Montserrat';
    font-weight: 600;
    color: #000;
}


.input:active, .input:focus, .is-active.input, .is-active.textarea, .is-focused.input, .is-focused.textarea, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus {
    border-color: #000;
    box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25);
}


#enviarButton {
    line-height: 20px;
    background-color: #25D366;
    color: #FFFFFF;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    display: flex;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

/* Estilize o ícone do WhatsApp dentro do botão */
.whatsappIcon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url('https://academiadobronze.com.br/wp-content/uploads/2021/09/whatsapp-4451-1.png'); /* Substitua pelo caminho para o seu ícone do WhatsApp */
    background-size: cover;
    margin-right: 5px; /* Espaçamento à direita do ícone */
}

@media (max-width: 768px) {


    .section1 {
        padding-left: 0rem;
        padding-right: 0rem;
    }

.gi {
    bottom: 0;
   
    width: 280px;
}

.mh400 {
    min-height: 380px;
}



}





/**** TABS ****/
 .ttab .tabs {
  border-radius: 8px;
  overflow: hidden;
	margin-top: 10px;
width: 100%;
}

.ttab .tab {
    width: 100%;
    color: white;
    font-weight: 700;
    border-bottom: 1px solid #d4d4d4;
    border: transparent;
    overflow: hidden;
}
.ttab .tab-label {
    display: -webkit-box;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-box-pack: justify;
    justify-content: space-between;
    color: #fff!important;
    font-size: 14pt!important;
    padding: 0.4em;
    border-bottom: 1px #fff solid;
    font-weight: bold;
    cursor: pointer;
}


.ttab .tab-content p {text-align:left!important;    text-transform: uppercase!important;}
.ttab .tab-content li {
    font-family: montserrat;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
	display: list-item;
}
.ttab .tab-label::after {
    content: "+";
    width: 1em; 
    font-size: 40px;
    height: auto;
    /* padding-bottom: 2px; */
    text-align: center;
    -webkit-transition: all .35s;
    transition: all .35s;
}
.ttab .tab-content {
    max-height: 0;
    padding: 0 1em;
    font-family: 'Poppins'!important;
    color: #000!important;
    font-size: 12pt!important;
    -webkit-transition: all .35s;
    transition: all .35s;
}
.ttab .tab-close {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.ttab .tab-close:hover {
  background: #1a252f;
}


.ttab input:checked + .tab-label::after {

    content: "-";
    font-size: 40px;

}
.ttab input:checked ~ .tab-content {
  max-height: 300vh;
  padding: 1em;
}

.ttab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.tabs {
    -webkit-overflow-scrolling: touch;
    align-items: stretch;
	display: block!important;
   white-space: inherit!important;
}

.icoo img{width:150px;padding-bottom: 10px;padding-top:10px;} 

.db3{background: #DA8013;}

.custom-shape-divider-top-1705336971 {
   display:none
}

.custom-shape-divider-top-1705336972 {
    display:none
 }
.square {
    position: absolute;
  }
  
  .square-1 {
    width: 100px;
    height: 100px;
    background: red;
    top: 0px;
  }
  


 #trigger2 {

    opacity: 0;
    transition: all 1s ease-out
  }

  #trigger3 {

    opacity: 0;
    transition: all 1s ease-out;
   z-index:3; 
}

  
 
  .tr {top: 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;}

  .teste{
    opacity: 1!important;
}






  .square-2 {
    width: 120px;
    height: 120px;
    background: black;
    left: 0px;
    top: 0px;
  }


  .accordions .accordion .accordion-header {
    align-items: center;
    background-color: #fff!important;
    border-radius: 8px!important;
    color: #b54504 !important;
    border: solid 2px #fff!important;
    font-family: 'Montserrat'!important;
    display: flex;
    justify-content: space-between;
    line-height: 1.25;
    font-weight: 600;
    padding: 1.2em 0.75em;
    position: relative;
    text-transform: uppercase;
}
.accordions .accordion .accordion-header .toggle::before {
    color: #fff!important;
    display: block!important;
    zoom: 65%!important;
      position: absolute!important;
    top: -0.1em!important;

    content: url(https://academiadobronze.com.br/wp-content/uploads/2024/02/Retangulo-12-copiar-5-1.png)!important;
}


.accordions .accordion.is-active .accordion-header .toggle::before {
    content: url(https://academiadobronze.com.br/wp-content/uploads/2024/02/Retangulo-12-copiar-5.png)!important;
    margin-top: 10px!important;
    zoom: 65%!important;
}


.accordions .accordion .accordion-header .toggle {
  
    background-color: transparent!important;
    border: none;
    
 
}

.accordions .accordion.is-active .accordion-header {
    align-items: center;
    background-color: #f2efeb;
    color: #000;
}


.accordions .accordion .accordion-header+.accordion-body .accordion-content {
    display: block;
    padding: 1em 1.25em;
    border: 1px solid #fff!important;
    color: #000!important;
    background: transparent;
    font-weight: 600;
}


.selo {display: none;}

.accordions .accordion {
    background-color: transparent!important;
    border-radius: 3px;
    font-size: 1rem;
    margin-top:10px;
}


.accordions .accordion .accordion-header+.accordion-body {
    
    border:none;
 
}


.listprice .vm::before {
    vertical-align: middle;
    content: url(https://lapschool.com.br/wp-content/uploads/2024/01/check-3.png);
    margin-right: 5px;
}



.disabled {
    opacity: .5;
    text-decoration: line-through;
    text-decoration-color: red;
    color: red;
    font-weight: 600;
}

hr.black {
    background-color: #252E40;
    border: none;
    display: block;
    height: 1.3px;
    opacity: 0.4;
    margin: 1.5rem 0;
}

.listprice .disabled::before {
    vertical-align: middle;
    content: url(https://lapschool.com.br/wp-content/uploads/2024/01/check-3-1.png);
    margin-right: 5px;
}



.bbblue {
    background-color: #252E40!important;
}



.maisp {
    position: absolute;
    left: 0;
    right: 0;
    top: -15px;
    margin: 0 auto;
    width: 60%;
}

































.hero-body {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 1rem 0.5rem!important;
}


 
.mob{display: none;}
    .desk {display: block;}



@media (max-width: 480px) {
	

    .mob{display: block;}
    .desk {display: none;}


    .selo {
        width: 120px;
        position: absolute;
        left: 0;
        display: block;
        right: 0;
        margin: 0 auto;
    }

    .db9 {background: url('https://academiadobronze.com.br/wp-content/uploads/2024/02/Ativo-13-1-1.jpg');background-size:cover;}


    .pt120mb {padding-top: 120px!important}

    .custom-shape-divider-top-1705336971 {
        position: absolute;
        top: -3px;
        left: 0;
        display: block!important;
        width: 100%;
        overflow: hidden;
        line-height: 0;
    }

    
    
    .custom-shape-divider-top-1705336971 svg {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 100px;
    }
    
    .custom-shape-divider-top-1705336971 .shape-fill {
        fill: #1f1f1f;
    }


    .custom-shape-divider-top-1705336972 {
        position: absolute;
        top: 0px;
        left: 0;
        display: block!important;
        width: 100%;
        overflow: hidden;
        line-height: 0;
    }

    
    
    .custom-shape-divider-top-1705336972 svg {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 100px;
    }
    
    .custom-shape-divider-top-1705336972 .shape-fill {
        fill: #1f1f1f;
    }

    .imggisl{    left: -20%;
        position: relative;
        max-width: 140%;}

    .section { padding-top: 0rem!important;
        padding-bottom: 0rem!important;
    }
	.titulo{font-size:15pt!important}
	.texto{font-size:13pt!important}
	.tituloblack {    
        font-size: 20pt;}

	
        

        .mt250{margin-top: 250px;}
	
}


@media screen and (min-width: 768px) { 
    .columns {
            margin-left: -2rem!important;
            margin-right: -2rem!important;
          
        }


        .py-3-desktop {
            padding-top: 0.75rem!important;
            padding-bottom: 0.75rem!important;
        }

    }    



    
#progress-bar-container {
	width: 100%;
	height: 30px;
	margin: 0 auto;
	position: relative;
	
		border-radius: 35px;
	overflow: hidden;
}

.progress-bar-child {
	width: 100%;
	height: 100%;
}

.progress {
    color: #000;
    text-align: center;
    line-height: 26px;

    display: flex;
  
    font-size: 15px; 
    font-weight: 600;
    font-family: "Montserrat";
    animation-direction: reverse;
    background: #e5405e;
    background: linear-gradient(to right, #28E776 60%, #28E776 90%, #efefef 90%);
    border: #28E776 solid 1px;
    justify-content: flex-end;
}


.porcent {
    position: absolute;
    right: 50px;
}
.shrinker {
	background-color: black;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}

.timelapse {
	animation-name: timelapse;
	animation-fill-mode: forwards;
	animation-duration: 2s;
	animation-timing-function: cubic-bezier(.86, .05, .4, .96);
}

@keyframes timelapse {
	0% {
		width: 100%;
	}
	100% {
		width: 0%;
	}
}