/*! * Start Bootstrap - Agency v5.2.1 (https://startbootstrap.com/template-overviews/agency) * Copyright 2013-2019 Start Bootstrap * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE) */
*{
    transition: all .4s;
}
@font-face {
    font-family: 'Blogger Sans';
    src: url('https://www.talkprocess.com.br/fonts/BloggerSans-Light.eot');
    src: url('https://www.talkprocess.com.br/fonts/BloggerSans-Light.eot#iefix') format('embedded-opentype'), url('https://www.talkprocess.com.br/fonts/BloggerSans-Light.woff2') format('woff2'), url('https://www.talkprocess.com.br/fonts/BloggerSans-Light.woff') format('woff'), url('https://www.talkprocess.com.br/fonts/BloggerSans-Light.ttf') format('truetype'), url('https://www.talkprocess.com.br/fonts/BloggerSans-Light.svg#BloggerSans') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Blogger Sans Bold';
    src: url('https://www.talkprocess.com.br/fonts/BloggerSans-Bold.eot');
    src: url('https://www.talkprocess.com.br/fonts/BloggerSans-Bold.eot#iefix') format('embedded-opentype'), url('https://www.talkprocess.com.br/fonts/BloggerSans-Bold.woff2') format('woff2'), url('https://www.talkprocess.com.br/fonts/BloggerSans-Bold.woff') format('woff'), url('https://www.talkprocess.com.br/fonts/BloggerSans-Bold.ttf') format('truetype'), url('https://www.talkprocess.com.br/fonts/BloggerSans-Bold.svg#BloggerSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Blogger Sans Medio';
    src: url('https://www.talkprocess.com.br/fonts/BloggerSans-Medium.eot');
    src: url('https://www.talkprocess.com.br/fonts/BloggerSans-Medium.eot#iefix') format('embedded-opentype'), url('https://www.talkprocess.com.br/fonts/BloggerSans-Medium.woff2') format('woff2'), url('https://www.talkprocess.com.br/fonts/BloggerSans-Medium.woff') format('woff'), url('https://www.talkprocess.com.br/fonts/BloggerSans-Medium.ttf') format('truetype'), url('https://www.talkprocess.com.br/fonts/BloggerSans-Medium.svg#BloggerSans-Bold') format('svg');
    font-weight: 500;
    font-style: normal;
}
body, html {
    background: #F2F2F2;
    overflow-x: hidden !important;
}
b, strong{
    font-family: 'Blogger Sans Bold';
}
p {
    line-height: 1.75;
}
a {
    color: #fed136;
}
a:hover {
    color: #fec503;
}
button:focus, a:focus{
  outline: none !important;
}

.color_414042{color: #414042; font-family: Blogger Sans Medio; text-transform: uppercase;}
.color_414042:hover{color: #414042;}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{display: block !important;}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{outline: 0;}
.dropdown-menu li{background: #fff;}
/******************************Drop-down menu work on hover**********************************/
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:80px;padding-top:0px;background:transparent;left:0;min-width:150px;display:none; border:1px solid #E6E7E8;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:-1px;left:100%;min-width:150px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:150px;display:none;z-index:1}

#navbarResponsive > ul > li.nav-item.dropdown.align-items-center.justify-content-center.d-block.d-lg-flex > ul > li.dropdown > ul{padding-top: 0px;}
}
.logo_footer{
  height: 48px !important;
}
.logo_home{
  height: 48px !important;
}
.text-primary {
    color: #fed136 !important;
}
.dropdown-toggle::after{
    border: 0px;
    width: 10px;
    height: 6px;
    background-image: url(https://www.talkprocess.com.br/img/arrow-select.png);
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 5px;
}

@media (min-width: 600px)
{
    .dropdown-t{
        position: relative;
    }
}

.form_geral input, .form_geral select{
    border: 1.3px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 42px;
    width: 100%;
    background-color: transparent;
    height: 50px;
    padding: 0px 40px 0px 20px;
    font-family: Blogger Sans;
    font-size: 14px;
    line-height: 32px;
   /* or 229% */
    letter-spacing: 0.05em;
    color: #FFFFFF;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    
}
.form_geral input.erro, .form_geral select.erro, .form_geral textarea.erro{
  border: 1.3px solid #FF4500 !important;
}
.form_geral select{
    background-image: url(https://www.talkprocess.com.br/img/arrow-select.png);
    background-position: right 20px center;
    background-repeat: no-repeat;
}
.form_geral textarea{
    border: 1.3px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 20px;
    width: 100%;
    background-color: transparent;
    height: 123px;
    padding: 0px 20px;
    font-family: Blogger Sans;
    font-size: 14px;
    line-height: 32px;
   /* or 229% */
    letter-spacing: 0.05em;
    color: #FFFFFF;
    margin-bottom: 20px;
    outline: none;
}
.form_geral input::placeholder, .form_geral textarea::placeholder, .form_geral select::placeholder {
   /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
   /* Firefox */
}
.form_geral input:-ms-input-placeholder, .form_geral textarea:-ms-input-placeholder, .form_geral select:-ms-input-placeholder {
   /* Internet Explorer 10-11 */
    color: #fff;
}
.form_geral input::-ms-input-placeholder, .form_geral textarea::-ms-input-placeholder, .form_geral select::-ms-input-placeholder {
   /* Microsoft Edge */
    color: #fff;
}
.form_geral button[type=submit]:focus, .form_geral button[type=submit]:hover{
    background-color: #fff;
    color: #002F44 !important;
    outline: none !important;
}
.form_geral.form_cinza .col-12{
  margin-bottom: 25px;
}
.form_geral .col-12{
  margin-bottom: 25px;
}
.form_geral.form_cinza input, .form_geral.form_cinza textarea, .form_geral.form_cinza select{
    border: 1.3px solid #808285;
    color: #808285;
  }
  .form_cinza input::placeholder, .form_cinza textarea::placeholder, .form_cinza select::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #808285;
    opacity: 1; /* Firefox */
  }
  .form_cinza input:-ms-input-placeholder, .form_cinza textarea:-ms-input-placeholder, .form_cinza select:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #808285;
  }
  
  .form_cinza input::-ms-input-placeholder, .form_cinza textarea::-ms-input-placeholder, .form_cinza select::-ms-input-placeholder { /* Microsoft Edge */
    color: #808285;
  }
  .form_cinza button[type=submit]:focus, .form_cinza button[type=submit]:hover{
    background-color: #fff;
    color: #fff !important;
    outline: none !important;
  }
.cursor_default{
   cursor: default;
}
.no-padding{
   padding: 0px !important;
}
.bg-white{
   background:#fff;
}
.pr{
   position: relative;
}
.oh{
   overflow: hidden;
}
.bg-blue{
   background: #8FD8FF;
}
/* .nav-link{
   padding: 0px;
}
#navbarResponsive > ul > li.nav-item.dropdown.align-items-center.justify-content-center.d-block.d-lg-flex > ul > li.dropdown > a.submenu{
  background-image: url(https://www.talkprocess.com.br/img/seta-dir-menu.png);
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 6px 10px;
}
.navbar{padding-top: 0px; padding-bottom: 0px;}
.navbar .nav-item{height: 80px;}
.navbar-expand-lg .navbar-nav .nav-link{
   padding: 0px 11px;
    color: #414042;
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
   color: #2CA1DB;
}
.navbar-expand-lg .navbar-nav .nav-link img:hover{
   opacity: 0.4
}
.navbar-expand-lg .navbar-nav .nav-link.active{
   color: #2CA1DB;
}
#mainNav{
   background: #fff;
    height:80px;
}
.menu li a{
    font-family: Blogger Sans Medio;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #2CA1DB;
}
.menu ul.dropdown-menu li a{
    font-family: Blogger Sans Medio;
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    letter-spacing: 0.05em;
    color: #414042;
} */

.menu li a{
    font-family: Blogger Sans Medio;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.05em;
    color: #2CA1DB;
}

.dropdown-menu{
    box-shadow: 4px 5px 13px #00000052 !important;
}

.btn-green{
    font-family: Blogger Sans;
    font-size: 14px;
    line-height: 28px;
    background: #21B353;
    border-radius: 42px;
    width: 130px;
    height: 40px;
    color: #FFFFFF !important;
    line-height: 40px !important;
    border: 0px;
}
.btn-green:hover{
   background: #2CA1DB;
    color: #fff;
}
.btn-yellow{
    font-family: Blogger Sans;
    font-size: 14px;
    line-height: 28px;
    background: #EBD529;
    border-radius: 42px;
    width: 177px;
    height: 40px;
    color: #002F44 !important;
    line-height: 40px !important;
    text-decoration: none;
}
.btn-yellow:hover{
   background: #fff;
    text-decoration: none;
}
.btn-green-input{
    font-family: Blogger Sans;
    font-size: 14px;
    line-height: 28px;
    background: #21B353;
    border-radius: 42px;
    width: 177px;
    height: 50px;
    color: #FFFFFF !important;
    line-height: 40px !important;
    border:none;
}
.btn-green-input:hover, .btn-green-input:focus{
   background: #2CA1DB !important;
    color: #fff !important;
}
.btn-yellow-input{
    font-family: Blogger Sans;
    font-size: 14px;
    line-height: 28px;
    background: #EBD529;
    border-radius: 42px;
    width: 177px;
    height: 50px;
    color: #002F44 !important;
    line-height: 40px !important;
    border:none;
}
.btn-yellow-input:hover{
   background: #2CA1DB;
    color: #fff;
}
.breadcrumbContainer{
   border-bottom: 1px solid #E5E5E5;
}
.breadcrumb{
   background-color: transparent;
    margin-top: 20px;
    padding: 1rem 0px;
}
.breadcrumbh2{
    font-family: Blogger Sans;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 0.05em;
    color: #2484C6;
}
.breadcrumb-item+.breadcrumb-item::before{
   content: ".";
    font-size: 40px;
    color: #a4a2a2;
}
.breadcrumb a, .breadcrumb, .breadcrumb-item.active{
    font-family: Blogger Sans;
    font-size: 16px;
    line-height: 17px;
    text-align: right;
    letter-spacing: 0.05em;
    color: #A4A2A2;
}
.interna .breadcrumb a, .interna .breadcrumb, .interna .breadcrumb-item.active{
     color: #a4a2a2;
 }
 .interna .breadcrumb-item+.breadcrumb-item::before{
    color: #a4a2a2;
}
.interna{
    background-color: #fff;
}
.news_red .ind67{
    background: #F04937 !important;
}
.news_red .form_border button[type=submit]{
    background: #EBD529;
    color: #002F44 !important;
}
.section{
    padding: 0px 0px 60px 0px;
}
.page_section{
   padding: 100px 0px;
}
.formNews input{
    border: 1.3px solid #828181;
    box-sizing: border-box;
    border-radius: 42px;
    width: 100%;
    background:transparent;
    height: 50px;
    padding: 15px 25px;
    font-family: Blogger Sans;
    font-size: 14px;
    line-height: 32px;
   /* or 229% */
    letter-spacing: 0.05em;
    color: #828181;
}
.formNews input.erro{
    border: 1.3px solid #FF4500;
}
.q4 .formNews input{
    border: 1.3px solid #fff;
    box-sizing: border-box;
    border-radius: 42px;
    width: 100%;
    background:transparent;
    height: 50px;
    padding: 15px 25px;
    font-family: Blogger Sans;
    font-size: 14px;
    line-height: 32px;
   /* or 229% */
    letter-spacing: 0.05em;
    color: #fff;
}
.formNews input:focus, .formNews button:focus {
    outline: none;
    border:1.3px solid #2484C6;
}
.q4 .formNews input:focus, .q4 .formNews button:focus {
    outline: none;
    border:1.3px solid #fff;
}
.q4 .formNews input::placeholder, .q4 .formNews textarea::placeholder, .q4 .formNews select::placeholder {
   /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
   /* Firefox */
}
.q4 .q4 .formNews input:-ms-input-placeholder, .q4 .formNews textarea:-ms-input-placeholder, .q4 .formNews select:-ms-input-placeholder {
   /* Internet Explorer 10-11 */
    color: #fff;
}
.q4 .q4 .formNews input::-ms-input-placeholder, .q4 .formNews textarea::-ms-input-placeholder, .q4 .formNews select::-ms-input-placeholder {
   /* Microsoft Edge */
    color: #fff;
}
.form_border input{
    background-color: transparent;
    border: 1.3px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 42px;
    font-family: Blogger Sans;
    font-size: 14px;
    line-height: 32px;
   /* or 229% */
    letter-spacing: 0.05em;
    height: 50px;
    color: #FFFFFF;
    width: 100%;
    padding: 15px 25px;
}
.form_border input.erro{
    border: 1.3px solid #FF4500;
}
.form_border input:focus{
    outline: none;
    background-color: transparent;
    border: 1.3px solid #2484C6;
}
.form_border button[type=submit]{
    font-family: Blogger Sans;
    font-size: 14px;
    line-height: 28px;
    background: #002F44;
    border-radius: 42px;
    width: 100%;
    height: 50px;
    color: #EBD529 !important;
    border:0px;
}
.form_border button[type=submit]:focus, .form_border button[type=submit]:hover{
    background-color: #fff;
    color: #002F44 !important;
}
.form_border input::placeholder {
   /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
   /* Firefox */
}
.form_border input:-ms-input-placeholder {
   /* Internet Explorer 10-11 */
    color: #fff;
}
.form_border input::-ms-input-placeholder {
   /* Microsoft Edge */
    color: #fff;
}
#footerNav{
    padding: 0px;
}
footer{
    padding:20px 0px;
}
.ind69{
    margin:72px 0 0 0px;
}
.ind70{
    font-family: Blogger Sans;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 0.05em;
    color: #808285;
}
#navbarResponsive{
   z-index: 999;
}
.section_curve_top{
    width:100%;
    position:relative;
    text-align:center;
    box-sizing:border-box;
    padding: 120px 0px 60px 0px;
    margin-top: -120px;
    background-image: url(https://www.talkprocess.com.br/img/fatia-verde.png), linear-gradient(100.39deg, #21B353 -42.18%, #2CA1DB 120.82%);
    background-position: top center;
    background-repeat: no-repeat;
}
.infografic{
   position: relative;
   z-index: 2;
}
.owl-seta{
    position: absolute;
    top: 133px;
    z-index: 10;
}
.owl-seta:hover{
    opacity: 0.8;
}
.owl-seta-esq{
    left: 70px;
}
.owl-seta-dir{
    right: 70px;
}
ul.custom{
    list-style: none;
}
ul.custom li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1rem; /* Also needed for space (tweak if needed) */
    margin-left: -1.4em; /* Also needed for space (tweak if needed) */
}
ul.custom.red li::before {
    color:red;
}
.ir_cima{
    position: fixed;
    bottom: 30px;
    right: 40px;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background-color: #F3F3F3;
    display: block;
    text-indent: -99999px;
    background-image: url(https://www.talkprocess.com.br/img/icon_up_site.png);
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center center;
    border:1px solid #DBDBDB;
    z-index: 100;
  }
.owl-dot span{
  background:transparent !important;
  border:1px solid #fff !important;
}
.owl-dot.active span{
  background:#EBD529 !important;
  border:1px solid #EBD529 !important;
}
.owl-dot-white.active span{
  background:#fff !important;
  border:1px solid #fff !important;
}
.gclick1{position: absolute; text-indent: -99999px; display: block; left: 0px; top: 0px; width: 14%; height: 21%;}
.gclick2{position: absolute; text-indent: -99999px; display: block; left: 22%; top: 0px; width: 52%; height: 21%;}
.gclick3{position: absolute; text-indent: -99999px; display: block; left: 0px; top: 25%; width: 14%; height: 21%;}
.gclick4{position: absolute; text-indent: -99999px; display: block; left: 22%; top: 25%; width: 52%; height: 21%;}
.gclick5{position: absolute; text-indent: -99999px; display: block; left: 0px; top: 50%; width: 14%; height: 21%;}
.gclick6{position: absolute; text-indent: -99999px; display: block; left: 22%; top: 50%; width: 52%; height: 21%;}
.gclick7{position: absolute; text-indent: -99999px; display: block; left: 0px; top: 75%; width: 14%; height: 21%;}
.gclick8{position: absolute; text-indent: -99999px; display: block; left: 22%; top: 75%; width: 52%; height: 21%;}
.gclick9{position: absolute; text-indent: -99999px; display: block; right: 0.4%; top: 21%; width: 18%; height: 25%;}
.gclick10{position: absolute; text-indent: -99999px; display: block; right: 0.4%; top: 49%; width: 18%; height: 25%;}

#modalResultadoGeral .modal-header, #modalConfirmarEmail .modal-header, #modalNaoRecebi .modal-header, #modalConfirmar .modal-header, #modalAssistentePassoAPasso .modal-header{background:#fff; padding:5px 15px; border:0px !important;}
#modalResultadoGeral .modal-header .close, #modalConfirmarEmail .modal-header .close, #modalNaoRecebi .modal-header .close, #modalConfirmar .modal-header .close, #modalAssistentePassoAPasso .modal-header .close{color:#999;}
#modalResultadoGeral button.btn-green-input, #modalConfirmarEmail button.btn-green-input, #modalNaoRecebi button.btn-green-input, #modalConfirmar button.btn-green-input{background:transparent !important; border:1px solid #999 !important; color:#000 !important;}
.modal{z-index: 20000;}
/*Modal*/
.modalUse1{
    font-family: Blogger Sans;
    font-size: 35px;
    line-height: 38px;
    letter-spacing: 0.05em;
    color: #000;
  }
  .modalUse2{
      font-family: Blogger Sans;
      font-size: 16px;
      line-height: 20px;
      text-align: justify;
      letter-spacing: 0.05em;
      color: #808285;
  }
  .modalUse5{
    font-family: Blogger Sans;
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    letter-spacing: 0.05em;
  }
  .modalUse3{color:#000;}
  .modalUse4{width: auto;height: auto;padding: 8px 20px;line-height: normal !important;}
/*mobile*/
@media only screen and (max-width:992px) {
    .dropdown-menu{
        box-shadow: none !important;
    }
    .modalUse4{width: 100%; margin-top:10px; padding:10px 20px;}
    #modalConfirmarEmail, #modalNaoRecebi, #modalConfirmar, #modalAssistentePassoAPasso{background:#fff;}
    #modalConfirmarEmail, #modalNaoRecebi, #modalConfirmar, #modalAssistentePassoAPasso{z-index: 9999; padding-right: 0px !important; right: 0px;}
    #modalConfirmarEmail .modal-dialog, #modalNaoRecebi .modal-dialog, #modalConfirmar .modal-dialog, #modalAssistentePassoAPasso .modal-dialog{margin:0px;}
    #modalConfirmarEmail .modal-content, #modalNaoRecebi .modal-content, #modalConfirmar .modal-content, #modalAssistentePassoAPasso .modal-content{border-radius: 0px !important; border:0px !important;}
    .formNews .col-12{
       margin-bottom: 30px;
   }
    .formNews button{
       width: 100%;
   }
    .form_border .col-12{
       margin-bottom: 30px;
   }
    /* #navbarResponsive{
       margin:0px 0px 0px 0px;
   } */
   .page_section{padding: 60px 0px;}
   .breadcrumbContainer{padding-bottom: 0px;}
   /* .navbar-collapse{
        z-index: 9999;
        background: rgb(255, 255, 255);
        width: 100%;
        left: 0px;
        right: 0px;
        bottom:0px; 
        position: fixed;
        top: 80px;
        padding-bottom: 30px;
   } */
   #processo{padding-top:60px; padding-bottom: 0px;}
   .owl-seta{top:-133px;}
   .owl-seta-esq{left: 50%; margin-left: -50px;}
   .owl-seta-dir{right: 50%; margin-right: -50px;}
   .owl2-anterior{margin-right: 20px;}
   #mainNav{position: fixed; z-index: 9999; width: 100%;}
   header{margin-top: 10px;}
   /* .navbar-nav{
    height: 100%;
    overflow-y: auto;
   }
   .navbar-toggler{
        background: url(https://www.talkprocess.com.br/img/close.svg) no-repeat center center;
        width: 20px;
        height: 20px;
   }
   .navbar-toggler.collapsed{
       width: 30px;
       height: 20px;
       background: url(https://www.talkprocess.com.br/img/hamburguer.svg) no-repeat center center;
   }
   
   .navbar-toggler img{
       display: none;
   }
   .navbar-toggler:focus, .navbar-toggler:hover{
       outline: none !important;
   } */
   .form_geral input, .form_geral select{
    font-size:12px;
   }
   .breadcrumbContainer{
    margin-top: 0px;
   }
   /* .navbar .nav-item{
       height: auto;
       min-height: 40px;
    }
   .menu ul.dropdown-menu li a{text-align: center;}
   .show_mobile{display: block;}
   #navbarResponsive > ul > li.nav-item.dropdown.align-items-center.justify-content-center.d-block.d-lg-flex > ul > li.dropdown > a.submenu{
    background: none;
   }
   #navbarResponsive > ul > li.nav-item.dropdown.align-items-center.justify-content-center.d-block.d-lg-flex > ul > li.dropdown > a.submenu::after{
    border: 0px;
    width: 10px;
    height: 6px;
    background-image: url(https://www.talkprocess.com.br/img/arrow-select.png);
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 5px;
    content: "";
    display: inline-block;
   } */
}