/*Desenvolvido por Maycon nagel -- junho de 2017*/

/*
==========
==FONTES==
==========
*/
@font-face {
    font-family: "Humanst521BT";
    src: url("fonts/Humanst521BTBold/Humanst521BTBold.eot");
    src: url("fonts/Humanst521BTBold/Humanst521BTBold.woff") format("woff"),
        url("fonts/Humanst521BTBold/Humanst521BTBold.woff2") format("woff2"),
        url("fonts/Humanst521BTBold/Humanst521BTBold.ttf") format("truetype"),
        url("fonts/Humanst521BTBold/Humanst521BTBold.eot?#iefix") format("embedded-opentype"),
        url("fonts/Humanst521BTBold/Humanst521BTBold.svg#Humanst521BTBold") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Humanst521BT";
    src: url("fonts/Humanst521BT/Humanst521BT.eot");
    src: url("fonts/Humanst521BT/Humanst521BT.woff") format("woff"),
        url("fonts/Humanst521BT/Humanst521BT.woff2") format("woff2"),
        url("fonts/Humanst521BT/Humanst521BT.ttf") format("truetype"),
        url("fonts/Humanst521BT/Humanst521BT.eot?#iefix") format("embedded-opentype"),
        url("fonts/Humanst521BT/Humanst521BT.svg#Humanst521BT") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*
=========
==RESET==
=========
*/
* {
    color: #2e2d2b;
    font-family: "Humanst521BT";
    font-size: 100%;
    font-weight: 300;
    line-height: 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
p {
    border: 0;
    font-size: 16px;
    color: #2e2d2b;
    margin: 0;
    padding: 0;
    outline: 0;
    font-family: "Humanst521BT";
}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
fieldset {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
}
textarea {
    resize: none;
}
a {
    color: #2e2d2b;
    text-decoration: none;
    outline: none;
    font-size: 16px;
    display: block;
}
a.active {
    color: #2e2d2b;
}
hr {
    border: none;
}
img {
    max-width: 100%;
}
input,
button,
textarea {
    outline: none;
    box-sizing: border-box;
}
h1 {
    font-size: 20px;
    font-family: "Humanst521BT";
    color: #2e2d2b;
    font-weight: bold;
}
h2 {
    font-size: 20px;
    font-family: "Humanst521BT";
    color: #2e2d2b;
    font-weight: normal;
}
h3 {
    font-size: 18px;
    font-family: "Humanst521BT";
    color: #2e2d2b;
    font-weight: normal;
}
h4 {
    font-size: 16px;
    font-family: "Humanst521BT";
    color: #2e2d2b;
    font-weight: normal;
}
h5 {
    font-size: 14px;
    font-family: "Humanst521BT";
    color: #2e2d2b;
    font-weight: 600;
}
h6 {
    font-size: 12px;
    font-family: "Humanst521BT";
    color: #2e2d2b;
    font-weight: 300;
}
.clearfix {
    overflow: auto;
}
div,
header,
footer,
figure,
ul,
li,
a,
p {
    box-sizing: border-box;
}
strong {
    font-family: "Humanst521BT";
    font-weight: bold;
}
small {
    font-size: 12px;
}
figure {
    margin: 0;
}

::-webkit-input-placeholder {
    color: #777777;
    font-size: 16px;
}
:-moz-placeholder {
    color: #777777;
    font-size: 16px;
}
::-moz-placeholder {
    color: #777777;
    font-size: 16px;
}
:-ms-input-placeholder {
    color: #777777;
    font-size: 16px;
}

/*
=================
==GENERAL TOOLS==
=================
*/

body {
    width: 100%;
    font-size: 100%;
    background-color: #fff;
    overflow-x: hidden;
}

#main-container {
    margin: 0 auto;
    position: relative;
    width: 100%;
    float: left;
}
.container {
    display: table;
    margin: auto;
    position: relative;
    width: 960px;
    clear: both;
}
.conteudo {
    width: 100%;
    float: left;
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.hide {
    display: none;
}
.center {
    margin: auto;
    display: table;
    clear: both;
}
.captcha {
    width: 40%;
    padding: 3px 0;
}

/*Classes de colunas*/
.col-100 {
    width: 100%;
}
.col-95 {
    width: 95%;
}
.col-90 {
    width: 90%;
}
.col-85 {
    width: 85%;
}
.col-80 {
    width: 80%;
}
.col-75 {
    width: 75%;
}
.col-70 {
    width: 70%;
}
.col-65 {
    width: 65%;
}
.col-60 {
    width: 60%;
}
.col-55 {
    width: 55%;
}
.col-50 {
    width: 50%;
}
.col-45 {
    width: 45%;
}
.col-40 {
    width: 40%;
}
.col-35 {
    width: 35%;
}
.col-33 {
    width: 33.33333%;
}
.col-30 {
    width: 30%;
}
.col-25 {
    width: 25%;
}
.col-20 {
    width: 20%;
}
.col-15 {
    width: 15%;
}
.col-10 {
    width: 10%;
}
.col-5 {
    width: 5%;
}
.col3a {
    width: 33%;
}
.col3b {
    width: 30%;
    float: left;
    margin: 0 15px;
}
.col4 {
    width: 25%;
    float: left;
}
.col5 {
    width: 20%;
    float: left;
}
.input {
    width: 100%;
    float: left;
}
.input-col {
    width: 49%;
}

/*Classes de texto*/
.textright {
    text-align: right;
}
.textleft {
    text-align: left;
}
.textcenter {
    text-align: center;
}
.textjustify {
    text-align: justify;
}
.placeholder {
    color: #000;
    font-size: 16px;
}

/*Classes de margin/padding*/
.mg-top20 {
    width: 100%;
    float: left;
    height: 20px;
}
.mg-top10 {
    width: 100%;
    float: left;
    height: 10px;
}
.padding20 {
    padding: 20px;
}
.padding10 {
    padding: 10px;
}
.padding15 {
    padding: 15px;
}
.padding0-20 {
    padding: 0 20px;
}
.padding20-0 {
    padding: 20px 0;
}
.padding5-0 {
    padding: 5px 0;
}
.clear {
    width: 100%;
    float: left;
    clear: both;
    height: 1px;
}

/*Desktop don't display*/
.menu-mob {
    display: none;
}

/*
==========
==HEADER==
==========
*/
header {
    width: 100%;
    float: left;
    z-index: 999;
    position: fixed;
    box-sizing: border-box;
}
.header {
    height: 70px;
    width: 100%;
    position: relative;
    background: #fff;
    box-sizing: border-box;
}
.header:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: inherit;
    z-index: -1;
    bottom: 0;
    transform-origin: right bottom;
    transform: skewY(-1.5deg);
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    -o-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    box-sizing: border-box;
}
.ie9 div.header:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: inherit;
    z-index: -1;
    bottom: 0;
    top: 17px;
    transform-origin: right bottom;
    transform: skewY(-1.5deg);
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    -o-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    box-sizing: border-box;
}
.menu-desktop {
    padding: 15px 0 0;
}
.menu-desktop .logo {
    width: 25%;
    float: left;
}
.menu-desktop nav ul {
    width: 60%;
    float: left;
}
.menu ul li {
    float: left;
    margin: 10px 0;
    padding: 0 14px;
    text-align: center;
    transition: ease 1s;
}
.menu ul li a {
    font-size: 18px;
    font-weight: normal;
    color: #3c3c3c;
    text-align: center;
    margin: 0 auto;
}
.menu ul li a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.menu ul li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: -2.5px;
    background: #a67613;
    background: -moz-linear-gradient(left, #a67613 0%, #a67613 30%, #a67613 67%, #a67613 100%);
    background: -webkit-linear-gradient(left, #a67613 0%, #a67613 30%, #a67613 67%, #a67613 100%);
    background: linear-gradient(to right, #a67613 0%, #a67613 30%, #a67613 67%, #a67613 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a67613', endColorstr='#a67613',GradientType=1 );
    background: -moz-linear-gradient(left, #3b3939 0%, #a67613 30%, #a67613 67%, #a67613 100%);
    background: -webkit-linear-gradient(left, #3b3939 0%, #3b3939 30%, #a67613 67%, #a67613 100%);
    background: linear-gradient(to right, #3b3939 0%, #3b3939 30%, #3b3939 67%, #a67613 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f4494', endColorstr='#ece01c',GradientType=1 );
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.menu ul li a:hover:before,
header .menu li a:focus:before,
header .menu li a:active:before {
    right: 0;
}
.menu ul li a.link-ativo {
    color: #ad3539;
}
.col-contato {
    width: 15%;
    float: left;
    background: #f3cc4d;
    padding: 15px 0 10px;
    margin: -15px 0 -10px;
}
.col-contato:after {
    content: "";
    width: 15%;
    float: left;
    position: absolute;
    z-index: 0;
    background: #f3cc4d;
    padding: 6px 0;
    margin: 0;
    bottom: 6px;
    transform-origin: right bottom;
    transform: skewY(-1.5deg);
    -o-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
}
.col-contato p {
    text-align: center;
    z-index: 3;
    line-height: 20px;
}
.col-contato p.p1 {
    font-size: 14px;
}
.col-contato p.p1:before {
    content: url(../img/phone.png);
    margin: 0px 1px 0px 0;
}
.col-contato p.p2 {
    font-weight: bold;
}

/*
=========
==INDEX==
=========
*/
.index-servicos {
    background: #be3539;
}
.bg-index-servicos {
    min-height: 255px;
    background: url(../img/bg-index-servicos.png) no-repeat;
    background-position: center;
}
.link-servicos {
    width: 100%;
    text-align: center;
    padding: 70px 0;
}
.link-servicos .icon {
    width: 100%;
    min-height: 75px;
    margin: 0 auto;
}
.link-servicos .icon-hardware {
    background: url(../img/icon-hardware.png) no-repeat;
    background-position: center;
}
.link-servicos:hover .icon-hardware {
    background: url(../img/icon-hardware-over.png) no-repeat;
    background-position: center;
}
.link-servicos .icon-software {
    background: url(../img/icon-software.png) no-repeat;
    background-position: center;
}
.link-servicos:hover .icon-software {
    background: url(../img/icon-software-over.png) no-repeat;
    background-position: center;
}
.link-servicos .icon-servicos {
    background: url(../img/icon-servicos.png) no-repeat;
    background-position: center;
}
.link-servicos:hover .icon-servicos {
    background: url(../img/icon-servicos-over.png) no-repeat;
    background-position: center;
}
.link-servicos h2 {
    text-align: center;
    color: #fff;
}
.link-servicos:hover h2 {
    text-decoration: underline;
    color: #f3cc4d;
}

.fabricantes {
    width: 100%;
    float: left;
    text-align: center;
    background: #fff;
    padding: 50px 0;
}
.fabricantes .tt-pg h2 {
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    color: #464444;
    padding: 10px 0;
}
.line-tt {
    margin: 0 auto;
    text-align: center;
    width: 200px;
    height: 4px;
    background: #be3539;
}
#fabricantes-owl-carousel {
    width: 960px;
    position: relative;
    margin: 0 auto;
    padding: 20px 0 0;
}
.fabricantes-item {
    min-height: 50px;
    text-align: center;
}
.fabricantes-item img {
    padding: 0 10px;
}

.depoimentos {
    width: 100%;
    float: left;
    text-align: center;
    background: #f1f1f1;
    padding: 50px 0;
}
#depoimentos-owl-carousel {
    width: 960px;
    position: relative;
    margin: 0 auto;
}
.depoimentos-item {
    width: 100%;
    min-height: 200px;
    text-align: center;
}
.tt-depoimento {
    width: 100%;
    float: left;
}
.tt-depoimento p {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    padding: 30px 0;
    position: relative;
}
.tt-depoimento p:before {
    content: url(../img/icon-depoimentos.png);
    position: absolute;
    margin: -10px 0px 0 -50px;
}
.txt-depoimento {
    width: 100%;
    float: left;
    padding: 0 10%;
}
.txt-depoimento p {
    text-align: center;
}

/*nav config*/
.depoimentos .owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    position: relative;
    margin: 0;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
}
.depoimentos .owl-dot span {
    background-color: #fff !important;
}
.depoimentos .owl-dot:hover span {
    background-color: #ad3539 !important;
}
.depoimentos .owl-theme .owl-dots .owl-dot.active span {
    background-color: #fab227 !important;
}
.depoimentos .owl-theme .owl-dots .owl-dot.active:hover span {
    background-color: #ad3539 !important;
}

/*
==========
==BANNER==
==========
*/
.banner {
    width: 100%;
    float: left;
    text-align: center;
    background: #f1f1f1;
}
.carousel-index {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.banner-item {
    width: 100%;
    min-height: 500px;
    text-align: center;
    background-position: center;
}
.container-banner {
    width: 960px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 0 60px;
}
.txt-banner {
    width: 40%;
    float: left;
    clear: both;
    margin: 200px 0 0;
}
.txt-banner p {
    text-align: left;
    float: left;
    color: #000;
}
.txt-banner p.p2 {
    font-size: 26px;
    font-weight: 800;
    line-height: 32px;
}
.txt-banner p.p1 {
    font-size: 20px;
    line-height: 26px;
}

.button-banner {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0px;
    left: 0;
}
.button-banner a {
    width: 233px;
    margin: 0 auto;
    float: left;
}
.button-banner a:hover .btn-banner {
    background: #f3cc4d;
}
.btn-banner {
    width: 200px;
    height: 40px;
    background: #dadada;
    border: 1px solid #fff;
    border-radius: 20px;
}
.button-banner a p {
    width: 100%;
    color: #3c3c3c;
    font-size: 14px;
    text-align: center;
    padding: 8px 0;
    margin: 0 auto;
    font-weight: bold;
}

/*nav config*/
.banner .owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    position: absolute;
    margin: 0;
    width: 100%;
    bottom: 10%;
    -webkit-tap-highlight-color: transparent;
}
.banner .owl-dot span {
    background-color: #fff !important;
}
.banner .owl-dot:hover span {
    background-color: #ad3539 !important;
}
.banner .owl-theme .owl-dots .owl-dot.active span {
    background-color: #fab227 !important;
}
.banner .owl-theme .owl-dots .owl-dot.active:hover span {
    background-color: #ad3539 !important;
}

/*
==========
==FOOTER==
==========
*/
footer {
}
.footer {
    width: 100%;
    float: left;
    background: #201e1e;
    margin: 0px;
}
.menu-footer {
    margin: 30px 0 15px;
}
.menu-footer ul {
    width: 70%;
    float: left;
}
.menu-footer ul li {
    float: left;
    padding: 0px 3px;
}
.menu-footer ul li a {
    float: left;
    padding: 5px 10px;
    color: #fff;
}
.menu-footer ul li a:hover {
    text-decoration: underline;
}
.logo-footer {
    width: 100%;
    float: left;
    padding: 70px 0;
    min-height: 50px;
    background: url(../img/logo-footer.png) no-repeat;
    background-position: center;
}

.line-detail-out {
    width: 100%;
    float: left;
}
.line-detail-out > div {
    width: 100%;
    float: left;
}
.bg-preto {
    background: #000000;
    height: 1px;
}
.bg-branco {
    background: #ffffff;
    height: 0px;
}
.bg-cinza {
    background: #333030;
    height: 1px;
}
.line-detail-inner {
    width: 63%;
    position: absolute;
    margin: -65px 0 0;
}
.line-detail-inner > div {
    width: 100%;
    float: left;
}
.bg-preto {
    background: #100f0f;
    height: 1px;
}
.bg-branco {
    background: #201e1e;
    height: 0px;
}
.bg-cinza {
    background: #333030;
    height: 1px;
}
.contato-footer {
    width: 85%;
    float: left;
    padding: 15px 13px;
}
.contato-footer p {
    font-weight: bold;
    color: #fff;
}
.contato-footer p small {
    font-weight: normal;
    color: #fff;
    font-size: 16px;
}
.contato-footer-icon {
    width: 15%;
    float: right;
    padding: 15px 0 0;
}
.contato-footer-icon a {
    width: 100%;
    height: 20px;
    float: left;
}
.icon-casa {
    background: url(../img/icon-house.png) no-repeat;
    background-position: center;
}
.icon-casa:hover {
    background: url(../img/icon-house-over.png) no-repeat;
    background-position: center;
}
.icon-balao {
    background: url(../img/icon-balao.png) no-repeat;
    background-position: center;
}
.icon-balao:hover {
    background: url(../img/icon-balao-over.png) no-repeat;
    background-position: center;
}
.icon-carta {
    background: url(../img/icon-carta.png) no-repeat;
    background-position: center;
}
.icon-carta:hover {
    background: url(../img/icon-carta-over.png) no-repeat;
    background-position: center;
}
.credito {
    background: #fff;
}
.credito a {
    padding: 0px 13px;
    font-size: 14px;
}
.credito a:hover {
    text-decoration: underline;
}
/*
===========
==EMPRESA==
===========
*/
.bg-pag {
    width: 100%;
    float: left;
    background: url(../img/bg-pag.png) no-repeat;
    background-position: top center;
    min-height: 450px;
}
.empresa {
    min-height: 1000px;
    background: #f1f1f1;
}
.tt-empresa {
    width: 100%;
    float: left;
    padding: 220px 0 0;
}
.tt-empresa p {
    text-align: center;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.tt-empresa p.p1 {
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0 30px;
}
.tt-empresa p.p2 {
    font-size: 20px;
    font-weight: 800;
    padding: 5px 7% 0;
    text-align: center;
}
.tt-empresa p.p3 {
    font-size: 18px;
    font-weight: normal;
    padding: 5px 10% 0;
    text-align: center;
}
.tt-empresa p.p4 {
    font-size: 18px;
    font-weight: normal;
    padding: 5px 10% 0;
    text-align: center;
}
.link-depoimentos {
    background: #dadada;
    width: 20%;
    float: left;
    border-radius: 20px;
    margin: 20px 40% 10px;
    border: 1px solid #fff;
}
.link-depoimentos:hover {
    background: #f3cc4d;
}
.btn-depoimentos {
}
.btn-depoimentos p {
    text-align: center;
    padding: 5px 0;
}

.missao-visao-valores {
    width: 100%;
    float: left;
    margin: 30px 0 0;
}
.missao-visao-valores .conteudo-missao-visao-valores {
    width: 33.33333%;
    height: 180px;
    float: left;
    padding: 5px;
    margin: 10px 0 20px;
}
.missao-visao-valores .conteudo-missao-visao-valores-66 {
    width: 66%;
    height: 390px;
    float: right;
    padding: 5px;
    margin: 10px 0 20px;
}
.mis-vis-val {
    width: 100%;
    height: 100%;
    border: 2px solid #767676;
}
.missao {
}
.missao .img {
    width: 100%;
    height: 48px;
    margin: -40px 0 0 0;
    background: url(../img/missao.jpg) no-repeat;
    background-position: center;
}
.missao .txt {
}
.missao .txt p {
}
.missao .txt p.p1 {
    text-align: center;
    font-weight: bold;
    margin: 20px 0 0;
}
.missao .txt p.p2 {
    padding: 0 30px;
    text-align: justify;
}
.visao {
}
.visao .img {
    width: 100%;
    height: 48px;
    margin: -40px 0 0 0;
    background: url(../img/visao.jpg) no-repeat;
    background-position: center;
}
.visao .txt {
}
.visao .txt p {
}
.visao .txt p.p1 {
    text-align: center;
    font-weight: bold;
    margin: 20px 0 0;
}
.visao .txt p.p2 {
    padding: 0 30px;
    text-align: justify;
}
.valores {
}
.valores .img {
    width: 100%;
    height: 48px;
    margin: -40px 0 0 0;
    background: url(../img/valores.jpg) no-repeat;
    background-position: center;
}
.valores .txt {
}
.valores .txt p {
}
.valores .txt p.p1 {
    text-align: center;
    font-weight: bold;
    margin: 90px 0 0;
}
.valores .txt p.p2 {
    padding: 0 50px;
    text-align: justify;
}

/*
============
==HARDWARE==
============
*/
.bg-hardware {
    width: 100%;
    min-height: 500px;
    float: left;
    background: url(../img/bg-hardware2.png) no-repeat;
    background-position: 100% 50px;
}
.hardware {
    min-height: 900px;
    background: #f1f1f1;
}
.tt-hardware {
    width: 100%;
    float: left;
    padding: 200px 50% 10px 5%;
}
.tt-hardware p {
    text-align: center;
}
.tt-hardware p.p1 {
    text-align: left;
    font-weight: bold;
    font-size: 24px;
    margin: 0;
}
.tt-hardware p.p2 {
    text-align: left;
    font-weight: 600;
    font-size: 18px;
    margin: 20px 0;
}
.topico-hardware {
    width: 30%;
    float: left;
    margin: 0px 0 20px 5%;
    padding: 10px 0;
    background: #dadada;
    border-radius: 30px;
}
.topico-hardware:hover {
    background: #f3cc4d;
}
.topico-hardware p {
    text-align: center;
    font-size: 20px;
}

.produtos-hardware {
    width: 100%;
    float: left;
    text-align: center;
    background: #f1f1f1;
    padding: 0px 0 30px;
}
.produtos-hardware p.tt-produtos-hardware {
    margin: 0 auto;
    font-weight: bold;
    text-align: center;
    color: #464444;
    padding: 10px 0;
    font-size: 22px;
}
#produtos-hardware-owl-carousel {
    width: 960px;
    position: relative;
    margin: 0 auto;
    padding: 20px 0;
}
.produtos-hardware-item {
    min-height: 50px;
    text-align: center;
}
.produtos-hardware-item a {
    width: 100px;
    height: 100px;
    text-align: center;
    float: left;
    margin: 5px 30px;
}
.produtos-hardware-item a .img {
    width: 100%;
    height: 65px;
    float: left;
    margin: 0 0 10px;
}
.produtos-hardware-item a p {
    text-align: center;
}

/*
============
==SOFTWARE==
============
*/
.bg-software {
    width: 100%;
    min-height: 500px;
    float: left;
    background: url(../img/bg-software.png) no-repeat;
    background-position: 90% 35px;
}
.software {
    min-height: 900px;
    background: #f1f1f1;
}
.tt-software {
    width: 100%;
    float: left;
    padding: 200px 50% 10px 5%;
}
.tt-software p {
    text-align: center;
}
.tt-software p.p1 {
    text-align: left;
    font-weight: bold;
    font-size: 24px;
    margin: 0;
}
.tt-software p.p2 {
    text-align: left;
    font-weight: 600;
    font-size: 18px;
    margin: 20px 0;
}
.topico-software {
    width: 30%;
    float: left;
    margin: 0px 0 20px 5%;
    padding: 10px 0;
    background: #dadada;
    border-radius: 30px;
}
.topico-software:hover {
    background: #f3cc4d;
}
.topico-software p {
    text-align: center;
    font-size: 20px;
}

.produtos-software {
    width: 100%;
    float: left;
    text-align: center;
    background: #f1f1f1;
    padding: 0px 0 30px;
}
.produtos-software p.tt-produtos-software {
    margin: 0 auto;
    font-weight: bold;
    text-align: center;
    color: #464444;
    padding: 10px 0;
    font-size: 22px;
}
#produtos-software-owl-carousel {
    width: 960px;
    position: relative;
    margin: 0 auto;
    padding: 20px 0;
}
.produtos-software-item {
    min-height: 50px;
    text-align: center;
}
.produtos-software-item a {
    width: 150px;
    height: 120px;
    text-align: center;
    float: left;
    margin: 5px 25px;
}
.produtos-software-item a .img {
    width: 100%;
    height: 65px;
    float: left;
    margin: 0 0 10px;
}
.produtos-software-item a p {
    text-align: center;
}

/*
============
==SERVIÇOS==
============
*/
.servicos {
    min-height: 900px;
    background: #f1f1f1;
}
.tt-servico {
    width: 100%;
    float: left;
    padding: 150px 10% 10px;
}
.tt-servico p {
    text-align: center;
}
.tt-servico p.p1 {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    margin: 0;
}
.tt-servico p.p2 {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    margin: 20px 0;
}
.topico-servico {
    width: 30%;
    float: left;
    margin: 0px 35% 20px;
    padding: 10px 0;
    background: #dadada;
    border-radius: 30px;
}
.topico-servico p {
    text-align: center;
    font-size: 20px;
}
.lista-servicos {
    width: 100%;
    float: left;
    margin: 10px 0 30px;
}
.lista-servicos ul {
    width: 100%;
    float: left;
}
.lista-servicos ul li {
    width: 33%;
    float: left;
    padding: 10px;
    margin: 10px 0;
}
.lista-servicos ul li a {
    width: 100%;
    height: 100%;
    float: left;
}
.servico {
}
.servico .img {
    width: 100%;
    float: left;
    height: 50px;
}
.servico p {
    text-align: center;
    padding: 5px 0;
}
.serv01 .img {
    background: url(../img/icon-01.png) no-repeat;
    background-position: center;
}
.serv02 .img {
    background: url(../img/icon-02.png) no-repeat;
    background-position: center;
}
.serv03 .img {
    background: url(../img/icon-03.png) no-repeat;
    background-position: center;
}
.serv04 .img {
    background: url(../img/icon-04.png) no-repeat;
    background-position: center;
}
.serv05 .img {
    background: url(../img/icon-05.png) no-repeat;
    background-position: center;
}
.serv06 .img {
    background: url(../img/icon-06.png) no-repeat;
    background-position: center;
}
.serv07 .img {
    background: url(../img/icon-07.png) no-repeat;
    background-position: center;
}
.serv08 .img {
    background: url(../img/icon-08.png) no-repeat;
    background-position: center;
}
.serv09 .img {
    background: url(../img/icon-09.png) no-repeat;
    background-position: center;
}

/*        
===========
==CONTATO==
===========
*/

.contato {
    margin: 0px 0 0;
    min-height: 600px;
    background: #f1f1f1;
}
.conteudo-contato {
    min-height: 500px;
    margin: 0 0 20px;
    padding: 130px 0 0;
}
.contato .tt-pg {
    position: relative;
}
.contato .tt-pg h2 {
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    color: #464444;
    padding: 10px 0 0;
}
.contato .tt-index p {
    opacity: 1;
}
.contato form {
    width: 60%;
    margin: 20px 20% 0px;
    float: left;
}
.contato form input {
    width: 100%;
    background: #fff;
    border: 1px solid #201e1e;
    border-left: 8px solid #201e1e;
    padding: 7px;
    margin: 2px 0;
}
.contato form input:hover,
.contato form input:focus {
    border: 1px solid #bd3337;
    border-left: 8px solid #bd3337;
}
.contato form textarea {
    width: 100%;
    background: #fff;
    border: 1px solid #201e1e;
    border-left: 8px solid #201e1e;
    padding: 7px;
    margin: 2px 0;
}
.contato form textarea:hover,
.contato form textarea:focus {
    border: 1px solid #bd3337;
    border-left: 8px solid #bd3337;
}
.contato form button {
    width: 100px;
    height: 35px;
    background: #201e1e;
    color: #fff;
    border: 0;
    text-align: center;
    margin: 0 auto;
}
.bt-enviar {
    width: 100px;
    margin: 0 auto;
    padding-top: 10px;
}
.contato form button:hover {
    background: #bd3337;
}
#recaptcha {
    width: 305px !important;
    margin: 0 auto;
    padding-top: 210px;
}
.map {
    position: relative;
}
#mapa-classic {
    width: 100%;
    height: 400px;
    margin: 0 auto;
}
.info-mapa {
    position: absolute;
    padding: 0 10px;
    z-index: 900;
    background: #fff;
    width: 250px;
    height: 105px;
    left: 30px;
    top: 90px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.info-mapa > h1 {
    font-size: 18px;
    line-height: 22px;
}
.info-mapa > p {
    font-size: 14px;
    line-height: 18px;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}
/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}
/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}