body {
font-family: 'Roboto', sans-serif;
}
body .menu ul {
    list-style: none;
    padding: 0;
    margin-top: 55px;
    text-align: right;
    color: #3d3b3b;
}
#mySidenav ul.navbar-nav>li:not(:last-child):not(:first-child):not(:nth-child(2)):before {
    content: "|";
    position: absolute;
    display: inline-block;
    left: 0;
}
.menu ul li {
    display: inline-block;
    padding: 0 5px;
}
.menu ul li a {
    text-decoration: none;
    color: #3d3b3b;
}
.banner-home {
    padding: 0;
}
.title strong {
    display: block;
}
.container.princ-banner {
    color: #FFF;
    position: relative;
    transform: translate(2%,40%);
}
h2.title {
    font-size: 48px;
}
h2.title strong {
    font-size: 70px;
}
.conteudo-bannerprinc .desc {
    width: 30%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.conteudo-bannerprinc a {
    margin: 20px 5px;
}
a.btn-banner-princ {
    color: #FFF;
    text-decoration: none;
    background-color: #ff335e;
    padding: 12px 37px;
    border-radius: 20px;
}
body .solucoes h3.titulo {
    background-color: #8f44ad;
}
body .remoto h3.titulo {
    background-color: #0dc894;
}
body .redbox h3.titulo {
    background-color: #ff335e;
}

.home .top-bar h1{
    margin: 0;
}
.solucoes h3.titulo,
.remoto h3.titulo,
.redbox h3.titulo {
    text-align: center;
    padding: 10px 40px;
    display: inline-block;
    border-radius: 30px;
    color: #FFF;
    margin-bottom: 25px;
}
.infos p.desc {
    font-size: 20px;
    width: 46%;
    margin: 0 auto;
}
.infos-remoto p.desc {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.infos-solucoes p.desc {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.infos {
    text-align: center;
    margin-bottom: 20px;
}
.redbox .conteudo-box {
    margin-top: 40px;
}
.infos-redbox {
    display: inline-block;
    width: 84%;
}
.redbox .conteudo-box img {
    margin-top: -110px;
}
body .redbox .conteudo-box img {
    margin: 0 auto;
    display: inline-block;
    float: left;
    margin-top: -8px;
}
.banner-home .slider-banners img {
    margin: 0 auto;
}
.conteudo-box img {
    margin: 0 auto;
    display: inline-block;
}
.infos-redbox .titulo {
    color: #ff335e;
    font-size: 23px;
}
.menu a.active {
    color: #FFF!important;
    padding: 5px 25px;
    background-color: #ff335e;
    border-radius: 30px;
    margin-top: -5px;
}
.solucoes .conteudo-box,
.remoto .conteudo-box {
    text-align: center;
}
.remoto {
    background-image: url('../img/bgremoto.jpg');
    padding-top: 20px;
    padding-bottom: 50px;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner-home {
    background-image: url('../img/banner-home.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 514px;
    background-position-y: 50%;
}
.infos-remoto h4.titulo {
    font-weight: 600;
    font-size: 22px;
    margin-top: 0;
}
.redbox {
    margin-top: 20px;
    margin-bottom: 50px;
}
a.btn-infos img {
    margin-top: -3px;
}
a.btn-infos {
    text-decoration: none;
    color: #FFF;
    padding: 8px 15px;
    border-radius: 30px;
}
a.btn-more {
    background-color: #8f44ad;
}
a.btn-down {
    background-color: #0dc894;
}
.solucoes .conteudo-box {
    padding: 40px 0;
    margin-top: 10px;
}
.solucoes .conteudo-box:nth-child(1), .solucoes .conteudo-box:nth-child(3) {
    background-color: #f1f1f1;
}
.solucoes .conteudo-box:nth-child(2), .solucoes .conteudo-box:nth-child(4) {
    background-color: #f8f8f8;
}
.infos-solucoes h4.titulo {
    color: #8f44ad;
    font-size: 24px;
}
.solucoes {
    margin-top: 40px;
    margin-bottom: 80px;
}
.footer {
    background-image: url('../img/bgfooter.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.footer .box-footer .logo-footer {
    background-image: url('../img/logo-horizzon-footer.png');
    background-repeat: no-repeat;
    min-height: 120px;
    background-position-x: -37px;
}
.footer .box-footer .icons-footer ul li.face {
    background-image: url('../img/facebook-logo.png');
}
.footer .box-footer .icons-footer ul li.twitter {
    background-image: url('../img/twitter-letter-logo.png');
}
.footer .box-footer .icons-footer ul li.linkedin {
    background-image: url('../img/linkedin-logo.png');
}
.footer .box-footer .icons-footer ul li.google {
    background-image: url('../img/google-glass-logo.png');
}
.footer .box-footer .logo-mapa {
    background-image: url('../img/google-glass-logo.png');
}
.footer ul li {
    color: #FFF;
}
.footer p.desc {
    color: #FFF;
    margin-bottom: 40px;
}
.footer a.btn-more {
    background-color: #ff335e;
}
.icons-footer {
    margin-top: 15px;
}
.icons-footer ul {
    padding: 0;
}
.icons-footer ul li {
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    min-height: 16px;
    min-width: 16px;
    margin: 25px 5px;
    background-color: #ff335e;
    padding: 15px 15px;
    border-radius: 20px;
    text-align: center;
}
p.titulo-footer {
    color: #ff335e;
    font-size: 20px;
}
.box-footer ul {
    padding: 0;
}
.box-footer li {
    list-style: none;
}
.box-footer ul li a {
    text-decoration: none;
}
.box-footer ul li a {
    padding-left: 15px;
    margin: 0;
    color: #FFF;
    text-decoration: none;
}
.box-footer ul li.subtitulo-footer {
    padding: 0;
}
.box-footer ul.parceiros {
    float: right;
}
.box-footer ul.quem-somos, .box-footer ul.parceiros {
    display: inline-block;
}
ul .subtitulo-footer {
    font-weight: bold;
}
.box-footer.acesso {
    padding: 40px 55px 10px;
}
.box-footer ul .subtitulo-footer {
    padding: 0;
    margin: 15px 0;
}
.footer .box-footer .logo-mapa {
    min-height: 119px;
    background-image: url("../img/mapa-icon.jpg");
    margin: 30px 0;
}
.icon-mapa p.desc, .complemento p.desc {
    margin-bottom: 10px;
}
.fale {
    padding-top: 30px;
}
.footer .box-footer .icon-mapa {
    background-image: url('../img/mapa-icon.png');
    background-repeat: no-repeat;
    min-width: 16px;
    min-height: 16px;
    padding-left: 30px;
}
.footer .box-footer .icon-tel {
    background-image: url('../img/tel-icon.png');
    background-repeat: no-repeat;
    min-width: 16px;
    min-height: 16px;
    padding-left: 30px;
}
.box-footer ul.solucoes-menu .subtitulo-footer, .box-footer ul.parceiros .subtitulo-footer {
    margin-bottom: 0;
}
.footer .box-footer .complemento {
    padding-left: 30px;
}
.sub-footer {
    background-color: #f4f3f3;
}
.sub-footer .desenv {
    background-image: url('../img/bg-planob.jpg');
    background-repeat: no-repeat;
    background-position: right;
}
.desenv p {
    text-align: right;
    padding-right: 120px;
    margin-top: 20px;
}
.direitos {
    margin-top: 20px;
}
.banner-top {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 249px;
    text-align: center;
}
.quem-somosbg {
    background-image: url('../img/bg-quemsomos.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 50%;
    padding-bottom: 130px;
}
.banner-top.local {
    background-image: url('../img/banner-local.jpg');
}
.banner-top.contato {
    background-image: url('../img/banner-contato.jpg');
}
.banner-top.redbox {
    background-image: url('../img/banner-box.jpg');
}
.banner-top.solucoes-top {
    background-image: url('../img/banner-solucoes.jpg');
}
.banner-top.quemsomos-top {
    background-image: url('../img/banner-quemsomos.jpg');
    margin-bottom: 30px;
}
.banner-top.parceiros-top {
    background-image: url('../img/banner-parceiros.jpg');
}
.bgbody-box {
    background-image: url('../img/bgbody-box.jpg');
}
.banner-top .desc-page a {
    color: #FFF;
}
.banner-top .desc-page {
    color: #FFF;
    text-align: center;
    background-color: #ff335e;
    display: inline-block;
    padding: 3px 70px;
}
.banner-top i.fas.fa-angle-double-right {
    font-size: 10px;
}
.banner-top .titulo {
    text-align: center;
    color: #FFF;
    font-size: 40px;
    margin-top: 65px;
}
p.desc-local {
    margin: 0;
}
.conteudo-contato p.titulo-footer,
.conteudo-localizacao p.titulo-footer {
    display: inline-block;
    margin-top: 15px;
}
.conteudo-contato img.icons,
.conteudo-localizacao img.icons {
    display: inline-block;
        margin-left: -25px;
    margin-top: -5px;
}
.conteudo-localizacao {
    padding: 5px 0 100px 15px;
}
.side-menu.conteudo-localizacao {
    padding: 0;
    margin: 30px 0;
}
.side-menu.conteudo-localizacao ul li {
    padding: 8px 0px 6px 0px;
    border-bottom: 1px solid #ff335e;
}
.side-menu.conteudo-localizacao ul li a {
    text-decoration: none;
    color: #333;
}
.side-menu.conteudo-localizacao ul li a.active {
    color: #ff335e;
}
.side-menu.conteudo-localizacao ul li:hover a {
    color: #FFF;
}
.side-menu.conteudo-localizacao ul li:hover {
    transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    background-color: #ff335e;
}
.side-menu.conteudo-localizacao ul li {
    text-decoration: none;
    color: #333;
    padding-left: 17px;
    margin-left: 0px;
    background-color: inherit;
    transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
}
.side-menu.conteudo-localizacao ul {
    list-style: none;
    width: 80%;
    display: inline-block;
}
.conteudo-localizacao.infos {
    margin-top: 60px;
    margin-left: -30px;
    text-align: left;
}
.bgbody-box .conteudo-contato.infos {
    padding-left: 55px;
    margin-top: 10px;
}
.bgbody-box .conteudo-contato p.titulo-footer {
    font-size: 25px;
}
.bgbody-box .conteudo-localizacao.form {
    padding: 10px 10px 40px 40px;
}
.conteudo-contato.infos {
    text-align: left;
    padding-left: 0;
    margin-top: 0;
}
.conteudo-localizacao.form {
    padding: 20px 10px 100px 40px;
}
.form input {
    border-radius: 30px;
}   
.form textarea {
    min-height: 120px;
    border-radius: 15px;
}
.form textarea,.form input {
    background-color: #f4f4f4;
    border: none;
}

.form ::-webkit-textarea-placeholder, /* Chrome/Opera/Safari */
.form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #3b3b3b;
}
.form ::-moz-textarea-placeholder, /* Firefox 19+ */
.form ::-moz-input-placeholder { /* Firefox 19+ */
  color: #3b3b3b;
}
.form ::-ms-textarea-placeholder, /* IE 10+ */
.form ::-ms-input-placeholder { /* IE 10+ */
  color: #3b3b3b;
}
.env .btn-default {
    color: #FFF;
    background-color: #ff335e;
    border-color: transparent;
    border-radius: 30px;
    padding: 3px 15px;
}
.env {
    text-align: right;
}
.env img {
    margin: -2px -7px 0 4px;
}
.soluc-integradas .infos-redbox {
    display: inline-block;
    width: 100%;
}
body .redbox .soluc-integradas h3.titulo {
    background-color: transparent;
    text-align: left;
    padding: 0;
    display: block;
    border-radius: 0;
    color: #ff335e;
    margin-bottom: 10px;
}
.redbox .soluc-integradas.conteudo-box {
    margin-top: 0;
}
.box-page .infos p.desc {
    width: 55%;
}
.conteudo-solucao .titulo-footer {
    color: #ff335e;
    margin-bottom: 25px;
}
.parc-page .conteudo-solucao .titulo-footer {
    color: #8f44ad;
    margin-bottom: 25px;
}
img.img-soluc {
    display: inline-block;
    max-width: 49%;
    padding: 30px 0 100px;
}
img.img-soluc.infra2 {
    padding-left: 10px;
    float: right;
}
img.img-soluc.infra1 {
    padding-right: 10px;
}
.banner-top {
    margin-bottom: 40px;
}
img.quemsomos {
    margin: 50px 0;
}
.conteudo-solucao.quem-somos-top .titulo-footer {
    color: #ff335e;
    margin-bottom: 15px;
}
.conteudo-solucao.quem-somos-down .titulo-footer {
    color: #ff335e;
    margin-bottom: 15px;
}
.conteudo-solucao.quem-somos-down {
    margin-right: 15px;
}
.propaganda img.logo-d1g1 {
    max-width: 720px;
    margin-left: -10px;
}
.propaganda {
    text-align: center;
    padding: 0;
    margin-bottom: 100px;
}
.d1g1-mini {
    margin-top: 25px;
    margin-left: -20px;
}
.d1g1-mini img.logomini-d1g1 {
    margin-top: 15px;
    max-width: 180px;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #FF335E!important;
}
.box-footer ul li a:hover {
    color: #FF335E!important;
    transform: translateX(10px);
    -ms-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
}
.footer .box-footer .icons-footer ul li:hover {
    transform: translateY(10px);
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(10px);
    -o-transform: translateX(10px);
    transition: transform 0.5s;
    -o-transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
}
.icons-footer.mobile {
    display: none;
}
.conteudo-localizacao.side-menu.mobile {
    display: none;
}
iframe.maps-footer {
    margin: 20px 0;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form,
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
    display: inline-block;
}
.hover-submenu.conteudo-localizacao.side-menu.parc {
    display: none;
}
div#bs-example-navbar-collapse-1 {
    padding: 0;
}
body .navbar-nav>li {
    display: inline-block;
    padding: 0 1px;
    height: 1px;
}
body .navbar-nav {
    float: none;
    margin: 0;
}
.navbar-nav>li>a {
    padding-bottom: 0;
    padding-top: 0;
}
p.separador {
    padding-top: 55px;
}

.accordion {
  margin: 50px;
}
.accordion dt, .accordion dd {
    padding: 10px;
    border: 1px solid black;
    border-bottom: 0;
}
.accordion dt:last-of-type, .accordion dd:last-of-type {
    border-bottom: none;
}
.accordion dt a, .accordion dd a {
    display: block;
    color: black;
    font-weight: normal;
    margin-left: 15px;
}
.accordion dd {
    border-top: 0;
    font-size: 12px;
}
.accordion dd:last-of-type {
    border-top: 1px solid white;
    position: relative;
    top: -1px;
}
body .accordion {
    margin: 50px 0;
}
body .accordion dt {
    padding: 10px 10px 8px;
    border: none;
    margin-bottom: 12px;
    background-color: #e9daef;
    border-color: transparent;
    border-bottom-color: transparent;
}
span.glyphicon.glyphicon-plus-sign {
    color: #8f44ad;
    font-size: 20px;
    margin-left: -30px;
    margin-top: -12px;
    margin-right: 20px;
    padding: 10px;
    background-color: #FFFF;
    border-radius: 57px;
    display: inline-block;
}
.accordion dt a, .accordion dd a {
    text-decoration: none;
}
.menu ul.dropdown-content {
    list-style: none;
    margin-top: 0px;
    text-align: center;
    color: #3d3b3b;
    border-left: 6px solid #ff335e;
}
body .dropdown {
    position: relative;
    display: inline-block;
}

body .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

body .dropdown:hover .dropdown-content {
    display: block;
}
ul.dropdown-content li p {
    margin-bottom: 5px;
}
ul.dropdown-content li {
    display: block;
    margin-top: 0;
    text-align: left;
    padding: 6px 5px 4px;
}
ul.dropdown-content li:not(:last-child) {
    border-bottom: 1px solid #ff335e;
}
.menu .sidenav .dropdown-content a.active {
    color: #FFF!important;
    padding: 5px 40px 5px 5px;
    background-color: #ff335e;
    border-radius: 30px;
    margin-top: -5px;
}
a.closebtn {
    display: none;
}
#mySidenav2,#mySidenav3 {
    display: none;
}
.contato-mobile {
    display: none;
}
#mySidenav ul.dropdown-content li:not(:last-child):after {
    content: "";
}
.bg-infosmobile {
    display: none;
}
body .menu .nav ul.dropdown-content li {
    background-color: inherit;
    transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
}
body .menu .nav ul.dropdown-content li:hover {
    background-color: #ff335e;
    transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
}
body .menu .nav ul.dropdown-content li:hover a {
    color: #FFF;
}
.box-footer ul li a {
    transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
}
    .error{
             color:red
       }

body .box-footer ul li:hover {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    transition: transform 0.2s;
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
}
.pos-icon {
    background-color: #FFF;
    padding: 10px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    transform: translate(-51px,-12px);
}
i.fas.fa-plus {
    border: 2px solid #8f44ad;
    color: #8f44ad;
    border-radius: 50%;
    padding: 3px;
}
body .nav .not-desk{
    display: none;
}
.carousel img {
    width: 100%;
    height: auto;
}
.carousel-caption {
    right: 0;
    left: -20%;
    top: 15%;
    padding-bottom: 30px;
}
body .banner-home {
    display: none;
}