body, h1, h2, h3, h4, h5, h6{font-family: 'Titillium Web', sans-serif;}
p{font-family: 'Open Sans', sans-serif;font-size: 18px;color: #80848E;}
body{padding-top: 68px;}
.navbar-brand {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    margin: auto;
}
.navbar-toggle {
    z-index:3;
}
.form-custom-aparelhos-lead input {
  width: 100%;
  padding: 8px 17px;
  border: 1px solid #ddd;
  color: #555;
  border-radius: 4px;
}

.banner-principal img{
  width: 100%;
}

#btnSubmit {
background: #4FA0DB;
border: 0;
color: #FFF;
text-transform: uppercase;
padding: 0;
box-shadow: none;
height: 50px;
font-size: 23px;
font-weight: 300;
letter-spacing: 3px;
width: 100%;
margin-top: 16px;
}

.banner-principal .carousel-indicators{display:none;}
.navbar-brand img{margin: 0 auto;width: auto;height: auto;}
.navbar{background: #4FA0DB;}
.navbar h1{color: #FFF;font-size: 25px;font-weight: 400;margin: 26px  0;}
.navbar .fone, .navbar .fone:hover{
  padding: 11px 19px;
margin: 18px 5px;
border-radius: 50px;
letter-spacing: 1px;
box-shadow: 1px 1px 5px -2px #000;
font-size: 16px;color: #4FA0DB !important;font-family: 'Titillium Web', sans-serif;background: #FFF !important;display: inline-block;}
.navbar .whatstopo.fone, .navbar .whatstopo.fone:hover{color: #99D37B !important;}
.boxtexts{padding: 8% 6%;}
.bg-parcelamento{padding: 80px 27px;background: rgba(216, 216, 216, 0.2);}
.feito{    background-size: 54% !important;}
.feito .boxtexts{background: #F5F5F5;}
.feito .boxtexts h2{font-size: 40px;color: #4FA0DB;font-weight: 600;}
.conectse .boxtexts h2{font-size: 40px;color: #A13580;font-weight: 600;text-align: center;}
.bgwhite{padding: 40px 0;}
.bannertx .banner-codigo{width: auto !important;height: auto !important;}
.bannertx{background: url(/uploads/796/conteudos/couple.png) no-repeat center 100%;}
.bannertx h3{font-size: 57px;color: #FFF;padding: 19% 0;margin: 0;}
.box-form{padding: 15% 13%;background: #4FA0DB;}
.box-form h4{font-size: 57px;color: #FFF;}
.box-form p{font-size: 18px;color: #FFF;}
.formlig{padding: 8% 13%;}
.formlig .form-control{
  border: 1px solid #4f9fdb;
  height: 47px;
}
.formlig #captcha-input{
    float: right;
    width: 60%;
}
.formlig .captcha img{
  float: left;
  width: 35%;
}
.formlig .captcha label{display: block;font-size: 15px;}
.formlig h5{
  font-size: 25px;
  text-align: center;
  margin-bottom: 21px;
  color: #aaa;
}
.formlig .captcha {
    margin-bottom: 14px;
    overflow: hidden;
}
.formlig #btEnviar{
    clear: both;
    display: block;
    background: #4f9fdb;
    width: 100%;
    color: #FFF;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 0;
    padding: 12px;
}

.mapas{overflow: hidden;background: #22589E;}
.mapas div{padding: 0;}
.mapas .banner-codigo, .videohome .banner-codigo{width: auto !important;height: auto !important;}
.mapas .banner-codigo iframe{width: 100%;height: 430px;    margin-bottom: -16px;}
.mapas .boxmapa{padding: 60px 12%;position: relative;}
.mapas .boxmapa h3{font-size: 32px;color: #FFF;font-weight: 600;}
.mapas .boxmapa p{font-size: 18px;color: #FFF;margin-bottom: 24px;}
.mapas .boxmapa:before{
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background: #22589E;
  position: absolute;
  top: 42%;
  left: -27px;
  border-radius: 100%;
}
.mapas .btn{
    background: #57C0E9;
    font-size: 16px;
    font-weight: 600;
    color: #FFF;
    border: 0;
    border-radius: 0;
    text-transform: uppercase;
    padding: 14px 27px;
}
footer {
    background: #4fa0da;
}
.videohome{
    position: relative;
    overflow: hidden;
    padding-top: 46.25%;
}
.videohome iframe{
  position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}



/*********************
responsive
*********************/
@media (max-width:1400px ) {
  .feito {
    background-size: 64% !important;
}
}
@media (max-width:1200px ) {
  .feito {background-size: 74% !important;}
.container{width: 95%;}
.box-form h4 {font-size: 49px;}
}
@media (max-width:1060px ) {
.bgwhite .imgs{margin: 40px 0; }
.box-form h4{font-size: 45px;}
.box-form{padding: 16% 13%;}
}
@media (max-width:991px ) {
  .navbar-header{padding: 0 20px;position: relative;}
  .navbar-default .navbar-toggle .icon-bar{background-color: #FFF !important;}
  .navbar-brand img{margin: 0;}
  .navbar-brand{left: 20px;}
  .bgwhite .imgs img, .box-form img{text-align: center;display: block;margin: 0 auto;}
  .bannertx h3, .boxtexts, .feito .boxtexts h2, .box-form h4, .box-form p{text-align: center;}
  .bgwhite .imgs{margin-bottom: 0;}
  .imgbg{height: 58vh;}
  .feito {
    background-size: 98% !important;
    background-position: center bottom !important;
}
.box-form{padding: 9% 13%;}
.assinatura img{margin-top: 0;}
}
@media (max-width:800px ) {
  .mapas .boxmapa:before{display: none;}
  .feito{    background-size: 121% !important;}
  .imgbg {
    height: 38vh;
}
.navbar h1{font-size: 20px;text-align: center;margin: 10px  0 5px  0;}
}


.mapapage iframe{width: 100%;height: 450px;}
.mapapage .nav-tabs{}
.mapapage .nav-tabs li{}
.bg-localizacao .col-md-12.textspage{padding: 0;}
.bg-conteudo.bg-localizacao .mapas, .bg-localizacao .col-md-12.textspage br{display: none !important;}

.tab-content{padding: 40px 0 ;}
.nav-tabs li a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{font-size: 20px;}

.btn-enviarform{
  color: #000;
  background: #22589E;
  width: 100%;
}

.videohome:before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #568FD2;
  opacity: 0.6;
}


input#telefone{
  width: 100%;
  border-radius: 10px;
}

input#nome{
  width: 100%;
  border-radius: 10px;
}

input#email{
  width: 100%;
  border-radius: 10px;
}

input#captcha-input{
  width: 100%;
  border-radius: 10px;
}

input#btnSubmit{
  width: 100%;
  border-radius: 10px;
  color: #FFF;
  background: #4FA0DB;
  padding: 8px;
  font-weight: bold;
}

@media(max-width: 768px){
    .boxparcelamento{margin-top: 0px !important;}
}

.carousel-control.right{
    background-image: none !important;
}
.carousel-control.left{
    background-image: none !important;
}
@media(max-width: 414px){
    .banner-principal img {
    margin: 14px auto;
}
    
}