@import url('https://fonts.googleapis.com/css?family=Nunito:200,400,700|Raleway:300,400');
/*
Import Fonte:;
font-family: 'Raleway', sans-serif;
font-family: 'Nunito', sans-serif;
*/


*{margin:0; padding: 0;}


body {
  color:#737477!important;
}
header{ padding-top: 14ch;}
header .navbar-default {background-color:#fff; border-color:transparent;font-family: 'Raleway', sans-serif; text-transform: uppercase;font-weight: 500; border-bottom: 2px solid #00b8bf;}
header .navbar-brand {float: left;height: auto; max-width:26ch; padding: 5px 5px;}
header .navbar-brand img{display: inline-flex;width:100%}
header .navbar-nav { margin-top: 3.5%; margin-left: 5.5%;}
header .navbar-right {     margin-right: -15px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color:transparent;
        border-top: 2px solid #68b7bd;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #68b7bd;
}
header .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	background-color: transparent;
	border-top: 2px solid #68b7bd;    
}
.navbar-default .navbar-nav>.open>a{color: #68b7bd;}
header .navbar-default .navbar-nav>li>a{border-top: 2px solid transparent;}
header .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	background-color: transparent;
	border-top: 2px solid #68b7bd;
   color: #68b7bd;
}
header .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color:rgba(103, 183, 189, 0.54);}
header .dropdown-menu>li>a{padding: 14px 30px; text-transform: capitalize;}
header .navbar-nav>li>a{padding-bottom:32px;}
header .navbar-right li a{padding:15px 6px;}

header .dropdown:hover .submenu {
    display: block; 
}
.navbar-nav>li>.dropdown-menu:hover{
  display: block;
}
.navbar-default .navbar-nav > li.dropdown:hover > a, 
.navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.navbar-default .navbar-nav > li.dropdown:hover > a:focus {
    background-color:transparent;
    color: rgb(85, 85, 85);
}
li.dropdown:hover > .dropdown-menu {
    display: block;
}
/*Formatando banner*/

.banner{width:100%;}
.banner img{width:100%;}
.banner.container-fluid{padding:0px;display: initial;}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {z-index: 10;}
.carousel-caption .first-slide{float:left;}
.carousel-caption img { }

.slide-2 {position: absolute;right:49%;bottom:-4ch;z-index: 10;padding-top: 20px;padding-bottom: 20px;}
.carousel-inner>.item> .slide-2 >img{display: block;width: 100%; height: auto;}
/******************************************************/

/*Formatando telefonia-home*/
.margin-vert-30{margin-top:60px;}
.telefonia-home h2{color:#177073; font-size:24px; text-align: center;}
.telefonia-home p.text-left-telefonia{color:#8e9898; padding:10px 40px;}
.color-gray{color:#a7a7a7;}
.icon-telefonia{margin-top:20px;}
.content-right-telefonia h3{color:#177073;font-size:20px; }

/************Formatando PRATICIDADE Início***********************************/
#info-servicos-home{width:100%;height:auto;margin-top: 4%;}
#info-servicos-home .title-servicos{width:100%; background-color: #f1f1f1; height:auto; padding:10px 0px;}
.title-servicos h1,.box-servicos h1{text-transform: uppercase; color:#6d6d6d; font-size: 24px;}
.box-servicos h1{text-align: center; font-size:20px;margin-top: 6%;padding:12px 0px;border-radius:4px;}
.box-servicos p{color:#808080; line-height:1.5;padding:0px 10px;text-align: justify;font-size: 14px;}
.box-servicos .ver-mais{text-align: center; width: 100%;}
.img-servicos{padding:30px 0px 10px 0px;}
.img-servicos img{width:68%;}
.ver-mais {padding:8px 40px;border:none;
 background:linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, rgba(44, 181, 232, 0.72) 75%);
 margin-top:6%;     opacity: 0.65;}

 .box-servicos a{text-decoration:none;}
.ver-mais span{font-size: 20px;text-transform: uppercase;color:#fff;}
.box-servicos .ver-mais{transition: 0.5s;}
.box-servicos .ver-mais:hover{box-shadow:1px 2px 4px #256b73;}
/***************************************************************************/

/*Formatando página produtos*/
.itens{padding:20px;}
.itens-produtos .title-produto h1{width:100%;font-weight: 600;font-size:3em;float: left; padding: 10px 0px;border-bottom: 4px solid rgba(1, 184, 191, 0.15);}
.itens-produtos .itens h1{font-size:28px;padding:10px 0px 04px 0px;}
.itens figure{max-width:460px;min-height:240px; display: block; overflow: hidden; padding: 14px 6px;}
.itens figure img{width:100%; height:auto;box-sizing: border-box;}
.itens h2{padding:10px 0px; color:#00b8bf;font-size:24px;    text-align: center; }
span.conteudo-produto{min-height: 240px; float: left;}
.itens p{line-height:2;font-size: 14px; color:#8a8a8a; text-align: justify; padding: 0px 20px; float: left;overflow: hidden;}
span.ver-mais-produtos {float:left;width:100%}
span.ver-mais-produtos a {font-size: 14px;text-transform: uppercase;color:#fff;font-weight: 600;padding: 12px 60px;border-radius: 4px; border: none; background: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, rgba(44, 181, 232, 0.72) 75%); margin-top: 6%; opacity: 0.65;}
span.ver-mais-produtos a{text-decoration:none;}
span.ver-mais-produtos a{transition: 0.5s;}
span.ver-mais-produtos a:hover{box-shadow:1px 2px 4px #256b73;}
.produto-sigle h2{margin-top: 10%;}
.tooltip-inner {
    max-width: none;
    white-space: nowrap;
}
/* ******************Rede Social********************************************** */
.rede-social{ width:30%; float:right; height:auto; margin-top: -56px; text-align: right;}
.rede-social li{display: inline-block;  padding: 0 5px;}
/*********Formatando Modal**********/
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
  
    border: 1px solid rgba(0,0,0,.2);
     border-radius:0px;
    /* outline: 0; */
   -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0);
   box-shadow: 0 3px 9px rgba(0,0,0,0);
}
.modal-lg {
    width: 80%;
}

.modal-produto .modal-sm {
    width: 80%;
}
.modal-title{text-align: center;color:#00b8c3; font-size: 36px;}
.close i{color:#00b8bf;opacity: .8;}
/*Formatando Footer*/

.content-footer{width:100%; background-color: #ddd; height:auto; margin-top:1%; clear: both;}
.footer-info{margin-top: 2%;padding: 0px 50px;}
.footer-info h3{text-transform: uppercase;border-bottom: 4px solid #fff;}
.footer-info p{text-align: justify;font-size:14px;}
.footer-info span{float:left;}
.footer-copyright{background-color:#4d4e4e; width:100%; height:auto;}
.footer-copyright h3{font-size: 13px;float: left; color:#fff;}
.footer-copyright .desenvolvedor{font-size: 13px;color:#fff;}
.footer-copyright .desenvolvedor h3{float: right;}
.footer-copyright .desenvolvedor h3 a{color:#ffd603;}

.rede-social-mobile{
  width:100%;
}
.rede-social-mobile ul li{
  text-align: center;
}
/*Formatando Mais Buscados*/
.title-mais-buscado{ width: 100%; background-color:rgba(0, 184, 191, 0.25); height: auto; padding: 16px 0px; border-radius: 6px;margin-top: 4rem;}
.title-mais-buscado span {text-transform: uppercase; border-bottom: 4px solid #fff;margin-left: 10rem; font-weight: 600; letter-spacing: 2px;}
.title-mais-buscado p{color:#737477;width: 100%;text-align: center;font-size:2rem;}
.title-mais-buscado text{padding:0 1.5rem;}
.produtos-sugestao{float: left;width:100%;}


.with_shadow { box-shadow: 0 4px 16px 0 rgba(51, 51, 51, 0.1);}
.ls { background-color: #ffffff; color: #a4a4a4; padding:1% 0% 1% 0%;}
/*.form-control{height: 44px!important;}*/
.header-contato{border-bottom:1px solid #ccc;}
.header-contato{width:100%; padding:10px 0px;margin:4% 0%;}
.header-contato span , .header-contato h2{text-transform: uppercase;}
.header-contato span + h2 { margin-top: 4px;  margin-bottom: -2px;}
.header-contato h2 {  margin-bottom: 2px;  line-height: 1.3;}
.itens-mais-visto{padding:10px 0px; color:#00b8bf;font-size:16px;font-weight:200; }
.title-contato{font-size:1.2em; font-weight:600;padding-bottom: 10px;color:#737477;}
.title-contato i{padding-right:10px;color:#737477;}
/*.info-contato{padding:20px 0px 30px 0px;}*/
.info-contato p{font-size:1em; line-height:2;}
.contact-form {
    position: relative;
    max-width:890px;
    margin-left: auto;
    margin-right: auto;
    z-index: 3;
}

.theme_button {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 20px 100px;
    margin:5px 0px 10px 0px;
    line-height: 1;
    display: inline-block;
    min-width: 8.5em;
    text-align: center;
    color: #ffffff;
    border: none;
    background-color: #46C9BE;
    border-radius: 0px;
    position: relative;
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}
.theme_button:hover{
    background: #fcca03;
    color:#737477;
    box-shadow:1px 2px 1px #635c05;
}
.maps{width:100%;}

.seta-top{position: fixed;margin:-94px 0 0 -100px;top: 100%;left: 100%; cursor: pointer;    border-radius: 6px;  padding:2.5px;background: rgba(1, 184, 191, 0.51);overflow: hidden;}
.seta-top:hover, .seta-top:active, .seta-top:focus{background: rgba(1, 184, 191, 1);}
img.produto-single{max-width: 100%; height: auto;}
.seta-top i{color:#fff;}

/* Formatando página Empresa */
.title-empresa{width:100%;height: auto;padding:25px 10px; text-align: center;font-size: 3rem; text-transform: uppercase;  font-weight: 600; border-bottom: 2px solid rgba(13, 187, 194, 0.14);}
.lead { font-size:16px!important;line-height: 1.8!important;text-align: justify!important;}
.img-empresa{margin-top:6%;}
.info-empresa .col-lg-4 { margin-bottom: 20px; text-align: center;margin-top:2rem;}
.featurette-heading, .info-empresa h2,.header-contato{color: #01b8bf;}
div.wpcf7-validation-errors { border: none!important; }
.conteudo-produto-sigle{padding-bottom:2%;}
.conteudo-produto-sigle i{ position: absolute; left: 5px; color: #01b8bf; width: 0;}
.conteudo-produto-sigle h3{width:100%; padding:10px 0; color:#01b8bf;float: left;}
/*.info-empresa{border-top: 2px solid rgba(13, 187, 194, 0.14);}*/
/*************MEDIA QUERY******************/
@media only screen and (max-width: 1170px) and (min-width: 991px){
       header .navbar-nav{margin-left: 0px!important;}
       .slide-teste { position: absolute; right: 47%; bottom:-7ch; z-index: 10;}
}

@media only screen and (max-width: 991px) and (min-width: 768px){
     header .navbar-nav{margin-left: 0px!important; margin-top: 10px;}
     header .navbar-nav>li>a{padding-top:0px; padding-bottom: 0px;}
     header .nav>li>a{padding:10px 7px}
}

@media only screen and (max-width: 767px){
   /*header .navbar-brand{width:70%}*/
     .nav.navbar-nav.navbar-right{display: inline-flex;} 
     header .navbar-nav{margin:0px;}
     .box-servicos{border-bottom:2px solid rgba(1, 184, 191, 0.29); padding-bottom:10px;}
     .box-servicos:nth-child(3){border:none!important;}
     .margin-vert-30{margin:0px;}
     .footer-info{margin-top: 2%;padding: 0px;}
     .content-footer .row{margin:0px;}
      header .dropdown .dropdown-menu {cursor: pointer;}   
      header .navbar-nav>li>a {padding-bottom:8px;}

      .modal-lg { width:100%;}
      .modal-dialog {margin: 0px;}
      #produtos{margin-top: 6rem;}
       .info-form-desktop{display: none;}
       .conteudo-produto-sigle i{position: initial; left: 0px; color: #01b8bf; width: initial;}
       .itens.produto-sigle{border-bottom:0px!important;}
}

@media only screen and (max-width:630px){
   .telefonia-home p.text-left-telefonia{padding:0px;text-align: justify;}
   .telefonia-home .container{padding:0px; margin-top: 16%;}
   .itens{width:100%;height: auto;padding-bottom: 26px;border-bottom: 4px solid rgba(1, 184, 191, 0.25);}
   .itens h1{text-align: center; padding:20px;}
   .itens h2{text-align: center;}
    .itens p{text-align: left;padding:0px;line-height:2.5rem;}
   .itens figure{width:auto;min-height: 120px!important;}
   header { padding-top: 8ch;}
   .rede-social {width: 100%;float: right; height: auto;  text-align: right;margin-top:5px!important;}
   .navbar-toggle{ margin-top: 24px!important;}
   .img-servicos img { width: 100%;}
   .title-mais-buscado span{margin-left:0px;}
   .conteudo-paginas{padding-right:0px!important;  padding-left:0px!important;}
   .header-contato { margin: 16% 0% 0% 0%;}
   .featurette-heading{font-size: 24px!important;text-align: center;}
   .content-page{margin-top:4rem;}
   .title-empresa{font-size: 2rem; padding: 35px 0px 0px 0px;}
   .itens-produtos .title-produto h1{font-size:1.7em!important;}
   .itens-mais-visto{font-size: 14px!important;}
}

@media only screen and (max-width: 478px){
       .banner.container-fluid{padding:0px;display: inline;}
       header .navbar-brand img { width:100%; padding: 1px 10px;}
       .navbar-brand,header .navbar-brand{padding:0px;width:100%!important;    font-size: initial;}
}

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