@charset "utf-8";
/* CSS Document 
------------------------
CorpTotal
------------------------
*/

/*/////////////////////////////////////////////
IMPORTACAO DAS FONTES
/////////////////////////////////////////////*/

@font-face{ 
  font-family: 'MyriadProCondensed';
  src: url('../fonts/MyriadPro-Cond.otf') format('opentype');
  src: url('../fonts/myriadpro-cond-webfont.eot');
  src: url('../fonts/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/myriadpro-cond-webfont.woff') format('woff'),
    url('../fonts/myriadpro-cond-webfont.ttf') format('truetype'),
    url('../fonts/myriadpro-cond-webfont.svg#MyriadProCondensed') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face{ 
  font-family: 'MyriadProCondensed';
  src: url('../fonts/MyriadPro-BoldCond.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face{ 
  font-family: 'MyriadProCondensed';
  src: url('../fonts/MyriadPro-BoldCondIt.otf') format('opentype');
  font-weight: bold;
  font-style: italic;
}
@font-face{ 
  font-family: 'MyriadProCondensed';
  src: url('../fonts/MyriadPro-CondIt.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Calibri2';
  src: url('../fonts/calibri.ttf') format('truetype');
  src: url('../fonts/calibri.otf') format('opentype');
  src: url('../fonts/calibri.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?ai9f99');
  src:  url('../fonts/icomoon.eot?ai9f99#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?ai9f99') format('truetype'),
    url('../fonts/icomoon.woff?ai9f99') format('woff'),
    url('../fonts/icomoon.svg?ai9f99#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-text-chat:before {
  content: "\e907";
}
.icon-backup-nuvem:before {
  content: "\e900";
}
.icon-banners:before {
  content: "\e901";
}
.icon-cartao-virtual:before {
  content: "\e902";
}
.icon-qrcode:before {
  content: "\e903";
}
.icon-arrow-title:before {
  content: "\e904";
}
.icon-artes-midias:before {
  content: "\e905";
}
.icon-assinatura-email:before {
  content: "\e906";
}


/* /////////////////////////////////////////////
ESTRUTURA GERAL DA PAGINA
///////////////////////////////////////////// */

body { 
  margin:0; 
  padding:0; 
  border:0; 
  text-align:center; 
  background-color:#FFF;    
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color:#727375; 
}

.conteudo-home{
  padding: 106px 0px 15px 0;
  text-align: center;
}

.conteudo-topo{
  background: linear-gradient(0deg, rgba(53,163,226,1) 0%, rgba(0,153,215,1) 100%);
  z-index:501;
  font-family:'MyriadProCondensed';
  padding: 17px 15px 11px;
  text-align: right;
}

#gradiente-rod {
  width: 100%;
  background: url(../img/home/bg-gradiente-2.jpg) repeat-x;
}

#rodape{
  float:left;
  bottom: 0px;
  left: 0px;
  width: 100%;
  font-family:'MyriadProCondensed';
}

.conteudo-footer{
  background: linear-gradient(
    0deg, rgba(148,149,151,1) 0%, rgba(170,171,173,1) 100%);
  margin-top: 10px;
  padding: 20px 15px;
}

#topo  a { 
  outline:none; 
}
#topo a:link, #topo a:visited, #topo a:hover, #topo a:active {  
  color:#b7d9fa; 
  text-decoration:none; 
  outline:none; 
}
#topo a:hover { 
  color:#FFF; 
} 

#logomarca { 
  position: relative;
  margin: 0 auto;
  top: 11px;
  padding:0px 40px;
  max-width: 100% !important;
}

.bem-vindo{
  width: 150px;
  text-align: right;
  color: #FFF;
  line-height: 24px;
  vertical-align: middle;
  display: inline-block;
}
.bem-vindo a{
  font-family: 'Calibri2',calibri;
  font-size: 0.7em;
  display:block;
  margin-top: -7px;
  color: #bde1f9;
}

.barra-login{
  width: 440px;
  height: 45px;
  display: inline-block;
  margin: 0 10px;
  border-radius: 8px;
  background: rgb(154,202,236);
  background: linear-gradient(
0deg, rgba(154,202,236,1) 0%, rgb(83 180 235) 100%);
}

.form-login{
  margin: 0;
  padding: 0;
}

.form-login input{
  border:#79b1e7 1px solid;
  font-family:'Calibri2',calibri;
  font-size:17px;
  background:#e5f0fb;
  color:#2061a3;
  width: 147px;
  display:inline-block;
  padding:5px;
  height:18px;
  -moz-border-radius: 5px; /* FF */
  -webkit-border-radius: 5px; /* Safari e Chrome */
  border-radius: 5px; /* Opera 10.5+ */
  outline: none;
}

.botao-login{
  background: url(../img/home/botao-login.png) no-repeat !important;
  width: 85px !important;
  height: 45px !important;
  display: block;
  cursor:pointer;
  outline:none;
  border: none !important;
}
.botao-login:hover{
  opacity: 0.8;
}

::-webkit-input-placeholder { color:#2061a3;}
:-moz-placeholder { color:#2061a3;}
::-moz-placeholder { color:#2061a3; }
:-ms-input-placeholder {  color:#2061a3; }

.form-login label{ /*antes era .form-login span */
  display:inline-block; 
  font-size:20px; 
  font-family:'MyriadProCondensed';
  font-weight:normal;     
  color:#FFF;   
  margin: 0 3px 0 2px;
}

.form-login fieldset{
  border: none;
  margin: 8px 5px 8px 5px;
  padding: 0;
}

.copyright {
  font-size:18px;
  color:#fff;
  text-align: center;
  position: relative;
  margin: 10px auto;
  height: 20px;
  width: 100%;
  padding:0px 80px;
  line-height: 24px;
  font-family: 'MyriadProCondensed';
  display: block;
}

/* Assinatura WebCorpore */
#assinatura { 
  position:absolute;
  top:15px; 
  right:-22px;
  z-index:999 !important;
}
#assinatura img{
  max-width: none;
}
.assinaturaDireita { 
  position:absolute; 
  top:10px; 
  right:5px;
}

.form-login{
  vertical-align: middle;
  display: inline-block;
  text-align: center;
}

/* Fix Bootstrap */
fieldset input{
  box-sizing:initial !important;
}

body *{
  text-rendering: initial !important;
  -webkit-font-smoothing: initial !important;
  line-height: 23px;
}


#solucoes-extras{
  padding-bottom: 30px;
  background: rgb(233,233,233);
  background: linear-gradient(0deg, rgb(209 209 209) 50%, rgba(255,255,255,1) 50%);
}

#box-solucoes{
  position: relative;
}

#solucoes-extras .title-solucoes{
  padding: 0px 15px 7px 15px;
  font-size: 1.1em;
  color: #727176;
  margin-top: 120px;
}

#solucoes-extras .title-solucoes i{
  color: #0f9cdb;
}

#solucoes-extras .owl-carousel .owl-stage{
  display: flex;
}

#solucoes-extras .item{
  padding: 18px 18px 36px 18px;
  display: flex;
  height: 100%;
  justify-content: center;
}

#solucoes-extras .item > div{
  padding: 25px 60px 44px;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 62px rgb(0 0 0 / 25%);
  -moz-box-shadow: 0 0 62px rgba(0, 0, 0,0.25);
  box-shadow: 0 0 25px rgb(0 0 0 / 10%);
}

#solucoes-extras .item > div > i{
  font-size: 3em;
  color: #0f9cdb;
  margin-bottom: 10px;
  display: inline-block;
}

#solucoes-extras .item > div h2{
  color: #727176;
  font-size: 0.9em;
}

.box-link{
  position: absolute;
  bottom: 22px;
  width: 100%;
  left: 0;
}

.box-link a{
  background-color: #109adc;
  color: #fff;
  padding: 7px 19px 11px;
}

.box-link a i,
.box-link a span{
  vertical-align: middle;
}

.box-link a i{
  font-size: 1.4em;
}

.box-link a span{
  font-size: 0.9em;
}

#solucoes-extras .owl-nav{
  float: right;
}

#solucoes-extras .owl-next,
#solucoes-extras .owl-prev{
  width: 40px;
  border-radius: 0;
  height: 40px;
  margin: 4px;
  background-image: url(../img/home/arrow-carrossel.png);
}

#solucoes-extras .owl-next span,
#solucoes-extras .owl-prev span{
  display: none;
}

#solucoes-extras .owl-next{
  background-position: right;
  background-repeat: no-repeat;
}

/* Responsive */

@media (max-width: 1199px) {
  #assinatura { 
    right:0px;
  }
}


@media (max-width: 660px) {
  .bem-vindo{
    margin-right: auto;
    width: 100%;
    text-align: center;
  }
  .form-login{
    padding: 20px 0px 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  .form-login > input{
  margin-top: 8px;
  }
  .form-login > input:active{
    top:144px;
  }
  .form-login .barra-login input{
    width: 74%;
    display: inline-block;
  }
  .barra-login{
    border-radius:10px;
    background:#86C5F1;
    height: auto;
    padding:10px;
    float: none;
    display: inline-block;
    width: 100%;
    margin: 0;
  }
  .form-login label{
    clear:left;
    float:left;
    width:65px;
  }
  img#logomarca{
    position: relative;
  }
  body{
    min-width: 360px;
  }
  .copyright{
    padding:0px 100px 0px 30px;
  }

  button.lk-politica{
    position: relative;
    margin: 15px auto;
    display: block;
    top: auto;
    left: auto;
  }

  #assinatura-wcorp{
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
  }

  .copyright{
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    top: auto;
  }

  #rodape2{
    background-image: none;
    background: #9f9fa1;
    height: auto;
    padding: 20px 15px;
  }

  #rodape2 .conteudo{
    height: auto;
  }
  
  #solucoes-extras .owl-nav{
    float: none;
  }
}

@media (max-width: 480px) {
  .copyright{
    line-height: 20px;
  }
}