@import url(iconmoon.css);

html {
  height: auto;
}

body {
  font-family: 'Avenir', sans-serif;
  font-weight: 300;
  color: #fff;
  width: auto !important;
  height: auto;
  overflow-x: hidden !important;
  background: #030303;
}

section {
  width: 100%;
}

body.bg-home {
  background: #030303;
}


/*### HEADER */
header .active {
  border-bottom: 2px solid #fff !important;
}

/*### LOGO HEADER PAGINA HOME e OUTRAS PAGINAS */
.logo-header-home,
.logo-header {
  width: 116px;
  position: absolute;
  left: 20px;
  top: 12px;
}

.logo-header-home {
  /* display: none; */
  opacity: 0;
  transition: all 1.0s ease;
  margin-top: 3px;
}

/*### NAVIGATION MENU */
.nav-down-home,
.nav-down {
  position: fixed;
  width: 100%;
  height: 54px;
  top: 0px;
  padding: 5px 0 0 0;
  z-index: 10;
/* transition: top 2.2s ease-in-out; */
  transition: all 1.0s ease;
  background: rgba(30, 30, 30, 0.9);
}

.nav-down-home {
  background: rgba(30, 30, 30, 0);
}

.nav-up {
  display: none;
}

.nav-menu {
  display: flex;
  list-style: none;
}

.nav-menu li {
  margin: 0 18px;
  font-size: 0.95rem;
  font-weight: 300;
}

.nav-menu li a {
  padding: 9px 7px;
  color: #fff;
}

.nav-menu li a:hover {
  text-decoration: none;
  color: #fff;
}

.nav-menu li.nav-lang {
    margin: 0px 0px 0px 4px;
    padding-top: 10px;
}

.nav-a {
  display: inline-block;
  margin-top: 4px;


}

.nav-placeholder {
  height: 50px;
}

.nav-lang-icon {
  width: 20px;
  height: 20px;
  font-size: 6px;
  fill: #DDDDDD;
  text-align: center;
}

.nav-lang-select {
  background-color: transparent;
  color: #8B8B8B;
  border: 0px;
  outline: 0px;
}

/*### NAVIGATION MENU - DROPDOWN/SUBMENU */
.nav-menu .nav-dropdown-item:after {
	content: '\e93e';
	color: inherit;
	font-family: 'icomoon';
	font-size: 0.8rem;
}

.nav-submenu {
	display: none;
	position: absolute;
	background-color: #191919;
	background-color: rgba(30,30,30,0.9);
	min-width: 330px;
	top: 50px;
	z-index: 0;
}

.nav-submenu a {
	float: none;
	text-decoration: none;
	display: block;
	height:70px;
}

.nav-submenu a:hover {
  background-color: #3880fc;
	border: none;
}

.nav-submenu a:hover .nav-submenu-link-text{
	color: #fff;
}

.nav-submenu-link {
	flex-direction: column;
	display: flex;
  padding-left: 14px;
}

.nav-submenu-link-text {
	font-size: 0.95rem;
	font-weight:200;
	margin-top:4px;
}

.nav-submnenu-link-description {
	font-size: 0.95rem;
	font-weight: 100;
  font-style: italic;
	color: #DDD;
}

.submenu-show {
  display: block;
}

/*### NAVIGATION MENU - LANGUAGE SELECTION */
/* class applies to select element itself, not a wrapper element */
.nav-lang-select {
  display: block;
  font-size: 15.2px;
  font-family: 'Avenir', sans-serif;
  font-weight: 300;
  color: #dddddd;
  line-height: 1.3;
  padding: .31em 1.4em .5em .1em;
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: none;
  margin: 0 auto;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;

  background-color: transparent;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient.
    for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
  */
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='128px' height='128px' viewBox='0 0 128 128' enable-background='new 0 0 128 128' xml:space='preserve' fill='%23ddd'%3E%3Cpath d='M30.204,52.75l40.942,47.342h0.47l40.938-47.342h14.094L78.605,109H63.918L15.881,52.75H30.204z'/%3E%3C/svg%3E%0A");
  /* background-repeat: no-repeat, repeat; */
  background-repeat: no-repeat;
  /* arrow icon position */
  background-position: right .5em top 40%;
  /* background-size  */
  background-size: .85em auto;
  outline: none;
}

/* Hide arrow icon in IE browsers */
.nav-lang-select::-ms-expand {
    display: none;
}

/* Hover style */
.nav-lang-select:hover {
    border-color: transparent;
}

/* Focus style */
.nav-lang-select:focus {
  outline: none;
}

/* Set options to normal weight */
.nav-lang-select option {
  font-weight: 300;
  background-color: rgba(30, 30, 30, .9);
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .nav-lang-select, :root:lang(ar) .nav-lang-select, :root:lang(iw) .nav-lang-select {
  background-position: left .5em top 40%;
  padding: .31em .1em .5em 1.4em;
}

/* Disabled styles */
.nav-lang-select:disabled, .nav-lang-select[aria-disabled=true] {
  color: graytext;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='128px' height='128px' viewBox='0 0 128 128' enable-background='new 0 0 128 128' xml:space='preserve' fill='%23ddd'%3E%3Cpath d='M30.204,52.75l40.942,47.342h0.47l40.938-47.342h14.094L78.605,109H63.918L15.881,52.75H30.204z'/%3E%3C/svg%3E%0A");
}

.nav-lang-select:disabled:hover, .nav-lang-select[aria-disabled=true] {
  border-color: transparent;
}
/*### END OF NAVIGATION MENU */
/*### END OF HEADER */

/*#### BUTTONS */
.btn {
	outline:none !important;
  box-shadow:none !important;
}

.btn-section,
.btn-demo,
.btn-cartao,
.btn-cases,
.btn-clientes,
.btn-carousel,
.submit {
  font-size: 1rem;
  font-weight: bold;
  border: 1px solid #3880fc;
  border-radius: 5px;
  color: #fff;
}

.btn-clientes, .btn-carousel {
  color: #333333;
}

.btn-mobile {
  display: none;
  border: none;
  font-size: 16px;
  width: 200px;
}

.submit {
  padding: 10px 31px 7px 31px ;
  color: #1d1d1d;
  font-weight: 500 ;
  margin-top: 15px;
}

.submit:hover {
  color: #fff !important;
}

/*### SAIBA MAIS BUTTON - SECTION - CENTRAL ALIGNMENT
-------------------------------------------------- */
.btn-section, .btn-clientes, .btn-demo, .btn-carousel {
	margin: 0px auto 45px auto;
  width: 345px;
}

/*### SAIBA MAIS BUTTON - CARTOES */
.btn-cartao {
	width: 200px;
}


/*### Separador utilizado na SECTION RECURSOS */
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 3px solid rgba(160, 160, 160, 0.3);
}

/*### Itens gerais */
#telas-esquerda {
  position: relative;
  width: 80%;
  left: -13%;
  z-index: 2;
}

#telas-direita {
  width: 80%;
  left: 25%;
  position: absolute;
}

.telas {
  margin: -80px auto 0 auto;
  width: 70%;
}

.telas-mob {
  display: none !important;
}

.anima {
  margin-top: -100px;
}

.marca {
  margin-top: 60px;
}

.borda-circular {
  width: 120px; /*### was 150px */
  height: 120px; /*### was 150px */
  border-radius: 50%;
  border: solid 2px #3880fc;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.borda-circular-contato {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: solid 2px #3880fc;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;

}

.borda-circular .icon-Icone_webmobil:before,
.borda-circular .icon-Icone_backup:before,
.borda-circular .icon-Icone_storage:before,
.borda-circular .icon-Icone_web:before,
.borda-circular .icon-Icone_nuvem:before,
.borda-circular .icon-Icone_streaming:before,
.borda-circular .icon-Icone_busca:before,
.borda-circular .icon-Icone_revisar:before,
.borda-circular .icon-Icone_webmobil:before,
.borda-circular .icon-Icone_ingest:before,
.borda-circular .icon-Icone_streaming:before,
.borda-circular .icon-Icone_processadores:before,
.borda-circular .icon-Icone_trasncodificar:before {
  font-size: 2.7rem;
  color: #fff !important;
}

.borda-circular .icon-Icone_revisar:before {
  font-size: 2.4rem;
  padding-left: 15px;
}

.borda-circular .icon-Icone_processadores:before,
.borda-circular .icon-Icone_webmobil:before,
.borda-circular .icon-Icone_busca:before,
.borda-circular .icon-Icone_backup:before,
.borda-circular .icon-Icone_trasncodificar:before {
  font-size: 2.9rem;
}

.borda-circular .iconio-Icone_24x7:before,
.borda-circular .iconio-Icone_temporeal:before,
.borda-circular .iconio-Icone_latencia:before,
.borda-circular .iconio-Icone_multidestinos:before,
.borda-circular .iconio-Icone_multicanais:before,
.borda-circular .iconio-Icone_iomam:before {
  font-size: 5.4rem;
}

.borda-circular .iconio-Icone_integracao:before,
.borda-circular .iconio-Icone_escalabilidade:before,
.borda-circular .iconio-Icone_desenvolvimento:before {
  font-size: 5.4rem;
}

/* HOME*/
.borda-circular .icon-home-arquivos-de-midia:before,
.borda-circular .icon-home-streams-de-rede:before,
.borda-circular .icon-home-hardwares-e-projetos:before {
  font-size: 3.6rem;
  color: #1F1F1F;
}

/* MAM ALFRED2 */
.borda-circular .icon-mam-alfred2-arquitetura-serveflex:before,
.borda-circular .icon-mam-alfred2-poderoso-motor:before,
.borda-circular .icon-mam-alfred2-versoes-desktop:before,
.borda-circular .icon-mam-alfred2-publicacao-facil:before,
.borda-circular .icon-mam-alfred2-transcoding:before,
.borda-circular .icon-mam-alfred2-lto-built-in:before {
  font-size: 3.5rem;
  color: #fff;
}
/* MAM CLOUD */
.borda-circular .icon-mam-cloud-recursos-alfred2:before,
.borda-circular .icon-mam-cloud-visualizacao-streaming,
.borda-circular .icon-mam-cloud-alta-capacidade:before,
.borda-circular .icon-mam-cloud-arquivo-infinito:before,
.borda-circular .icon-mam-cloud-servidores-exclusivos:before,
.borda-circular .icon-mam-cloud-sem-custos:before {
  font-size: 3.5rem;
  color: #1f1f1f;
}

/* STREAMS IO */
.borda-circular .icon-streams-io-multicanais:before,
.borda-circular .icon-streams-io-multiplos-destinos:before,
.borda-circular .icon-streams-io-latencia:before,
.borda-circular .icon-streams-io-24x7:before,
.borda-circular .icon-streams-io-arquitetura-cliente-servidor:before,
.borda-circular .icon-streams-io-integracao-mam:before {
  font-size: 3.5rem;
  color: #fff;
}

/* STREAMS INGEST PLAY */
.borda-circular .icon-streams-ingestplay-playout:before,
.borda-circular .icon-streams-ingestplay-viewer:before,
.borda-circular .icon-streams-ingestplay-blackmagic:before {
  font-size: 3.5rem;
  color: #1f1f1f;
}

/* HARDWARE TOP */
.borda-circular .icon-hardware-top-plataformas-hardware:before,
.borda-circular .icon-hardware-top-montaveis-rack:before,
.borda-circular .icon-hardware-top-alfred-cloud:before {
  font-size: 3.5rem;
  color: #fff;
}

/* HARDWARE SERVER */
.borda-circular .icon-hardware-server-componentes-entreprise:before,
.borda-circular .icon-hardware-server-bem-configurado:before,
.borda-circular .icon-hardware-server-customizavel:before {
  font-size: 3.5rem;
  color: #fff;
}

/* HARDWARE DESKTOP */
.borda-circular .icon-hardware-desktop-projetos:before,
.borda-circular .icon-hardware-desktop-arquivamento-lto:before,
.borda-circular .icon-hardware-desktop-servidores-desktop:before {
  font-size: 3.5rem;
  color: #1f1f1f;
}

/* HARDWARE LTO */
.borda-circular .icon-hardware-lto-roboticas:before,
.borda-circular .icon-hardware-lto-ltfs:before,
.borda-circular .icon-hardware-lto-formatos-legados:before {
  font-size: 3.5rem;
  color: #fff;
}

/* PROJETOS */
.borda-circular .icon-projetos-integracao:before,
.borda-circular .icon-projetos-escalabilidade:before,
.borda-circular .icon-projetos-desenvolvimento:before {
  font-size: 3.5rem;
  color: #1f1f1f;
}

/* CONTATO */
.borda-circular-contato .icon-contato-email:before,
.borda-circular-contato .icon-contato-telefone:before,
.borda-circular-contato .icon-contato-endereco:before {
  font-size: 2.0rem;
  color: #1f1f1f;
}


/*### PAG HOME/ SECTION SOBRE/ CLASS RECONHECIDA */
.reconhecida .icon-check {
  font-size: 2rem;
  vertical-align: -6px;
  margin-right: 35px;
}

.reconhecida .icon-check>.path1 {
  /* margin-right: -32px; */
}

.reconhecida {
  margin: 30px 0;
  font-size: 20px;
}


/* Texto primeira linha - margens laterais*/
.reconhecida>span {
	margin-right: 50px;
	margin-left: 75px;
}

.reconhecida>div {
/*###  margin-top: 50px; */
/*###  margin-right: 0px; */ /* was 50px */
}

/* Texto segunda linha - largura e margem do icone a esquerda */
.reconhecida>div>span {
  /*### width: 240px;
	display: inline-block;
  text-align: left;
  margin-left: 20px; */
}

.reconhecida>div .icon-100 {
  /*### font-size: 3.5rem;
  margin-left: 65px; */
}

.reconhecida>div .icon-globo {
  /*### font-size: 6rem;
	margin-left: 20px; */
}

.reconhecida .icon-sobre-qualidade {
  font-size: 3rem;
  vertical-align: -14px;
  padding-right: 5px;
}

.reconhecida .icon-sobre-profissionalismo {
  font-size: 3rem;
  vertical-align: -14px;
  padding-right: 5px;
}

.reconhecida .icon-sobre-atendimento{
  font-size: 3rem;
  vertical-align: -14px;
  padding-right: 5px;
}

.reconhecida .icon-sobre-100 {
  font-size: 3.8rem;
  vertical-align: -20px;
  padding-right: 15px;
}

.reconhecida .icon-globo{
  font-size: 4.2rem;
  vertical-align: -20px;
  padding-right: 15px;
}

.reconhecida-linha1 {
  margin-top: 25px;
  background-color: #191919;
  margin-left: 20px;
  margin-right: 20px;
  padding-right: 20px;
  width: 240px;
  display: inline-block;
}

.reconhecida-linha2 {
  margin-top: 45px;
  margin-left: 20px;
  margin-right: 20px;
  padding-right: 40px;
  display: inline-block;
}
/* END OF CLASS RECONHECIDA */


/*### ITENS SITE ATUAL */
p.aster {
  width: 100%;
  text-align: right;
  font-size: 14px;
  padding-right: 55px;
}

.p {
  color: #fff;
}

.contato-container {
  width: 65%;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left !important;
  align-items: left !important;
  justify-content: left !important;
}

.m {
  display: inline-block;
  vertical-align: 7px;
}

/* FORM CONTROL CONTATO */
.form-control {
  width: 100%;
  display: inline;
  margin: 0 auto;
}

.form-control,
.form-control:focus,
.form-control:active {
  background-color: #f2f2f2;
  outline: none;
  box-shadow: none !important;
  border: 1px solid #1d1d1d !important;
  color: #1d1d1d;
  font-size: 18px;
}

.form-control::placeholder {
  color: #1d1d1d;
  font-size: 18px;
}

.invalid-feedback {
  margin-left: -15px;
}

/*FORM CONTROL EBOOK */
.section-ebook .form-control {
  width: 100%;
  display: inline;
  margin: 0 auto;
}

.section-ebook .form-control,
.section-ebook .form-control:focus,
.section-ebook .form-control:active {
  background-color: transparent;
  outline: none;
  box-shadow: none;
  border: 1px solid #f1f1f1 !important;
  border-radius: 3px;
  color: #f1f1f1;
  font-size: 16px;
}

.section-ebook .form-control::placeholder {
  color: #DDDDDD;
  font-size: 16px;
}

.section-ebook .invalid-feedback {
  margin-left: 0px;
  margin-top: 0px;
  padding-bottom: 10px;
  text-align: left;
}


/*MAPA*/
#map {
  height: 360px;
  margin-bottom: 60px;
}

.separador-mob {
  display: none;
}


footer {
  width: 100%;
  height: 35px;
  background-color: #2b2b2b;
  position: relative;
  bottom: 0;
  z-index: 2;
}

footer p {
  font-weight: 300;
  line-height: 35px;
  color: #a4a4a4;
}

.info-footer {
  font-size: 1.15rem;
  padding: 20px;
  background: #191919;
  height: 65px;
  position: relative;
  bottom: 0;
  z-index: 2;
}

.info-footer .icon-email:before {
  font-size: 1rem;
  color: #fff;
  vertical-align: -1px;
}

.info-footer .icon-telefone:before,
.info-footer .icon-locacao:before {
  font-size: 1.4rem;
  color: #fff;
  vertical-align: -3px;
}

.info-footer .marca-footer {
  width: 110px;
}

.marca-footer {
  display: none;
}

.info-footer span {
  margin: 0 15px;
}

.info-footer span a {
  color: #fff;
}

.info-footer span a:hover {
  color: #fff;
  text-decoration: none;
}

.legal-footer {
  font-size: 1rem;
  background-color: #2b2b2b;
  height: 35px;
  position: relative;
  bottom: 0;
  z-index: 2;
  padding-top: 5px;
}

.legal-footer span {
  color: #b4b4b4;
  line-height: 1rem;
}

.legal-footer a {
  color: #a4a4a4;
  padding-left: 40px;
}

.php-return-msg {
  border: none;
  height: 20px;
  width: 100%;
  margin: 10px 0px 0px 0px;
  text-align: center;
  /* background-color: rgba(255, 255, 255, 0.2); */
}
/*### END ITENS SITE ATUAL */


/*### LISTA DAS SECTIONS
--------------------------------------------------
Pag HOME:
- section-home
- section-alfred
- section-cartoes
- section-carousel
- section ebook
- section-sobre
Pag ALFRED-MAM
- section-mam-alfred2
- section-mam-cloud
- section-demo
- section-cartoes
Pag ALFRED-STREAMS
- section-streams-io
- section-video
- section-streams-ingest-play
- section-demo
- section-cartoes
Pag ALFRED-HARDWARE
- section-hardware
- section-hardware-servers
- section-hardware-desktop
- section-hardware-lto
- section-demo
- section-cartoes
Pag PROJETOS
- section-projetos
- section-demo
- section-cartoes
Pag CLIENTES-LISTA
- section-clientes-lista
- section-video
- section-clientes-lista-cartoes
- section-clientes-lista-logos
- section-demo
- section-cartoes
Pag CONTATO
- section-contato
- section-contato-form
Pag LEGAL/Privacy
- section-legal
--------------------------------------------------
/*### END OF SECTIONS */


/*### CLASS SECTION-CONTENT
-------------------------------------------------- */
.section-content {
  background-color: #030303;
	width: 100%;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 0px;
}


/*### TITULOS E TEXTOS PRINCIPAIS DAS SECTIONS
- ajuste de titulos e textos principais dos blocos
-------------------------------------------------- */
/* new-align pode conter TITULOS h1, h2, h3, h4, h5 ou h6 e TEXTO p */
.new-align {
  width: 65%;
  margin: 0 auto;
  padding-bottom: 30px;
  text-align: left !important;
}

.new-align h1 {
	font-size: 38px;
	color: #3880fc;
	font-weight: 300;
	text-transform: uppercase;
  margin: 0px 0px 30px 0px;
  margin: 0px 0px 8px 0px;
}

.new-align h2 {
	font-size: 30px;
	color: #3880fc;
	font-weight: 300;
	text-transform: uppercase;
  margin: 0px 0px 25px 0px;
  margin: 0px 0px 10px 0px;
}

.new-align h3 {
	font-size: 24px;
	color: #717171;
	font-weight: 700;
  margin: 0px 0px 20px 0px;
  margin: 0px 0px 10px 0px;
}

.new-align h4 {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
  margin: 0px 0px 20px 0px;
  margin: 0px 0px 8px 0px;
}

.new-align h5 {
	font-size: 16px;
	color: #717171;
	font-weight: 700;
  margin: 0px 0px 20px 0px;
  margin: 0px 0px 6px 0px;
  width: 80%;
  margin-bottom: 6px;
}

.new-align h6 {
	font-size: 15px;
	color: #fff;
	font-weight: 400;
  font-style: italic;
  margin: 0px 0px 20px 0px;
  margin: 0px 0px 50px 0px;
}

.new-align p {
	font-size: 20px;
	line-height: 28px;
	margin: 0px 0px 10px 0px;
  font-style: normal;
}



/*### PAGINA HOME/SECTION CAROUSEL EVENTOS
- ajusta cor do fundo - default black
-------------------------------------------------- */
.section-carousel-eventos .section-content {
  background-color: #030303;
  margin-top: 54px;
  padding-top: 0px;
}

.rectangle-eventos {
  position: absolute;
  top: 100px;
  left: 0px;
  /* width: 170px; PROXIMO EVENTO */
  width: 125px; /* EVENTOS */
  height: 29px;
  border: solid 2px #404040;
  border-radius: 0px 15px 15px 0px;
  background-color: #1a1a1a;
  z-index: 2;
}

.rectangle-eventos p {
  font-size: 12.4px;
  text-align: left;
  padding-left: 26px; /* 17 */
  padding-top: 3.5px;
  line-height: 1.6;
}

 .rect-offset p {
   padding-left: 26px; /* 22 */
}


/*### PAGINA HOME/SECTION HOME
- ajuste margem TOP para se sobrepor a img principal
-------------------------------------------------- */
.section-home .new-align {
  margin: -110px auto 0px auto;
  /* padding-bottom: 10px; */
}
/*### PAGINA HOME/SECTION CAROUSEL
- ajusta cor do fundo - default black
-------------------------------------------------- */
.section-carousel-logos .section-content {
  background-color: #f2f2f2;
}
/*
- ajuste largura titulos e textos
-------------------------------------------------- */
.section-carousel-logos .new-align {
  width: 75%;
  padding-bottom: 0px;
}
/*
- ajuste margem BOTTOM texto principal h1
-------------------------------------------------- */
.section-carousel-logos .new-align h1 {
  margin-bottom: 30px;
  text-align: center;
}
/*
- ajuste cor texto - default white
-------------------------------------------------- */
.section-carousel-logos .new-align p {
  color: #1d1d1d;
}
/*### PAGINA HOME/SECTION ALFRED
- ajusta cor do fundo - default black
-------------------------------------------------- */
.section-alfred .section-content {
  background-color: #f2f2f2;
}
/*
- ajuste cor texto - default white
-------------------------------------------------- */
.section-alfred .new-align p {
  color: #1d1d1d;
}
/*
- ajuste cor titulo bullet - default white
-------------------------------------------------- */
.section-alfred .bullet-title {
  color: #1d1d1d;
}
/*
- ajuste cor texto bullet - default white
-------------------------------------------------- */
.section-alfred .bullet-text {
  color: #1d1d1d;
}

/*### PAGINA HOME/SECTION SOBRE
- texto da SECTION RECONHECIDA
-------------------------------------------------- */
.section-sobre p.w-900 {
  margin-top: -20px;
  margin-bottom: 30px;
  font-size: 28px;
	font-weight: 700;
	text-align: center;
}
/*
- ajuste largura do texto principal
-------------------------------------------------- */
.section-sobre .new-align {
  width: 70%;
  text-align: center !important;
}
/*
- ajuste margem BOTTOM e alinhamento texto principal h1
-------------------------------------------------- */
.section-sobre .new-align h1 {
  margin-bottom: 30px;
}


/*### PAGINA MAM/SECTION ALFRED2
- ajuste margem TOP dos BULLETS para se sobrepor a img principal
-------------------------------------------------- */
.section-mam-alfred2 .bullets-deck {
	margin-top: -70px;
}
/*### PAGINA MAM/SECTION MAM CLOUD
- ajuste margem TOP dos BULLETS para se sobrepor a img principal
-------------------------------------------------- */
.section-mam-cloud .bullets-deck {
	margin-top: 70px;
}
/*
- ajusta cor do fundo - default black
-------------------------------------------------- */
.section-mam-cloud .section-content {
  background-color: #f2f2f2;
}
/*
- ajusta cor do titulo h6 - default white
-------------------------------------------------- */
.section-mam-cloud .section-content .new-align h6 {
  color: #717171;
}
/*
- ajuste cor texto - default white
-------------------------------------------------- */
.section-mam-cloud .new-align p {
  color: #1d1d1d;
}
/*
- ajuste cor titulo bullet - default white
-------------------------------------------------- */
.section-mam-cloud .bullet-title {
  color: #1d1d1d;
}
/*
- ajuste cor texto bullet - default white
-------------------------------------------------- */
.section-mam-cloud .bullet-text {
  color: #1d1d1d;
}

/*### PAGINA STREAMS/SECTION IO
/*
- ajuste margem TOP - distancia da imagem img principal
-------------------------------------------------- */
.section-streams-io .bullets-deck {
  margin-top: -145px;
}
/*### PAGINA STREAMS/SECTION INGEST PLAY
- ajusta cor do fundo - default black
-------------------------------------------------- */
.section-streams-ingest-play .section-content {
  background-color: #f2f2f2;
}
/*
- ajusta cor do titulo h6 - default white
-------------------------------------------------- */
.section-streams-ingest-play .section-content .new-align h6 {
  color: #717171;
}
/*
- ajuste cor texto - default white
-------------------------------------------------- */
.section-streams-ingest-play .new-align p {
  color: #1d1d1d;
}
/*
- ajuste cor titulo bullet - default white
-------------------------------------------------- */
.section-streams-ingest-play .bullet-title {
  color: #1d1d1d;
}
/*
- ajuste cor texto bullet - default white
-------------------------------------------------- */
.section-streams-ingest-play .bullet-text {
  color: #1d1d1d;
}
/*
- ajuste margem TOP - distancia da imagem img principal
-------------------------------------------------- */
.section-streams-ingest-play .bullets-deck {
  margin-top: -70px;
}


/*### PAGINA HARDWARE/SECTION HARDWARE
- ajuste margens dos BULLETS para se sobrepor a img principal
-------------------------------------------------- */
.section-hardware .bullets-deck {
  margin-top: -10px;
}
/*
- ajuste da largura telas principais
-------------------------------------------------- */
.section-hardware .telas-desk {
  width: 85%;
}
/*### PAGINA HARDWARE/SECTION HARDWARE SERVER
- ajuste margens dos BULLETS para se sobrepor a img principal
-------------------------------------------------- */
.section-hardware-server .bullets-deck {
  margin-top: -70px;
}
/*### PAGINA HARDWARE/SECTION HARDWARE DESKTOP
- ajuste margens dos BULLETS para se sobrepor a img principal
-------------------------------------------------- */
.section-hardware-desktop .bullets-deck {
  margin-top: -160px;
}
/*
- ajusta cor do fundo - default black
-------------------------------------------------- */
.section-hardware-desktop .section-content {
  background-color: #f2f2f2;
}
/*
- ajusta cor do titulo h6 - default white
-------------------------------------------------- */
.section-hardware-desktop .section-content .new-align h6 {
  color: #717171;
}
/*
- ajuste cor texto - default white
-------------------------------------------------- */
.section-hardware-desktop .new-align p {
  color: #1d1d1d;
}
/*
- ajuste cor titulo bullet - default white
-------------------------------------------------- */
.section-hardware-desktop .bullet-title {
  color: #1d1d1d;
}
/*
- ajuste cor texto bullet - default white
-------------------------------------------------- */
.section-hardware-desktop .bullet-text {
  color: #1d1d1d;
}


/*### PAGINA PROJETOS/SECTION PROJETOS-BULLETS
- ajusta cor do fundo - default black
-------------------------------------------------- */
.section-projetos-bullets .section-content {
  background-color: #f2f2f2;
}
/*
- ajusta PADDING BOTTOM - default 30px
-------------------------------------------------- */
.section-projetos-bullets .new-align {
  padding-bottom: 0px;
}
/*
- ajusta alinhamento do titulo h2 - default left
-------------------------------------------------- */
.section-projetos-bullets .new-align h2 {
  text-align: center;
}
/*
- ajuste cor titulo bullet - default white
-------------------------------------------------- */
.section-projetos-bullets .bullet-title {
  color: #1d1d1d;
}
/*
- ajuste cor texto bullet - default white
-------------------------------------------------- */
.section-projetos-bullets .bullet-text {
  color: #1d1d1d;
}
/*
- ajuste margens dos BULLETS para se sobrepor a img principal
-------------------------------------------------- */
.section-projetos-bullets .bullets-deck {
  margin-top: -20px;
}


/*### PAGINA CLIENTES-LISTA/SECTION CLIENTES-LISTA-CARTOES
- ajusta cor do fundo - default black
- ajusta PADDING TOP - default 60px
-------------------------------------------------- */
.section-clientes-lista-cartoes .section-content {
  background-color: #f2f2f2;
  padding-top: 10px;
}
/*
- ajusta cor do fundo do cartao - default #191919
-------------------------------------------------- */
.section-clientes-lista-cartoes .cartao {
  border: 2px solid #f2f2f2;
  background-color: #f2f2f2;
}
/*
- ajusta cor do fundo - default 191919
-------------------------------------------------- */
.section-clientes-lista-cartoes .cartao-body {
  background-color: #f2f2f2;
}

.section-clientes-lista-cartoes .cartao-text {
    color: #1d1d1d;
    text-align: left;
}
/*### PAGINA CLIENTES-LISTA/SECTION LOGOS
- ajusta cor do fundo - default black
- ajusta PADDING TOP - default 60px
-------------------------------------------------- */
.section-clientes-lista-logos .section-content {
  background-color: #f2f2f2;
  padding: 0px;
}
/*
- ajusta alinhamento - default left
-------------------------------------------------- */
.section-clientes-lista-logos .new-align {
  text-align: center !important;
}


/*### PAGINA CONTATO
SECTION CONTATO
- ajusta cor do fundo - default black
-------------------------------------------------- */
.section-contato .section-content {
  background-color: #f2f2f2;
  padding-top: 45px;
}
/*
- ajuste largura do texto principal
-------------------------------------------------- */
.section-contato .new-align {
  width: 70%;
  color: #1d1d1d;
}
/*
- ajuste largura bullets-deck - default 82.5%
-------------------------------------------------- */
.section-contato .bullets-deck {
  width: 70%;
  margin: 0 auto;
  padding-bottom: 40px;
}
/*
- ajuste cor titulo bullet - default white
-------------------------------------------------- */
.section-contato .bullet-title {
  color: #1d1d1d;
}
/*
- ajuste cor texto bullet - default white
-------------------------------------------------- */
.section-contato .bullet-text {
  color: #1d1d1d;
}


/*### PAGINA CONTATO/SECTION CONTATO FORM
/*
- ajuste largura do texto principal
-------------------------------------------------- */
.section-contato-form .new-align {
  width: 70%;
  color: #1d1d1d;
}
/*
- ajusta cor do fundo - default black
-------------------------------------------------- */
.section-contato-form .section-content {
  background-color: #f2f2f2;
}
/*
- ajusta largura
-------------------------------------------------- */
.section-contato-form .contato-container {
  width: 70%;
}


/*### PAGINA LEGAL/PRIVACY
SECTION PRIVACY
- ajusta cor do fundo - default black
-------------------------------------------------- */
.section-legal .section-content {
  background-color: #f2f2f2;
  padding-top: 45px;
}
/*
- ajuste largura do texto principal
-------------------------------------------------- */
.section-legal .new-align {
  width: 70%;
  color: #1d1d1d;
}




/*### FASE2 BEGIN */
/*### PAGINA CLIENTES CASES/SECTION CLIENTES CASES
- ajuste largura do texto principal
-------------------------------------------------- */
.section-clientes-cases .new-align {
  width: 75%;
}

/*### PAGINA CLIENTES CASES/SECTION CLIENTES CASES
- ajustes para depoimentos
-------------------------------------------------- */
.section-clientes-cases .cases-depoimento{
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: right;
}

.section-clientes-cases .cases-depoimento hr {
  width: 97%;
  margin-left: 30px;
}

.section-clientes-cases .cases-depoimento>div .icon-x-navbar-aspas {
  margin-left: -15px;
  margin-bottom: -30px;
  display: flex;
  font-size: 40px;
}

.section-clientes-cases .cases-depoimento>div>span{
  margin-left: 20px;
  padding-left:10px;
  display: inline-block;
  text-align: justify;
  width: 700px;
  font-size: 20px;
  font-weight: 700;
}

/*### PAGINA CLIENTES CASES/SECTION CARTOES CASES
- alinha o conteudo do cartao na horizontal (img + body)
-------------------------------------------------- */
.section-cartoes-cases .cartao {
  -ms-flex-direction: row;
  flex-direction:  row;
  background-color: #191919;
  margin-left: 15px;
  margin-right: 15px;
}

.section-cartoes-cases .cartao-title {
  text-align: left;
  padding-left: 30px;
}

.section-cartoes-cases .cartoes-deck {
  width: 82.5%;
}

/* CARTOES CASES - lado esquedo contem IMG sendo 30% do cartao
-------------------------------------------------- */
.section-cartoes-cases .cartao-img {
  padding-left: 5px;
  width: 30%;
  display: flex;
  align-items: center;
}

/* CARTOES CASES - lado dieito contem BODY sendo 70% do cartao
-------------------------------------------------- */
.section-cartoes-cases .cartao-body {
  width: 70%;
}

/*### PAGINA CLIENTES CASES/SECTION CARTOES CASES
- ajustes para depoimentos
-------------------------------------------------- */
.section-cartoes-cases .cases-depoimento{
  margin-top: 20px;
  margin-bottom: 40px;
  text-align: right;
}

.section-cartoes-cases .cases-depoimento>div .icon-x-navbar-aspas {
  margin-left: 0px;
  margin-bottom: -27px;
  display: flex;
  font-size: 24px;
}

.section-cartoes-cases .cases-depoimento>div>span{
  margin-left: 20px;
  margin-bottom: 20px;
  padding-left:10px;
  display: inline-block;
  text-align: left;
  font-size: 20px;
  font-weight: 300;
}

/*### PAGINA CLIENTES CASES/SECTION CARTOES CASES
- ajuste footer do cartao - bottom/left
-------------------------------------------------- */
.section-cartoes-cases .cartao-footer {
  position: absolute;
  left: 30%;
  bottom: 20px;
  padding-left: 40px;
  transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  padding-top: 30px;
}
/*### FASE2 END */


/*### PAGINA HOME/ALFRED MAM/ALFRED STREAMS/ALFRED HARDWARE/PROJETOS/CLIENTES
SECTION CARTOES
- ajuste largura titulos e textos
-------------------------------------------------- */
.section-cartoes .new-align {
  width: 75%;
  margin: 0px auto;
  text-align: center !important;
}
/*### SECTION CARTOES
- ajuste da largura dos 3 cartoes
-------------------------------------------------- */
.section-cartoes .col-xl-4 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
}

/*### SECTION CARTOES LISTA
- ajuste da largura dos 3 cartoes
-------------------------------------------------- */
.section-clientes-lista-cartoes .col-xl-4 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
}

/*### SECTION CARTOES CASES
- ajuste da largura dos 2 cartoes
-------------------------------------------------- */
.section-cartoes-cases .col-xl-6 {
  flex: 1 1 50.0%;
  max-width: 50.0%;
}



/*### PAGINA HOME/ALFRED MAM/ALFRED STREAMS/ALFRED HARDWARE/PROJETOS/CLIENTES
SECTION DEMO
- ajusta cor do fundo - default black
-------------------------------------------------- */
.section-demo .section-content {
  background-color: #191919;
}
/*
- ajusta cor do titulo h2 - default white
-------------------------------------------------- */
.section-demo .section-content .new-align h2 {
  color: #fff;
  text-transform: none;
  font-weight: 500;
  text-align: center;
}
/*
- ajusta alinhamento titulo h3 - default left
-------------------------------------------------- */
.section-demo .section-content .new-align h3 {
  color: #fff;
  font-weight: 500;
  text-align: center;
}


/*### PAGINA HOME/ALFRED MAM/ALFRED HARDWARE
SECTION EBOOK
- ajusta padding - default 60px
-------------------------------------------------- */
.section-ebook .section-content {
  position: relative;
  padding-top: 0px;
}

.section-ebook .section-content .new-align  {
  width: 480px;
  margin: 0 auto;
  text-align: center !important;
}

/*
- ajusta parametros do titulo - default white
-------------------------------------------------- */
.section-ebook .section-content .new-align .titulo-ebook {
  color: #fff;
  font-weight: 400;
  font-style: italic;
  line-height: 1.3;
  padding-top: 30px;
  font-size: 22px;
  margin-bottom: 4px;
}
/*
- ajusta parametors do texto - default white
-------------------------------------------------- */
.section-ebook .section-content .new-align p {
  color: #3880fc;
  color: #6bf;
  font-weight: 500;
  font-size: 19px;
}

.section-ebook .section-content .new-align .lista-emails {
  color: #f1f1f1;
  font-weight: 300;
  font-size: 12.5px;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 1.0;
}

.section-ebook .submit {
  color: #fff !important;
  padding: 5px 25px 5px 25px ;
  font-size: 14px;
  margin-top: 0px;
  border: 1px solid #fff;
}

.section-ebook .submit:hover {
  border: 1px solid #3880fc;
}



/*### SECTION VIDEO
---------------------------------------------------------------------- */
/*### VIDEO IO*/
/*### VIDEO CLIENTES-LISTA*/
.section-video .section-content {
  background-color: #191919;
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-video .section-content video {
	padding-left: 0px;
	padding-right: 0px;

}

.section-video .section-content video:focus {
	outline: none !important;
}

.section-video .section-content video {
	width: 60%;
  margin: 25px auto;
	text-align: center;
	align-items: center;
	justify-content: center;
	display: flex;
}
/*### END OF SECTION VIDEO*/


/*### SECTION CORONA */
.section-corona .section-content {
  background-color: #f2f2f2;
  background-color: #030303;
  margin-top: 3px;
  padding-top: 0px;
}

.section-corona .new-align {
  width: 69%;
  margin: 0 auto;
  color: #1d1d1d;
  color: white;
  padding-bottom: 15px;
}

.section-corona .new-align p {
  font-size: 18px;
  line-height: 1.4;
}

.section-corona .new-align h3 {
  font-weight: 400;
  color: black;
  color: white;
}
/*### END OF CORONA */



/*### ClASS BULLETS
---------------------------------------------------------------------- */
.bullets-deck {
	width: 82.5%;
	margin: 0px auto 0px auto;
}

.bullet-body {
	margin-top: 20px;
	margin-bottom: 40px;
}

.bullet-title {
	margin-top: 20px;
  margin-bottom: 0px;
	font-size: 1.4rem;
	font-weight: 700;
	width: 90%;
}

.bullet-text{
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: 200;
  width: 90%;
}
/*### END OF ClASS BULLETS */


/*### ClASS BULLETS CONTATO
---------------------------------------------------------------------- */
.bullet-body-contato {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left !important;
}

.bullet-text-contato{
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #1d1d1d;
  padding-left:80px;
}

.bullet-text-contato a {
  font-size: 16px;
  color: #1d1d1d;
}
/*### END OF ClASS BULLETS CONTATO */


/*### CLASS CARTOES
-------------------------------------------------- */
.cartoes-deck {
	margin-top: 40px;
  flex-wrap: nowrap;
	width: 82.5%;
	margin: 0 auto;
}

.cartao {
	position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction:  column;
	word-wrap: break-word;
  border: 2px solid transparent;
  border: 2px solid #030303;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 15px;
  margin-right: 15px;
  background-color: #191919;
}

.cartao-hovered {
	border: 2px solid #3880fc;
	border-radius: 0px;
}

.cartao-body {
  background-color: inherit;
	padding: 20px 8px 20px 8px;
  flex: 1 0 auto;
	background-color: #191919;
 	border: 2px solid transparent;
  /* background-color: #fafafa; */
	/* box-shadow: -0px -2px 2px 0px rgba(0,0,0,.4);*/
}

.cartao-body-hovered {
	border: 2px solid #3880fc;
	border-radius: 0px;
}

.cartao-title {
	padding: 0;
	font-weight: 100;
	color: #000;
	color: #fff;
	color: #3880fc;
	text-transform: uppercase;
	font-size: 22.4px;
}

.cartao-text {
	padding-top: 20px;
	margin-bottom: 60px;
	text-align: center;
	font-size: 17px;
  font-weight: 400;
	color: #fff;
}

.cartao-footer {
	position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /*margin: 0 auto;*/
}

.cartao-title-br {
  display: none;
}
/*### END OF ClASS CARTOES


/* CLASS CAROUSEL - bootstrap.bundle.js
-------------------------------------------------- */
/* Carousel base class */
.carousel {
	margin-top: 40px;
  margin-bottom: 2rem;
	width: 78%;
	margin: 0 auto;
}

.carousel-inner {
}

/* Declare heights because of positioning of img element */
.carousel-item {
}

.carousel-item > img {
}

.carousel-control-next, .carousel-control-prev {
	width: 5%;
  background-color: #f2f2f2;
  opacity: 1.0;
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  opacity: 1.0;
}

.carousel-control-prev-icon {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23abcafe' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23abcafe' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
}
    /*
    background: no-repeat 50%/100% 100%;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 50%;
    background-position-y: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-image: none;
    background-size: 100% 100%;
    background-origin: padding-box;
    background-clip: border-box;
    */

.carousel-control-prev-icon:hover {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%233880fc' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon:hover {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%233880fc' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  z-index: 2;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
}

/*### END OF CLASS CAROUSEL */

/*### CAROUSEL LOGOS */
.section-carousel-logos .carousel-indicators li {
  background-color: #1d1d1d;
}

/*### CAROUSEL EVENTOS */
.section-carousel-logos .carousel-indicators {
  margin-bottom: 5px;
}

.section-carousel-eventos .carousel {
	margin-top: 40px;
  margin-bottom: 2rem;
	width: 100%;
	margin: 0 auto;
}

.section-carousel-eventos .carousel-indicators {
  background-color: #030303;
  bottom: -45px;
}

.section-carousel-eventos .carousel-indicators li {
  background-color: white;
}



/* CLASS LOGOS-GRID
-------------------------------------------------- */
.logos-grid {
  display: grid;
  grid-gap: 10px 10px;
  grid-template-columns: auto auto auto auto auto;
  padding: 10px;
  width: 80%;
  margin: 0 auto;
}

.logo-grid-item {
  padding: 10px;
}
/*### END OF lOGOS-GRID */

/* V2
.g-recaptcha {
  transform: scale(.85);
  transform-origin: 0 50%;
  -ms-transform: scale(.85);
  -ms-transform-origin: 0 50%;
  left: 0%;
}
*/

/*###*/
/* INCIO / RESPONSIVE CSS - ainda ha "work to be done" em termos de responsividade */
@media screen and (max-width: 1890px) {
/*### SECTION SOBRE
-------------------------------------------------- */
  .reconhecida>div {
    /* ###margin-right: 0px; */ /* was 20px */
  }

}


@media screen and (max-width: 1614px) {
/*### SECTION SOBRE
-------------------------------------------------- */
  .reconhecida>span {
    margin-right: 65px;
  }

  .reconhecida>div {
    /* #### margin-right: 0px;*/
  }

}



@media screen and (max-width: 1440px) {
  .cartao-title-br {
    display: inline;
  }

}


@media screen and (max-width: 1200px) {
/*### 3 CARTOES
-------------------------------------------------- */
/* Passa de 3 na horizontal para 3 na vertival*/
  .cartoes-deck {
    flex-wrap: wrap;
  }

  .cartao-title {
    font-size: 29px;
  }

  .cartao-text {
    font-size: 20px;
  }

/* quando screen menor de 1200px (lg), somente um cartao por linha*/
  .section-cartoes .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

/* quando screen menor de 1200px (lg), somente um cartao(lista) por linha*/
  .section-clientes-lista-cartoes .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

/* quando screen menor de 1200px (lg), somente um cartao(cases) por linha*/
  .section-cartoes-cases .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .cartao-title-br {
    display: none;
  }

  .info-footer {
    font-size: .95rem
  }

}


@media screen and (max-width: 992px) {
  .nav-lang-arrow {
    margin-left: 0px;
  }
/*### LOGO HEADER PAGINA HOME e OUTRAS PAGINAS */
  .logo-header-home,
  .logo-header {
    display: block;
  }

/*### NAV MENU
-------------------------------------------------- */
  header .active {
    border-bottom: none !important;
    color: #3880fc !important;
  }

  .nav-menu {
    display: none;
  }

  .nav-menu {
    width: 100%;
    height: 100vh;
    background-color: #000;
    flex: none;
    padding-top: 65px;
    position: absolute;
    padding-left: 0;
    top: 0;
    text-align: center;
  }

  .nav-menu li:first-child {
    margin: 0px 0px;
  }

  .nav-menu li {
    display: block;
    text-align: center;
    margin: 0px 0;
    font-size: 1.2rem;
  }

  .nav-menu li a {
    width: 100%;
  }

/* insere o scroll na vertical quando são abertos os SUBMENUS */
  .nav-menu {
  	overflow-y: scroll;
  }

  .nav-submenu {
  	position: static;
  }

  .nav-submenu a {
  	text-align: center;
  }

/* ajusta a fonte do texto e da descrição do item submenu */
  .nav-submenu-link-text {
  	font-size: 1.0rem;
  }

  .nav-submnenu-link-description {
  	font-size: 0.9rem;
  }

  .nav-toggle a {
    right: 40px;
    top: 12px;
    position: absolute;
    z-index: 5;
  }

  .nav-toggle a:hover {
    text-decoration: none;
  }

  .nav-toggle a i:before {
    color: #fff;
    font-size: 1.4rem;
    margin-top: 5px;
    display: inline-block;
  }
/*### END OF NAV MENU */



/*### TITULOS E TEXTOS PRINCIPAIS DAS SECTIONS
- ajuste de titulos e textos principais dos blocos
-------------------------------------------------- */
/* new-align pode conter TITULOS h1, h2, h3, h4, h5 ou h6 e TEXTO p */
  .new-align {
    width: 75%;
  }

/*### PAGINA HOME/SECTION CAROUSEL EVENTOS
- ajuste margem TOP
-------------------------------------------------- */
  .section-carousel-eventos .section-content {
    padding-top: 28px;
  }

/*### PAGINA HOME/SECTION HOME/TITULO e TEXTO
- ajuste margens TOP e BOTTOM
-------------------------------------------------- */
  .section-home .new-align {
    margin: 50px auto 0px auto;
  }

/*### PAGINA ALFRED MAM/SECTION ALFRED2/TITULO e TEXTO
- ajuste margens TOP e BOTTOM
-------------------------------------------------- */
  .section-mam-alfred2 .new-align {
    margin: 20px auto 30px auto;
  }

/*
- ajuste margem TOP - distancia da imagem img principal
-------------------------------------------------- */
  .section-mam-alfred2 .bullets-deck {
    margin-top: -40px;
  }


/*### PAGINA ALFRED MAM/SECTION CLOUD/TITULO e TEXTO
- ajuste margens TOP e BOTTOM
-------------------------------------------------- */
  .section-mam-cloud .new-align {
    margin: 20px auto 60px auto;
  }
/*
- ajuste margem TOP - distancia da imagem img principal
-------------------------------------------------- */
  .section-mam-cloud .bullets-deck {
    margin-top: 70px;
  }


/*### PAGINA ALFRED IO/SECTION IO/TITULO e TEXTO
- ajuste margens TOP e BOTTOM
-------------------------------------------------- */
  .section-streams-io .new-align {
    margin: 20px auto 30px auto;
  }
/*### PAGINA ALFRED IO/SECTION INGEST PLAY/
- ajuste margem TOP - distancia da imagem img principal
-------------------------------------------------- */
  .section-streams-io .bullets-deck {
    margin-top: -100px;
  }


/*### PAGINA ALFRED HARDWARE/SECTION HARDWARE/Bullets
- ajuste margem TOP - distancia da imagem img principal
-------------------------------------------------- */
  .section-hardware .bullets-deck {
    margin-top: -30px;
  }
/*### PAGINA HARDWARE/SECTION SERVER/Bullets
- ajuste margem TOP - distancia da imagem img principal
-------------------------------------------------- */
  .section-hardware-server .bullets-deck {
    margin-top: -20px;
  }
/*### PAGINA HARDWARE/SECTION DESKTOP/Bullets
- ajuste margem TOP - distancia da imagem img principal
-------------------------------------------------- */
  .section-hardware-desktop .bullets-deck {
    margin-top: -80px;
  }



  /*### SECTION VIDEO
  -------------------------------------------------- */
  .section-video .section-content {
  	padding-top: 35px;
  	padding-bottom: 35px;
  }

  .section-video .section-content video {
    width: 75%;
  }

  /*### SECTION PROJETOS-BULLETS
  -------------------------------------------------- */
  .section-projetos-bullets .section-content {
  	padding-top: 30px;

  }

  /*### SECTION LEGAL/PRIVACY
  -------------------------------------------------- */
  .section-legal .new-align {
    width: 85%;
  }


/*### SECTION SOBRE
-------------------------------------------------- */
  .reconhecida {
    margin: 46px 0 30px 0;
  }

/* Texto primeira linha */
  .reconhecida>span {
    /* ###margin: 20px 0 20px 0;
    display: block;
    text-align: center;*/
  }

  .reconhecida>div {
    text-align: center;
  }

  .reconhecida>div .icon-globo,
  .reconhecida>div .icon-sobre-100 {
    display: block;
  }

.reconhecida-linha1 {
  display: block;
  text-align: center !important;
  /* width: 30%; */
  margin: 0 auto;
    margin-bottom: 35px;
}

.reconhecida-linha2 {
  display: block;
  text-align: center !important;
  /* width: 30%; */
  margin: 0 auto;
  padding-right: 0px;
  margin-bottom: 35px;
}

.reconhecida .icon-sobre-100 {
  padding-right: 0px;
  padding-bottom: 10px;
}

.reconhecida .icon-globo{
  padding-right: 0px;
  padding-bottom: 10px;
}
/* Bloco segunda linha - largura e margens */
  .reconhecida>div {
    /*### width: 100%;
    margin: 40px 0px 0px 0px;
    */
  }

  .reconhecida>div .icon-globo,
  .reconhecida>div .icon-100 {
  	/* ### display: block;
  	margin-left: 0px;
  	margin-bottom: 20px; */
  }

  .reconhecida>div>i {
    /* ###margin-bottom: 20px; */
  }

  .reconhecida>div .icon-100 {
    /*### font-size: 2.2rem;
    margin-left: 0px; */
  }

  .reconhecida>div .icon-globo {
    /* ###font-size: 5rem;
    margin-left: 0px; */
  }

/* Texto segunda linha - alinhamento texto a esquerda */
  .reconhecida>div>span {
  	/* text-align: center;
  	margin-left: 0px; */
  }

  .reconhecida>span>span {
    /* ###vertical-align: -3px; */
  }

  .offset {
  	/*### margin-top: 30px !important;
    margin-left: 0; */
  }

/*### SECTION CLIENTES CASES
- ajusta largura do texto contendo o depoimento*/
  .section-clientes-cases .cases-depoimento>div>span{
    width: 480px;
  }


/*### 3 CARTOES
---------------------------------------------------------------------- */
  .cartao-title {
    font-size: 25.3px;
  }

  .cartao-text {
    font-size: 18px;
  }


/*### BTN SECTION
-------------------------------------------------- */
  .btn-section, .btn-clientes, .btn-demo {
    font-size: .9rem;
    padding: 10px 20px;
    margin-top: 20px;
  }

  .btn-carousel {
    font-size: .9rem;
    padding: 10px 20px;
  }

  .logos-grid {
    display: grid;
    grid-gap: 10px 10px;
    grid-template-columns: auto auto auto;
    padding: 25px;
    width: 80%;
    margin: 0 auto;
  }

/*### EVENTOS SECTION */

  .rectangle-eventos {
    position: absolute;
    display: inline;
    top: 54px;
    width: 100%;
    margin: 0 auto;
    border-radius: 0;
    border: none;
  }

  .rectangle-eventos p {
    font-size: 13px;
    text-align: center;
    padding-top: 6px;
    padding-left: 0px;
  }

/*### Itens gerais
-------------------------------------------------- */
  .telas-desk {
    display: none !important;
  }

  .telas-mob {
    display: block !important;
    width: 75%;
    margin: 0 auto;
  }

  .section-carousel-eventos .telas-mob {
    width: 100%;
  }

  .section-contato .telas-mob {
    width: 100%;
  }

  .section-projetos-bullets .telas-mob {
    width: 100%;
  }

  .marca {
    max-width: 60%;
    margin-top: 50px;
    margin-left: 6%;
    margin-bottom: 60px;
  }

  .separador-mob {
    display: block;
  }

  .separador-mob hr {
    background: #333;
    width: 95%;
  }


  body>header>ul>li.separador-mob>p {
    font-size: 1.3rem;
  }

  .contato-container {
    width: 75%;
    display: inline-block;
  }

  footer.contato-f {
    position: relative;
  }

  footer p {
    font-size: .7rem;
  }

  .info-footer {
    font-size: 1rem;
    height: auto;
    padding: 1px 1px 10px 1px;
  }

  .info-footer span {
    display: block;
    margin-top: 10px;
  }

  .info-footer .marca-footer {
    width: 170px;
  }

  .legal-footer {
    height: auto;
    padding-top: 7px;
  }

  .legal-footer span {
    display: block;
    font-size: 0.8rem;
  }

  .legal-footer a {
    padding-left: 0px;
    line-height: 1.6rem;
  }


}
/*### END 992 */


@media screen and (max-width: 915px) {
/*### SECTION SOBRE
-------------------------------------------------- */
/*###
  .reconhecida>div {
    text-align: center;
  }

  .reconhecida>div .icon-globo,
  .reconhecida>div .icon-sobre-100 {
    display: block;
  }
*/
/* .reconhecida-linha2 {
  text-align: center;
} */

}


@media screen and (max-width: 805px) {

/*### SECTION SOBRE
-------------------------------------------------- */
  .reconhecida {
    width: 100%;
  }

  .reconhecida>div>i {
		margin: 0px auto 20px auto;
	}

  .reconhecida>span {
    margin: 20px 0 20px 0;
  }

}


@media screen and (max-width: 768px) {

  p.aster {
    font-size: .9rem;
    text-align: center;
    padding-right: 0px;
  }


/*### SECTON CLIENTES CASES
-------------------------------------------------- */
  .section-clientes-cases .cases-depoimento{
    text-align: center;
  }

/*### SECTON VIDEO
-------------------------------------------------- */
  .section-video .section-content {
	  padding-top: 25px;
	  padding-bottom: 25px;
  }

  .section-video .section-content video {
  	width: 75%;
  }

/*### Carousel */
/* Carousel base class */
  .section-carousel-logos .carousel {
    margin-top: 10px;
    margin-bottom: 12px;
    width: 90%;
    margin: 0 auto;
  }

  .section-carousel-logos .carousel-control-next-icon, .section-carousel-logos .carousel-control-prev-icon {
    width: 20px;
    height: 20px;
  }

}


@media screen and (max-width: 620px) {

  .new-align {
    width: 75%;
  }

	.new-align h1 {
    font-size: 33px;
  }

  .new-align h2 {
    font-size: 29px;
  }

/*### 3 CARTOES
---------------------------------------------------------------------- */
  .cartao-title {
  	font-size: 24px;
  }
  .cartao-text {
    font-size: 18px;
  }

/*### SECTION SOBRE
-------------------------------------------------- */
  .reconhecida>span {
    margin: 20px 0 20px 0;
  }

/*### SECTION CLIENTES CASES
- ajusta alinhamento e largura do texto */
  .section-clientes-cases .cases-depoimento>div>span{
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

/*### SECTION CLIENTES CASES
- ajusta separator após ajuste de alinhamento do texto */
  .section-clientes-cases .cases-depoimento hr {
    width: 97%;
    margin-left: 10px;
  }

/*### Carousel
/* Carousel base class */
  .section-carousel-logos .carousel {
	  margin-top: 10px;
    margin-bottom: 10px;
	  width: 95%;
	  margin: 0 auto;
  }

  .section-carousel-logos .carousel-control-next-icon, .section-carousel-logos .carousel-control-prev-icon {
    width: 15px;
    height: 15px;
  }

/*### SAIBA MAIS BUTTON - CARTOES CASES
- ajuste largura botao SAIBA MAIS
-------------------------------------------------- */
  .btn-cases {
  	width: 120px;
  }

  .info-footer {
    padding: 5px 5px 20px 5px;
  }

  .info-footer span {
    margin-top: 13px;
  }

}


@media screen and (max-width: 576px) {
/*### LOGO HEADER PAGINA HOME e OUTRAS PAGINAS */
  .logo-header-home,
  .logo-header {
    width: 94px;
    position: absolute;
    left: 12px;
    top: 12px;
  }

  .nav-toggle a {
    right: 20px;
    top: 10px;
    position: absolute;
    z-index: 5;
  }
/*### NAV MENU ###*/

/* ajusta a fonte do texto e da descrição do item submenu */
  .nav-menu li {
    font-size: 16px;
  }

  .nav-submenu-link-text {
    font-size: 14px;
  }

  .nav-submnenu-link-description {
    font-size: 12px;
  }

  p.aster {
    font-size: 12px;
  }

  .marca {
    max-width: 75%
  }

  .btn-mobile {
    display: inline-block !important;
    color: #3880fc !important;
  }

  .section-home .btn-mobile {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .btn-section {
    display: none !important;
  }

  .btn-clientes {
    display: none !important;
  }

  .btn-carousel {
    display: none !important;
  }

  .btn-demo {
    display: none !important;
  }

  .btn-cartao {
    display: none !important;
  }

  .borda-circular {
    width: 100px; /*### was 150px */
    height: 100px; /*### was 150px */
  }

  .borda-circular .icon-webmobil:before,
  .borda-circular .icon-backup:before,
  .borda-circular .icon-storage:before,
  .borda-circular .icon-web:before,
  .borda-circular .icon-nuvem:before,
  .borda-circular .icon-streaming:before,
  .borda-circular .icon-busca:before,
  .borda-circular .icon-revisar:before,
  .borda-circular .icon-webmobil:before,
  .borda-circular .icon-ingest:before,
  .borda-circular .icon-streaming:before,
  .borda-circular .icon-processadores:before,
  .borda-circular .icon-trasncodificar:before {
    font-size: 2.4rem;
    color: #fff !important;
  }

  .borda-circular .iconio-Icone_24x7:before,
  .borda-circular .iconio-Icone_temporeal:before,
  .borda-circular .iconio-Icone_latencia:before,
  .borda-circular .iconio-Icone_multidestinos:before,
  .borda-circular .iconio-Icone_multicanais:before,
  .borda-circular .iconio-Icone_iomam:before,
  .borda-circular .iconio-Icone_integracao:before,
  .borda-circular .iconio-Icone_escalabilidade:before,
  .borda-circular .iconio-Icone_desenvolvimento:before {
    font-size: 4.4rem;
  }

  .borda-circular .icon-home-arquivos-de-midia:before,
  .borda-circular .icon-home-streams-de-rede:before,
  .borda-circular .icon-home-hardwares-e-projetos:before {
    font-size: 4.4rem;
  }

  .borda-circular .iconio-Icone_multidestinos:before,
  .borda-circular .iconio-Icone_multicanais:before,
  .borda-circular .iconio-Icone_iomam:before,
  .borda-circular .iconio-Icone_integracao:before,
  .borda-circular .iconio-Icone_escalabilidade:before,
  .borda-circular .iconio-Icone_desenvolvimento:before {
    font-size: 4.4rem;
  }


/* HOME */
  .borda-circular .icon-home-arquivos-de-midia:before,
  .borda-circular .icon-home-hardwares-e-projetos:before {
    font-size: 2.7rem;
    color: #1F1F1F;
  }
/* HOME DARK BACKGROUND */
  .borda-circular .icon-home-streams-de-rede:before {
    font-size: 2.7rem;
    color: #fff;
  }

/* MAM ALFRED2 */
  .borda-circular .icon-mam-alfred2-arquitetura-serveflex:before,
  .borda-circular .icon-mam-alfred2-poderoso-motor:before,
  .borda-circular .icon-mam-alfred2-versoes-desktop:before,
  .borda-circular .icon-mam-alfred2-publicacao-facil:before,
  .borda-circular .icon-mam-alfred2-transcoding:before,
  .borda-circular .icon-mam-alfred2-lto-built-in:before {
    font-size: 2.3rem;
  }
  /* MAM CLOUD */
  .borda-circular .icon-mam-cloud-recursos-alfred2:before,
  .borda-circular .icon-mam-cloud-alta-capacidade:before,
  .borda-circular .icon-mam-cloud-servidores-exclusivos:before {
    font-size: 2.3rem;
  }
  /* MAM CLOUD DARK BACKGROUND */
  .borda-circular .icon-mam-cloud-visualizacao-streaming,
  .borda-circular .icon-mam-cloud-arquivo-infinito:before,
  .borda-circular .icon-mam-cloud-sem-custos:before {
    font-size: 2.3rem;
    color: #fff;
  }


  /* STREAMS IO */
  .borda-circular .icon-streams-io-multicanais:before,
  .borda-circular .icon-streams-io-multiplos-destinos:before,
  .borda-circular .icon-streams-io-latencia:before,
  .borda-circular .icon-streams-io-24x7:before,
  .borda-circular .icon-streams-io-arquitetura-cliente-servidor:before,
  .borda-circular .icon-streams-io-integracao-mam:before {
    font-size: 2.3rem;
  }
  /* STREAM INGEST PLAY */
  .borda-circular .icon-streams-ingestplay-playout:before,
  .borda-circular .icon-streams-ingestplay-blackmagic:before {
    font-size: 2.3rem;
  }
  /* STREAM INGEST PLAY DARK BACKGROUND */
  .borda-circular .icon-streams-ingestplay-viewer:before {
    font-size: 2.3rem;
    color: #fff;
  }

  /* HARDWARE TOP */
  .borda-circular .icon-hardware-top-plataformas-hardware:before,
  .borda-circular .icon-hardware-top-montaveis-rack:before,
  .borda-circular .icon-hardware-top-alfred-cloud:before {
    font-size: 2.3rem;
  }
  /* HARDWARE SERVER */
  .borda-circular .icon-hardware-server-componentes-entreprise:before,
  .borda-circular .icon-hardware-server-bem-configurado:before,
  .borda-circular .icon-hardware-server-customizavel:before {
    font-size: 2.3rem;
  }
  /* HARDWARE DESKTOP */
  .borda-circular .icon-hardware-desktop-projetos:before,
  .borda-circular .icon-hardware-desktop-servidores-desktop:before {
    font-size: 2.3rem;
    color: #1f1f1f;
  }
  /* HARDWARE DESKTOP DARK BACKGROUND */
  .borda-circular .icon-hardware-desktop-arquivamento-lto:before {
    font-size: 2.3rem;
    color: #fff;
  }
  /* HARDWARE LTO */
  .borda-circular .icon-hardware-lto-roboticas:before,
  .borda-circular .icon-hardware-lto-ltfs:before,
  .borda-circular .icon-hardware-lto-formatos-legados:before {
    font-size: 2.3rem;
  }

  /* PROJETOS */
  .borda-circular .icon-projetos-integracao:before,
  .borda-circular .icon-projetos-desenvolvimento:before {
    font-size: 2.3rem;
  }
  /* PROJETOS DARK BACKGROUND */
  .borda-circular .icon-projetos-escalabilidade:before {
    font-size: 2.3rem;
    color: #fff;
  }

  /* CONTATO */
  .borda-circular-contato .icon-contato-email:before,
  .borda-circular-contato .icon-contato-telefone:before,
  .borda-circular-contato .icon-contato-endereco:before {
    font-size: 2.0rem;
    color: #1f1f1f;
  }



  /*### CLASS SECTION-CONTENT
  -------------------------------------------------- */
  .section-content {
    padding-top: 30px;
  }


  /*### TITULOS E TEXTOS PRINCIPAIS DAS SECTIONS
  - ajuste de titulos e textos principais dos blocos
  -------------------------------------------------- */
  /* new-align pode conter TITULOS h1, h2, h3, h4, h5 ou h6 e TEXTO p */
  .new-align {
    width: 75%;
    padding-bottom: 20px;
  }

  .new-align h1 {
    font-size: 24px;
  }

  .new-align h2 {
    font-size: 22px;
  }

  .new-align h3 {
    font-size: 20px;
  }

  .new-align h4 {
    font-size: 18px;
  }

  .new-align h5 {
    font-size: 15px;
  }

  .new-align h6 {
    font-size: 14px;
  }

  .new-align p {
    font-size: 16px;
  }


  /*### PAGINA HOME/SECTION CAROUSEL EVENTOS
  - ajuste margem TOP
  -------------------------------------------------- */
  .section-carousel-eventos .carousel-inner {
    margin-top: 0px;
  }

  /*### PAGINA HOME/SECTION HOME/TITULO e TEXTO
  - ajuste margens TOP e BOTTOM
  -------------------------------------------------- */
  .section-home .new-align {
    margin: 60px auto 0px auto;
  }

  /*### PAGINA HOME/SECTION SOBRE
  - texto da SECTION RECONHECIDA
  -------------------------------------------------- */
  .section-sobre p.w-900 {
    font-size: 18px;
  }

  /*### PAG HOME/ SECTION SOBRE/ CLASS RECONHECIDA */
  .reconhecida {
    font-size: 18px;
  }

  /*
  .reconhecida .icon-Icone_check {
    font-size: 16px;
    vertical-align: -1px;
  }

  .reconhecida .icon-Icone_check>.path1 {
    margin-right: -8px;
  }
  */
  .reconhecida-linha2 {
    width: 250px;
    padding-right: 0px;
  }

  .reconhecida .icon-sobre-100 {
    font-size: 3.0rem;
    padding-bottom: 8px;
  }

  .reconhecida .icon-globo{
    font-size: 3.0rem;
    padding-bottom: 8px;
  }


/*### PAGINA MAM/SECTION MAM ALFRED2/Bullets
- ajuste margem TOP - distancia da imagem img principal
-------------------------------------------------- */
  .section-mam-alfred2 .bullets-deck {
    margin-top: -40px;
  }
/*### PAGINA MAM/SECTION MAM CLOUD/Bullets
- ajuste margem TOP - distancia da imagem img principal
-------------------------------------------------- */
  .section-mam-cloud .bullets-deck {
    margin-top: 40px;
  }
/*### PAGINA MAM/SECTION CLOUD */
  .section-mam-cloud .telas-mob {
    width: 85%;
  }

/*### PAGINA STREAMS/SECTION INGEST PLAY
- ajuste margem TOP - distancia da imagem img principal
-------------------------------------------------- */
  .section-streams-io .bullets-deck {
    margin-top: -60px;
  }

/*### PAGINA STREAMS/SECTION INGEST PLAY
- ajuste margem TOP - distancia da imagem img principal
-------------------------------------------------- */
  .section-streams-ingest-play .bullets-deck {
    margin-top: -35px;
  }


/*### PAGINA HARDWARE/SECTION HARDWARE */
  .section-hardware .telas-mob {
    width: 85%;
  }
/*### PAGINA HARDWARE/SECTION HARDWARE/Bullets
- ajuste margem TOP - distancia da imagem img principal
-------------------------------------------------- */
  .section-hardware .bullets-deck {
    margin-top: 0px;
  }
/*### PAGINA HARDWARE/SECTION SERVER/Bullets
- ajuste margem TOP - distancia da imagem img principal
-------------------------------------------------- */
  .section-hardware-server .bullets-deck {
    margin-top: -10px;
  }
/*### PAGINA HARDWARE/SECTION DESKTOP/Bullets
- ajuste margem TOP - distancia da imagem img principal
-------------------------------------------------- */
  .section-hardware-desktop .bullets-deck {
    margin-top: -50px;
  }


/*### PAGINA PROJETOS/SECTION PROJETOS */
  .section-projetos .telas-mob {
    padding-top: 30px;
    width: 100%;
    margin: 0 auto;
  }
/*### PAGINA PROJETOS/SECTION PROJETOS/Bullets
- ajuste margem TOP - distancia da imagem img principal
-------------------------------------------------- */
  .section-projetos .bullets-deck {
    margin-top: 0px;
  }



/*### SECTION VIDEO
- ajuste largura e margens
-------------------------------------------------- */
  .section-video .section-content video {
  	width: 100%;
    margin: 45px auto 25px auto;
  }

/*### PAGINA CONTATO
SECTION CONTATO
- ajusta cor do fundo - default black
-------------------------------------------------- */
  .section-contato .section-content {
    padding-top: 28px;
  }

/*### PAGINA LEGAL/PPRIVACY
SECTION LEGAL
- ajusta cor do fundo - default black
-------------------------------------------------- */
  .section-legal .section-content {
    padding-top: 28px;
  }
/*
- ajuste margens
-------------------------------------------------- */
  .section-legal .new-align {
    width: 90%;
    margin: 20px auto 0px auto;
  }


/*### PAGINA HOME/ALFRED MAM/ALFRED STREAMS/ALFRED HARDWARE/PROJETOS/CLIENTES
SECTION CARTOES
- ajuste largura titulos e textos
-------------------------------------------------- */
  .section-cartoes .new-align {
    width: 85%;
    margin: 0px auto;
  }


/*### ClASS BULLETS
---------------------------------------------------------------------- */
  .bullets-deck {
    width: 100%;
  }

  .bullet-body {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .bullet-title {
    font-size: 18px;
  }

  .bullet-text {
    font-size: 16px;
    width: 80%;
  }

  .bullet-body:nth-child(2), .bullet-body:nth-child(4), .bullet-body:nth-child(6)  {
    background-color: #191919;
  }

  .bullet-body:nth-child(2) .bullet-title, .bullet-body:nth-child(4) .bullet-title, .bullet-body:nth-child(6) .bullet-title {
    color: #fff;
  }

  .bullet-body:nth-child(2) .bullet-text, .bullet-body:nth-child(4) .bullet-text, .bullet-body:nth-child(6) .bullet-text {
    color: #fff;
  }

  .bullet-body-contato {
    padding-left: 0px;
    padding-right: 0px;
  }
/*### END OF ClASS BULLETS ###*/

/*### CLASS CARTOES
-------------------------------------------------- */
  .cartoes-deck {
  	width: 100%;
  }

  .cartao {
    margin-left: 0px;
    margin-right: 0px;
  }

  .cartao-title {
  	font-size: 20px;
  }

  .cartao-text {
  	font-size: 15px;
    width: 80%;
  }
/*### END OF ClASS CARTOES ###*/

/*### CLASS CAROUSEL
-------------------------------------------------- */
  .section-carousel-logos .section-content {
    padding-bottom: 20px;
  }

  .section-carousel-logos .carousel-inner {
    margin-top: 20px;
    padding-bottom: 20px;
  }
/*### END OF ClASS CAROUSEL ###*/

/*### CLASS LOGS-GRID
-------------------------------------------------- */
  .logos-grid {
    display: grid;
    grid-gap: 10px 10px;
    grid-template-columns: auto;
    padding: 25px;
    width: 75%;
    margin: 0 auto;
  }

  .logo-grid-item {
    padding: 10px 10px 10px 10px;

  }
/*### END OF ClASS LOGOS-GRID ###*/


/*### PAGINA HOME/ALFRED MAM/ALFRED HARDWARE
SECTION EBOOK */
  .section-ebook .section-content .new-align  {
    width: 80%;
  }

  .section-ebook .php-return-msg  {
    height: 40px;
  }

  .legal-footer span {
    font-size: 0.7rem;
  }


}
/*### END 576 */


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


@media screen and (max-width: 450px) {

  .m {
    width: 70%;
  }

}

@media screen and (max-width: 420px) {

  .marca {
    margin-top: 30px;
  }

}


@media screen and (max-width: 400px) {
/*### SAIBA MAIS BUTTON - CARTOES CASES
- ajuste largura botao SAIBA MAIS
-------------------------------------------------- */
  .btn-cases {
    font-size: 12px;
    width: 90px;
    padding: 6px 6px;
  }

}


@media screen and (max-width: 240px) {
/*### SECTION SOBRE
-------------------------------------------------- */
	.reconhecida>div>span {
	    width: auto;
			display: inline-block;
	    margin: 0 auto;
	}

  .reconhecida-linha1 {
    width: 60%;
    margin: 0 auto;
    padding-right: 0px;
  }

  .reconhecida-linha2 {
    width: 60%;
    margin: 0 auto;
    padding-bottom: 10px;
  }


}


@media screen and (min-width: 993px) {
/* NAVIGATION MENU
- mostra o NAV MENU horizontal quando a janela passa de 992 px
- vindo do NAV TOGGLE vertical o menu volta na horizontal */
  .nav-menu {
    display: flex !important;
    list-style: none;
  }

}

/*###*/