*{margin:0; padding:0;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html {overflow-y: scroll;}
body {color:#000; height:100%;}
body, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img {border:0; vertical-align:middle;}
a {color:inherit; text-decoration:none;}
a:hover {text-decoration:none;}
:focus {outline:0;}

html, #wrapper {height:100%;}

body > #wrapper {height:auto; min-height:100%; margin:0;}

/* CLEAR FIX*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
*html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.show{display: block;}
.hide{display: none;}

h1,h2,h3,h4,h5,h6 {font-weight:300;}

ul, li {list-style:none;} fieldset {border:0;} textarea {resize:none;}

.wrap.error404 {padding: 50px;}

@font-face {
    font-family: 'RalewaySemiBold';
    src: url('../fonts/RalewaySemiBold.eot');
    src: url('../fonts/RalewaySemiBold.eot') format('embedded-opentype'),
         url('../fonts/RalewaySemiBold.woff2') format('woff2'),
         url('../fonts/RalewaySemiBold.woff') format('woff'),
         url('../fonts/RalewaySemiBold.ttf') format('truetype'),
         url('../fonts/RalewaySemiBold.svg#RalewaySemiBold') format('svg');
}

@font-face {
    font-family: 'RalewayRegular';
    src: url('../fonts/RalewayRegular.eot');
    src: url('../fonts/RalewayRegular.eot') format('embedded-opentype'),
         url('../fonts/RalewayRegular.woff2') format('woff2'),
         url('../fonts/RalewayRegular.woff') format('woff'),
         url('../fonts/RalewayRegular.ttf') format('truetype'),
         url('../fonts/RalewayRegular.svg#RalewayRegular') format('svg');
}

@font-face {
    font-family: 'RalewayThin';
    src: url('../fonts/RalewayThin.eot');
    src: url('../fonts/RalewayThin.eot') format('embedded-opentype'),
         url('../fonts/RalewayThin.woff2') format('woff2'),
         url('../fonts/RalewayThin.woff') format('woff'),
         url('../fonts/RalewayThin.ttf') format('truetype'),
         url('../fonts/RalewayThin.svg#RalewayThin') format('svg');
}

@font-face {
    font-family: 'RalewayMedium';
    src: url('../fonts/RalewayMedium.eot');
    src: url('../fonts/RalewayMedium.eot') format('embedded-opentype'),
         url('../fonts/RalewayMedium.woff2') format('woff2'),
         url('../fonts/RalewayMedium.woff') format('woff'),
         url('../fonts/RalewayMedium.ttf') format('truetype'),
         url('../fonts/RalewayMedium.svg#RalewayMedium') format('svg');
}

@font-face {
    font-family: 'RalewayLight';
    src: url('../fonts/RalewayLight.eot');
    src: url('../fonts/RalewayLight.eot') format('embedded-opentype'),
         url('../fonts/RalewayLight.woff2') format('woff2'),
         url('../fonts/RalewayLight.woff') format('woff'),
         url('../fonts/RalewayLight.ttf') format('truetype'),
         url('../fonts/RalewayLight.svg#RalewayLight') format('svg');
}

.content {width: 100%; overflow: hidden; background: url(../images/bg.png) top center no-repeat;}

header {position: relative; width: 100%; overflow: hidden; background: #72858f;}
header #header {width: 1000px; height: 120px; margin: 0 auto; padding: 0 55px 0 60px;}
header #header img.logo {float: left; display: block; margin: 30px 0 0;}
header #header #menu {overflow: hidden; margin: 47px 0 0 60px; float: left;}
header #header #menu ul {}
header #header #menu ul li {display: block; float: left; margin: 0 50px 0 0;}
header #header #menu ul li a {display: block; font-size: 15px; color: #FFF; line-height: 25px; font-family: 'RalewaySemiBold';}
header #header .social {float: right; overflow: hidden; height: 100%;}
header #header .social a {margin: 0 20px 0 0; vertical-align: middle;}
header #header .social a.ic_youtube {margin: 0;}

footer {width: 100%; overflow: hidden; background: #1c634c; position: relative;}
footer .footer {width: 1000px; height: 200px; margin: 0 auto; padding: 0 45px 0 60px;}
footer .footer img.logo-footer {margin: 45px 0 0; float: left; display: block; width: 245px;}
footer .footer .contato {float: right; margin: 40px 0 0; width: 380px;}
footer .footer .contato .endereco {width: 100%; overflow: hidden;}
footer .footer .contato .endereco .ic_localizacao {float: left; margin: 5px 10px 5px 0;}
footer .footer .contato .endereco h2 {font-family: 'RalewaySemiBold'; font-size: 15px; color: #FFF; margin: 0 0 3px;}
footer .footer .contato .endereco p {font-family: 'RalewayRegular'; font-size: 13px; color: #FFF; line-height: 15px;}
footer .footer .contato .telefone {width: 100%; overflow: hidden; margin: 10px 0 0;}
footer .footer .contato .telefone .ic_telefone {float: left; margin: 0 10px 5px 0;}
footer .footer .contato .telefone h3 {font-family: 'RalewayRegular'; font-size: 16px; color: #FFF;}

.wrap-home {position: relative; overflow: hidden; width: 100%;}
.wrap-home img {width: 100%;}

.wrap-produto {position: relative; overflow: hidden; width: 100%; background: url(../images/bg-produto.png) bottom center no-repeat;}
.wrap-produto .produto {width: 1000px; margin: 0 auto; height: auto; padding: 100px 0 50px;}
.wrap-produto .produto .indent {width: calc(100% - 100px); margin: 0 0 0 100px; height: auto;}
.wrap-produto .produto .indent h2 {font-family: 'RalewayThin'; color: #a5a5a5; font-size: 53px; margin: 0 0 0 25px;}
.wrap-produto .produto .indent p {font-family: 'RalewayMedium'; color: #333333; font-size: 29px; margin: 0 0 0 60px;}
.wrap-produto .produto .indent p .italic {font-style: italic;}
.wrap-produto .produto .indent .blocos {width: calc(100% - 55px); height: auto; margin: 65px 0 0 55px; position: relative;}
.wrap-produto .produto .indent .blocos .wrap-bloco {width: 375px; float: left; position: relative;}
.wrap-produto .produto .indent .blocos .wrap-bloco > img {float: left; margin: 0 0 0 -40px;}
.wrap-produto .produto .indent .blocos .wrap-bloco .img-02 {margin: 0 0 0 -10px;}
.wrap-produto .produto .indent .blocos .bloco {width: 375px; float: left; border-left: 1px solid #c6c6c6; height: auto; padding: 0 0 25px 30px; position: relative; overflow: hidden;}
.wrap-produto .produto .indent .blocos .bloco h3 {font-family: 'RalewaySemiBold'; font-size: 24px; color: #333333; margin: 0 0 10px;}
.wrap-produto .produto .indent .blocos .bloco p {font-family: 'RalewayMedium'; font-size: 13px; color: #6a6a6a; margin: 0;}
.wrap-produto .produto .indent .blocos .bloco p span {font-weight: bold;}
.wrap-produto .produto .indent .blocos .bloco-2 p span {font-style: italic;}
.wrap-produto .produto .indent .blocos .bloco h4 {font-family: 'RalewayMedium'; font-size: 13px; color: #828282; margin: 0 0 0 10px; float: left;}
.wrap-produto .produto .indent .blocos .bloco .item {width: 100%; overflow: hidden; margin: 20px 0 0;}
.wrap-produto .produto .indent .blocos .bloco .item1 {height: 55px;}
.wrap-produto .produto .indent .blocos .bloco .item2 {height: 40px;}
.wrap-produto .produto .indent .blocos .bloco .item .table {float: left;}
.wrap-produto .produto .indent .blocos .bloco .item_absoluto {position: absolute; bottom: -75px; left: 30px;}
.wrap-produto .produto .indent .blocos .bloco-1 .ic_3_10,
.wrap-produto .produto .indent .blocos .bloco-1 .ic_50,
.wrap-produto .produto .indent .blocos .bloco-2 .ic_24,
.wrap-produto .produto .indent .blocos .bloco-2 .ic_48,
.wrap-produto .produto .indent .blocos .bloco-2 .ic_c {float: left;}
.wrap-produto .produto .indent .blocos .losango_bloco {width: 212px; height: 184px; background: url(../images/losango_verde.png) no-repeat; position: absolute; top: 300px; right: 35px; padding: 30px 0 0;}
.wrap-produto .produto .indent .blocos .losango_bloco h3 {font-family: 'RalewayMedium'; color: #FFF; font-size: 13px; text-align: center;}
.wrap-produto .produto .indent .sistema {height: auto; margin: 60px 0 0; width: 100%; position: relative; float: left;}
.wrap-produto .produto .indent .sistema .bloco-notebook,
.wrap-produto .produto .indent .sistema .bloco-dnable {width: 50%; float: left; position: relative;}
.wrap-produto .produto .indent .sistema .bloco-notebook .text  {margin: 0 0 0 100px;}
.wrap-produto .produto .indent .sistema h2 {font-family: 'RalewayMedium'; font-size: 23px; color: #333333; margin: 0;}
.wrap-produto .produto .indent .sistema h2.linha2 {margin: 0 0 10px 30px;}
.wrap-produto .produto .indent .sistema h3 {font-family: 'RalewayLight'; font-size: 19px; color: #333333;}
.wrap-produto .produto .indent .sistema h3.linha2 {margin: 0 0 0 50px;}
.wrap-produto .produto .indent .sistema img.notebook {margin: 40px 0 0 -165px;}
.wrap-produto .produto .indent .sistema img.dnable {margin: 85px 0 0 20px;}
.wrap-produto .produto .indent .sistema .bloco-dnable h2.linha2 {margin: 25px 0 10px 60px;}
.wrap-produto .produto .indent .sistema .bloco-dnable h3 {margin: 0 0 0 40px;}
.wrap-produto .produto .indent .pra-que-serve {width: 100%; overflow: hidden; position: relative; margin: 60px 0 55px; float: left;}
.wrap-produto .produto .indent .pra-que-serve h2 {font-family: 'RalewayThin'; font-size: 53px; color: #a5a5a5; margin: 0 0 30px;}
.wrap-produto .produto .indent .pra-que-serve .side {width: 370px; overflow: hidden; float: left; border-left: 1px solid #c6c6c6; padding: 0 0 0 35px;}
.wrap-produto .produto .indent .pra-que-serve .side-1 {margin: 0 0 0 60px;}
.wrap-produto .produto .indent .pra-que-serve .side h3 {font-family: 'RalewaySemiBold'; font-size: 24px; color: #333333; margin: 0 0 10px;}
.wrap-produto .produto .indent .pra-que-serve .side p {font-family: 'RalewayMedium'; font-size: 13px; color: #6a6a6a; margin: 0 0 15px;}
.wrap-produto .produto .indent .pra-que-serve .side p span {font-style: italic;}
.wrap-produto .produto .indent .pra-que-serve .side ul {overflow: hidden; margin: 15px 0 0;}
.wrap-produto .produto .indent .pra-que-serve .side ul li {font-family: 'RalewayMedium'; color: #828282; text-transform: uppercase; font-size: 13px;}
.wrap-produto .produto .indent .pra-que-serve .side-2 ul {margin: 25px 0 0;}
.wrap-produto .produto .indent .pra-que-serve .side-2 ul li {margin: 0 0 15px;}

.wrap-empresa {position: relative; width: 100%; overflow: hidden; background: url(../images/bg-empresa.png) top center no-repeat;}
.wrap-empresa .empresa {width: 1000px; margin: 0 auto; position: relative;}
.wrap-empresa .empresa .indent {width: 750px; margin: 0 auto; height: auto; padding: 305px 0 135px;}
.wrap-empresa .empresa .indent h1 {color: #1c634c; font-size: 98px; font-family: 'RalewayThin'; margin: 0 0 30px}
.wrap-empresa .empresa .indent p {color: #4e4e4e; font-size: 15px; font-family: 'RalewayMedium'; line-height: 22px;}
.wrap-empresa .empresa .indent p span {font-weight: bold;}
.wrap-empresa .empresa .bloco-1 {position: absolute; top: 174px; left: 198px;}
.wrap-empresa .empresa .bloco-1 p {font-size: 15px; color: #1c634c; font-family: 'RalewaySemiBold';}
.wrap-empresa .empresa .bloco-1 img {display: block; margin: 15px 0 0;}
.wrap-empresa .empresa .bloco-2 {position: absolute; top: 80px; right: 115px;}
.wrap-empresa .empresa .bloco-2 p {font-size: 15px; color: #1c634c; font-family: 'RalewaySemiBold';}
.wrap-empresa .empresa .bloco-2 img {display: block; margin: 15px 0 0 -65px;}

.wrap-contato {position: relative; width: 100%; overflow: hidden; background: url(../images/bg-contato.png) top center no-repeat;}
.wrap-contato .contato {width: 1000px; margin: 0 auto; position: relative;}
.wrap-contato .contato .indent {width: 750px; margin: 0 auto; height: auto; padding: 95px 0 90px; overflow: hidden;}
.wrap-contato .contato .indent .text {width: 220px; float: left; overflow: hidden;}
.wrap-contato .contato .indent .text h2 {font-family: 'RalewayRegular'; font-size: 33px; color: #1c634c; margin: 160px 0 0;}
.wrap-contato .contato .indent form {overflow: hidden; width: calc(100% - 220px); position: relative; float: left;}
.wrap-contato .contato .indent form input {width: 100%; height: 40px; padding: 0 0 0 15px; font-family: 'RalewayRegular'; font-size: 15px; margin: 0 0 15px; float: left; border: none;}
.wrap-contato .contato .indent form input#nome {background: url(../images/bg-input-1.png) top center no-repeat; background-size: 100% 100%;}
.wrap-contato .contato .indent form input#telefone,
.wrap-contato .contato .indent form input#email {width: calc(50% - 7.5px); background: url(../images/bg-input-2.png) top center no-repeat; background-size: 100% 100%;}
.wrap-contato .contato .indent form input#email {margin: 0 0 15px 15px;}
.wrap-contato .contato .indent form textarea {width: 100%; height: 130px; padding: 15px 0 0 15px; font-family: 'RalewayRegular'; font-size: 15px; margin: 0 0 15px; border: none; background: url(../images/bg-textarea.png) top center no-repeat; background-size: 100% 100%;}
.wrap-contato .contato .indent form input#enviar {padding: 0; width: 100px; text-align: center; float: right; margin: 0; cursor: pointer; font-family: 'RalewayMedium'; font-size: 16px; background: url(../images/bg-input-3.png) top center no-repeat; background-size: 100% 100%;}

.wrap-loading {width: 100%; height: 100%; position: fixed; z-index: 999; background: rgba(0, 0, 0, 0.75); display: none; top: 0; left: 0;}
.wrap-loading .loading {width: 64px; height: 64px; position: absolute; top: 50%; left: 50%; margin: -32px 0 0 -32px; background: url(../images/feedback_loading.gif) no-repeat;}

.table {display: table; height: 100%;}
.table-cell {display: table-cell; vertical-align: middle;}

.ic_linkedin, .ic_google, .ic_facebook, .ic_youtube, .ic_localizacao, .ic_telefone,
.ic_3_10, .ic_50, .ic_24, .ic_48, .ic_c {background: url(../images/sprites.png); display: inline-block;}

.ic_linkedin {width: 25px; height: 26px; background-position: 0 0;}
.ic_google {width: 25px; height: 26px; background-position: -46px 0;}
.ic_facebook {width: 25px; height: 26px; background-position: -92px 0;}
.ic_youtube {width: 25px; height: 26px; background-position: -138px 0;}
.ic_localizacao {width: 20px; height: 35px; background-position: -164px 0;}
.ic_telefone {width: 24px; height: 24px; background-position: -186px 0;}
.ic_3_10 {width: 54px; height: 55px; background-position: 0 -35px;}
.ic_50 {width: 55px; height: 40px; background-position: -55px -36px;}
.ic_24 {width: 55px; height: 55px; background-position: -114px -35px;}
.ic_48 {width: 55px; height: 40px; background-position: -174px -36px;}
.ic_c {width: 55px; height: 55px; background-position: -231px -35px;}