.fundo-curso3{

}

.joinha {
    width: 35px !important;
    transform: inherit;
    margin-left: -64px;
    margin-top: -6px;
}


.show-lg{
    display: block;
}

.plus {
    position: relative !important;
    z-index: 9999;
    top: 240px;
    left: 84%;
    cursor: pointer;
}

.modal.show .modal-dialog p{
    color: #000;

}

.margintop{
    margin-top: 20px;
}

.modal-title {
   letter-spacing: -1px;
    font-family: "GothamBold", sans-serif;
}

.hidexs{display: block;

}

.showxs{
    display: none;
}

.li-topo{
    position: relative; 
    top: 23px; 
    padding-right: 20px;
    padding-left: 20px;
    width: auto;
}

.fonte {
    font-family: "GothamRegular", sans-serif;
    font-size: 15px;
}

.fonte1{
    font-family: "GothamRegular", sans-serif;
    font-size: 15px;

}

.icon-top {
    display: block;

    float: left;

    width: 20px;
}

.icon-top1 {
    display: block;

    float: left;

    width: 17px;
}

.fundo-cursos3 {
    background-image: url(../images/fundo-cursos4.jpg);
    background-size: cover;
    height: 80vh;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.frase-parallax{
    color: #fff;
    font-size: 32px;
    padding-top: 60px;
    position: relative;
    top: 110px;
}


.circulo {
    top: -104px;
    width: 46%;
    right: 0px;
}

.topo{
    margin-top: -30px;
}

.circulo1 {
    bottom: -140px;
    width: 36%;
    left: -150px;
}

.circulo2 {
    top: -490px;
    width: 46%;
    right: 0px;
}

.tel-topo {
    color: #16397B;
    letter-spacing: -0.9px;
    padding-left: 5px;
}

.programa {
    padding: 20px;
    text-align: center;
    border: 2px solid #e3e3e3;
    min-height: 155px;
    /* background-image: linear-gradient(45deg, #e3e3e3, transparent); */
    /* box-shadow: 2px 4px 9px 0px #e3e3e3; */
}



.logo {
    width: 300px;
    margin-top: -10px;
}

.icone1 {
    right: 41%;
    width: 60px;
    top: 330px;
}

.icone2 {
    right: 42%;
    width: 50px;
    top: 180px;
}

.icone3 {

    right: -50px;
    width: 190px;
    top: 60px;
}

.icone4 {

    right: 7%;
    width: 76px;
    bottom: 160px;
}

.icone5 {

    right: 35%;
    width: 40px;
    bottom: 180px;
}

.service-section-2 {
    background-image: linear-gradient(45deg, #333, #000);
}

.footer-tit {
    color: #00B4E6;
    display: block;
    font-size: 24px;
    font-family: "GothamBold", sans-serif;
    padding-bottom: 20px;
    padding-left: 100px;
}

.footer-tit1{
    color: #16397B;
    font-size: 24px;
    font-family: "GothamBold", sans-serif;
    padding-bottom: 20px;
    padding-left: 100px;
    display: block;
}

.btn {
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 8px;
    color: #16397B;
    border-bottom-right-radius: 32px;
    padding-left: 18px;
    padding-right: 28px;
    background: transparent;
    border: 2px solid #16397B;
    text-transform: uppercase;
    font-family: "GothamBold", sans-serif;
    letter-spacing: -1px;
}

.btn1 {
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 8px;
    color: #fff;
    border-bottom-right-radius: 32px;
    padding-left: 18px;
    padding-right: 28px;
    background: #16397B;
    position: absolute;
    bottom: 100px;
    left: 10%;
    text-transform: uppercase;
    font-family: "GothamBold", sans-serif;
    letter-spacing: -1px;
    font-size: 15px;
}

.btn1:hover {
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 8px;
    color: #fff;
    border-bottom-right-radius: 32px;
    padding-left: 18px;
    padding-right: 28px;
    background: #00B4E6;
    position: absolute;
    bottom: 100px;
    left: 10%;
    text-transform: uppercase;
    font-family: "GothamBold", sans-serif;
    letter-spacing: -1px;
/*    font-size: 15px;*/
}

.btn2 {
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 8px;
    color: #fff;
    border-bottom-right-radius: 32px;
    padding-left: 18px;
    padding-right: 28px;
    background: #00B4E6;
    position: absolute;
    bottom: 100px;
    left: 30%;
    text-transform: uppercase;
    font-family: "GothamBold", sans-serif;
    letter-spacing: -1px;
    font-size: 15px;
}

.btn2:hover {
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 8px;
    color: #fff;
    border-bottom-right-radius: 32px;
    padding-left: 18px;
    padding-right: 28px;
    background: #16397B;
    position: absolute;
    bottom: 100px;
    left: 30%;
    text-transform: uppercase;
    font-family: "GothamBold", sans-serif;
    letter-spacing: -1px;
    font-size: 15px;
}

.btn3 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 8px;
    border: 3px solid #003880;
    border-bottom-right-radius: 32px;
    padding-left: 18px;
    padding-right: 28px;
    color: #ffffff;
    background: #00b2e5;
    background-image: linear-gradient(#00b2e5,#003880);
    font-size: 23px;
    box-shadow: 0px 1px 6px #444;  
    position: relative;
    text-transform: uppercase;
    font-family: "GothamBold", sans-serif;
    letter-spacing: -1px;
    
    top: 30px;
}

.btn4 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 8px;
   color: #ffffff;
    background: #00b2e5;
    background-image: linear-gradient(#00b2e5,#003880);
    font-size: 23px;
    box-shadow: 0px 1px 6px #444;  
    border-bottom-right-radius: 32px;
    padding-left: 18px;
    padding-right: 28px;
    border: 3px solid #003880;
    position: relative;
    text-transform: uppercase;
    font-family: "GothamBold", sans-serif;
    letter-spacing: -1px;
    top: 90px;
}

.btn5 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 8px;
    color: #003880;
    border-bottom-right-radius: 32px;
    padding-left: 18px;
    padding-right: 28px;
    /* background: #00b2e5; */
    position: absolute;
    bottom: 86px;
    left: 11%;
    text-transform: uppercase;
    font-family: "GothamBold", sans-serif;
    letter-spacing: -0.4px;
    font-size: 15px;
    border: 3px solid #003880;
}

.btn5:hover {
    
    background: #00B4E6;
 
}

.new-padding {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.tit-telo{
    font-size: 44px;
    font-family: "GothamBold", sans-serif;
    max-width: 294px;
    letter-spacing: -2px;
    color: #fff;
}

.autoligadoestetico{
    background-image: url(..images/auto-ligado-estetico.png);
    background-size: cover;
    height: 100vh;
}

.baixar{
    letter-spacing: -1px; 
    padding-top:20px; 
    float:left;"
}

.fundo-app{
    background: #fff;
    padding-top: 4rem;
    padding-bottom: 4rem
}

.fundo-tipos {
    background: #fff;
    padding-top: 1rem;
    padding-bottom: 4rem;
    border-top: 40px solid #00b6e2;
    height: 90vh;
}

.sorriso1{
    width: 238px;
    margin-top: 90px;
}

.telo-duvidas{
    position: relative !important;
    bottom: -50px;
    left: -70px;
}

.fundo-duvidas{
    background: #008FED;
    padding-top: 1rem;
    padding-bottom: 4rem;
    height: 90vh;
}


.app-hand {
    right: 0px;
    width: 511px;
    bottom: -42px;
}

.btn-apple {
    padding-left: 20px;
    float: left;
    position: relative !important;
    padding-right: 20px;
    top: 23px;
    width: 155px;
}

.btn-google-play{
    padding-left: 20px;
    float: left;
    position: relative !important;
    padding-right: 20px;
    top: 23px;
    width: 155px;
}


.tit-app {
    font-size: 44px;
    font-family: "GothamBold", sans-serif;
    letter-spacing: -2px;
    color: #16397B;
    margin-top: 54px;
}

.seta-azul{
    position: absolute;
    width: 9%;
    display: block;
    left: 30%;
}

.box-azul {
    float: left;
    text-align: center;
    border-top: 2px solid #3267FF;
    border-bottom: 2px solid #3267FF;
    padding: 30px 10px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    margin-right: 15px;
    width: 190px;
    padding-bottom: 0px;
    min-height: 340px;
}

.box-laranja {
    float: left;
    text-align: center;
    border-top: 2px solid #FFA63A;
    border-bottom: 2px solid #FFA63A;
    padding: 30px 10px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    margin-right: 15px;
    width: 190px;
    padding-bottom: 0px;
    min-height: 340px;
}

.box-vermelho {
    float: left;
    text-align: center;
    border-top: 2px solid #FA3962;
    border-bottom: 2px solid #FA3962;
    padding: 30px 10px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    margin-right: 15px;
    width: 190px;
    padding-bottom: 0px;
    min-height: 340px;
}

.li-tit{
   font-size: 18px;
    font-family: "GothamBold", sans-serif; 
    color: #000;
    padding-bottom: 20px;
}

.bold{
    color: #16397B;
    font-family: "GothamBold", sans-serif; 
}

.duvidas{
   font-size: 28px;
    font-family: "GothamBold", sans-serif; 
    color: #fff;
    line-height: 30px;
    letter-spacing: -1px;
    margin-top: 50px;
}

.tags {
    list-style: none;
    float: left;
    padding-right: 5px;
    border: 1px solid #01b5e6;
    border-radius: 8px;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.icon{
  position: initial !important;
}

.img-seta {
    text-align: center;
    /* width: 140px; */
    display: block;
    height: 80px;
}

.seta-laranja {
    width: 59px;
}

.azul{
    color: #00B4E6;
}

.img-telo {
    width: 28%;
    left: 30%;
    bottom:-59px;
}

.fundo-telo{
   padding-top:0rem; 
   background: #fff; 
   padding-bottom: 5rem;
   background-image: linear-gradient(#16397B, #00B4E6);
}


@media (max-width: 767px){

.carousel-control-next-icon {
    display: none;
}

.show-lg{
    display: none;
}

.icon-redes{
    position: relative;
    top: 28px;
    left: -18px;
}

.sub-caption {
    letter-spacing: 3px;
    font-size: 15px;
    
}

.hidexs{
    display: none;

}

.showxs {
    display: block;
    padding-bottom: 30px;
}
.carousel-caption {
   
    bottom: 20px;
    
    font-size: 24px;
    line-height: 25px;
    
}

.site-mobile-menu {
    padding-right: 0px;

}

.email-top {
  
    left: 13px;
    top: -15px;
}

.icon-top {
 
    margin-right: 10px;
}

.li-topo {
  
    padding-left: 0px;
    width: 300px;
}

.site-mobile-menu {
    width: 100%;
    position: fixed;
    right: 0;
    z-index: 2000;
    padding-top: 20px;
    padding-right: 0px;
    background-size: contain !important;
    background-position-x: 0px !important;
    background-image: url(../images/fundo-curso.jpg) !important;
    background: #01283a;
    height: calc(100vh);
    background-repeat: no-repeat;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 0.8s all cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 0.8s all cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.8s all cubic-bezier(0.23, 1, 0.32, 1);
}


}

@media (max-width: 1920px){

    .chamada {
    width: 518px;
    left: 13%;
    top: 135px;
}

.btn5 {
    color: #ffffff;
    background: #00b2e5;
    background-image: linear-gradient(#00b2e5,#003880);
    font-size: 23px;
    box-shadow: 0px 1px 6px #444;  
    position: absolute;
    bottom: 196px;
    left: 15%;
    
}


.carousel-item img{
    width: 100%;
}

.fundo-duvidas {
 
    height: 70vh;
}

.tit-depoimentos {
    margin-top: -20px;
}

.fundo-tipos {

    height: 70vh;
}

.img-telo {
    bottom: -169px;
}

.icone3 {
    right: -80px;
    width: 240px;
    top: 60px;
}

.icone4 {
    right: 7%;
    width: 106px;
    bottom: 270px;
}

.icone2 {
    right: 41%;
    width: 110px;
    top: 290px;
}

.icone1 {
    right: 41%;
    width: 90px;
    top: 500px;
}

.icone5 {
    right: 35%;
    width: 60px;
    bottom: 230px;
}

}

@media (max-width: 1280px){

.chamada {
    width: 473px;
    left: 9%;
    top: 0px;
}

.btn5 {
    bottom: 86px;
    left: 10%;
    font-size: 23px;
}

.fundo-tipos {
    height: 90vh;
}

.fundo-duvidas {
   
    height: 90vh;
}

.tit-depoimentos {
    margin-top: 10px;
}

.row-telo{
    padding-top: 6rem !important;
}

.icone1 {
    right: 41%;
    width: 60px;
    top: 330px;
}

.icone2 {
    right: 42%;
    width: 50px;
    top: 180px;
}

.icone3 {

    right: -50px;
    width: 190px;
    top: 60px;
}

.icone4 {

    right: 7%;
    width: 76px;
    bottom: 160px;
}

.icone5 {

    right: 35%;
    width: 40px;
    bottom: 180px;
}

}

@media (max-width: 576px){

.topo{
    margin-top: 0px;
}   

.tit-depoimentos{
    position: absolute;
    top: 150%;
    left: 10%;
}

.tit-app {
    font-size: 37px;
    margin-top: 24px;
    margin-bottom: 40px;
    margin-top: 51px;
}

.seta-laranja {
    width: 39px;
}

.margintop{
    margin-top: 80px;
}

.icon-top {

    width: 24px;
} 

.chamada {
    width: 148px;
    left: 21%;
    top: 236px;
}

.tags {
   
    margin-bottom: 10px;
}

.logo-rodape {
  
    margin-bottom: 20px;
}

.align-center{
  text-align: center;
}

.img-depoimentos {
    width: 13%;
    top: 146%;
    left: 62%;
}

.img-depoimentos1 {
    width: 13%;
    top: 146%;
    left:18%;
}

.btn3 {
    z-index: 9999;
    left: 11%;
    top: 36%;
}

.fundo-telo {
   height: 100vh;
}

.img-telo {
    width: 18%;
    left: 54%;
    bottom: 71px;
}

.tit-telo {
    font-size: 20px;
    max-width: 139px;
    letter-spacing: -1px;
    padding-left: 20px;
}

.box-azul {
   
    margin-right: 5px;
    width: auto;
    min-height: 240px;
    margin-bottom: 20px;
}

.box-laranja {
   
    margin-right: 5px;
    width: auto;
    min-height: 240px;
    margin-bottom: 20px;
}

.btn-apple {
    padding-left: 20px;
    float: none;
    padding-right: 20px;
    /* top: 23px; */
    width: 97px;
    margin-top: 2px;
    display: block;
}

.btn-google-play {
    padding-left: 20px;
    float: left;
    padding-right: 20px;
    /* top: 23px; */
    width: 97px;
    margin-top: 20px;
}

.baixar {

    padding-top: 0px;
    float: none;
    font-size: 13px;
    ": ;
}

.app-hand {
    right: 30px;
    width: 121px;
    bottom: -72px;
}

.icon{
    width: 15px;
}

.fundo-app{
    height: 230vh;
}

.box-vermelho {
   
    margin-right: 5px;
    width: auto;
    min-height: 240px;
    margin-bottom: 20px;
}

.logo {
    margin-top: 40px;
    position: initial;
}

.btn1 {
    top: 0px;
    bottom: initial;
    width: 100%;
    padding-right: 0px;
    left: initial;
    text-align: center;
    border-radius: 0px;
    padding: 10px 0px;
    font-size: 16px;
    height: 46px;
    z-index: 999999999;
}

.btn1:hover {
   top: 0px;
    bottom: initial;
    width: 100%;
    padding-right: 0px;
    left: initial;
    text-align: center;
    border-radius: 0px;
    padding: 10px 0px;
}


.fundo-curso{
  background-image: url(../images/banner-mobile.jpg);
  background-size: cover !important;
  height: 82vh;
  background-repeat: no-repeat;
}

.plus {
    position: relative !important;
    z-index: 9999;
    top: 111px;
    left: 26%;
    width: 20px;
}

}

@media (max-width: 414px){



.fundo-telo {
    height: 100vh;
}

.img-telo {
    width: 18%;
    left: 54%;
    bottom: 21px;
}

.img-depoimentos {
    top: 195%;
}

.img-depoimentos1 {
    top: 195%;
}

.btn3 {
    left: 7%;
    top: 73%;
}

.seta-azul {
    width: 14%;
    left: 35%;
    padding-bottom: 10px;
}

/*.tit-app {
    font-size: 37px;
    margin-top: 24px;
    margin-bottom: 70px;
}
*/
.img-seta {
    height: 80px;
    margin-left: -80px;
}

.btn-google-play {
  
    margin-top: 30px;
}

.fundo-app {
    height: 167vh;
}

.fundo-tipos {
    height: 136vh;
}

.tipos-height{
  min-height: 280px;
}

.btn4 {
    font-size: 16px;
    top: -30px;
}

.img-tipos {
    width: 124px;
    top: 0px;
    position: initial !important;
    margin-left: 94px;
}

.fundo-duvidas {
    padding-top: 7rem;
    height: 96vh;
}

.sorriso1 {
    width: 80px;
    margin-top: -10px;
    position: initial !important;
    margin-left: 30px;
}

.telo-duvidas{
    display: none;
}

.footer-tit1 {
    padding-bottom: 20px;
    padding-left: 0px;
    text-align: center;
    display: block;
    padding-top: 20px;
}
.plus {
    position: relative !important;
    z-index: 9999;
    top: 111px;
    left: 26%;
    width: 20px;
    cursor: pointer;
}

}

@media (max-width: 393px){

.tit-depoimentos {
    top: 138%;
}

.seta-azul {
    width: 30%;
}

.seta-laranja {
    width: 89px;
}

}

@media (max-width: 390px){

    .fundo-duvidas {
    height: 100vh;
}

.seta-azul {
    width: 24%;
}

.seta-laranja {
    width: 81px;
}

.btn3 {
    left: 11%;
}

.tit-depoimentos {
    top: 139%;
}

}

@media (max-width: 375px){

    .tipos-height{
  min-height: 280px;
}

.plus {
    position: relative !important;
    z-index: 9999;
    top: 111px;
    left: 26%;
    width: 20px;
}

.fundo-telo {
    height: 130vh;
}

.fundo-duvidas {
    height: 128vh;
}

.fundo-tipos {
    height: 176vh;
}

.fundo-app {
    height: 226vh;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:before {

    position: relative;
    left: 30px;
}

.site-mobile-menu {
    padding-right: 0px;
    
}

.carousel-control-next-icon {
    display: none;
}

.section {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.fundo-cursos3 {
    height: 140vh;
   
}

.paddingtop{
    padding-top: 2em;
}


.text-muted {
    font-size: 14px;
}

.carousel-caption { 
    font-size: 44px;
}

.fundo-curso {
    height: 102vh;
}


}

@media (max-width: 360px){

.fundo-curso {
    height: 96vh;
}
.logo {
    margin-top: 30px;
    width: 240px;
}

.btn1{
    width: 91%;
}

.btn1:hover{
    
}

.chamada {
    width: 108px; 
    top: 195px;
}

}