@font-face {
    font-family: Axiforma;
    src: url("/fonts/axiforma-regular.otf") format("opentype");
}

@font-face {
    font-family: Axiforma;
    font-weight: bold;
    src: url("/fonts/axiforma-bold.otf") format("opentype");
}

@font-face {
    font-family: Axiforma Black;
    src: url("/fonts/axiforma-black.otf") format("opentype");
}

@font-face {
    font-family: Axiforma Book;
    src: url("/fonts/axiforma-book.otf") format("opentype");
}

@font-face {
    font-family: Axiforma Medium;
    src: url("/fonts/axiforma-medium.otf") format("opentype");
}

@font-face {
    font-family: FiraSans-HeavyItalic;
    src: url("/fonts/FiraSans-HeavyItalic.otf") format("opentype");
}

@font-face {
    font-family: FiraSans-LightItalic;
    src: url("/fonts/FiraSans-LightItalic.otf") format("opentype");
}

body {
    font-family: "Axiforma" !important;
    color: #3D3D3D !important;
    overflow-x: hidden;
}

 html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 600 !important;
}

#a-logo-login {
    float: left;
}

.form-error {
    border: 2px solid red;
}

#carousel-paco-lg .paquinho {
    background-size: 4.4rem;
    padding-top: 3rem;
    background-position-x: 8rem;
}

#carousel-paco .paquinho {
    background-size: 2.75rem;
    padding-top: 1.85rem;
    background-position-x: 5.9rem;
}

.nova-home.contato .paquinho {
    background-size: 8%;
    padding-top: .65em;
    background-position-x: 1.9em;
}

#div-logo{
    padding-left: 0px;
}

@media (max-width: 601px) {
    #div-logo{
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .table-localidades-wrapper {
        max-height: 172px;
        overflow: auto;
    }
    .modalCupom .modal-content {
        border-radius: 999rem;
    }
}

.table-localidades-wrapper {
    border: 2px solid #d9ecff;
}


/* campos footer cadastro */

.newsFooter {
    width: 293px;
    border-radius: 20px;
    background-color: #ffffff;
}

.corbtnFooter {
    font-family: Roboto;
    color: #fff;
    width: 68.1px;
    height: 40px;
    background-image: linear-gradient(240deg, #ffa351, #ffcb44);
}

.NavMenu {
    background-color: #ffff !important;
}

.NavMenu-Compras {
    background-image: linear-gradient(264deg, #22d2fc, #1f7dde);
}

.py-foot {
    padding-top: 3rem !important;
}

.search {
    width: 15px;
    height: 15px;
    object-fit: contain;
    margin-top: 30%;
    margin-right: 1.5rem;
}


/*---------Carosel-------*/

.carousel-item {
    height: 100%;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

. .active {
    background-color: #ffff;
}


/*.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #6c757d;
    border: 1px solid #fff;
    border-radius: 10px;
}*/

.btnContactSubmit {
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #0062cc;
    border: none;
    cursor: pointer;
    margin-right: 6%;
    background-color: white;
    color: blue;
    margin-top: 4%;
}

.register .nav-tabs .nav-link:hover {
    border: none;
}

.text-align {
    margin-top: -3%;
    margin-bottom: -9%;
    padding: 10%;
    margin-left: 30%;
}

.form-new {
    margin-right: 22%;
    margin-left: 20%;
}

.register-heading {
    margin-left: 21%;
    margin-bottom: 10%;
    color: #e9ecef;
}

.register-heading h1 {
    margin-left: 21%;
    margin-bottom: 10%;
    color: #e9ecef;
}

.btnLoginSubmit {
    border: none;
    padding: 2%;
    width: 25%;
    cursor: pointer;
    background: #29abe2;
    color: #fff;
}

.btnForgetPwd {
    cursor: pointer;
    margin-right: 5%;
    color: #f8f9fa;
}

.register {
    background: -webkit-linear-gradient(left, #3931af, #00c6ff);
    margin-top: 3%;
    padding: 3%;
    border-radius: 2.5rem;
    width: 100%;
    height: 100%;
}

.carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #0000;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #ddd;
    border-radius: 10px;
}

.carousel-indicators .active {
    background-color: #ffa351;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}


/*---------Portfolio-------*/

.portfolio-item {
    margin-bottom: 30px;
}

.menuleft {
    padding-left: 10;
    margin-bottom: 0;
}

.fontes {
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: left;
    color: #3c3c3b;
}


/*Pagina simples fundo azul*/

.blue {
    text-align: center;
    color: #ffffff;
    /*
    height: 100vh;
    min-height: 620px;
    */
    padding-top: 0;
    padding-bottom: 0;
    background-image: linear-gradient(48deg, #00aaff, #006edc);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.Pronto {
    padding-bottom: 0.2cm;
    font-family: Montserrat;
    font-size: 48px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.Seu-plano {
    padding-bottom: 0.5cm;
    font-family: Roboto;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

a.linkbranco:link {
    color: #ffffff;
    text-decoration: none;
}

a.linkbranco:visited {
    color: #ffffff;
    text-decoration: none;
}

a.linkbranco:hover {
    color: #ffffff;
    text-decoration: underline;
}

a.linkbranco:active {
    color: #ffffff;
    text-decoration: underline;
    background-color: #ffffff;
}


/*Fim da pagina azul*/

.Estudio-Button {
    width: 182px;
    height: 56px;
    background-image: linear-gradient(253deg, #ffa351, #ffcb44);
}


/*---------Textos e botões-------*/

.Shopping-Cart {
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #3c3c3b;
}

.Shopping-Cart.adicionais {
    font-size: 13px;
}

#menu_seu_plano_paco .servicos-adicionais {
    z-index: 1;
    position: relative;
    background: white;
}

.Shopping-Cart-blue {
    font-family: Roboto;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: left;
    color: #1f7dde;
}

.Shopping-Cart-blue.adicionais {
    font-size: 14px;
}

.Shopping-Cart-blue-Small {
    font-family: Roboto;
    font-size: 8px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: left;
    color: #1f7dde;
}

.Rectangle-470 {
    width: 100px;
    height: 40px;
    border-radius: 20px;
    background-image: linear-gradient(248deg, #ffa351, #ffcb44);
}

.Veja-mais {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.06;
    letter-spacing: normal;
    text-align: left;
    color: #1f7dde;
    position: relative;
}

.Veja-mais a {
    color: white;
}

.Veja-mais a:hover {
    color: white;
    opacity: .9;
    text-decoration: none;
}

.Veja-mais a i {
    font-size: 20px;
    color: #ffff;
}

.SalesFonte {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: left;
    color: #3c3c3b;
    padding-top: 2rem;
}

.SalesFonte2 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #3c3c3b;
}

.NVTitulo {
    font-family: Montserrat;
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.9;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.NVInput-Message {
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin-bottom: -1rem;
}

.NVTexto {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.Comunicao-integrada-em-10-minutos {
    font-family: Montserrat;
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: #242424;
}

.Rectangle-501 {
    width: 1280px;
    height: 722px;
    opacity: 0.3;
    background-color: #000000;
}

.Comece-agora {
    font-family: Roboto;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.65;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    width: auto !important;
}

.Entrar {
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.Entrar-hover {
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: center;
    color: #0000;
}

.btnEntrar {
    background: #1268B3;
    font-family: "Axiforma";
    font-size: .9rem;
    background: #1268B3;
    width: initial;
    height: initial;
    padding: 8px 24px;
    color: white;
}

.btnEntrar:hover {
    opacity: .9;
}

.Copyright-Fonte {
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #c8cacb;
}

.Fale-muito-fale-digital-fale-Paco {
    /*  width: 800px;*/
    height: 58px;
    font-family: Montserrat;
    font-size: 48px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding-bottom: 250px;
}

.Path-6788 {
    width: 198px;
    height: 56px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
    background-image: linear-gradient(254deg, #ffa351, #ffcb44);
    border-radius: 20px;
}

.Path-6788:active {
    background-image: linear-gradient(254deg, #ffa351, #ffcb44);
}

.Titulo-Ramal {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3c3c3b;
}

.Subt-Ramal {
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.7;
    letter-spacing: normal;
    color: #3c3c3b;
}

.Subt-RamalLink {
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.25;
    letter-spacing: normal;
}

.Subt-Ramal2 {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #3c3c3b;
}

.postal-code {
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #3c3c3b;
}

.postal-codeRamal {
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #ffa351;
}

.postal-codeRamalBlue {
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #1f7dde;
}

.postal-codeRamalGray {
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: rgba(100, 125, 222, .4);
}

.postal-codeRamalGreen {
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: rgba(79, 224, 151, 1);
}

.Precisa-de-mais-ramais-Faa-um-Upgrade-no-seu-Plano .text-style-1 {
    color: #1f7dde;
}


/*---------COMUNICAÇAO PABX ESTUDIO -------*/

.Sales_Calls {
    width: 100%;
    height: auto;
    border-radius: 6px;
    padding-left: 70px;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-left: 1.3rem;
}

.Sales_Calls-right {
    width: 100%;
    height: auto;
    border-radius: 6px;
    padding-right: 70px;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-right: 1.3rem;
}

.ImgSales {
    background-color: #1f7dde;
    margin-right: 3.5rem;
}

.ImgSalesOrange {
    background-color: #ffb531;
}

.ImgSalesleft {
    padding-right: 7rem;
    padding-left: 7rem;
    padding-top: 5rem;
    ;
}

.ImgSalesRight {
    background-color: #ffb531;
    margin-left: 3rem;
}

.Sales_Calls_Right {
    width: 100%;
    height: left;
    border-radius: 6px;
    padding-right: 70px;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-left: -3rem;
}

.Rectangle-1657 {
    border-radius: 6px;
    box-shadow: 0 5px 15px 0 rgba(31, 125, 222, 0.2);
    background-color: #ffffff;
}

.Rectangle-1509 {
    border-radius: 6px;
    box-shadow: 0 5px 15px 0 rgba(31, 125, 222, 0.16);
    background-color: #ffffff;
}

.Rectangle-1661 {
    background-color: #f5f9ff;
    height: 100%;
    position: relative;
}

.IconeCard {
    width: 60.2px;
    height: 60px;
    object-fit: contain;
}


/*---------CARDS -------*/

.CardMenu {
    font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #242424;
    padding-top: 1rem;
}

.CardTexto {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #70706e;
}

.DivCards {
    cursor: pointer;
    padding: .75rem 1.25rem;
    /* margin-left: 2rem;
    /* margin-top: 2rem;*/
}

.DivCardsChecked {
    cursor: pointer;
    border: 1px solid #d9ecff;
    border-color: #1f7dde !important;
}

.DivCardsOpcao {
    padding: .75rem 1.25rem;
    /* margin-left: 2rem;
    /* margin-top: 2rem;*/
    cursor: pointer;
}

.DivCardsOpcaoChecked {
    padding: .75rem 1.25rem;
    cursor: pointer;
    border: 2px solid #d9ecff;
    border-color: #1f7dde !important;
}

.play_audio {
    cursor: pointer;
}


/*---------CARDS Compras -------*/

.Border {
    width: 68px;
    height: 800px;
    background-color: #6a6a6a;
    border-color: #6a6a6a;
}

.CompraSize {
    width: 128px;
    height: 170px;
    border-radius: 10px;
    background-color: #ffffff;
    border-color: #6a6a6a;
}

.CompraHeader {
    height: 70px;
    background-color: rgba(255, 163, 81, 0.4);
}

.CompraHeadeBranco {
    height: 70px;
    background-color: rgba(255, 255, 255, 0.4);
}

.CompraHeaderBlue {
    height: 70px;
    background-color: rgba(217, 236, 255, 1);
    border-radius: 8px 8px 0px 0px;
}

.CompraHeaderGray {
    height: 70px;
    background-color: rgba(100, 125, 222, .15);
    border-radius: 8px 8px 0px 0px;
}

.CompraHeaderGreen {
    height: 70px;
    background-color: rgba(79, 224, 151, .2);
    border-radius: 8px 8px 0px 0px;
}

.CardRamal {
    height: 210px;
    border-radius: 10px;
    background-color: #ffffff;
    border-color: #ffa351;
}

.CardRamalBlue {
    min-height: 210px;
    border-radius: 10px;
    background-color: #ffffff;
    border-color: rgba(31, 125, 222, 1);
    border-width: 2px !important;
}

.CardRamalGray {
    min-height: 210px;
    border-radius: 10px;
    background-color: #ffffff;
    border-color: rgba(100, 125, 222, .15);
    border-width: 2px !important;
}

.CardRamalGreen {
    min-height: 210px;
    border-radius: 10px;
    background-color: #ffffff;
    border-color: rgba(79, 224, 151, 1);
    border-width: 2px !important;
}

.ButtonConfig {
    width: 90px;
    /*  height: 24px;*/
    border-radius: 3px;
    background-color: #e3e7f0;
}

.FontButton {
    font-family: Roboto;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: center;
}


/*---------Espaçamento  e Ajustes de Layout-------*/

.btnContinuar2,
#btnZeroOitocentos,
#btnContratarNovoNumero {
    font-family: Roboto;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.65;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: relative;
}

.BorderBTN {
    width: 100%;
    height: 56px;
    border-radius: 28px;
    background-image: linear-gradient(259deg, #ffa351, #ffcb44);
}

.TexIdentificao {
    font-family: Montserrat;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.82;
    letter-spacing: normal;
    text-align: center;
    color: #1f7dde;
}

.sides {
    margin-left: 4rem;
    margin-right: 4rem;
    border-top: 1px solid #666;
}

.sidespadding {
    padding-left: 2rem;
    padding-right: 4rem;
}


/*

.botton {
    margin-bottom: 25px;
}
*/

.topEspaceOpcoes {
    min-height: 64px;
}

.topEspace {
    padding-top: 0px;
}

.topEspace2 {
    padding-top: 1rem;
    height: 50px;
}

.topEspace3 {
    padding-top: 4rem;
}

.topEspace4 {
    padding-top: 1.4rem;
}

.bottonEspace {
    padding-bottom: 4rem;
}

.NVInput {
    border-radius: 30px;
    background-color: #ffffff;
}

.Rectangle-1859 {
    background-image: linear-gradient(255deg, #22d2fc, #1f7dde);
}

.Contact {
    border-radius: 20px;
    background-image: linear-gradient(248deg, #ffa351, #ffcb44);
}

.Avatar {
    border-radius: 50px;
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.NomeCliente {
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    /* text-align: center;*/
    color: #3c3c3b;
}

.Empresa {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    /*  text-align: center;*/
    color: #1f7dde;
}

.Paco-Footer {
    width: 100%;
    height: 24px;
    /*  background-color: #ffffff;*/
}

.Shape {
    width: 25.2px;
    height: 25.2px;
}

.textFooter {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.29;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.hr {
    background-color: #ffff;
}

.Copyright {
    box-shadow: 3px -2px 10px 0 rgba(0, 0, 0, 0.05);
    background-color: #3c3c3b;
}


/*---------HEADER -------*/

header.masthead .intro-text {
    padding-top: 300px;
    padding-bottom: 100px;
}

header.masthead .intro-text .intro-lead-in {
    font-size: 22px;
    font-style: italic;
    line-height: 22px;
    margin-bottom: 25px;
    font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

header.masthead .intro-text .intro-heading {
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 25px;
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

@media (min-width: 768px) {
    header.masthead .intro-text {
        padding-top: 300px;
        padding-bottom: 200px;
    }
    header.masthead .intro-text .intro-lead-in {
        font-size: 40px;
        font-style: italic;
        line-height: 40px;
        margin-bottom: 25px;
        font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
    header.masthead .intro-text .intro-heading {
        font-size: 75px;
        font-weight: 700;
        line-height: 75px;
        margin-bottom: 50px;
        font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
    .o-que-e-isso {
        display: inline-block !important;
    }
}


/*---------FEATURES -------*/

.features .heading {
    font-size: 30px;
    color: #3b566e;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 0;
}

.features .line {
    background: linear-gradient(to right, #507bf5 0%, #04c3e1 100%);
    height: 2px;
    width: 50px;
    margin-bottom: 50px;
    display: inline-block;
}

.features .box {
    background: #ffffff;
    box-shadow: 1px 1px 25px 0 rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    padding: 60px 30px;
    transition: all .4s ease-in-out;
}

.features .box:hover {
    transform: translateY(-15px);
    box-shadow: 1px 1px 25px 0 rgba(0, 0, 0, 0.09);
}

.features .box h3 {
    font-size: 20px;
    color: #3b566e;
    font-weight: 600;
    margin: 25px 0 15px;
    padding: 0;
}

.features .box p {
    font-size: 15px;
    font-weight: 400;
    color: #919aaf;
    line-height: 26px;
    margin: 0;
    padding: 0;
}


/*Borda radius*/

.center {
    text-align: center;
}

.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 8px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
    border-radius: 100%;
}

.pagination a.active {
    background-color: #fec570;
    color: white;
    border: 2px solid #d9e0eb;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
}


/*------Barra de progresso------*/

.area {
    /* width: 600px;*/
    margin: 40px auto;
}

.progressbar {
    margin: 0;
    counter-reset: step;
    padding: 0;
    position: relative;
    /*left: 55%;
    transform: translateX(-50%);
    width: 100%;*/
    margin: auto !important;
    width: 760px;
}

.progressbar li {
    list-style-type: none;
    /*width: 11%;*/
    width: 95px;
    float: left;
    font-size: 9px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #c8cacb;
    font-weight: bold;
}

.progressbar li:before {
    width: 30px;
    height: 30px;
    content: counter(step);
    counter-increment: step;
    line-height: 26px;
    border: 2px solid #c8cacb;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: white;
}

.progressbar li:after {
    width: 74%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #c8cacb;
    top: 15px;
    left: -37%;
    z-index: -1;
}

.progressbar li.active:after {
    width: 74%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #1f7dde !important;
    top: 15px;
    left: -37%;
    z-index: -1;
}

.progressbar li:first-child:after {
    content: none;
}

.progressbar li.active {
    color: #1f7dde;
}

.progressbar li.active:before {
    border-color: #1f7dde;
    color: #fff;
    color: #1f7dde;
    background-color: #fff;
}

.progressbar li.active+li:after {
    background-color: #c8cacb;
}

.progressbar li a {
    color: #1f7dde !important;
    padding-top: 48px;
}

.progressbar li a:hover {
    color: #1f7dde;
    text-decoration: none;
    opacity: .85;
}

.progressbar li.active.last:before {
    color: #fff;
    background-color: #1f7dde;
}


/******** busca *********/

a:busca {
    color: #FFB04D;
    text-decoration: none;
}

a:hover {
    color: #FF6A00;
}

h1 {
    font-size: 1.7em;
    line-height: 110%;
    color: #000;
}

p {
    margin: 10px 0 10px;
}

input {
    outline: none;
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none;
}

input[type=search] {
    border: solid 0px #ffffff;
    padding: 2px 10px 2px 20px;
    width: 20px;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

input[type=search]:focus {
    width: 130px;
    background-color: #fff;
    border-color: #FFAD4E;
    -webkit-box-shadow: 0 0 5px rgba(244, 157, 24, .5);
    -moz-box-shadow: 0 0 5px rgba(244, 157, 24, .5);
    box-shadow: 0 0 5px rgba(244, 157, 24, .5);
}

input:-moz-placeholder {
    color: #B3B8C1 !important;
}

input::-webkit-input-placeholder {
    color: #B3B8C1 !important;
}

#demo-2 input[type=search] {
    width: 15px;
    padding-left: 10px;
    color: transparent;
    cursor: pointer;
}

#demo-2 input[type=search]:hover {
    background-color: #fff;
}

#demo-2 input[type=search]:focus {
    width: 130px;
    padding-left: 32px;
    color: #000;
    background-color: #fff;
    cursor: auto;
}

#demo-2 input:-moz-placeholder {
    color: transparent;
}

#demo-2 input::-webkit-input-placeholder {
    color: transparent;
}


/******** busca *********/


/*Suporte 1*/

body.suporte {
    color: #fff;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-blend-mode: overlay;
}

div.container4 {
    align-items: center;
}

.Ol-precisa-de-ajuda {
    font-family: Montserrat;
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: #3c3c3b;
}

.Rectangle-659 {
    border-radius: 11px;
    box-shadow: 0 5px 15px 0 rgba(31, 125, 222, 0.2);
    background-color: #f5f9ff;
}

.iconSuporte {
    padding: 15px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    object-fit: contain;
}

.IconeCardSuporte {
    width: 80px;
    height: 80px;
}

.CardMenuSuporte {
    font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #242424;
    padding-top: 3rem;
}

.CampoBuscaSuporte {
    width: 609px;
    height: 62px;
    opacity: 0.5;
    border-radius: 31px;
    background-color: #f0f1f7;
}

.centraliza {
    width: 609px;
    height: 62px;
    float: center;
    margin: 0px auto;
}


input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none;
}

.Rectangle-645 {
    width: 250px;
    height: 56px;
    border-radius: 28px;
    background-image: linear-gradient(257deg, #ffa351, #ffcb44);
}

.semana {
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.25;
    letter-spacing: normal;
    text-align: center;
    color: #3c3c3b;
}

.Path-592 {
    width: 944.9px;
    height: 0;
}

.TextoBotaoEnviar {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.72;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.TextoBotaoEnviar:active {
    color: #ffffff;
}

.campoContato-1 {
    width: 714px;
    height: 40px;
    border-radius: 19px !important;
    background-color: white;
    color: black !important;
}

.campoContato-Area {
    width: 714px;
    height: 125px;
    border-radius: 30px;
    background-color: #f0f1f7;
}

.textoContato-1 {
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: black;
}


/*Suporte 1*/


/*Suporte 2*/

.accordion {
    max-width: 944.9px;
    margin: 0 auto;
}

.accordion__title {
    font-family: Montserrat;
    font-weight: 300;
    color: #3c3c3b;
    text-transform: uppercase;
    font-size: 1.125em;
}

.accordion__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.accordion__item {
    border-bottom: 1px solid #000;
    visibility: hidden;
}

.accordion__item:last-child {
    border-bottom: 0;
}

.accordion__item.is-active .accordion__itemTitleWrap::after {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
}

.accordion__item.is-active .accordion__itemIconWrap {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion__itemTitleWrap {
    display: flex;
    height: 2.5em;
    align-items: center;
    padding: 0 1em;
    color: #000;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.accordion__itemTitleWrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: #3bade3;
    background: linear-gradient(45deg, #3bade3 0%, #576fe6 25%, #9844b7 51%, #ff357f 100%);
    z-index: 1;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}

.accordion__itemTitleWrap.is-active::after,
.accordion__itemTitleWrap:hover::after {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
}

.accordion__itemIconWrap {
    width: 1.25em;
    height: 1.25em;
    margin-left: auto;
    position: relative;
    z-index: 10;
}

.accordion__itemTitle {
    margin: 0;
    font-family: 'industry', sans-serif;
    font-weight: 300;
    font-size: 1em;
    position: relative;
    z-index: 10;
}

.accordion__itemContent {
    font-size: 0.875em;
    height: 0;
    overflow: hidden;
    background-color: #000;
    padding: 0 1.25em;
}

.accordion__itemContent p {
    margin: 2em 0;
}


/*Suporte 2*/


/*breadcrumb novo*/

.breadcrumb {
    color: #6c757d;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #ffffff
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem color: #c8cacb;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #c8cacb;
    content: ">"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.textBread {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #c8cacb;
}

.chevron-down {
    width: 5px;
    height: 10px;
}

.Sobre-a-Paco {
    font-family: Montserrat;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.87;
    letter-spacing: normal;
    text-align: left;
    color: #3c3c3b;
}

.BotaoExperimente {
    width: 246px;
    height: 56px;
    opacity: 0.5;
    border-radius: 20px;
    background-image: linear-gradient(257deg, #ffa351, #ffcb44);
}


/* Estudio 2 */

body.estudio-2 {
    background-color: #F5F9FF;
    color: #fff;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-blend-mode: overlay;
}

.btnOuvir {
    width: 118px;
    height: 40px;
    border-radius: 28px;
    background-image: linear-gradient(251deg, #ffa351, #ffcb44);
}

.botaoSendOuvir {
    width: 300px;
    height: 56px;
    border-radius: 28px;
    background-image: linear-gradient(259deg, #22d2fc, #1f7dde);
}

.quadroIcone {
    width: 130px;
    height: 130px;
    border-radius: 15px;
    box-shadow: 0 8px 20px 0 rgba(31, 125, 222, 0.2);
    background-color: #ffffff;
    position: relative;
}


/* tooltip link */



/* Login */

.BackgroundLogin {
    border-radius: 12px;
    box-shadow: 0 5px 20px 0 rgba(22, 133, 214, 0.52);
    background-color: #ffffff;
    padding: 15px;
}

.botaoFacebook {
    width: 244.6px;
    height: 40px;
    border-radius: 20px;
    background-color: #1860aa;
}

.textFacebook {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}


.textContato-2 {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: right;
    color: #3c3c3b;
    margin-top: 30px;
    padding-right: 7px;
    float:right"
}


.textoCampoFormLogin {
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #3c3c3b;
    margin: 10px 0;
}

.textoCampoFormEntrar {
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.textLogin {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.2;
    letter-spacing: normal;
    text-align: left;
    color: #3c3c3b;
    padding-left: 13px;
    margin-bottom: -10px;
}

.CampoLogin {
    border-radius: 19px;
    background-color: white;
    color: black;
}

.btnEntrarLogin {
    width: 170px;
    height: 42px;
    border-radius: 20px;
    background-image: linear-gradient(254deg, #ffa351, #ffcb44);
}

.btnEntrarLogin:active {
    background-color: #ffcb44;
}

.voltarSeta {
    color: #FFFFFF;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    /* margin-top: : 100rem; */
    list-style: none;
}

.btn-custom {
    padding: 1px 12px 3px 2px;
    border-radius: 50px;
}

.btn-icon {
    padding: 8px;
    background: #ffffff;
}


@media (min-width: 768px) {
    /* Favor não customizar classes reservadas do bootstrap */
    /*
    .omb_row-sm-offset-3 div:first-child[class*="col-"] {
        margin-left: 25%;
    }
    */
}

.omb_login .omb_loginOr {
    position: relative;
    font-size: 1em;
    color: #aaa;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.omb_login .omb_loginOr .omb_hrOr {
    background-color: #cdcdcd;
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.omb_login .omb_loginOr .omb_spanOr {
    display: block;
    position: absolute;
    left: 50%;
    top: -0.6em;
    margin-left: -1.5em;
    background-color: white;
    width: 3em;
    text-align: center;
}


/** criar conta **/

.botaoSelTipo {
    width: 153px;
    height: 42px;
    box-shadow: 0 4px 15px 0 rgba(31, 125, 222, 0.2);
    background-color: #ffffff;
}

.botaoSelTipoClicked {
    width: 153px;
    height: 42px;
    box-shadow: 0 4px 15px 0 rgba(31, 125, 222, 0.2);
    background-color: #ffffff;
    border: 1px solid rgba(31, 125, 222);
}

.textoBotaoSelTipo {
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #3c3c3b;
    border-radius: 20px;
}

.entraCriar {
    width: 244.6px;
    height: 40px;
    border-radius: 20px;
    background-image: linear-gradient(263deg, #ffa351, #ffcb44);
}

.entraCriar:active {
    background-color: #ffcb44;
}

.Rectangle-1843 {
    width: 333.1px;
    height: 42px;
    opacity: 0.5;
    border-radius: 19px;
    background-color: #f0f1f7;
}


/*
.btn:active {
    background-color: #ffcb44;
}
*/


/** Tabela  **/

table {
    width: 100%;
    border-collapse: collapse;
}


/* Zebra striping */

tr:nth-of-type(odd) {
    background: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

th {
    background: #ffffff;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
}

td,
th {
    background: #ffffff;
    font-size: 13px;
    padding: 6px;
    border: 1px solid #ffffff;
    text-align: left;
}

.card-footer {
    background-color: white;
    border: 0px;
    margin-bottom: 3px;
}

table.table-localidades thead th:nth-of-type(2),
table.table-localidades tbody td:nth-of-type(2) {
    width: 30%;
}

table.table-localidades thead th:nth-of-type(3),
table.table-localidades tbody td:nth-of-type(3) {
    width: 7%;
}

table.table-localidades thead th:nth-of-type(6),
table.table-localidades tbody td:nth-of-type(6) {
    width: 63%;
    text-align: center;
}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    tr {
        border: 1px solid #ccc;
        border-color: #d9ecff;
    }
    td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }
    #modal_fila_atendimento table tr td,
    table.tabela_exibi_fila tr td {
        padding-left: 6px;
    }
    td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
    /* Especificidades para a tabela localidades da tela de Escolha dos DIDs */
    table.table-localidades thead th,
    table.table-localidades tbody td {
        display: table-cell;
    }
    table.table-localidades thead tr {
        position: unset;
        top: unset;
        left: unset;
    }

    /*table.table-localidades thead th:nth-of-type(1),
    table.table-localidades tbody td:nth-of-type(1) {
        display:none;
    }*/
    table.table-localidades thead th:nth-of-type(1){
        width:10%;
        padding: 0;
    }
    table.table-localidades tbody td:nth-of-type(1) {
        width:10%;
        padding: 0 7px 0 7px;
    }
    table.table-localidades thead th:nth-of-type(2),
    table.table-localidades tbody td:nth-of-type(2) {
        width: 30%;
    }
    table.table-localidades thead th:nth-of-type(3),
    table.table-localidades tbody td:nth-of-type(3) {
        width: 7%;
    }
    table.table-localidades thead th:nth-of-type(6),
    table.table-localidades tbody td:nth-of-type(6) {
        width: 63%;
        text-align: center;
    }
    table.table-localidades td {
        padding-left: 6px;
    }
    table.table-localidades td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
    table.table-localidades td:nth-of-type(1):before {
        content: "";
    }
    table.table-localidades td:nth-of-type(2):before {
        content: "";
    }
    table.table-localidades td:nth-of-type(3):before {
        content: "";
    }
    table.table-localidades td:nth-of-type(4):before {
        content: "";
    }
    table.table-localidades td:nth-of-type(5):before {
        content: "";
    }
    table.table-localidades td:nth-of-type(6):before {
        content: "";
    }
    
    .form_buscar_cidade_contratacao {
        padding: 0;
    }
    /* Especificidades para a tabela de confirmação de número principal */
    table.table-localidades.confirmacao-numero-principal thead th:nth-of-type(1),
    table.table-localidades.confirmacao-numero-principal tbody td:nth-of-type(1) {
        display: table-cell;
        width: 20%;
    }
    table.table-localidades.confirmacao-numero-principal thead th:nth-of-type(2),
    table.table-localidades.confirmacao-numero-principal tbody td:nth-of-type(2) {
        width: 30%;
    }
    table.table-localidades.confirmacao-numero-principal thead th:nth-of-type(3),
    table.table-localidades.confirmacao-numero-principal tbody td:nth-of-type(3) {
        width: 20%;
    }
    table.table-localidades.confirmacao-numero-principal thead th:nth-of-type(4),
    table.table-localidades.confirmacao-numero-principal tbody td:nth-of-type(4) {
        width: 15%;
    }
    table.table-localidades.confirmacao-numero-principal thead th:nth-of-type(5),
    table.table-localidades.confirmacao-numero-principal tbody td:nth-of-type(5) {
        width: 10%;
        text-align: center;
    }
    /* Especificidades para a tabela de escolha de DIDS */
    /* Force table to not be like tables anymore */
    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block;
    }
    table.table-localidades.escolher-dids thead th,
    table.table-localidades.escolher-dids tbody td {
        display: table-cell;
    }
    table.table-localidades.escolher-dids thead th:nth-of-type(1),
    table.table-localidades.escolher-dids tbody td:nth-of-type(1) {
        display: table-cell;
        width: 30%;
    }
    table.table-localidades.escolher-dids thead th:nth-of-type(2),
    table.table-localidades.escolher-dids tbody td:nth-of-type(2) {
        width: 25%;
    }
    table.table-localidades.escolher-dids thead th:nth-of-type(3),
    table.table-localidades.escolher-dids tbody td:nth-of-type(3) {
        width: 25%;
    }
    table.table-localidades.escolher-dids thead th:nth-of-type(4),
    table.table-localidades.escolher-dids tbody td:nth-of-type(4) {
        width: 20%;
    }
    .Pronto {
        font-size: 40px;
    }
    
}



.escolherNumero {
    height: 32px;
    border-radius: 30px;
    background-image: linear-gradient(257deg, #22d2fc, #1f7dde);
}

.textoEscolherNumero {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.CardRamal-2 {
    border-radius: 20px;
    background-color: #ffffff;
    border-color: rgba(31, 125, 222, .5);
    border-width: 2px;
    opacity: 1;
    padding-left: 5px;
    padding-right: 5px;
}

.CardRamal-2 .card-footer {
    background-color: transparent;
}


/*

    BUSCAR AQUI PARA MOSTRAR NA REUNIAO
    outline: 3px solid #1f7dde;
    border: 3px solid #1f7dde;

 */

.CardRamal-2:hover {
    border-color: #1f7dde;
    box-shadow: 0 0 55px -16px #1f7dde;
    opacity: 1;
}

.CardRamal-2.no-hover:hover {
    box-shadow: none;
}

.CardRamal-2.ativo {
    border-color: #1f7dde;
    box-shadow: 0 0 50px -16px #1f7dde;
    opacity: 1;
}

.CardRamalBlue:hover {
    border-radius: 10px;
    background-color: #ffffff;
    border-color: #1f7dde;
}

.fundoPagamento:hover {
    border-radius: 10px;
    background-color: #ffffff;
    border-color: #1f7dde;
}

.table-localidades {
    position: relative;
}

.CardRamal-3 {
    border-radius: 10px;
    background-color: #F5F9FF;
    border-color: #d9ecff;
}

.CardRamal-2-Texto-1 {
    font-family: Roboto;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #3c3c3b;
}

.CardRamal-2-Texto-2 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal;
    text-align: center;
    color: #3c3c3b;
}

.CardRamal-2-Texto-3 {
    opacity: 0.5;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #1f7dde;
}

.CardRamal-2-Texto-5 {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: -0.1px;
    padding-left: 10px;
    color: #212121;
}

.CardRamal-2-Texto-5 b {
    font-weight: bold;
}


/*
.card-body div p {
    display: none;
}

.card-body div p.CardRamal-2-Texto-5 {
    display: block;
}
*/

.textoQuem {
    /*width: 260px;*/
    height: 71px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3c3c3b;
}

.Subt-Ramal-2 {
    width: 340px;
    height: 62px;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal;
    text-align: center;
    color: #3c3c3b;
}

.money-Ramal {
    font-family: Roboto;
    font-size: 56px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.32;
    letter-spacing: normal;
    color: #1f7dde;
}

.btnRamalObrigado {
    width: 250px;
    height: 56px;
    border-radius: 28px;
    background-color: #c8cacb;
}

.btnRamalAdiconar {
    width: 288px;
    height: 56px;
    border-radius: 28px;
    background-image: linear-gradient(259deg, #ffa351, #ffcb44);
}

.comboMenor {
    border-radius: 20px;
}

.btnRamalEuQuero {
    width: 162px;
    height: 42px;
    border-radius: 21px;
    background-image: linear-gradient(255deg, #ffa351, #ffcb44);
    line-height: 28px;
    font-family: axiforma;
    font-weight: bold;
    width: 100%;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, .3);
}

.btnRamalEuQuero:hover {
    color: white;
}

.textoPlanoSelecao {
    font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: center;
    color: #1f7dde;
}

.textoPlanoSelecaox {
    font-family: Roboto;
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #1f7dde;
}

.CardRamal-2-Texto-5 .span {
    text-align: center;
}

.textoPlanoSelecaoCents {
    font-family: Roboto;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #1f7dde;
}

.DivMenu {
    border-bottom: 4px solid #1f7ddf;
}

.TextoMenuDif-Active {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #1f7dde;
}

.TextoMenuDif-Disabled {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.tooltipPaco2,
.tooltipPaco2-tooltip {
    position: relative;
    display: block;
    width: 100%;
    z-index: 2;
}

.tooltipPaco2 .tooltipPaco2Text {
    visibility: hidden;
    width: 300px;
    box-shadow: 0 8px 20px 0 rgba(27, 33, 37, 0.2);
    background-color: #242424;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 20px 0;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
}

.tooltip-inner {
    max-width: 300px;
    background-color: #242424;
}

.tooltip.show {
    opacity: 1;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: #242424;
}

.tooltipPaco2 .tooltipPaco2Text-tooltip {
    visibility: visible;
    width: 300px;
    box-shadow: 0 8px 20px 0 rgba(27, 33, 37, 0.2);
    background-color: #242424;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 20px 0;
}

.tooltipPaco2 .tooltipPaco2Text.localidade-especifica {
    visibility: hidden;
    top: 0;
    transform: translate(-50%, -91%);
}

.tooltipPaco2 .tooltipPaco2Text-tooltip.localidade-especifica {}

.tooltipPaco2 .tooltipPaco2Text.zero-oitocentos {
    visibility: hidden;
    top: 0;
    transform: translate(-50%, -150%);
}

.tooltipPaco2 .tooltipPaco2Text-tooltip.zero-oitocentos {}

.tooltipPaco2 .tooltipPaco2Text.contratar-novo-numero {
    visibility: hidden;
    top: 0;
    transform: translate(-50%, -150%);
}

.tooltipPaco2 .tooltipPaco2Text-tooltip.contratar-novo-numero {}

.tooltipPaco2 .tooltipPaco2Text.contratar-novo-numero {
    visibility: hidden;
    top: 0;
    transform: translate(-50%, -150%);
}

.tooltipPaco2 .tooltipPaco2Text-tooltip.contratar-novo-numero {}

.tooltipPaco2 .tooltipPaco2Text.plano-limite {
    visibility: hidden;
    top: -7em;
    left: 0;
    right: 0;
    transform: translateX(-105%);
}

.tooltipPaco2 .tooltipPaco2Text-tooltip.plano-limite {}


/*
 *
 * BEGIN: Padrões de tooltips
 *
 */


/* propriedades comuns para todas as direções */

.tooltipPaco2 .tooltipPaco2Text .fa {
    position: absolute;
    color: #242424;
    font-size: 28px;
}


/* seta apontada para esquerda, orientada mais pra cima (ONO - Oeste-noroeste) */

.tooltipPaco2 .tooltipPaco2Text .fa-caret-left {
    top: 50%;
    left: -8px;
    transform: translateY(-50%);
}


/* seta apontada para esquerda, orientada mais pra cima (ONO - Oeste-noroeste) */

.tooltipPaco2 .tooltipPaco2Text .fa-caret-left.up {
    top: 33%;
    left: -8px;
    transform: translateY(-50%);
}


/* seta apontada para esquerda, orientada mais pra baixo (OSO - Oeste-sudoeste) */

.tooltipPaco2 .tooltipPaco2Text .fa-caret-left.down {
    bottom: 0;
    left: -8px;
    transform: translateY(-50%);
}


/* seta apontada para direita */

.tooltipPaco2 .tooltipPaco2Text .fa-caret-right {
    top: 50%;
    right: -8px;
    transform: translateY(-50%);
}


/* seta apontada para direita, orientada mais pra cima (ENE - Este-nordeste) */

.tooltipPaco2 .tooltipPaco2Text .fa-caret-right.up {
    top: 33%;
    right: -8px;
    transform: translateY(-50%);
}


/* seta apontada para direita, orientada mais pra baixo (ESE - Este-sudeste) */

.tooltipPaco2 .tooltipPaco2Text .fa-caret-right.down {
    bottom: 0;
    right: -8px;
    transform: translateY(-50%);
}


/* seta apontada para cima */

.tooltipPaco2 .tooltipPaco2Text .fa-caret-up {
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
}


/* seta apontada para cima, orientada mais à esquerda (NNO - Norte-noroeste) */

.tooltipPaco2 .tooltipPaco2Text .fa-caret-up.left {
    top: -18px;
    left: 17%;
    transform: translateX(-50%);
}


/* seta apontada para cima, orientada mais à direita (NNE - Norte-nordeste) */

.tooltipPaco2 .tooltipPaco2Text .fa-caret-up.right {
    top: -18px;
    right: 17%;
    left: unset;
    transform: translateX(-50%);
}


/* seta apontada para baixo */

.tooltipPaco2 .tooltipPaco2Text .fa-caret-down {
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
}


/* seta apontada para baixo, orientada mais à esquerda (SSO - Sul-sudoeste)  */

.tooltipPaco2 .tooltipPaco2Text .fa-caret-down.left {
    bottom: -16px;
    left: 17%;
    transform: translateX(-50%);
}


/* seta apontada para baixo, orientada mais à direita (SSE - Sul-sudeste)  */

.tooltipPaco2 .tooltipPaco2Text .fa-caret-down.right {
    bottom: -16px;
    left: unset;
    right: 17%;
    transform: translateX(-50%);
}


/*
 * END: padrões de tooltips
 */

.closeTooltip {
    position: absolute;
    right: .2em;
    top: .2em;
    color: #999;
    font-size: 20px;
    z-index: 2;
    display: none;
}

.FonteTooltip2 {
    font-family: Roboto;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    padding: 0 15px 0 15px;
}

.FonteTooltip2::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.FonteTooltip2::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

.FonteTooltip2::-webkit-scrollbar-thumb {
    background: #666666;
    border: 0px none #ffffff;
    border-radius: 0px;
}

.FonteTooltip2::-webkit-scrollbar-thumb:hover {
    background: #999999;
}

.FonteTooltip2::-webkit-scrollbar-thumb:active {
    background: #999999;
}

.FonteTooltip2::-webkit-scrollbar-track {
    background: #333333;
    border: 0px none #ffffff;
    border-radius: 0px;
}

.FonteTooltip2::-webkit-scrollbar-track:hover {
    background: #333333;
}

.FonteTooltip2::-webkit-scrollbar-track:active {
    background: #333333;
}

.FonteTooltip2::-webkit-scrollbar-corner {
    background: transparent;
}

.FonteTooltip2 img {
    height: 165px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 100%;
}

.FonteTooltip2.tooltipButtons {
    margin-bottom: 0;
    text-align: right;
}

.FonteTooltip2 input,
.FonteTooltip2 select {
    border-radius: 20px;
    text-indent: 7px;
}

.FonteTooltip2 select {
    text-indent: 0px;
    min-width: 41%;
    /*padding: .275em .5em .275em .5em !important;*/
    /*width: 87% !important;*/
}

.CardRamal-2:not(.plano):not(.abrir_fila_atendimento):hover .tooltipPaco2Text {
    visibility: visible;
}

.CardRamal-2:not(.plano):focus .tooltipPaco2Text {
    visibility: visible;
}

.CardRamal-2.plano .hasTooltip:hover .tooltipPaco2Text {
    visibility: visible;
    top: -125px;
    transform: translate(-50%, -50%);
}

.CardRamal-2.plano .hasTooltip:hover .tooltipPaco2Text.bigText {
    top: -140px;
}

.CardRamal-2.plano .hasTooltip:hover .tooltipPaco2Text.hasImage {
    top: -236px;
}


/*
.plano .tooltipPaco2 .tooltipPaco2Text {
    top: -381px;
    transform: translateX(50%);
}


.plano.plano-empresa .tooltipPaco2 .tooltipPaco2Text {
    top: -640px;
    transform: translateX(-50%);
}

.plano.plano-empresa.internacional .tooltipPaco2 .tooltipPaco2Text {
    top: -686px;
    transform: translateX(-50%);
}
*/

.tooltipPaco {
    position: relative;
    display: inline-block;
}

.tooltipPaco .tooltipPacoText {
    visibility: hidden;
    width: 300px;
    box-shadow: 0 8px 20px 0 rgba(27, 33, 37, 0.2);
    background-color: #242424;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltipPaco:hover .tooltipPacoText {
    visibility: visible;
}

.FonteTooltip {
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 1rem;
    outline: 0;
}

.botaoModal1 {
    width: 184px;
    height: 40px;
    border-radius: 28px;
    background-image: linear-gradient(258deg, #ffa351, #ffcb44);
}

.textoMenorModal {
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.33;
    letter-spacing: normal;
    text-align: left;
    color: #3c3c3b;
    margin-top: 10px;
}

.cancelarBtnModal {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.93;
    letter-spacing: normal;
    text-align: center;
    color: #c8cacb;
}

.modal-title {
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #3c3c3b;
}

.fundoPagamento {
    border-radius: 15px;
    border-color: #d9ecff;
    background-color: #ffffff;
    padding: 15px;
}

.textoPagamento {
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: left;
    color: #788995;
}

.btnContinuarComoFicou {
    width: 300px;
    height: 56px;
    border-radius: 28px;
    background-image: linear-gradient(259deg, #22d2fc, #1f7dde);
}

.valorMenor {
    font-family: Roboto;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #1f7dde;
}

.texto12px {
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #3c3c3b;
}

.modalTexto1 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #1f7dde;
}

.modalTexto2 {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #1f7dde;
}

.modalTexto3 {
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #1f7dde;
}

.modalTexto4 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: center;
    color: #3c3c3b;
}

.modalTexto5 {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #ff6565;
}

.modalTexto6 {
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #ff6565;
}


/*
.tipo_ramal_escolhido {
    box-shadow: 0 8px 15px 0 rgba(31, 125, 222, 0.2);
    background-color: #ffffff;
    border: 2px solid rgba(31, 125, 222);
}
*/

.icon_color_ramal_blue {
    font-size: 24px !important;
    color: rgba(31, 125, 222, .4);
}

.icon_color_ramal_gray {
    font-size: 24px !important;
    color: rgba(100, 125, 222, .4);
}

.icon_color_ramal_green {
    font-size: 24px !important;
    color: rgba(79, 224, 151, .4);
}


/**
*** Seta para BAIXO
**/

.seta-baixo:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #f00;
}

.link_ver_detalhes {
    color: grey;
    font-family: Roboto;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
}

.sem_sublinhar_link:hover {
    text-decoration: none;
    color: grey;
}

.item_plano_paco_float_left {
    /*span#inline {*/
    float: left;
}

.item_plano_paco_float_right {
    float: right;
}

.item-pequeno {
    font-size: 12px;
}

li.borderless {
    border-top: 0 none;
}

.hr-cart {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

.cor_preta_input {
    color: black !important;
}


/*
#menu_seu_plano_paco{
  overflow:auto;
}*/

#id_table_fila_1 {
    border-collapse: separate;
}

#lista_ramais_add_fila #id_table_fila_1 td {
    border-bottom: solid 1px #ddd !important;
}

.opcao_expediente_border,
.opcao_fora_expediente_border {
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid rgba(31, 125, 222, .25);
    border-radius: 1rem;
    padding: 1rem .5rem;
}

.opcao_de_audio,
.opcao_de_audio_fora_expediente {
    width: 670px;
}

#div_play_audio_saudacao {
    margin-bottom: 15px;
}

#opcao_escolha_msg {
    margin-bottom: 20px;
}

#msg_ura_expediente,
#msg_ura_entrada,
#audioPlayback,
#audio_saudacao_file,
#audio_fora_expediente_file,
.textoContato-1 {
    margin-left: 15px;
    margin-top: 5px;
}

#audio_saudacao_file,
#audio_fora_expediente_file {
    margin-bottom: 5px;
}

#salvarSenha {
    background-color: #F0F0F0;
}

.modal-sm {
    max-width: 450px;
}

#mostra {
    margin-top: -25px;
}

#gerar_senha {
    margin-top: -40px;
    margin-left: 230px;
    float: left;
    background-color: #F0F0F0 !important;
}

#cred_password_ramal {
    width: 155px;
    padding: 8px 16px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-left: 10px;
    background-color: white;
}

.tabela_exibi_fila {
    border-collapse: separate;
    padding-right: 5%;
}

.tabela_exibi_fila td {
    border: solid 1px #d9ecff;
    ;
}

.tabela_exibi_fila tr:first-child td:first-child {
    border-top-left-radius: 10px;
}

.tabela_exibi_fila tr:first-child td:last-child {
    border-top-right-radius: 10px;
}

.tabela_exibi_fila tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.tabela_exibi_fila tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.Titulo-Ramal {
    padding: 15px 15px 0 15px;
}


/* Novo Assistente Virtual */

#overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    z-index: 2;
}

#overlay-did-tela-principal {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    z-index: 2;
}

#overlay-did-tela-resumo {
    top: 0;
    left: inherit;
    right: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    z-index: 2;
}

#overlay-modal {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    border-radius: 1em;
    z-index: 2;
}

#modal_add_did .modal-body {
    overflow-y: auto;
}

#modal_add_did .modal-content {
    height: 100%;
}

#modal_add_did .modal-dialog {
    /*height: 90%;*/
}

.assistantPaco {
    position: fixed;
    right: 1%;
    bottom: 1%;
    z-index: 3;
    display: none;
}

.assistantPaco:hover {
    bottom: 1.2%;
}

img.assistente-ajax-loader {
    width: 16px;
    height: 16px;
    margin: 4px 0 4px 8px;
}

@media only screen and (max-width: 600px) {
    .tooltipPaco2Position {
        visibility: hidden;
    }
    .textoQuem {
        width: 100%;
        height: 35px;
    }
    /*.botton {
        margin-bottom: 85px;
    }
    */
    .progressbar li {
        /*font-size: 9px;*/
        /*width: 30%;*/
    }
    .topEspace2 {
        height: 55px;
    }
    .Titulo-Ramal {
        padding: 15px;
    }
    form {
        padding: 0 15px 0 15px;
        text-align: center;
    }
    .container-fluidr {
        padding: 0 35px 0 15px;
    }
    /* Favor não customizar classes reservadas do bootstrap */
    /*
    /*
    .col-xl-3 {
        text-align: center;
        min-height: 1000px;
    }
    .col-md-9 {

        text-align: center;
    }
    */
    .Shopping-Cart-blue {
        text-align: center;
        font-size: 17px !important;
    }
    .Contact {
        margin-top: 10px;
    }
    .textoContato-1 {
        font-size: 18px;
    }
    /* Favor não customizar classes reservadas do bootstrap */
    /*
    /*
    .col-sm-3 {
        text-align: center !important;
    }
    */
    .Shopping-Cart {
        /*text-align: center !important;*/
    }
    .textoContato-1 {
        font-size: 14px;
    }
    .icon_ramal .topEspace2 {
        height: 40px;
    }
    .postal-codeRamalGreen {
        font-size: 16px;
    }
    .postal-codeRamalBlue {
        font-size: 16px;
    }
    .BackgroundLogin {
        margin: 0px;
    }
    .h-100 {
        /*height: 0px !important;*/
    }
    .voltarSeta {
        margin-top: 10px;
    }
    .pagamento_opcoes .botton {
        margin-bottom: 10px;
    }
    .tooltipPaco2 .tooltipPaco2Text.numeros-adicionais {
        transform: translate(-50%, -58%);
    }
}

.nao-mostrar {
    font-size: 10px;
    position: absolute;
    left: -5em;
    bottom: -2px;
}

.tooltipPaco2Text.assistente,
.tooltipPaco2Text.assistente-aviso {
    left: unset;
    right: 0;
    transform: none;
    top: 0;
}

.btnContinuarDeVerdade {
    background-image: linear-gradient(257deg, #22d2fc, #1f7dde);
}

.confirmPaco {
    top: 50% !important;
    left: 50% !important;
    right: 0 !important;
    transform: translate(-50%, -50%) !important;
}

#modal_form_portabilidade .form-group {
    text-align: left;
}

.CardRamalGreen .removeRamalBtn a {
    color: rgba(79, 224, 151, 1);
}

.CardRamalBlue .removeRamalBtn a {
    color: rgba(31, 125, 222, 1);
}

.CardRamal-2_Green {
    border-color: rgba(79, 224, 151, .75);
    min-height: 180px;
    opacity: .8;
}

.CardRamal-2_Green:hover {
    border-color: rgba(79, 224, 151, 1);
    box-shadow: 0 0 55px -16px #4fe097;
    opacity: 1;
}

.CardRamal-2_Green.tipo_ramal_escolhido {
    border-width: 2px;
    border-color: rgba(79, 224, 151, 1);
    box-shadow: 0 7px 15px -1px rgba(79, 224, 151, 1);
    opacity: 1;
    background-color: #ffffff;
}

.CardRamal-2_Green .modalTexto1,
.CardRamal-2_Green .modalTexto2,
.CardRamal-2_Green .modalTexto3 {
    color: #4fe097;
}

.CardRamal-2_Blue {
    border-color: rgba(31, 125, 222, .75);
    min-height: 180px;
    opacity: .8;
}

.CardRamal-2_Blue:hover {
    border-color: rgba(31, 125, 222, 1);
    box-shadow: 0 0 55px -16px #1f7dde;
    opacity: 1;
}

.CardRamal-2_Blue.tipo_ramal_escolhido {
    border-width: 2px;
    border-color: rgba(31, 125, 222, 1);
    box-shadow: 0 7px 15px -1px rgba(31, 125, 222, .85);
    opacity: 1;
    background-color: #ffffff;
}

.CardRamal-2_Blue .modalTexto1,
.CardRamal-2_Blue .modalTexto2,
.CardRamal-2_Blue .modalTexto3 {
    color: #1f7dde;
}

.label_responsavel_ramal {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-bottom: 1rem;
}

.label_ramal {
    margin-bottom: 0;
}

#selectRamal {
    display: none;
}

.selectRamalOptions {
    width: 100%;
}

#a {
    padding: 0;
    margin: 0;
}

#a img,
.btn-select img {
    width: 24px;
}

#a li {
    list-style: none;
    padding: 10px 30px;
}

#a li:last-child {
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
}

#a li:first-child {
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
}

#a li:hover {
    background-color: #F4F3F3;
}

#a li img,
.btn-select li img,
#lista_ramais_add_fila table tr td img {
    margin: 0 10px 0 0;
}

#a li span,
.btn-select li span {
    margin-left: 0px;
}


/* item list */

.b {
    display: none;
    width: 100%;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border: 1px solid rgba(0, 0, 0, .15);
    margin-top: .4em;
    border-radius: 19px;
}

.open {
    display: show !important;
}

.btn-select {
    width: 100%;
}

.btn-select li {
    list-style: none;
    float: left;
    padding-bottom: 0px;
}

.btn-select:hover li {
    margin-left: 0px;
}

.btn-select:hover {
    background-color: #F4F3F3;
    border: 1px solid transparent;
    box-shadow: inset 0 0px 0px 1px #ccc;
}

.btn-select:focus {
    outline: none;
}

.btnRemove {
    font-size: 22px !important;
    color: #ccc !important;
}

.btnRemove:hover {
    color: #FF6A00 !important;
}

.RamalGreen {
    color: #4fe097;
}

.RamalBlue {
    color: #1f7dde;
}

.tabela_exibi_fila tr td {
    line-height: 2em;
}

.tooltipPaco2 select {
    font-size: 14px;
    padding: .5em;
}

.tooltipPaco2 .period-separator-term {
    padding: .5em;
}

.gravar-chamada .toggle .toggle-group label.btn.btn-xs.toggle-off,
.gravar-chamada .toggle .toggle-group label.btn.btn-xs.toggle-on {
    font-size: 12px !important;
}

.gravar-chamada .toggle .toggle-group label.btn.btn-xs.toggle-off>i,
.gravar-chamada .toggle .toggle-group label.btn.btn-xs.toggle-on>i {
    font-weight: normal;
}

.gravar-chamada .toggle .toggle-group label.btn.btn-xs.toggle-off {
    color: #bbb;
}

.CardRamalBlue .gravar-chamada .toggle .toggle-group label.btn.btn-xs.toggle-on {
    color: #1f7dde;
}

.CardRamalGreen .gravar-chamada .toggle .toggle-group label.btn.btn-xs.toggle-on {
    color: #4fe097;
}

.gravar-chamada .toggle .toggle-group label.btn:active {
    background-color: white !important;
    border-color: white !important
}

.gravar-chamada .toggle .toggle-group label.btn i:before {
    font-size: 1rem;
    vertical-align: middle;
    padding-right: .2rem;
    font-weight: 900;
}

.ramal-controls {
    position: absolute;
    right: .3rem;
}

.ramal-controls a {
    opacity: .5;
}

.ramal-controls a:hover {
    opacity: 1;
}

.CardRamalBlue .ramal-controls a {
    color: #1f7dde;
}

.CardRamalGreen .ramal-controls a {
    color: #4fe097;
}

.link_ver_detalhes:not([aria-expanded="true"]) .fa.fa-caret-up,
.link_ver_detalhes[aria-expanded="false"] .fa.fa-caret-up,
.link_ver_detalhes[aria-expanded="true"] .fa.fa-caret-down {
    display: none;
}

.o-que-e-isso {
    line-height: 2;
    display: none;
    margin-left: .3rem;
}

.o-que-e-isso a:hover .tooltipPaco2Text {
    display: block !important;
    visibility: visible;
    z-index: 3;
}

.o-que-e-isso .fa {
    font-size: 1rem;
}

.nome_empresa {
    text-transform: capitalize;
}

.valor-moeda {
    white-space: nowrap;
}

a.video-tutorial {
    display: block;
    width: 64px;
}


/*
a.video-tutorial:hover .tooltipPaco2Text {
    visibility: visible;
    display:block !important;
}
*/

a.video-tutorial img {
    /*width: 100%;*/
}


/* customização dos outros campos de formúlário  */

span.select2-selection.select2-selection--single {
    border-radius: 19px !important;
}

#menu_seu_plano_paco .row {
    position: relative;
    background-color: white;
}


/* assistente checkbox como se fosse botão */


/*
div label input {
   margin-right:100px;
}
body {
    font-family:sans-serif;
}
*/

.ck-button label {
    padding: 0;
    width: 100%;
}

.ck-button label span.ck-button-main-wrapper {
    display: block;
    margin: 4px;
    background-color: #EFEFEF;
    border-radius: 20px;
    overflow: auto;
    width: 100%;
    color: black;
    padding: 3px 10px;
    cursor: pointer;
}

.ck-button label:hover span.ck-button-main-wrapper {
    background-color: #ccc;
    color: black;
}

.ck-button label input {
    position: absolute;
    visibility: hidden;
}

.ck-button input:checked+span.ck-button-main-wrapper {
    background-color: #007bff;
    color: white;
    width: 100%;
    border-radius: 30px;
}


/* assistente checkbox como se fosse botão */


/* nova home */



/* colors */

.text-blue {
    color: #1268B3;
}

.text-orange {
    color: #E6610F;
}

.text-grey {
    color: #3D3D3D;
}

.text-blue-darker {
    color: #3a62a7;
}

.text-blue-darkest {
    color: #31548e;
}

.text-blue-midnight {
    color: #002060;
}

.text-flicts {
    color: #e3bf5b;
}

.text-yellow {
    color: #feed00;
}

.bg-flicts {
    background-color: #e3bf5b;
}

.bg-blue {
    background-color: #1268B3;
}

.bg-blue-darker {
    background-color: #3a62a7;
}

.bg-blue-darkest {
    background-color: #31548e;
}

.bg-blue-midnight {
    background-color: #001060;
}

.bg-orange {
    background-color: #CA611F;
}

.bg-gradient-orange {
    background: rgb(202, 97, 31);
    background: -webkit-linear-gradient(left, rgba(202, 97, 31, 1) 0%, rgba(219, 144, 21, 1) 100%);
    background: -o-linear-gradient(left, rgba(202, 97, 31, 1) 0%, rgba(219, 144, 21, 1) 100%);
    background: linear-gradient(to right, rgba(202, 97, 31, 1) 0%, rgba(219, 144, 21, 1) 100%);
}

.bg-white-75 {
    background-color: rgba(255, 255, 255, .75)
}

.nova-home h1,
.nova-home h2,
.nova-home h3,
.nova-home h4,
.nova-home h5,
.nova-home h6 {
    font-family: "Axiforma Black" !important;
}

.nova-home img {
    max-width: 100%;
    max-height: 100%;
}


/*
.nova-home.call-to-action {
    background-image: url(/IMG/novo-header/banner_01_bg.png);
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: 50%;
    background-size: cover;
}

.nova-home.call-to-action h1 {
    font-size: 4.25rem;
    letter-spacing: -.2rem;
    text-indent: -.2rem;
}

.nova-home.call-to-action .lead {
    font-size: 1.3rem;
    line-height: 1.7rem;
}

.nova-home.call-to-action p {
    font-size: .95rem;
}
*/

.nova-home#sobre h3 {
    font-family: "FiraSans-HeavyItalic" !important;
}

.nova-home#sobre p.lead {
    font-family: "FiraSans-LightItalic";
}


/* owl carousel da nova home */

.nova-home.planos button.owl-next,
.nova-home.planos button.owl-prev {
    font-size: 50px;
}

.nova-home.planos button.owl-prev {
    left: -32px
}

@media (max-width: 1200px) {
    .nova-home.planos button.owl-prev {
        left: -24px;
    }
    .nova-home.planos button.owl-next {
        /* right: -52px; */
        left: 102%;
    }
}

@media (max-width: 1000px) {
    .nova-home.planos button.owl-prev {
        left: -24px;
    }
    .nova-home.planos button.owl-next {
        /* right: -52px; */
        left: 104%;
    }
}

@media (max-width: 1200px) {
    .nova-home.planos button.owl-prev {
        left: -24px;
    }
    .nova-home.planos button.owl-next {
        /* right: -52px; */
        left: 104%;
    }
}

@media (max-width: 787px) {
    .nova-home.planos button.owl-prev {
        left: -10px;
    }
    .nova-home.planos button.owl-next {
        /* right: -38px; */
        left: 100%;
    }
}

@media (max-width: 650px) {
    .nova-home.planos button.owl-prev {
        left: 2px;
    }
    .nova-home.planos button.owl-next {
        /* right: -26px; */
        left: 99%;
    }
}

.nova-home.planos .owl-next {
    animation: shake-animation 5s ease infinite;
    transform-origin: 50% 50%;
}

@keyframes shake-animation {
    0% {
        transform: translate(-50%, -50%)
    }
    1.78571% {
        transform: translate(-65%, -50%)
    }
    3.57143% {
        transform: translate(-50%, -50%)
    }
    5.35714% {
        transform: translate(-65%, -50%)
    }
    7.14286% {
        transform: translate(-50%, -50%)
    }
    8.92857% {
        transform: translate(-65%, -50%)
    }
    10.71429% {
        transform: translate(-50%, -50%)
    }
    100% {
        transform: translate(-50%, -50%)
    }
}

.nova-home.planos .owl-prev {
    animation: shake-animation 6s ease infinite;
    animation-delay: .6s;
    transform-origin: 50% 50%;
}

@keyframes shake-animation {
    0% {
        transform: translate(-50%, -50%)
    }
    1.78571% {
        transform: translate(-65%, -50%)
    }
    3.57143% {
        transform: translate(-50%, -50%)
    }
    5.35714% {
        transform: translate(-65%, -50%)
    }
    7.14286% {
        transform: translate(-50%, -50%)
    }
    8.92857% {
        transform: translate(-65%, -50%)
    }
    10.71429% {
        transform: translate(-50%, -50%)
    }
    100% {
        transform: translate(-50%, -50%)
    }
}


/* fim do owl carousel da nova-home */

.nova-home .tooltipPaco2 {
    z-index: 9999;
}

.nova-home .tooltipPaco2 img {
    max-width: none;
    max-height: none;
}

.nova-home input,
.nova-home textarea {
    background-color: #f7f7f7;
    border: none;
}

.nova-home .btnQueroConhecer {
    display: inline-block;
    background-color: #3963A6;
    color: white;
    border-radius: 70px;
    padding: 6px 18px;
    font-weight: bold;
    font-style: oblique;
    font-size: 1.1rem;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    left: 50%;
    top: 71%;
    transform: translateX(-146%);
}

.nova-home .btnQueroConhecer:hover {
    background-color: #1268B3;
}

.nova-home .btnQueroCupom {
    background-color: #3a62a7;
    border-radius: 20px;
    color: white;
    text-transform: uppercase;
    font-size: .9rem;
}

.nova-home p.text-secondary {
    line-height: 1.7rem;
}

.fontes .nav-item {
    font-family: "Axiforma" !important;
    font-size: .9rem;
    padding-right: 1.45rem;
}

.fontes .nav-item:hover {
    opacity: .75;
}

#navbarResponsive>ul.navbar-nav.ml-auto>li:nth-child(2) {
    position: relative;
}

.nova-home nav.navbar.navbar-inverse {
    padding: 1rem 0;
}

.Entrar {
    background: #1268B3;
    font-family: "Axiforma";
    font-size: .9rem;
    background: #1268B3;
    font-family: "Axiforma";
    font-size: .9rem;
    width: initial;
    height: initial;
    padding: 8px 24px;
    top: 50%;
    right: 0;
    /*margin-top: 3px;*/
    position: absolute;
    transform: translateY(-50%);
}

.btnEnviar {
    background-color: #CA611F;
    font-family: "Axiforma";
    font-weight: bold;
    color: white;
    border-radius: 20px;
    padding: 4px 24px;
    font-size: 1rem;
}

.btnOK {
    background-color: #CA611F;
    font-family: "Axiforma";
    font-weight: bold;
    color: white;
    border-radius: 20px;
    padding: 2px 30px;
    font-size: 1rem;
}

.Entrar:hover,
.btnEnviar:hover {
    opacity: .9;
}

.Paco-Footer {
    width: 85%;
    height: auto;
}

footer.nova-home {
    font-size: .9rem;
}

footer.nova-home ul.redes-sociais>li>a {
    color: white;
}

footer.nova-home ul.redes-sociais>li>a:hover {
    color: #CA611F;
}

footer.nova-home ul.redes-sociais>li>a.facebook:hover {
    color: #1877f2;
}

footer.nova-home ul.redes-sociais>li>a.instagram:hover {
    color: #c32aa3;
}

footer.nova-home ul.redes-sociais>li>a.twitter:hover {
    color: #1da1f2;
}

footer.nova-home ul.redes-sociais>li>a.linkedin:hover {
    color: #007bb5;
}

.resource-list li:hover {
    border-color: rgba(255, 255, 255, 0);
}

.resource-list-item {
    background-repeat: no-repeat;
    background-position: left center;
}





















.beneficio-col {
    background-color: #F7F7F7;
    border-radius: 10px;
}


/* responsividade nova-home */

@media only screen and (max-width: 1112px) {
    /*
    .nova-home.call-to-action {
        background-size: 130%;
        background-position-y: 59px;
        background-position-x: 30%;
    }

    .nova-home .btnQueroConhecer {
        transform: translateX(-104%);
        top: 69%;
    }
    */
    .nova-home.contato .paquinho {
        padding-top: 0.7em;
        background-position-x: 1.9em;
        background-size: 10%;
    }
}

@media only screen and (max-width: 991px) {
    footer.nova-home .menu-suporte {
        text-align: center;
    }
    .nova-home.contato .paquinho {
        padding-top: 0.63em;
        background-position-x: 1.95em;
        background-size: 13%;
    }
}

@media only screen and (max-width: 834px) {
    /*
    .nova-home.call-to-action {
        background-size: 149%;
        background-position-y: 59px;
        background-position-x: 26%;
    }

    .nova-home .btnQueroConhecer {
        transform: translateX(-68%);
        top: 61.5%;
    }
    */
}

@media only screen and (max-width: 425px) {
    .nova-home.contato .paquinho {
        padding-top: .73em;
        background-position-x: 5.5em;
        background-size: 8%;
    }
}

@media only screen and (max-width: 414px) {
    /*
    .nova-home.call-to-action {
        background-size: 186%;
        background-position-y: 59px;
        background-position-x: 28%;
        height: 220px;
    }

    .nova-home .btnQueroConhecer {
        transform: translateX(-33%);
        top: 44vw;
    }
    */
    .nova-home.contato .paquinho {
        padding-top: .65em;
        background-position-x: 4.7em;
        background-size: 8%;
    }
}

@media only screen and (max-width: 320px) {
    .Veja-mais {
        font-size: .8rem;
    }
    .nova-home.contato .paquinho {
        padding-top: .5em;
        background-position-x: 3.81em;
        background-size: 8%;
    }
}

@media only screen and (max-width: 312px) {
    .Veja-mais {
        font-size: 0rem;
    }
}

@media only screen and (max-width: 991px) {
    .menuPaco .navbar-collapse {
        /*background-color: rgba(255,255,255,.75);*/
    }
}


/* novo cabeçalho */

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.carousel-paco,
.item,
.active {
    height: 100%;
}

.carousel-paco .carousel-inner {
    height: 100%;
}

.carousel-paco .carousel-caption {
    z-index: 10;
}

.carousel-paco .item {
    background-color: #777;
}

.carousel-paco .carousel-inner .bg {
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel-paco .carousel-indicators {
    justify-content: left;
    margin-top: 0;
    bottom: 0;
    padding-left: unset;
    padding-top: 2.25vmin !important;
    padding-bottom: 2.25vmin !important;
    margin-bottom: 0;
}

.carousel-paco .carousel-indicators .active {
    background-color: #1268B3;
}

.carousel-paco .carousel-indicators li {
    background-color: rgba(255, 255, 255, .2);
    border: none;
    width: 1rem;
    height: 1rem;
    margin: 0;
    margin-right: 7px
}

#carousel-paco .carousel-inner .carousel-item .container .row:last-child {
    border-top: 3px solid #333;
}

.carousel-paco h1,
.carousel-paco h2,
.carousel-paco h3,
.carousel-paco h4,
.carousel-paco h5,
.carousel-paco h6 {
    font-family: "Axiforma Black" !important;
}

#carousel-paco-lg.carousel-paco h2 {
    font-size: 4.25rem;
    letter-spacing: -.2rem;
    text-indent: -.2rem;
}

#carousel-paco-lg.carousel-paco .item:last-child h2 {
    font-size: 9.05rem;
    letter-spacing: -0.6rem;
    text-indent: -.5rem;
    opacity: .8;
}

#carousel-paco.carousel-paco h2 {
    font-size: 3rem;
    letter-spacing: -0.135rem;
    opacity: .8;
}

.carousel-paco p {
    font-size: .95rem;
    font-family: "Axiforma" !important;
}

.carousel-paco .lead {
    font-size: 1.3rem;
    line-height: 1.7rem;
}

.carousel-paco .btnQueroCupom {
    background-color: #3a62a7;
    border-radius: 20px;
    color: white;
    text-transform: uppercase;
    font-size: .85rem;
    font-family: "Axiforma";
}

.carousel-paco .btnEuQuero {
    background-color: #e3bf5b;
    border-radius: 20px;
    color: white;
    text-transform: uppercase;
    font-size: .85rem;
    font-family: "Axiforma";
}

#carousel-paco .owl-stage-outer,
#carousel-paco .owl-stage,
#carousel-paco .owl-item {
    height: 100% !important;
}

.modalCupom .form-control {
    border-radius: 3rem !important;
    padding: .8rem !important;
    border: none;
    font-family: "Axiforma";
    font-size: .85rem;
}

.modalCupom .is-invalid {
    border: 2px solid red;
    color: red;
}

.modalCupom .is-invalid::placeholder {
    color: red;
}

.modalCupom .modal-title {
    font-family: "Axiforma black";
    font-size: 1rem;
}

.modalCupom .modal-title small {
    font-family: "Axiforma";
}

.modalCupom ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #3c3c3b;
    opacity: 1;
    /* Firefox */
}

.modalCupom :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #3c3c3b;
}

.modalCupom ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #3c3c3b;
}

.btnPaco {
    border-radius: 5rem;
    font-family: "Axiforma";
    text-transform: uppercase;
    font-size: .85rem;
    border: none;
    padding: .5rem 1.2rem;
}


/* fim novo cabeçalho */


/* especial de natal */


/*
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
*/


/* fim especial de natal */

.grupo-ramais-container .card {
    min-height: 18rem;
    padding-bottom: 3rem;
}

.grupo-ramais-container .linK_add_mais_um>div {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.carouselbox {
    position: absolute;
    padding: 10px;
    width: 96%;
}

.carouselbox ul.content {
    padding: 0;
    margin: 0 auto;
    width: 42%;
    position: relative;
    float: left;
}

.carouselbox ul.content li {
    list-style: none;
    text-align: center;
    width: 100%;
    display: none;
    font-size: .8rem;
    line-height: 30px;
    letter-spacing: -0.02rem;
    white-space: nowrap;
    /*color: #007bff;*/
    color: #333;
}

.carouselbox ul.content li.active {
    display: block;
}

.carouselbox ul.content li:first-child {
    color: #333 !important;
    opacity: .35;
}

.carouselbox ul.content li:first-child:hover {
    color: #333 !important;
    opacity: .45;
}

.carousel-arrow {
    font-size: 1.35rem;
    width: 29%;
}

.carousel-arrow-left {
    float: left;
    position: relative;
    text-align: right;
}

.carousel-arrow-right {
    float: right;
    position: relative;
}

.valor-frete {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    border: 1px solid transparent;
    border-radius: 4px;
}

.planos-tarja-promocao {
    position: absolute;
    color: black;
    top: 11.2em;
    background-color: #ffa351;
    color: white;
    background-image: linear-gradient(255deg, #ffa351, #ffcb44);
    transform: rotate(-45deg);
    padding: .1em 3.5em .2em 1.5em;
    left: -2.2em;
    text-align: center;
    font-size: .85em;
    font-family: Montserrat;
    font-weight: bold;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .2);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
}

.rounded-pill {
    border-radius: 10em !important;
}

.rounded-pill-right {
    border-bottom-right-radius: 10em !important;
    border-top-right-radius: 10em !important;
}

.rounded-pill-left {
    border-bottom-left-radius: 10em !important;
    border-top-left-radius: 10em !important;
}

.nav-pills .nav-link {
    background-color: white;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
}

fieldset {
    border: 1px solid #d9ecff;
    border-radius: 1em;
    background-color: #fff;
}

@media (min-width: 375px) {
    .planos-tarja-promocao {
        top: 13.5em;
    }
}

@media (min-width: 425px) {
    .planos-tarja-promocao {
        top: 15.6em;
    }
}

@media (min-width: 768px) {
    .planos-tarja-promocao {
        top: 14em;
    }
}

@media (min-width: 992px) {
    .progressbar {
        width: 100%;
    }
    .progressbar li {
        width: 12.5%;
        font-size: 11px;
    }
}

@media (min-width: 1200px) {
    .planos-tarja-promocao {
        top: 11.8em;
    }
}

.grecaptcha-badge {
    visibility: hidden;
}

.ellipsis-loading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4, end) 1000ms infinite;
    animation: ellipsis steps(4, end) 1000ms infinite;
    content: "\2026";
    /* ascii code for the ellipsis character */
    width: 0px;
}

@keyframes ellipsis {
    to {
        width: 20px;
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 20px;
    }
}

.linkEsqueceuSenha{ 
    font-size: 14px;
    margin:10px;
    float:right;
    color: #008DEB;
}

.paddingTop{
    padding-top: 10px;
}

@media only screen and (max-width: 1024px) {

    .btnEntrarLogin {
        width: 100%;
    }

    .linkEsqueceuSenha{
        float: none;
        font-size: 12px;
    }

    .paddingTop{
        padding-top: 30px;
    }

    .textContato-2{
        text-align: center; 
        margin-top: -10px;
        margin-left: 10px;
        float: none;
        font-size: 12px;
    } 
}
  
label.toggle-switch-label {
    position: relative;
}

.toggle-switch {
    position: relative;
    margin: auto;
}

input[name="main_phone"] {
    width: 2em;
    appearance: none;
    border: 1px solid black;
    border-radius: 2rem;
    height: 1em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left;
    transition: background-position .15s ease-in-out;
}

input[name="main_phone"]:checked {
    background-color: blue;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    background-position: right;
}