html{scrollbar-width: thin; scrollbar-color: #353535 #fff;}
body{font-family: 'Montserrat', sans-serif; overflow-x: hidden;}
header{background-color:#0e0e0e; }
header nav{z-index:1;} 
.bg-light{background-color:transparent!important;}
header nav .nav-item{color:#fff!important;}
header nav .nav-item img{width:40px;}
.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.navbar-collapse.justify-content-end.collapse.show {background-color:#0e0e0e; padding-left:10px;}

.example{margin-top:-83px;}

.home-1{z-index:1; position:relative; background-color:#050505; padding:1em 0 2em 0;}
.home-1 h1{margin-top: 1em;}
.home-1 h1, .home-1 p,  .home-2-1 p, .home-2-2 h2, .home-2-2 p, .home-2-3 p, .home-2-4 h2, .home-2-4 p, .home-2-5 p{color:#fff;}
.home-1 p{color:#cecece; text-transform: uppercase;}

/*.fundo-home-2a{margin-top:-328px;z-index:2;}*/

.home-2-1{background-color:#353535;}
.home-2-2{background-color:#222222; }
.home-2-3{background-color:#181818; }
.home-2-4{background-color:#121212; }
.home-2-5{background-color:#0e0e0e; }

/* home 3-b */
.home-3b-section
{
    position: relative;
    padding-bottom: 125px;
    color:#eee;
}
.home-3b-1
{
    background-color:#353535; 
}
.home-3b-2
{
    background-color:#252525; 
}
.home-3b-3
{
    background-color:#151515;
}
.home-3b-4
{
    background-color:#0e0e0e;
}
.home-3b-content
{
    margin-top: 45%;
    text-align: center;
}
.home-3b-title
{
    z-index: 5;
    text-align: center;
    position: absolute;
    color: #eee;
    margin-top: 15px;
}
.home-3b-footer
{
    z-index: 5;
    text-align: center;
    position:absolute;
    color: #eee;
    margin-bottom: 15px;
    bottom:0;
}

/* The device with borders */
.smartphone {
    position: relative;
    width: 200px;
    height: 355px;
    margin: auto;
    border: 16px black solid;
    border-top-width: 60px;
    border-bottom-width: 60px;
    border-radius: 36px;
    box-sizing:content-box;
    moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
  }
  
  .smartphone .volumebuttonUp{
    position: absolute;
    background-color: black;
    height: 35px;
    width: 5px;
    z-index: 55;
    margin-top: 15px;
    left: -20px;
    border-radius: 10px;
  }

  .smartphone .volumebuttonDown{
    position: absolute;
    background-color: black;
    height: 35px;
    width: 5px;
    z-index: 55;
    margin-top: 55px;
    left: -20px;
    border-radius: 10px;
  }

  /* The horizontal line on the top of the device */
  .smartphone:before {
    content: '';
    display: block;
    width: 60px;
    height: 5px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #333;
    border-radius: 10px;
  }
  
  /* The circle on the bottom of the device */
  .smartphone:after {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 50%;
    bottom: -65px;
    transform: translate(-50%, -50%);
    background: #333;
    border-radius: 50%;
  }

  /* The screen (or content) of the device */
  .smartphone-content {
    width: 200px;
    height: 355px;
    background: white;
    box-sizing:content-box;
    moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    position: relative;
  }
  
  .smartphone-content img{
      height: 100%;
      width: 100%;
  }

  .home-3b-arrow{
      bottom: 35%;
      height: auto;
      width: 40%;
      position: absolute;
      right:-20%;
      z-index: 1;
  }

.home-2-1 p{background-image:url("../imagens/escanteios.png"); background-repeat: no-repeat; background-position:left bottom; min-height:226px; padding-left: 55px; margin-top:70px;}

/*.home-2-2 h2{transform: rotate(90deg); margin:0;}*/
.home-2-1 h2, .home-2-2 h2, .home-2-3 h2, .home-2-4 h2,  .home-2-5 h2{display: none;}
.home-2-3 p{background-image:url("../imagens/gols.png"); background-repeat: no-repeat; background-position:left bottom; min-height:226px; padding-left: 55px; padding-top:122px;}
.home-2-3 p{margin-top:70px;}
.home-2-4 p{background-image:url("../imagens/cartoes.png"); background-repeat: no-repeat; background-position:left bottom; min-height:226px; padding-left: 55px; padding-top:155px;}
.home-2-5 p{background-image:url("../imagens/ambas-marcam.png"); background-repeat: no-repeat; background-position:left bottom; min-height:415px; padding-left: 55px; padding-top:346px;}


.home-3{margin-top:2em;}
.home-3-a{background-color: #000;}
.home-3 h3{font-size:40px; color:#3b3d40;}
.home-3 p{color:#656b6f; text-transform: uppercase;}
.home-3 img, .home-3-a img{margin-top:1em;}

.home-4{background-color:#343639; border-bottom:1px solid #343639;}
.home-4 h4{font-size:40px; color: #fff; margin-top: 1em;}
.home-4 p{color:#fff;}

.home-5{margin-top: 2em; margin-bottom:1em;}
.home-5 h5{color:#343639; letter-spacing: 2px; font-size: 16px;}

#carouselExample{margin-top: 3em; margin-bottom:1em;} 

.home-6, .planos{background-color: #1d1d1d; margin-top:3em; padding-bottom: 4em;}
.home-6 h6, .planos h4{color:#fff; margin-top:1em; font-size: 40px;}
.home-6 p, .planos p{color:#fff; text-transform: uppercase;}
.home-6-2{margin-top: 2em;}
.home-6-2 h3{color:#fff; font-size:14px; text-transform: uppercase; letter-spacing: 2px; margin-top:2em;}
.home-6-2 p{color:#62696e; text-transform: uppercase; margin-top:2em; margin-bottom:2em;}
.home-6 a.btn, .planos a.btn{ border-radius: 30px; border: 2px solid #8c8c8c; color: #fff; font-weight: bold; font-size: 11px; letter-spacing: 2px; padding: 15px 25px; transition: all 0.7s ease; margin-bottom: 20px; background-color: #8c8c8c;}
.home-6 a.btn:hover, .planos a.btn:hover{background-color:#000; border: 2px solid #fff; color:#fff; }

.home-7, .home-8{background-color:#111111; padding-top:2em; padding-bottom: 2em;}
.home-7 h6{color:#fff; font-size:14px; text-transform: uppercase; letter-spacing: 2px; margin-top:2em; text-align: center;}
.home-8 .container{margin-top:2em; margin-bottom:3em;}
.home-8 h6{color:#fff; font-size:26px;}
.home-8 p{font-size:14px;letter-spacing: 2px; color:#fff;}
.home-8 hr{border-bottom:1px solid #565656;}

.home-9{background-image:url("../imagens/fundo-home-8.jpg"); background-repeat: no-repeat;; background-position: center right; width:100%; height:400px;}
.home-9 h3{font-size:40px; color:#fff; margin-top:1em;}
.home-9 h3 small{font-size:14px; text-transform: uppercase; letter-spacing: 2px;}
.home-9 img{margin-top:2em; margin-right:1em; max-width:70px;} 

footer{background-color:#0e0e0e; padding-top:2em; padding-bottom:2em;}
footer ul{margin-top:1em;}
footer ul li a{color:#aeaeae;}
footer ul li a:hover{color:#fff;} 
footer .copyright{margin-top: 1em; color:#aeaeae;}

.mes1, .mes2, .mes3{ border-radius:100%; text-align: center; height:200px; width:200px; margin:0 auto;}
.mes1{border: 3px solid #626262;}
.mes2{border: 3px solid #898989;}
.mes3{border: 3px solid #fff;}
.mes1 h5, .mes2 h5, .mes3 h5{font-size:150px; color:#fff; line-height:30px; margin-top:67px;}
.mes1 h5 small, .mes2 h5 small, .mes3 h5 small{font-size:10px; /*color:#3c3d41;*/ color:#fff; letter-spacing: 2px; line-height: 127px;}
.planos .row:nth-child(2n){margin-top:3em;}
.preco-1 p{font-size: 70px; text-align: center; margin-top:15px;}
.promo{font-size: 16px; text-align: center; color: #fff;} 
.promo span{font-size: 16px;}
.preco-2 p{font-size:40px; text-align:right; color:#878787; margin-top:-30px; text-transform: lowercase;}
.planos a.btn{font-size:18px; letter-spacing:4px;}
.planos .row:nth-child(3n){margin-top:2em;}
.planos .row:nth-child(3n) h6{text-transform: uppercase; color:#fff; text-align:center; font-size:25px; margin-bottom:1em;}
.planos .row:nth-child(3n) p {text-transform: uppercase; color:#fff; font-size:18px; text-align: center; }

.pg{margin-bottom:2em;}

.fundo-login{background-image:url("../imagens/fundo-login.jpg"); }
.fundo-cadastro{background-image:url("../imagens/fundo-cadastro.jpg");}
.fundo-contato{background-image:url("../imagens/fundo-contato.jpg");}
.fundo-estrategias{background-image:url("../imagens/fundo-estrategia.jpg");}
.fundo-login, .fundo-cadastro, .fundo-contato, .fundo-estrategias{background-repeat: no-repeat; background-position: top center; min-height: 700px; margin-top:-83px;}

.fundo-login h1, .fundo-cadastro h1, .fundo-contato h1 {margin-top:3em; color:#fff; text-shadow: 2px 2px 2px #454545;}
.form-login{background-color: rgb(255,255,255, 0.5); padding: 2em; border-radius:8px; margin-top:1em;}
.fundo-login button.btn, .fundo-cadastro button.btn, .fundo-contato button.btn{ border-radius: 7px; border: 2px solid #c1c1c1; color: #000; font-weight: bold; font-size: 17px; letter-spacing: 3px; padding: 4px 20px; transition: all 0.7s ease; margin-bottom: 10px; background-color: #c1c1c1; text-transform: uppercase; margin-top:1em; }
.fundo-login button.btn:hover, .fundo-cadastro button.btn:hover, .fundo-contato button.btn:hover{background-color:#000; border: 2px solid #fff; color:#fff; }
.bd-login{background-color:#0e0e0e;}
.fundo-estrategias h1{margin-top:5em; color:#fff; text-shadow: 2px 2px 2px #454545;}
.fundo-contato p a {color:#fff; text-decoration:none;}

.estrategias-full, .politica{margin-top:2em; margin-bottom: 2em;}
.estrategias-full h2{font-size:15px; color:#3b3d40; letter-spacing: 1px;}
.estrategias-full h3{font-size:38px; font-color:#000; background-image:url("../imagens/undeline-h3.jpg"); background-repeat: no-repeat; background-position: bottom left; padding-bottom:10px; text-indent: 10px; margin-top:1em;}
.estrategias-full p{color:#404040; font-size:15px; text-transform: uppercase;}
.estrategias-full p strong{font-size:17px; line-height: 2.5em;}
.politica p {color:#404040;}
.politica p b{font-size:18px; line-height:2em;}
.politica h1{font-size:38px; font-color:#000; padding-bottom:10px; margin-top:1em;}

.fundo-estrategias a.btn{margin-top:1em; border-radius: 50px; border: 2px solid #8c8c8c; color: #000; font-weight: bold; font-size: 28px; letter-spacing: 2px; padding: 15px 25px; transition: all 0.7s ease; margin-bottom: 20px; background-color: #fff;}
.fundo-estrategias a.btn:hover{background-color:#000; border: 2px solid #fff; color:#fff; }

.zapzap{position:fixed; width:60px; height:60px; bottom:15px; right:23px; background: rgb(129,254,176);
background: linear-gradient(180deg, rgba(129,254,176,1) 0%, rgba(37,208,70,1) 100%); color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 1px 1px 2px #888; z-index:1000;}   
.zapzap img{margin-top:16px;} 

.video-ai{background-color: #000; }


.ftco-section {
  padding: 3em 0; background-color: #1a1b1c;}

.ftco-no-pt {
  padding-top: 0; }

.ftco-no-pb {
  padding-bottom: 0; }

.heading-section {
  font-size: 28px; }

.img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.owl-carousel {
  position: relative; }
  .owl-carousel .owl-item {
    opacity: 1; }
    .owl-carousel .owl-item.active {
      opacity: 1; }
  .owl-carousel .owl-nav {
    position: absolute;
    bottom: 0;
    width: 100%; }
    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
      position: absolute;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-top: -10px;
      color: rgba(0, 0, 0, 0.2) !important;
      -webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s;
      opacity: 1; }
      @media (prefers-reduced-motion: reduce) {
        .owl-carousel .owl-nav .owl-prev,
        .owl-carousel .owl-nav .owl-next {
          -webkit-transition: none;
          -o-transition: none;
          transition: none; } }
      .owl-carousel .owl-nav .owl-prev span:before,
      .owl-carousel .owl-nav .owl-next span:before {
        font-size: 16px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        @media (prefers-reduced-motion: reduce) {
          .owl-carousel .owl-nav .owl-prev span:before,
          .owl-carousel .owl-nav .owl-next span:before {
            -webkit-transition: none;
            -o-transition: none;
            transition: none; } }
      .owl-carousel .owl-nav .owl-prev:hover span:before,
      .owl-carousel .owl-nav .owl-next:hover span:before {
        color: #b063c5; }
    .owl-carousel .owl-nav .owl-prev {
      right: 0;
      margin-right: 20px; }
    .owl-carousel .owl-nav .owl-next {
      right: 0; }
  .owl-carousel .owl-dots {
    text-align: left;
    margin-top: 10px; }
    .owl-carousel .owl-dots .owl-dot {
      width: 10px;
      height: 10px;
      margin: 5px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.1);
      position: relative; }
      .owl-carousel .owl-dots .owl-dot:hover, .owl-carousel .owl-dots .owl-dot:focus {
        outline: none !important; }
      .owl-carousel .owl-dots .owl-dot.active {
        background: #b063c5; }

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.work {
  width: 100%; }
  .work .img {
    width: 100%;
    height: 700px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    
    z-index: 0; }
    .work .img:after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: '';
      z-index: -1;
      background: rgba(255, 93, 177, 0);
       }
  .work .text {
    padding: 35px;
    padding-top: 0; }
    .work .text h3 {
      font-size: 34px;
      font-weight: 400;
      font-family: "Playfair Display", serif;
      margin-bottom: 0; }
      .work .text h3 a {
        color: #fff; }
    .work .text .cat {
      font-size: 12px;
      color: #b063c5;
      font-weight: 400;
      background: rgba(255, 255, 255, 0.9);
      padding: 1px 8px;
      text-transform: uppercase;
      letter-spacing: 1px;
      display: inline-block;
      margin-bottom: 5px; }




@media (min-width: 576px) { 
 }


@media (min-width: 768px) { 

	/* show 3 items */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }
    
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

    /*.fundo-home-2,  .fundo-home-2a{margin-top:-208px;}
    .home-2-1{min-height:540px; padding-top:190px;}
    .home-2-2{padding-top:80px;}
    .home-2-3{padding-top:40px;}
    .home-2-4{padding-top:20px;}
    .home-2-5{padding-top:30px;}*/
 }


@media (min-width: 992px) { 


        /*.fundo-home-2, .fundo-home-2a{margin-top:-208px;}*/
        /*.fundo-home-2a .row{min-height:700px;}*/
        /*.planos .row:nth-child(3n) p {margin-right:25px; float:left;}*/
        .navbar-collapse.justify-content-end.collapse.show {background-color:transparent!important;}
        .fundo-login h1, .fundo-cadastro h1, .fundo-contato h1{margin-top:4em; }
        .fundo-estrategias h1{margin-top:6em}

        /*.fundo-home-2a p{height:600px;}*/
        
        .home-2-1, .home-2-2, .home-2-3, .home-2-4, .home-2-5{height:548px;}
        .home-2-1 p {margin-top:135px;}
        .home-2-2 p {margin-top:255px;}
        .home-2-4 p {margin-top:210px;}
        .home-2-5 p {margin-top:60px;}

        .home-1 h1 {margin-top: 0.8em;}
       
 }


@media (min-width: 1200px) { 

        .home-2-1 p {margin-top:200px;}
        .home-2-2 p {margin-top:280px;}
        .home-2-3 p {margin-top:130px;}
        .home-2-4 p {margin-top:220px;}
        .home-2-5 p {margin-top:100px;}
        .fundo-login h1 , .fundo-cadastro h1, .fundo-contato h1{margin-top:5em; }
        .fundo-estrategias h1{margin-top:7em}
 }

 @media (min-width: 1300px) { 

        .home-2-1 p {margin-top:230px;}
        .home-2-2 p {margin-top:280px;}
        .home-2-3 p {margin-top:250px;}
        .home-2-4 p {margin-top:270px;}
        .home-2-5 p {margin-top:100px;}

}

@media (min-width: 1366px) { 

    .home-2-1 p {margin-top:275px;}

}

@media (min-width: 1500px) { 

    .home-2-3 p {margin-top:275px;}
    .home-2-4 p {margin-top:295px;}

}

@media (min-width: 1642px) { 

     .home-2-3 p {margin-top:300px;}

}