html,body{height:100%}
body{overflow-x:hidden}
#scrollUp{bottom:20px;right:20px;width:38px;height:38px;background:url(../images/top.png) no-repeat}
.carousel,.item,.active{height:100%}
.carousel-inner{height:100%}
.fill{width:100%;height:100%;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#mainCarousel .slider_overlay{background:none repeat scroll 0 0 #252333;height:100%;opacity:.8;position:absolute;right:0;top:0;width:100%;z-index:0}
#mainCarousel .hero{position:relative;top:50%;left:50%;z-index:1000;color:#fff;text-align:center;padding:0 13%;font-family:'Righteous',sans-serif;text-shadow:1px 1px 0 rgba(0,0,0,.75);-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
#mainCarousel .hero h1{font-size:80px;margin:0;padding:0;font-family:'Righteous',sans-serif;text-transform:uppercase}
#mainCarousel .hero h3{font-size:26px;margin:0;padding:0}
#mainCarousel .hero button{margin-top:30px;background:#42a5f6;font-size:20px;padding:10px 20px;outline:none}
#mainCarousel .carousel-indicators{position:absolute;z-index:1000}
#mainCarousel .carousel-control{position:absolute;z-index:1000}
#mainCarousel .carousel-control.left{background-image:none}
#mainCarousel .carousel-control.right{background-image:none}
@media screen and (min-width: 768px) {
#mainCarousel .carousel-control .icon-next,#mainCarousel .carousel-control .icon-prev{width:200px;height:200px;margin-top:-100px;font-size:200px;margin-right:-100px;margin-left:-100px;color:#42a5f6}
}
#mainCarousel .carousel-indicators .active{background:#42a5f6;border:1px solid #0781E6}
@media screen and (max-width: 1071px) {
#mainCarousel .hero h1{font-size:70px}
}
@media screen and (max-width: 938px) {
#mainCarousel .hero h1{font-size:60px}
}
@media screen and (max-width: 799px) {
#mainCarousel .hero h1{font-size:60px}
#mainCarousel .hero h3{font-size:22px}
}
@media screen and (max-width: 608px) {
#mainCarousel .hero h1{font-size:50px}
#mainCarousel .hero h3{font-size:20px}
}
@media screen and (max-width: 507px) {
#mainCarousel .hero h1{font-size:45px}
#mainCarousel .hero h3{font-size:18px}
}
@media screen and (max-width: 400px) {
#mainCarousel .hero h1{font-size:40px}
#mainCarousel .hero h3{font-size:16px}
}
#empresa{padding-top:65px;padding-bottom:40px}
#empresa .text h2{font-size:28px;text-transform:uppercase;font-family:'Noto Sans',sans-serif;letter-spacing:1px;font-weight:600;text-align:center}
#empresa h2 span{color:#42a5f6}
#empresa .text p{text-align:center;font-family:'PT Sans',sans-serif;font-size:16px}
#empresa .panel-group{margin-top:30px}
#empresa .panel-heading:hover{cursor:pointer}
#empresa .panel-heading{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#empresa .side-tab:hover{cursor:pointer}
#empresa .panel.panel-default{border:none;box-shadow:none!important;border-bottom-right-radius:0;border-bottom-left-radius:0}
#empresa .panel-heading{border:none;background-color:#2469A2;color:#fff}
#empresa .panel-title{font-weight:400;font-size:18px;text-transform:uppercase;font-family:'Noto Sans',sans-serif}
#empresa .panel-body{border-right:1px solid #2469A2;border-bottom:1px solid #2469A2;border-left:1px solid #2469A2;font-family:'PT Sans',sans-serif}
#empresa #carousel{margin-top:30px;position:relative;display:block}
#empresa #carousel .item img{width:100%}

#planos{padding-top:65px;padding-bottom:40px;background:#f9f9f9}
#planos .text h2{font-size:28px;text-transform:uppercase;font-family:'Noto Sans',sans-serif;letter-spacing:1px;font-weight:600;text-align:center}
#planos h2 span{color:#42a5f6}
#planos .text p{text-align:center;font-family:'PT Sans',sans-serif;font-size:16px}
#MostrarEmpresa{opacity: .5}
.planos_btn{text-align: center; margin-bottom: 2rem}
.planos_btn img{cursor: pointer}
.plano_velocidade{list-style-type: none;margin: 0; padding: 0}
.plano_velocidade li{background:#eee;font-size: 14px; font-family: 'Noto Sans'; color: #2469a2;margin-top: .5rem; height: auto;padding: .3rem 0;text-align: center}
.plano_velocidade li:first-child{padding: 0}
.plano_velocidade h6{font-family: 'Noto Sans'; font-size: 16px; background-color: #F7F8FA; font-weight: 700}
.residencia_content{text-align: center}
.p_content{text-align: center;font-family: 'Noto Sans'; font-size: 13px; margin: 0; color: #42a5f6}
#empresarial ul{margin-bottom: 1rem}

#localizacao{padding-top:65px;padding-bottom:40px;background:#f9f9f9}
#localizacao h2{font-size:28px;text-transform:uppercase;font-family:'Noto Sans',sans-serif;letter-spacing:1px;font-weight:600;text-align:center}
#localizacao h2 span{color:#42a5f6}
#localizacao .carousel .carousel-inner ul{list-style:none;padding:0}
#localizacao .carousel .carousel-inner .thumbnail{border:none;padding:0}
#localizacao .carousel .carousel-inner .thumbnail img{width:100%;height:100%;margin-top:20px}
#localizacao .carousel .carousel-inner .caption h4{font-size:18px;text-transform:uppercase}
#localizacao .carousel .carousel-inner .caption .btn{padding:0;font-size:16px}
#localizacao .pager li a{background:#42a5f6;color:#fff}
#contato{padding-top:65px;padding-bottom:40px}
#contato h2{font-size:28px;text-transform:uppercase;font-family:'Noto Sans',sans-serif;letter-spacing:1px;font-weight:600;color:#000;border-bottom:8px solid #42a5f6;display:inline-block;margin-bottom:30px;padding-bottom:15px;padding-right:75px;line-height:40px}
#contato h2 span{color:#42a5f6}
#contato p{font-family:'PT Sans',sans-serif;font-size:17px;color:#000}
#contato .contact-form input{width:100%;height:40px;margin-top:25px;outline:none;padding:0 20px;font-size:14px;border:1px solid #000}
::-webkit-input-placeholder{color:#000}
#contato .contact-form textarea{width:100%;height:150px;margin-top:25px;outline:none;resize:none;padding:20px;font-size:14px;border:1px solid #000}
#contato .contact-form button{margin-top:20px;padding:10px 20px;background:#42a5f6;border:none;color:#fff;font-size:16px;text-transform:uppercase;outline:none;transition:background-color .5s ease}
#contato .contact-form button:hover{background:#55687C}
#contato .image{margin-top:25px; display: inline-block; margin: 0 auto}
#contato .image img{height:100%}
.footer{margin-top:20px;width:100%;height:auto;background-color:#1a223d;text-align:center; padding-bottom: 10px}
.footer .text-muted{padding:20px;margin:0;color:#fff}