/* Add here all your CSS customizations */
.tp-caption.font-weight-extra-bold.text-color-light.negative-ls-2 {
    text-align: center !important;
}

.cinza {
    color: #bdc3c7 !important;
}

.grafite {color: #585958 !important}

.preto {
    color: #000 !important
}

.branco {
    color: #fff !important
}

.f15 {
    font-size: 15px;
}

.f16 {
    font-size: 16px;
}

.f23 {
    font-size: 23px;
}

.f21 {
    font-size: 21px;
}

.spacing {
    position: relative;
    background: #0496dc;
    height: 2px;
    width: 103px;
    display: inline-block;
    margin-bottom: 35px;
    margin-top: 15px;
}

.mt14 {
    margin-top: 14%;
}

@media screen and (max-width: 479px) {
    .mt14 {
        margin-top: 0%;
        }}

        /*SERVICES*/

        i.icon-service {
            font-size: 60px;
            margin-bottom: 30px;
            color: #fff;
            justify-content: center;
            display: flex;
        }


        i.icon-service-page {
            font-size: 60px;
            margin-bottom: 30px;
            color: #0496dc;
            justify-content: center;
            display: flex;
        }

        .title-services {
            text-align: center;
            margin-bottom: 25px;
            font-size: 1.5rem;
        }

        .title-services a {
            text-align: center;
            color: #fff;
        }

        .title-services a:hover {
            color: #ff9933;
        }


        .title-services-page {
            text-align: center;
            margin-bottom: 25px;
            font-size: 1.5rem !important;
        }

        .title-services-page a {
            text-align: center;
            color: #000;
        }

        .title-services-page a:hover {
            color: #ff9933;
        }


        .text-services {
            font-size: 17px;
            color: #bdc3c7;
            line-height: 24px;
            text-align: center;
            padding: 10px;
            height: 190px;
        }

        .bt-service {
            display: flex;
            justify-content: center;
        }

        /*SERVICES END*/
        @media screen and (max-width: 479px) {
            .d-none-mobile {display: none !important;}}

            .text-capitalize{text-transform: capitalize !important;}
            .text-inherit {text-transform: inherit !important;}
            .align-elements {
                display: flex;
                justify-content: center;
            }

            .gradient {
                background: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(4, 150, 220, .9)), color-stop(50%, rgba(35, 73, 158, .9)), color-stop(75%, rgba(43, 55, 144, .9)), to(rgba(49, 40, 131, .9)));
                background: -o-linear-gradient(left, rgba(4, 150, 220, .9) 10%, rgba(35, 73, 158, .9) 50%, rgba(43, 55, 144, .9) 75%, rgba(49, 40, 131, .9) 100%);
                background: linear-gradient(90deg, rgba(4, 150, 220, .9) 10%, rgba(35, 73, 158, .9) 50%, rgba(43, 55, 144, .9) 75%, rgba(49, 40, 131, .9));
                position: inherit;
            }

            .gradient2 {

                background: rgba(100, 7, 172, 1);
                /* Old Browsers */
                background: -moz-linear-gradient(top, rgba(100, 7, 172, 1) 0%, rgba(161, 3, 214, 1) 30%, rgba(161, 3, 214, 1) 61%, rgba(53, 148, 207, 1) 100%);
                /* FF3.6+ */
                background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(100, 7, 172, 1)), color-stop(30%, rgba(161, 3, 214, 1)), color-stop(61%, rgba(161, 3, 214, 1)), color-stop(100%, rgba(53, 148, 207, 1)));
                /* Chrome, Safari4+ */
                background: -webkit-linear-gradient(top, rgba(100, 7, 172, 1) 0%, rgba(161, 3, 214, 1) 30%, rgba(161, 3, 214, 1) 61%, rgba(53, 148, 207, 1) 100%);
                /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgba(100, 7, 172, 1) 0%, rgba(161, 3, 214, 1) 30%, rgba(161, 3, 214, 1) 61%, rgba(53, 148, 207, 1) 100%);
                /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgba(100, 7, 172, 1) 0%, rgba(161, 3, 214, 1) 30%, rgba(161, 3, 214, 1) 61%, rgba(53, 148, 207, 1) 100%);
                /* IE 10+ */
                background: linear-gradient(to bottom, rgba(100, 7, 172, 1) 0%, rgba(161, 3, 214, 1) 30%, rgba(161, 3, 214, 1) 61%, rgba(53, 148, 207, 1) 100%);
                /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6407ac', endColorstr='#3594cf', GradientType=0);
                /* IE6-9 */

            }


            .gradient-linkspatrocinados{
                background: rgba(32,128,238,1);
                background: -moz-linear-gradient(top, rgba(32,128,238,1) 0%, rgba(130,171,132,1) 100%);
                background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,128,238,1)), color-stop(100%, rgba(130,171,132,1)));
                background: -webkit-linear-gradient(top, rgba(32,128,238,1) 0%, rgba(130,171,132,1) 100%);
                background: -o-linear-gradient(top, rgba(32,128,238,1) 0%, rgba(130,171,132,1) 100%);
                background: -ms-linear-gradient(top, rgba(32,128,238,1) 0%, rgba(130,171,132,1) 100%);
                background: linear-gradient(to bottom, rgba(32,128,238,1) 0%, rgba(130,171,132,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2080ee', endColorstr='#82ab84', GradientType=0 );

            }


            .bt-laranja {
                background: #f7a628;
                border: solid #f7a628 2px;
                color: #fff;
            }

            .bt-laranja:hover {
                background: #fff;
                border: solid #f7a628 2px;
                color: #f7a628;
            }

            .bt-rosa {
                background: #bf3576;
                border: solid #bf3576 2px;
                color: #fff;
            }

            .bt-rosa:hover {
                background: #fff;
                border: solid #bf3576 2px;
                color: #bf3576;
            }

            .transformY100 {transform: translateY(100px);}
            .transformY120 {transform: translateY(120px);}
            .transformY200 {transform: translateY(200px);}
            .transformY220 {transform: translateY(220px);}
            .transformY400 {transform: translateY(400px);}


            @media screen and (max-width: 479px) {
                .transformY100 {transform: translateY(0px);}   
                .transformY120 {transform: translateY(0px);}   
                .transformY200 {transform: translateY(0px);}
                .transformY220 {transform: translateY(0px);}
                .transformY400 {transform: translateY(0px);}
            }


/*------------------------------------------------------------
- Whatsapp Lateral
--------------------------------------------------------------*/
.btn-whats {
    position: fixed;
    bottom: 40px;
    left: 40px;
    z-index: 999999999;
    display: block;
}

button.pulse-button {
    position: relative;
    width: 51px;
    height: 51px;
    padding: 0 15px;
    border: none;
    text-align: left;
    box-shadow: 0 0 0 0 rgba(216, 139, 50);
    border-radius: 50px;
    background:#2f2c86;
    background-image: -webkit-linear-gradient(top, #2f2c86, #28a5e1);
    background-image: -moz-linear-gradient(top, #2f2c86, #28a5e1);
    background-image: -ms-linear-gradient(top, #2f2c86, #28a5e1);
    background-image: -o-linear-gradient(top, #2f2c86, #28a5e1);
    background-image: linear-gradient(to bottom,#2f2c86,#28a5e1);
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.16, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.16, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.16, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.16, 0, 0, 1);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
button.pulse-button:hover {
    width: 100%;
    border-radius: 50px;
    background:#28a5e1 !important;
    background-image: -webkit-linear-gradient(top, #28a5e1, #2f2c86) !important;
    background-image: -moz-linear-gradient(top, #28a5e1, #2f2c86) !important;
    background-image: -ms-linear-gradient(top, #28a5e1, #2f2c86) !important;
    background-image: -o-linear-gradient(top, #28a5e1, #2f2c86) !important;
    background-image: linear-gradient(to bottom,#28a5e1, #2f2c86) !important;
}
button.pulse-button i {
    color: #ffffff;
    font-size: 25px;
    vertical-align: middle;
    line-height: 52px;
}
button.pulse-button strong {
    visibility: hidden;
    color: #FFF;
    font-size: 0px;
    font-weight: normal!important;
    margin: 2px 0 0 5px;
    line-height: 25px;
    -webkit-transition: font-size .15s ease-in-out;
    transition: font-size .15s ease-in-out;
    transition-delay: .05s;
}

button.pulse-button:hover > strong {
    font-size: 14px;
    visibility: visible;
    
}
button.pulse-button:focus {
    outline: none;
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(217, 0, 0, 0);
    }
}
@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(217, 0, 0, 0);
    }
}
@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(217, 0, 0, 0);
    }
}
@keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(217, 0, 0, 0);
    }
}

@media screen and (max-width: 479px) {
    .btn-whats {
        position: fixed;
        bottom: 15px;
        left: 15px;
        z-index: 999999999;
        display: block;
    }
}



/*BUSINESS ANALYSIS*/

.background-elements-business {
    background: url(../img/elements/element-1-ba.png) 0% 32% no-repeat, url(../img/elements/element-2-ba.png) 100% 31% no-repeat, url(../img/elements/element-3-ba.png) 0% 55% no-repeat, url(../img/elements/element-4-ba.png) 100% 80% no-repeat, url(../img/elements/element-5-ba.png) 0% 100% no-repeat;
}

@media screen and (max-width: 479px) {
    .background-elements-business {
       background: url(../img/elements/element-2-mobile-ba.png) 100% 20% no-repeat, url(../img/elements/element-3-ba.png) 0% 52% no-repeat, url(../img/elements/element-4-ba.png) 100% 77% no-repeat, url(../img/elements/element-5-ba.png) 0% 100% no-repeat;
       background-size: contain !important;
   }
   .business-paragraf {padding-top: 60%;}
}

.rodape-business {height: 400px;}


/*CRIACAO E DESENVOLVIMENTO*/
.background-elements-criacao {
    background: url(../img/elements/element-1-criacao.png) 100% 15% no-repeat, url(../img/elements/element-2-criacao.png) 0% 90% no-repeat;
}
.altura {height: 500px;}

@media screen and (max-width: 479px) {
    .background-elements-criacao {
        background: url(../img/elements/element-1-criacao.png) 0% 30% no-repeat, url(../img/elements/element-2-criacao.png) 100% 80% no-repeat !important;
        background-size: contain !important;
    }
    .altura {height: 200px;}
    .criacao-paragraf {padding-top: 15%;}
}



.gradient-criacaodesenvolvimento{
    background: rgba(179,121,128,1);
    background: -moz-linear-gradient(-45deg, rgba(179,121,128,1) 0%, rgba(117,40,217,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(179,121,128,1)), color-stop(100%, rgba(117,40,217,1)));
    background: -webkit-linear-gradient(-45deg, rgba(179,121,128,1) 0%, rgba(117,40,217,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(179,121,128,1) 0%, rgba(117,40,217,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(179,121,128,1) 0%, rgba(117,40,217,1) 100%);
    background: linear-gradient(135deg, rgba(179,121,128,1) 0%, rgba(117,40,217,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b37980', endColorstr='#7528d9', GradientType=1 );
}


.gradient-cases{
    background-color: #4a0d8a !important;
    background-image: -webkit-gradient(linear, left top, right top, from(#4a0d8a), to(#0190a1)) !important;
    background-image: linear-gradient(to right, #4a0d8a 0%, #0095df 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a0d8a', endColorstr='#0095df', GradientType=1);
}



/*INBOUND*/
.background-elements {
    background: url(../img/elements/element-1.png) 0% 30% no-repeat, url(../img/elements/element-2.png) 100% 80% no-repeat;
}

@media screen and (max-width: 479px) {
    .background-elements {
        background: url(../img/elements/element-1.png) 0% 30% no-repeat, url(../img/elements/element-2.png) 100% 60% no-repeat !important;
        background-size: contain !important;
    }
}



.linksinbound {
    color: #fff;
    text-decoration: none;
    font-weight: 800;
}

.linksinbound:hover {
    color: #93c3da;
    text-decoration: none;
    font-weight: 800;
}

.bt-branco {
    background: transparent;
    border: solid #fff 2px;
    color: #fff;
}

.bt-branco:hover {
    background: #fff;
    border: solid #fff 2px;
    color: #394aa8;
}


/* ELEMENTOS INBOUND MOBILE X DESKTOP*/
.float-left {float: left;}
.float-right {float: right;}

/*SEO*/

.text-color-rose {
    color: #f4146f;
}

.page-seo {
    position: relative;
    z-index: 9999;
    padding: 70px 0 !important;
}

.page-seo img.img-position {
    position: absolute;
}

.page-seo h2,
.page-seo-dark h2 {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 32px 0;

}

.page-seo h3,
.page-seo-dark h3 {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 33px;
    text-transform: none;
}

.page-seo p,
.page-seo-dark p {
    color: #000;
    line-height: 17px;
}

.consultoria {
    background: #000;
}

.page-seo.section-secondary {
    position: relative;
    z-index: 999;
    height: 100%;
    width: 100%;
    -webkit-transform: skewY(-10deg);
    -ms-transform: skewY(-10deg);
    transform: skewY(-10eg);
}

.page-seo.section-secondary .container {
    -webkit-transform: skewY(10deg);
    -ms-transform: skewY(10deg);
    transform: skewY(10deg);
}


@media screen and (max-width: 479px) {
    .page-seo {
        position: relative;
        z-index: 9999;
        padding: 0 15px !important;
        
    }

    .page-seo img.img-position {
        position: relative;
    }
}


/*FONTE LOGO TAPUME*/
@font-face {
    font-family: ailerons-typeface;
    src: url('fonts/ailerons-typeface.otf');
}

@font-face {
    font-family: Skywave-Bold;
    src: url('fonts/Skywave-Bold.ttf');
}

@font-face {
    font-family: poppins-bold-italic;
    src: url('fonts/poppins-bold-italic.ttf');
}

@font-face {
    font-family: poppins-bold;
    src: url('fonts/poppins-bold.ttf');
}

@font-face {
    font-family: poppins-light;
    src: url('fonts/poppins-light.ttf');
}

@font-face {
    font-family: poppins-bold-italic;
    src: url('fonts/poppins-bold-italic.ttf');
}

.fontailerons {font-family: ailerons-typeface !important; color: #dd8b28;}

.fontskywave {font-family: Skywave-Bold !important; letter-spacing: 10px !important;}
.fontskywave {font-family: Skywave-Bold !important; letter-spacing: 10px !important;}
.poppins-bold-italic {font-family: poppins-bold-italic !important; color:#ff9c00 !important;}
.poppins-bold {font-family: poppins-bold !important;}
.poppins-light {font-family: poppins-light !important;}


/*ELEMENTS TAPUME*/
.background-elements-tapume {
    background: url(../img/elements/texture-1.png) 0% 30% no-repeat, url(../img/elements/texture-2.png) 100% 80% no-repeat;
}

@media screen and (max-width: 479px) {
    .background-elements-tapume {
        background: url(../img/elements/texture-1.png) 0% 30% no-repeat, url(../img/elements/texture-2.png) 100% 60% no-repeat !important;
        background-size: contain !important;
    }
}


.bt-azul {
    background: transparent !important;
    border: solid #037fba 2px !important;
    color: #fff; 
    border-radius: 8px !important;
    font-weight: 600 !important;
}


.vertical {transform: translateY(-47px);}

@media screen and (max-width: 479px) {
    .vertical {transform: translateY(0px);}}

    /* CASES*/
    .timeline-left:after,
    .timeline-right:after {
        width: 24px;
        height: 24px;
        top: 0;
        background: url(../img/pin-case-detalhes.png) no-repeat;
        z-index: 10;
        position: absolute;
        content: "";
    }
    .timeline-left:before,
    .timeline-right:before {
        top: 0;
        bottom: 0;
        width: 3px;

        background: url(../img/timeline.png) repeat-y;
        position: absolute;
        content: "";
    }
    .timeline-left:after,
    .timeline-left:before {
        left: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .timeline-right:after,
    .timeline-right:before {
        right: 0;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
    @media screen and (max-width: 479px) {
        .timeline-left:before,
        .timeline-left:after,
        .timeline-right:before,
        .timeline-right:after {background: none;}
    }




/*------------------------------------------------------------
- Tabela - ONDE ESTAMOS & DEMAIS ESTADOS
--------------------------------------------------------------*/
.container .tabs {
    width: 100%;
    display: table;
    clear: both;
}
.tab-content {
    border: 1px solid #e5e5e5;
    border-top: none;
    padding: 12px 16px;
}
.tab-content p {
    margin-bottom: 15px;
}
.tab-content p:last-child {
    margin-bottom: 0;
}

.regioes-tabs {
    padding: 0; 
    margin: 0; 
    display: inline-block;
}
.regioes-tabs li {
    width: 33.333%;
    font-size: 13px;
    float: left;
    list-style-type: none;
}

.tags{
    font-size:10px !important;
    line-height: 10px;
    border: solid 1px #ccc;
    padding:5px;
    text-align: justify;
}

ul.tags {
    margin: 0px;
    list-style: none;
}
ul.tags li{
    display: inline-flex;
    margin: 0px 5px;
}

.regioes-tabs li {
    width: 50%;
    font-size: 13px;
    float: left;
    list-style-type: none;
}

@media screen and (max-width: 479px) {
    .regioes-tabs li {
        width: 100%;
        font-size: 13px;
        float: left;
        list-style-type: none;
        }}


/*--------------------------------------------------------------
- Botão de Redes Sociais Conteudo
--------------------------------------------------------------*/
.redes-sociais-conteudo {
  position: relative;
  float: right;
  font-family: 'blank';
}
.redes-sociais-conteudo .facebook,
.redes-sociais-conteudo .twitter {
  min-width: 35px;
  padding: 9px 7px;
  margin: 1px;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1.5em;
  color: #FFF;
  font: 14px Arial;
  font-weight: bold;
  font-weight: normal;
  text-align: center;
  transition: all 0.3s ease 0s;
  border: 1px solid transparent;
  z-index: 2;
  border-radius: 50%;
}
.redes-sociais-conteudo .fa-google-plus:before,
.redes-sociais-conteudo .fa-twitter:before {
  color: #FFF;
  font-size: 1em;
}
.redes-sociais-conteudo a.facebook {
  color: #FFF;
  background-color: #3B5998;
}
.redes-sociais-conteudo a.facebook:hover {
  background-color: #fff;
  border: 1px solid #DDD;
}
.redes-sociais-conteudo a.facebook:hover .fa-facebook-f:before {
  color: #3B5998;
}
.redes-sociais-conteudo a.twitter {
  color: #FFF;
  background-color: #00ACED;
}
.redes-sociais-conteudo a.twitter:hover {
  background-color: #FFF;
  border: 1px solid #DDD;
}
.redes-sociais-conteudo a.twitter:hover .fa-twitter:before {
  color:  #00ACED;
}


/*--------------------------------------------------------------
- FIM Botão de Redes Sociais Conteudo
--------------------------------------------------------------*/

@media (min-width: 1200px){
    .container.personalizado {max-width: 1325px !important;}
}

@media (min-width: 1200px){
    .container.personalizado.mobile {display: none;}
    .container.personalizado.desktop {display: block;}
}

@media screen and (max-width: 479px) {
    .container.personalizado.mobile {display: block !important;}
    .container.personalizado.desktop {display: none !important;}
}

.gradientelaranja {
    background: #b74224; /* Old browsers */
    background: -moz-linear-gradient(left,  #b74224 0%, #ff9933 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #b74224 0%,#ff9933 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #b74224 0%,#ff9933 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b74224', endColorstr='#ff9933',GradientType=1 ) /* IE6-9 */

}


.bilhocircle {filter: drop-shadow(0 0 24px rgb(0 205 255 / 100%));}

.containerbackground {
    background: rgb(0 0 0 / 35%);
    padding: 45px;
    border-radius: 15px 15px 15px 15px;
}



@media screen and (max-width: 479px) {
    .containerbackground {
        background: rgb(0 0 0 / 35%);
        padding: 16px !important;
        border-radius: 15px 15px 15px 15px;
    }
}

#rd-column-k1ujc7x1 > div {
    background-color: #ff9933 !important;
}

#rd-column-juvacwbp > div{
   background-color: #ff9933 !important; 
}

#rd-text-k1td3sed span {color:#fff !important; text-align: center !important;}

#rd-button-joq3m2m5a {
    background-color: rgb(0 138 213) !important;
    border-color: #2a2b8d !important;   
}


.number{
    background: #268cbd;
    padding: 6px 12px;
    color: #fff;
    font-weight: 800;
    font-size: 11px;
}

input[type=checkbox], input[type=radio] {
    margin: 10px !important;
}