body {
    color: #fff;
    background-image: url('../img/bg.png');
    background-attachment: fixed;
    background-position: center center;
    font-family: 'gotham', sans-serif;
    font-size: 15px;
    width: 100%;
}
h1 {}
h2 { font-size: 1.2em; }
#page{
    background-color: #FFFFFF;
    width: 60%;
    margin: 24px auto;
    padding: 12px;
}

#header{
    padding: 6px ;
    text-align: center;
}

#content {
    padding: 4px 0 24px 0;
}

#footer {
    color: #666666;
    background: #f9f9f9;
    padding: 10px 20px;
    border-top: 5px #efefef solid;
    font-size: 0.8em;
    text-align: center;
}

#footer a {
    color: #999999;
}

.bg-navegar{
    background-color: transparent;
}

.meio{
    padding-top: 150px;
}

.lista p{
    color: #fff;
    font-family: exo 2, sans-serif;
    font-size: 30px;
    font-weight: 600;
    padding-right: 5px;
    padding-left: 5px;
    list-style: none;
}

.effect-16{
    border: 0;
    padding: 4px 0; 
    border-bottom: 1px solid #fff; 
    background-color: transparent;
}

.effect-16 ~ .focus-border{
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 0; 
    height: 3px; 
    background-color: #01a8ec; 
    transition: 0.4s;
}

.effect-16:focus ~ .focus-border,
.has-content.effect-16 ~ .focus-border{
    width: 100%; 
    transition: 0.4s;
}

.effect-16 ~ label{
    position: absolute; 
    left: 0; 
    width: 100%;
    top: 9px; 
    color: #fff; 
    transition: 0.3s; 
    letter-spacing: 0.5px;
}

.effect-16:focus ~ label, .has-content.effect-16 ~ label{
    top: -16px; 
    font-size: 12px; 
    color: #01a8ec; 
    transition: 0.3s;
}

:focus{outline: none;}
.efeito{
    width: 100%; 
    position: relative;
} 

input[type="text"],[type="email"]{
    font: 15px/24px "Lato", Arial, sans-serif; 
    color: #fff; 
    width: 100%; 
    box-sizing: border-box; 
    letter-spacing: 1px;
    display: block;
    background: transparent;
    z-index: 9999;
    position: relative;
}

textarea{
    font: 15px/24px "Lato", Arial, sans-serif; 
    color: #fff; 
    width: 100%; 
    box-sizing: border-box; 
    letter-spacing: 1px;
    display: block;
    background: transparent;
    z-index: 9999;
    position: relative;
}


@-webkit-keyframes breathing {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    60% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes breathing {
    0% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    25% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    60% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.cbh-phone{
    display:block;
    position:fixed; 
    left: -20px;
    bottom: -30px;
    background-color:transparent;
    width:200px;
    height:200px;
    z-index:999;
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateZ(0);
    -webkit-transition:visibility .5s;
    -moz-transition:visibility .5s;
    -o-transition:visibility .5s;
    transition:visibility .5s
}
.cbh-phone.cbh-show{
    visibility:visible;
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
    }
}
@-webkit-keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0);
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
}
@-webkit-keyframes fadeOutRight{
    0%{
        opacity:1;
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
    }
}
@keyframes fadeOutRight{
    0%{
        opacity:1;
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
    }
}
.fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight;
}
.cbh-phone.cbh-static1{
    opacity:.6;
}
.cbh-phone.cbh-hover1{
    opacity:1;
}
.cbh-ph-circle{
    width:110px;
    height:110px;
    top:40px;
    left:40px;
    position:absolute;
    background-color:transparent;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    border:2px solid rgba(30,30,30,.4);
    opacity:.1;
    -webkit-animation:cbh-circle-anim 1.2s infinite ease-in-out;
    -moz-animation:cbh-circle-anim 1.2s infinite ease-in-out;
    -ms-animation:cbh-circle-anim 1.2s infinite ease-in-out;
    -o-animation:cbh-circle-anim 1.2s infinite ease-in-out;
    animation:cbh-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
}
.cbh-phone.cbh-active .cbh-ph-circle1{
    -webkit-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;
    -moz-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;
    -ms-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;
    -o-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;
    animation:cbh-circle-anim 1.1s infinite ease-in-out!important;
}
.cbh-phone.cbh-static .cbh-ph-circle{
    -webkit-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;
    -moz-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;
    -ms-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;
    -o-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;
    animation:cbh-circle-anim 2.2s infinite ease-in-out!important;
}
.cbh-phone.cbh-hover .cbh-ph-circle{
    border-color:rgba(0,175,242,1);
    opacity:.5;
}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle{
    border-color:rgba(117,235,80,1);
    opacity:.5;
}

.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle{
    border-color:rgba(204,204,204,1);
    opacity:.5;
}
.cbh-phone.cbh-gray .cbh-ph-circle{
    border-color:rgba(117,235,80,1);
    opacity:.5;
}
.cbh-ph-circle-fill{
    width:74px;
    height:74px;
    top:58px;
    left:58px;
    position:absolute;
    background-color:#000;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    border:2px solid transparent;
    opacity:.1;
    -webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;
    animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
}
.cbh-phone.cbh-active .cbh-ph-circle-fill{
    -webkit-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;
    -moz-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;
    -ms-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;
    -o-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;
}
.cbh-phone.cbh-static .cbh-ph-circle-fill{
    -webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
    -moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
    -ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
    -o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important;
}
.cbh-phone.cbh-hover .cbh-ph-circle-fill{
    background-color:rgba(0,175,242,.5);
    opacity:.75!important;
}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle-fill{
    background-color:rgba(117,235,80,.5);
    opacity:.75!important;
}
.cbh-phone.cbh-green .cbh-ph-circle-fill{
    background-color:rgba(0,175,242,.5);
    opacity:.75!important;
}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle-fill{
    background-color:rgba(204,204,204,.5);
    opacity:.75!important;
}
.cbh-phone.cbh-gray .cbh-ph-circle-fill{
    background-color:rgba(117,235,80,.5);
    opacity:1!important;
}
.cbh-ph-img-circle1{
    width:50px;
    height:50px;
    top:70px;
    left:70px;
    position:absolute;
    background-image:url(https://360imagem.com/google/images/wpp-icon.png);
    background-size: 40px 40px;
    background-color:rgba(30,30,30,.1);
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    border:2px solid transparent;
    opacity:1;
    -webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out;
    -moz-animation:cbh-circle-img-anim 1s infinite ease-in-out;
    -ms-animation:cbh-circle-img-anim 1s infinite ease-in-out;
    -o-animation:cbh-circle-img-anim 1s infinite ease-in-out;
    animation:cbh-circle-img-anim 1s infinite ease-in-out;
}
.cbh-phone.cbh-active .cbh-ph-img-circle1{
    -webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;
    -moz-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;
    -ms-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;
    -o-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;
    animation:cbh-circle-img-anim 1s infinite ease-in-out!important;
}
.cbh-phone.cbh-static .cbh-ph-img-circle1{
    -webkit-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;
    -moz-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;
    -ms-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;
    -o-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;
    animation:cbh-circle-img-anim 0s infinite ease-in-out!important;
}
.cbh-phone.cbh-hover .cbh-ph-img-circle1{
    background-color:rgba(0,175,242,1);
}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-img-circle1:hover{
    background-color:rgba(117,235,80,1);
}
.cbh-phone.cbh-green .cbh-ph-img-circle1{
    background-color:rgba(0,175,242,1);
}
.cbh-phone.cbh-green .cbh-ph-img-circle1{
    background-color:rgba(0,175,242,1);
}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-img-circle1{
    background-color:rgba(204,204,204,1);
}
.cbh-phone.cbh-gray .cbh-ph-img-circle1{
    background-color:rgba(117,235,80,1);
}
@-moz-keyframes cbh-circle-anim{
    0%{
        -moz-transform:rotate(0deg) scale(0.5) skew(1deg);
        opacity:.1;
        -moz-opacity:.1;
        -webkit-opacity:.1;
        -o-opacity:.1;
    }
    30%{
        -moz-transform:rotate(0deg) scale(.7) skew(1deg);
        opacity:.5;
        -moz-opacity:.5;
        -webkit-opacity:.5;
        -o-opacity:.5;
    }
    100%{
        -moz-transform:rotate(0deg) scale(1) skew(1deg);
        opacity:.6;
        -moz-opacity:.6;
        -webkit-opacity:.6;
        -o-opacity:.1;
    }
}
@-webkit-keyframes cbh-circle-anim{
    0%{
        -webkit-transform:rotate(0deg) scale(0.5) skew(1deg);
        -webkit-opacity:.1;
    }
    30%{
        -webkit-transform:rotate(0deg) scale(.7) skew(1deg);
        -webkit-opacity:.5;
    }
    100%{
        -webkit-transform:rotate(0deg) scale(1) skew(1deg);
        -webkit-opacity:.1;
    }
}
@-o-keyframes cbh-circle-anim{
    0%{
        -o-transform:rotate(0deg) kscale(0.5) skew(1deg);
        -o-opacity:.1;
    }
    30%{
        -o-transform:rotate(0deg) scale(.7) skew(1deg);
        -o-opacity:.5;
    }
    100%{
        -o-transform:rotate(0deg) scale(1) skew(1deg);
        -o-opacity:.1;
    }
}
@keyframes cbh-circle-anim{
    0%{
        transform:rotate(0deg) scale(0.5) skew(1deg);
        opacity:.1;
    }
    30%{
        transform:rotate(0deg) scale(.7) skew(1deg);
        opacity:.5;
    }
    100%{
        transform:rotate(0deg) scale(1) skew(1deg);
        opacity:.1;
    }
}
@-moz-keyframes cbh-circle-fill-anim{
    0%{
        -moz-transform:rotate(0deg) scale(0.7) skew(1deg);
        opacity:.2;
    }
    50%{
        -moz-transform:rotate(0deg) -moz-scale(1) skew(1deg);
        opacity:.2;
    }
    100%{
        -moz-transform:rotate(0deg) scale(0.7) skew(1deg);
        opacity:.2;
    }
}
@-webkit-keyframes cbh-circle-fill-anim{
    0%{
        -webkit-transform:rotate(0deg) scale(0.7) skew(1deg);
        opacity:.2;
    }
    50%{
        -webkit-transform:rotate(0deg) scale(1) skew(1deg);
        opacity:.2;
    }
    100%{
        -webkit-transform:rotate(0deg) scale(0.7) skew(1deg);
        opacity:.2;
    }
}
@-o-keyframes cbh-circle-fill-anim{
    0%{
        -o-transform:rotate(0deg) scale(0.7) skew(1deg);
        opacity:.2;
    }
    50%{
        -o-transform:rotate(0deg) scale(1) skew(1deg);
        opacity:.2;
    }
    100%{
        -o-transform:rotate(0deg) scale(0.7) skew(1deg);
        opacity:.2;
    }
}
@keyframes cbh-circle-fill-anim{
    0%{
        transform:rotate(0deg) scale(0.7) skew(1deg);
        opacity:.2;
    }
    50%{
        transform:rotate(0deg) scale(1) skew(1deg);
        opacity:.2;
    }
    100%{
        transform:rotate(0deg) scale(0.7) skew(1deg);
        opacity:.2
    }
}
@keyframes cbh-circle-img-anim{
    0%{
        transform:rotate(0deg) scale(1) skew(1deg);
    }
    10%{
        transform:rotate(-25deg) scale(1) skew(1deg);
    }
    20%{
        transform:rotate(25deg) scale(1) skew(1deg);
    }
    30%{
        transform:rotate(-25deg) scale(1) skew(1deg);
    }
    40%{
        transform:rotate(25deg) scale(1) skew(1deg);
    }
    100%,50%{
        transform:rotate(0deg) scale(1) skew(1deg);
    }
}
@-moz-keyframes cbh-circle-img-anim{
    0%{
        transform:rotate(0deg) scale(1) skew(1deg);
    }
    10%{
        -moz-transform:rotate(-25deg) scale(1) skew(1deg);
    }
    20%{
        -moz-transform:rotate(25deg) scale(1) skew(1deg);
    }
    30%{
        -moz-transform:rotate(-25deg) scale(1) skew(1deg);
    }
    40%{
        -moz-transform:rotate(25deg) scale(1) skew(1deg);
    }
    100%,50%{
        -moz-transform:rotate(0deg) scale(1) skew(1deg);
    }
}
@-webkit-keyframes cbh-circle-img-anim{
    0%{
        -webkit-transform:rotate(0deg) scale(1) skew(1deg);
    }
    10%{
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
    }
    20%{
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
    }
    30%{
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
    }
    40%{
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
    }
    100%,50%{
        -webkit-transform:rotate(0deg) scale(1) skew(1deg);
    }
}
@-o-keyframes cbh-circle-img-anim{
    0%{
        -o-transform:rotate(0deg) scale(1) skew(1deg);
    }
    10%{
        -o-transform:rotate(-25deg) scale(1) skew(1deg);
    }
    20%{
        -o-transform:rotate(25deg) scale(1) skew(1deg);
    }
    30%{
        -o-transform:rotate(-25deg) scale(1) skew(1deg);
    }
    40%{
        -o-transform:rotate(25deg) scale(1) skew(1deg);
    }
    100%,50%{
        -o-transform:rotate(0deg) scale(1) skew(1deg);
    }
}
.cbh-ph-img-circle1 {}
.cbh-phone.cbh-green .cbh-ph-circle {
    border-color: rgb(0, 242, 164);
}
.cbh-phone.cbh-green .cbh-ph-circle-fill {
    background-color: rgb(0, 242, 164);
}
.cbh-phone.cbh-green .cbh-ph-img-circle1 {
    background-color:rgb(46, 203, 113);
}

.kmacb__manager-border {
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    margin-top: -39.5px;
    margin-left: -39.5px;
    border-radius: 100%;
    border: 2px solid #ffe787;
    -webkit-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -moz-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -ms-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -o-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    opacity: .8;
    transform-origin: center;
}
.kmacb__manager-fill {
    background: #52aff7 center bottom no-repeat;
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    margin-top: -37.5px;
    margin-left: -37.5px;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -moz-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -ms-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -o-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    transform-origin: center;
}
.kmacb__manager-circle {
    background: #52aff7;
    position: absolute;
    width: 120px;
    height: 120px;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    border-radius: 100%;
}


@media (min-width: 320px) and (max-width: 1280px) {
    .borda{
        display: none;
    }
    body {
        color: #fff;
        background-image: url('../img/bg.png');
        /*background-attachment: fixed;*/
        back
        font-family: 'gotham', sans-serif;
        font-size: 15px;
        width: 100%;
    }
}