body { color:#000; }

a {

  color:#0000ff;

  text-decoration:none;

}



@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700');


.lp-header {display: table; height: 100%; width: 100%; background: url(../images/banner.png) center center no-repeat; background-size: cover; padding-bottom: 40px; max-height: 635px; box-sizing: border-box;}

.top-infos {display: table; width: 100%; z-index: 99999; background-image: -webkit-linear-gradient(-45deg, #3cac86 20%, #4fb463 100%); background-image: linear-gradient(-45deg, #3cac86 20%, #4fb463 100%); -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.30); -moz-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.30);}

.bar-top {display: table; width: 100%;}

.box-infos-header {float: right; padding: 10px 0;}

.box-infos-header a {margin: 0 10px 0; padding: 0 15px; border-style: solid; line-height: 30px; border-radius: 3px; color: #fff; border-width: 1px; border-color: #FFF; font-size: 12px; font-family: 'Open Sans', sans-serif; text-align: center; float: left; text-transform: uppercase;}

.box-infos-header a:hover, .box-infos-header a.show-area-cliente.active {background: #eb4435; box-shadow: inset 0px 1px 0px #ea594c, inset 0 -1px 2px #cc1b0c; text-shadow: 1px 1px #5c1702; color: #fff; border-color: #cc1b0c;}

.box-infos-header .box-area-cliente {float: left; position: relative;}

.box-infos-header .box-area-cliente .login-webfollow {display: none; background: #FFF; position: absolute; right: 0; top: 42px; width: 250px; -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.30); -moz-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.30); z-index: 99999; padding: 20px; box-sizing: border-box;}

.box-infos-header .box-area-cliente .login-webfollow input[type=email], .box-infos-header .box-area-cliente .login-webfollow input[type=text], .box-infos-header .box-area-cliente .login-webfollow input[type=password] {display: table; width: 100%; background: #f2f2f2; height: 30px; border-radius: 3px; border: none; margin-bottom: 10px; font-size: 12px; padding: 0 10px; font-family: 'Open Sans', sans-serif; box-sizing: border-box;}

.box-infos-header .box-area-cliente .login-webfollow input[type=submit] {margin-top: 0; height: 45px; padding: 0; width: 100%; font-size: 17px; font-family: 'Open Sans', sans-serif; text-transform: uppercase;}

.box-infos-header .box-area-cliente .login-webfollow p {font-size: 12px; line-height: 15px; margin: 0 0 15px; color: #333; display: table; width: 100%; float: left; text-align: center; text-transform: uppercase; font-weight: bolder; font-family: 'Open Sans', sans-serif;}

.box-infos-header .box-area-cliente .login-webfollow form {position: relative; top: auto; left: auto; transform: none; right: auto; padding: 0; display: table; box-shadow: none; width: 100%; box-sizing: border-box; margin: 0;}


.menu-bar {display: table; width: 100%; box-sizing: border-box; height: 85px; background: #FFF; float: left; position: relative; z-index: 999;}

.menu-bar.fixed {position: fixed; top: 0; left: 0; margin-top: 0; border-bottom: 1px solid #EEE;}

.lp-header.fixed {padding-top: 85px;}

.menu-bar a.logo-header {float: left; margin: 14px 0 0;}

.menu-bar .link-tel {float: left; line-height: 50px; font-size: 23px; font-weight: bolder; color: #FFF; background: #000; border-radius: 5px; padding: 0 30px; box-sizing: border-box; margin-top: 17px; background-image: -webkit-linear-gradient(-45deg, #3cac86 20%, #4fb463 100%); background-image: linear-gradient(-45deg, #3cac86 20%, #4fb463 100%); font-family: 'Open Sans', sans-serif;}

.menu-bar .link-tel span {font-size: 18px; font-weight: 100; font-style: italic; font-family: georgia,serif;}

.lp-header .box-text-top {float: left; display: table; width: 100%; text-align: center; margin: 45px 0 15px;}

.lp-header .box-text-top h1 {color: #FFF; font-size: 48px; font-family: 'Open Sans', sans-serif; font-weight: bolder;}

.lp-header .box-text-top h2 {font-family: 'Open Sans', sans-serif; color: #FFF; font-size: 20px;}

.lp-header .box-text-top h2 strong {font-weight: bolder;}

.lp-header .box-left-top {width: 55%; box-sizing: border-box; float: left; padding-right: 25px;}

.lp-header .box-left-top .it-check {display: table; width: 100%; box-sizing: border-box; margin-top: 25px; padding-left: 50px; background: url(../images/check.png) left center no-repeat;}

.lp-header .box-left-top .it-check > strong {font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: bolder; color: #FFF; margin: 0; display: table;}

.lp-header .box-left-top .it-check p {font-size: 16px; font-family: 'Open Sans', sans-serif; color: #FFF; margin-top: 5px;}

.lp-header .box-left-top .it-check p strong {font-weight: bolder;}

.lp-header .box-right-top {display: table; position: relative; float: left; width: 45%;}


.lp-header .open-contact {cursor: pointer; position: relative; float: right; border-radius: 3px; border: 1px solid #4fb463; color: #FFF; position: relative; padding: 10px 23px 10px 67px; background-image: linear-gradient(-45deg, #3cac86 20%, #4fb463 100%); margin: 15px 0 0 10px;}

.lp-header .open-contact:before {content: "\f232"; font-family: fontAwesome; position: absolute; left: 15px; top: 50%; transform: translate(0, -50%); padding-right: 15px; border-right: 1px solid #FFF; font-size: 20px;}

.lp-header .open-contact.active:after {transform: translate(0, -50%) rotate(180deg); transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s;}

.lp-header .open-contact span {font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 12px; line-height: 16px; display: table;}

.lp-header .open-contact .box-phones {display: none; background: #FFF; position: absolute; right: 0; top: 69px; width: 250px; -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.30); -moz-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.30); z-index: 99999; padding: 20px;}

.lp-header .open-contact .box-phones span {font-family: 'Open Sans', sans-serif; font-size: 13; text-transform: uppercase; color: #333; display: table; text-align: center; width: 100%;}

.lp-header .open-contact .box-phones a.tel {font-family: 'Open Sans', sans-serif; text-decoration: underline; display: table; text-align: center; font-size: 23px; color: #4fb463; font-weight: bolder; width: 100%; margin-bottom: 20px;}

.lp-header .open-contact .box-phones a.tel:hover {color: #eb4435;}

.lp-header .open-contact .box-phones a.whats {font-family: 'Open Sans', sans-serif; float: left; display: table; text-transform: uppercase; padding: 7px 20px; border-style: solid; line-height: 18px; border-radius: 3px; box-shadow: inset 0px 1px 0px #ea594c, inset 0 -1px 2px #cc1b0c; text-shadow: 1px 1px #5c1702; color: #fff; border-width: 1px; border-color: #cc1b0c; font-size: 14px; font-weight: bold; font-family: 'Open Sans', sans-serif; text-align: center; width: 100%; margin: 5px 0 0; background: #eb4435; box-sizing: border-box;}

.lp-header .open-contact .box-phones a.whats:hover {background: rgba(242,128,45,1); box-shadow: inset 0px 1px 0px #ffb37b, inset 0 -1px 2px #a7370a; color: #fff;}

.lp-header .open-contact .box-phones p {font-family: 'Open Sans', sans-serif; display: table; font-size: 12px; line-height: 15px; margin: 30px 0 0; color: #333; display: table; width: 100%; float: left;}

.lp-header .open-contact .box-phones p strong {display: table; width: 100%; font-weight: bolder; margin-bottom: 7px;}


.menu-bar nav {float: right;}

.menu-bar nav ul {float: left;}

.menu-bar nav ul li {float: left; list-style: none; padding: 25px 0;}

.menu-bar nav ul li a {transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; color: #333; font-size: 14px; line-height: 35px; display: table; padding: 0 20px; border-radius: 6px; font-family: 'Open Sans', sans-serif;}

.menu-bar nav ul li a:hover {transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; background-image: -webkit-linear-gradient(-45deg, #3cac86 20%, #4fb463 100%); background-image: linear-gradient(-45deg, #3cac86 20%, #4fb463 100%); color: #FFF;}

.menu-bar nav ul li a.contato {font-weight: bolder; color: #4fb463}

.menu-bar nav ul li a.contato:hover {color: #FFF;}

.menu-bar nav ul.sub-menu {height: 1000px; display: none; width: 100vw; position: absolute; top: 85px; left: 0; background: #f00; background-image: -webkit-linear-gradient(-45deg, #3cac86 20%, #4fb463 100%); background-image: linear-gradient(-45deg, #3cac86 20%, #4fb463 100%); padding-top: 40px;}

.menu-bar nav ul.sub-menu > .container > li {width: 20%; padding: 0 10px; float: left;}

.menu-bar nav ul.sub-menu > .container > li > a {font-size: 17px; line-height: 20px; font-weight: bolder; color: #FFF; text-align: center; display: table; width: 100%; margin-bottom: 15px;}

.menu-bar nav ul.sub-menu-2 {display: table; width: 100%;}

.menu-bar nav ul.sub-menu-2 li {display: table; width: 100%; margin: 0; padding: 0}

.menu-bar nav ul.sub-menu-2 li a {font-size: 15px; color: #FFF; display: table; width: 100%; line-height: 20px; padding: 10px 0; text-align: center;}

.menu-bar nav ul.sub-menu li a:hover {background: none; text-decoration: underline;}

.open-menu {display: none; line-height: 35px; margin: 25px 0; border-radius: 5px; padding: 0 20px; color: #FFF; background-image: -webkit-linear-gradient(-45deg, #3cac86 20%, #4fb463 100%); background-image: linear-gradient(-45deg, #3cac86 20%, #4fb463 100%);}

form {display: table; border-radius: 4px; background: #FFF; padding: 34px 28px; box-sizing: border-box; position: absolute; top: 0; right: 0; width: calc(100% - 25px); box-shadow: 0 0 25px rgba(0,0,0, 0.4); -webkit-box-shadow: 0 0 25px rgba(0,0,0, 0.4); -moz-box-shadow: 0 0 25px rgba(0,0,0, 0.4); top: 25px;}

form strong {display: table; width: 100%; text-align: center; text-transform: uppercase; color: #000; line-height: 27px; font-size: 21px; font-weight: bolder; font-family: 'Open Sans', sans-serif; color: #384047}

form label {float: left; display: table; width: 100%; margin-top: 15px;}

form label span {display: table; color: #000; font-style: italic; font-size: 14px; line-height: 15px; font-family: 'Open Sans', sans-serif; margin-bottom: 4px;}

form label input[type=text], form label select, form label input[type=email] {height: 38px; display: table; width: 100%; border: 1px solid #dcdcdc; padding: 0 15px; box-sizing: border-box; font-family: 'Open Sans', sans-serif;}

form label textarea {height: 100px; display: table; width: 100%; border: 1px solid #dcdcdc; padding: 0 15px; box-sizing: border-box; font-family: 'Open Sans', sans-serif;}

form input[type=submit] {float: left; margin-top: 20px; display: table; width: 100%; border-style: solid; width: 100%; height: 53px; border-radius: 3px; background: rgba(242,128,45,1); box-shadow: inset 0px 1px 0px #ffb37b, inset 0 -1px 2px #a7370a; text-shadow: 1px 1px #5c1702; color: #fff; border-width: 1px; border-color: #cc1b0c; font-size: 20px; line-height: 24px; font-weight: bold; font-family: 'Open Sans', sans-serif; text-align: center; background-repeat: no-repeat; cursor: pointer;}

form input[type=submit]:hover {background: #eb4435; box-shadow: inset 0px 1px 0px #ea594c, inset 0 -1px 2px #cc1b0c; color: #fff;}



.carousel-clients {display: table; width: 100%; padding: 25px 0;}

.carousel-clients h2 {color: #999; font-size: 14px; line-height: 22px; padding-bottom: 10px; margin-bottom: 18px; display: table; width: 100%; text-transform: uppercase; font-family: 'Open Sans', sans-serif; border-bottom: 1px solid #f2f2f2; font-weight: bolder;}

.carousel-clients .box-left {width: 55%; float: left;}

.carousel-clients img {float: left; margin-right: 23px;}

.carousel-clients img:last-of-type {margin-right: 0}



.box-content {background: #FFF; display: table; width: 100%; padding: 70px 0;}

.box-content .box-title {display: table; width: 100%; text-align: center; float: left; margin-bottom: 70px;}

.box-content .box-title h2 {display: table; width: 100%; font-size: 36px; line-height: 43px; font-weight: bolder; color: #384047; font-family: 'Open Sans', sans-serif;}

.box-content .box-title h2 span, .box-content .box-title p.subtitle-style span {color: #4fb463}

.box-content .box-title p.subtitle-style {font-family: 'Open Sans', sans-serif; font-size: 20px; color: #94a3a8;}

.box-content .box-title .button-cta {margin: 20px auto 0; display: table; padding: 0 50px; border-style: solid; line-height: 53px; border-radius: 3px; background: rgba(242,128,45,1); box-shadow: inset 0px 1px 0px #ffb37b, inset 0 -1px 2px #a7370a; text-shadow: 1px 1px #5c1702; color: #fff; border-width: 1px; border-color: #cc1b0c; font-size: 20px; font-weight: bold; font-family: 'Open Sans', sans-serif; text-align: center; background-repeat: no-repeat; cursor: pointer;}

.box-content .box-title .button-cta:hover {background: #eb4435; box-shadow: inset 0px 1px 0px #ea594c, inset 0 -1px 2px #cc1b0c; color: #fff;}

.container {width: 940px; display: table; margin: 0 auto}

.box-content .it-solucao {display: table; width: 100%; margin: 70px 0 0; border-bottom: 1px solid #f2f2f2; padding: 0 0 70px;}

.box-content .it-solucao .box-left {float: left;}

.box-content .it-solucao:last-of-type {padding-bottom: 0; border-bottom: 0;}

.box-content p strong {font-weight: bolder;}

.box-content .it-solucao .box-right {float: right;}

.box-content .it-solucao p, .box-content .it-solucao h3 {display: table; width: 100%; text-align: left; font-family: 'Open Sans', sans-serif;}

.box-content .it-solucao p {margin-bottom: 10px}

.box-content .it-solucao p:last-of-type {margin-bottom: 0}

.box-content .it-solucao .box-image {width: 379px;}

.box-content .it-solucao .box-image img {display: table; width: 100%; height: auto;}

.box-content .it-solucao .box-text {display: table; width: calc(100% - 379px); box-sizing: border-box;}

.box-content .it-solucao .box-text.box-left {padding-right: 35px;}

.box-content .it-solucao .box-text.box-right {padding-left: 35px;}

.box-content .it-solucao .box-text h3 {font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 1.1; color: rgb(89, 92, 96); font-size: 20px; font-weight: bolder; margin-bottom: 10px;}

.box-content .it-solucao .box-text p {color: rgb(148, 163, 168); font-size: 16px; line-height: 24px;}

.box-content p a {font-weight: bolder; color: #4fb463}

.wrap-funil {background: rgba(229,232,236,1)}

.box-pilares {width: 100%; display: table; float: left;}

.box-pilares .it-pilares {width: 25%; border: 1px solid #FFF; padding: 35px 15px; box-sizing: border-box; float: left; min-height: 580px;} 

.box-pilares .it-pilares h3 {font-size: 20px; font-family: 'Open Sans', sans-serif; color: #FFF; padding-bottom: 10px; text-align: center; font-weight: bolder;}

.box-pilares .it-pilares h4 {font-size: 15px; font-family: 'Open Sans', sans-serif; color: #FFF; padding-bottom: 10px; border-bottom: 1px solid #FFF; margin-bottom: 10px; text-align: center; font-weight: bolder;}

.box-pilares .it-pilares p {color: #FFF; font-size: 16px; line-height: 22px; font-family: 'Open Sans', sans-serif; text-align: center;}

.box-pilares .it-pilares:first-of-type {background: #2296b7;}

.box-pilares .it-pilares:nth-of-type(2) {background: #6ba59e;}

.box-pilares .it-pilares:nth-of-type(3) {background: #83ba83;}

.box-pilares .it-pilares:nth-of-type(4) {background: #9ece67;}

.box-pilares .it-pilares:nth-of-type(5) {background: #2296b7;}

.box-pilares .it-pilares:nth-of-type(6) {background: #6ba59e;}



.wrap-solution {padding-top: 150px;}



.wrap-indicadores {background: url(../images/bg-indicadores.jpg) top left no-repeat;}

.wrap-indicadores .it-indicador {width: 25%; float: left; box-sizing: border-box; padding: 0 14px;}

.wrap-indicadores .it-indicador .circle {position: relative; width: 160px; height: 160px; display: table; margin: 0 auto; background-image: -webkit-linear-gradient(-45deg, #3cac86 20%, #4fb463 100%); background-image: linear-gradient(-45deg, #3cac86 20%, #4fb463 100%); border-radius: 50%;}

.wrap-indicadores .it-indicador .circle .into {text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.wrap-indicadores .it-indicador .circle .into .number {font-size: 40px; color: #FFF; font-weight: bolder; font-family: 'Open Sans', sans-serif;}

.wrap-indicadores .it-indicador .circle .into .number i {font-style: inherit;}

.wrap-indicadores .it-indicador .circle .into .text {font-size: 16px; color: #FFF; font-family: 'Open Sans', sans-serif;}

.wrap-indicadores .it-indicador h3 {color: #384047; font-size: 16px; line-height: 24px; font-weight: 400; font-style: italic; font-family: 'Open Sans', sans-serif; text-align: center; margin-top: 15px;}

.wrap-indicadores .it-indicador h3 span {color: #4fb463; font-weight: bolder;}



.box-tabs {float: left; display: table; width: 100%; margin-top: 70px; border-bottom: 1px solid #EEE;}

.box-tabs a {width: 20%; float: left; height: 85px; color: rgb(56, 64, 71); box-sizing: border-box; font-family: 'Open Sans', sans-serif; position: relative; transition: 0.3s;}

.box-tabs a.active {background-color: #f2f2f2 !important; transition: 0.3s;}

.box-tabs a:hover {background-color: #fafafa !important;}

.box-tabs a span {padding: 0 10px 0 85px; position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0, -50%); font-size: 18px; line-height: 24px; font-weight: bolder; box-sizing: border-box;}



.cont-tabs {display: table; width: 100%;}

.cont-tabs .it-tabs {display: none; width: 100%;}

.cont-tabs .it-tabs:first-of-type {display: table;}



.wrap-comparator {display: table; width: 100%;}

.wrap-comparator .box-left {width: calc(50% - 35px); float: left; border-radius: 10px; overflow: hidden; display: block; background-image: -webkit-linear-gradient(-45deg, #b20505 65%, #ff0c0c 120%); background-image: linear-gradient(-45deg, #b20505 65%, #ff0c0c 120%); margin: 70px 0 0; padding-bottom: 30px;}

.wrap-comparator .box-right {width: calc(50% - 35px); float: right; border-radius: 10px; overflow: hidden; display: block;  background-image: -webkit-linear-gradient(-45deg, #3cac86 20%, #4fb463 100%); background-image: linear-gradient(-45deg, #3cac86 20%, #4fb463 100%); margin: 70px 0 0; padding-bottom: 30px;}

.wrap-comparator .box-left p, .wrap-comparator .box-right p {display: table; width: calc(100% - 40px); margin: 0 auto; font-family: 'Open Sans', sans-serif; color: #FFF;  padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}

.wrap-comparator .box-left p i, .wrap-comparator .box-right p i {margin-right: 5px;}

.wrap-comparator .box-left p:last-of-type, .wrap-comparator .box-right p:last-of-type {border: none;}

.wrap-comparator .box-left h3, .wrap-comparator .box-right h3 {width: calc(100% - 40px); margin: 30px auto 20px; display: table; text-align: center; color: #FFF; font-family: 'Open Sans', sans-serif; font-weight: bolder; font-size: 25px;}



.wrap-rastreador {padding: 70px 0 0}

.wrap-rastreador .box-title p.subtitle-style {color: rgb(89, 92, 96)}

.wrap-rastreador .box-title {margin-bottom: 70px;}

.wrap-rastreador {display: table; width: 100%; background: rgba(229,232,236,1);}

.box-rastreador {display: table; width: 100%;}

.box-rastreador .it-rastreador {width: calc(50% - 35px); float: left; margin: 0 35px 35px 0;}

.box-rastreador .it-rastreador:nth-of-type(2n) {margin-right: 0;}

.box-rastreador .it-rastreador:nth-of-type(2n+1) {clear: both;}

.box-rastreador .it-rastreador h3 {font-family: 'Open Sans', sans-serif; font-weight: bolder; line-height: 1.1; color: rgb(89, 92, 96); font-size: 20px; font-weight: bolder; margin-bottom: 10px;}

.box-rastreador .it-rastreador p {font-family: 'Open Sans', sans-serif; color: #384047; font-size: 16px; line-height: 24px;}



.wrap-cases {background-image: -webkit-linear-gradient(-45deg, #3cac86 20%, #4fb463 100%); background-image: linear-gradient(-45deg, #3cac86 20%, #4fb463 100%); background-attachment: fixed;}

.wrap-cases h2, .wrap-cases p {color: #FFF !important;}

.wrap-cases .box-left, .wrap-cases .box-right {display: table; float: none; width: auto; width: 700px; border: 1px solid #FFF; box-sizing: border-box; margin: 0 auto;}

.wrap-cases .box-left iframe, .wrap-cases .box-right iframe {display: table; width: 100%; height: 400px;}

.wrap-cases .wrap-videos {display: table; width: 100%; float: left;}



.full-image {display: table; width: 100%; margin-top: 70px;}

.full-image img {display: table; margin: 0 auto; max-width: 100%; height: auto;}



footer {display: table; width: 100%; background: #202020; padding: 20px 0;}

footer p {color: #FFF; font-family: 'Open Sans', sans-serif; font-size: 14px;}

footer p.left {float: left;}

footer p.right {float: right;}



body.overflow {overflow-x: hidden; overflow-y: hidden;}



.overlay {cursor: pointer; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); position: fixed; top: 0; left: 0; z-index: 99998}

.modal {width: 600px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99999; display: none;}

.modal form {position: relative !important; left: auto; top: auto; right: auto;}

.modal form label input[type=text], .modal form label select, .modal form label input[type=email] {height: 35px;}

.modal form label textarea {height: 70px;}

.modal form label span {font-style: inherit; font-weight: bolder;}

.modal form a.close {position: absolute; top: 10px; right: 10px; color: #384047}

.modal.fullHeight {width: calc(100% - 50px); max-width: 650px; height: calc(100% - 50px); overflow-y: scroll; overflow-x: hidden; box-sizing: border-box;}

.modal.fullHeight form {display: table; width: 100%; height: 100%; border-radius: 0}



.lp-header iframe {display: table; width: 100%;}



.line-cases {box-sizing: border-box; float: left; display: table; width: calc(33.3% - 30px); background: #FFF; padding: 15px; margin-top: 40px; margin: 40px 15px 0;}

.line-cases .it-case {box-sizing: border-box; float: left; width: 100%; margin: 0 0 15px; position: relative; height: 155px; box-sizing: border-box; border: 1px solid #f2f2f2;}

.line-cases .it-case:first-of-type {border: none;}

.line-cases .it-case:last-of-type {margin: 0;}

.line-cases .it-case img {display: table; max-width: 95%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto;}

.line-cases .it-case .box-txt {display: table; width: 100%; padding: 0 15px; box-sizing: border-box; position: absolute; top: 50%; transform: translate(0, -50%);}

.line-cases .it-case .box-txt span, .line-cases .it-case .box-txt p {font-family: 'Open Sans', sans-serif; display: table; width: 100%; text-align: center; color: #31a79a !important;}

.line-cases .it-case .box-txt span {font-size: 40px; font-weight: bolder;}

.line-cases .it-case .box-txt p {color: rgb(148, 163, 168) !important}



.lbl-nome, .lbl-email {width: calc(50% - 10px);}

.lbl-nome {margin-right: 20px;}



input[type=submit] {appearance: none; -webkit-appearance: none; -moz-appearance: none;}

form .feedback-form {display: table; width: 100%; float: left;}

form .feedback-form span {display: table; color: #FFF; width: 100%; font-size: 14px; margin-top: 15px; padding: 8px; font-family: 'Open Sans', sans-serif; box-sizing: border-box; text-align: center;}

form .feedback-form span.red {background: #dc3545;}

form .feedback-form span.green {background: #28a745;}


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

	.container {width: 100%; box-sizing: border-box; padding: 0 30px;}

	.carousel-clients img:last-of-type {display: none;}

}



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

	.lp-header .box-left-top {width: 100%; padding: 0 50px 15px 50px; text-align: center;}

	.lp-header .box-right-top {width: 100%}

	.lp-header .box-left-top .it-check {background: none; padding-left: 0;}

	.lp-header .box-left-top .it-check > strong {text-align: center; width: 100%;}

	.lp-header form {position: absolute; left: 0; width: 100%; top: 40px; padding: 70px 0 0; box-shadow: none; max-width: 600px; float: none; margin: 0 auto; height: 550px;}

	.carousel-clients {margin: 500px 0 0;}

	.carousel-clients .box-left {display: table; width: 100%; max-width: 600px; float: none; margin: 20px auto 0; text-align: center;}

	.carousel-clients .box-left img {display: inline-block; float: none;}

	.menu-bar.fixed {position: relative; top: auto; left: auto; margin-top: 0; border-bottom: none;}

	.lp-header.fixed {padding-top: 0;}

	.menu-bar.fixed .logo-header {display: none;}

	.lp-header {height: auto; min-height: 100px;}

	.box-tabs {width: 190px; border-bottom: none; float: left; border-right: 1px solid #EEE; box-sizing: border-box;}

	.box-tabs a {width: 100%;}

	.cont-tabs {width: calc(100% - 190px); float: left; padding-left: 35px; box-sizing: border-box; float: left;}

	.box-content .it-solucao .box-image {width: 100%; text-align: center; margin-bottom: 30px;}

	.box-content .it-solucao .box-image img {display: table; margin-top: 0 auto; width: auto; max-width: 100%;}

	.box-content .it-solucao .box-text {display: table; width: 100%; padding: 0;}

	.wrap-comparator .box-left {width: 100%;}

	.wrap-comparator .box-right {width: 100%; margin-top: 30px;}

	.box-pilares .it-pilares {width: 100%; height: auto; min-height: 150px;}

	.wrap-cases .box-left {margin-bottom: 30px;}

	.wrap-cases .box-left, .wrap-cases .box-right {width: 100%; margin-right: 0;}

	.wrap-cases .box-left iframe, .wrap-cases .box-right iframe {height: 400px;}

	footer p.left {margin-bottom: 15px;}

	footer p {width: 100%; text-align: center; display: table;}

	.carousel-clients .box-left img {margin: 15px 25px;}

}



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

	.wrap-indicadores {background-size: cover;}

	.wrap-indicadores {padding-bottom: 40px;}

	.wrap-indicadores h2 {margin-bottom: 70px;}

	.wrap-indicadores .it-indicador {width: 50%; margin-top: 0; margin-bottom: 30px;}

	.box-content .box-title .button-cta {font-size: 18px; line-height: 26px; padding-top: 10px; padding-bottom: 10px;}

	form input[type=submit] {font-size: 18px;}

	.menu-bar .link-tel span {display: none;}

	.line-cases .it-case {width: 100%; margin: 5px 0;}

	.line-cases {padding: 15px;}

	.menu-bar .link-tel {float: none; margin: 0 auto 15px; display: table;}

	.box-tels {width: 100%;}

	.logo-header {float: none !important; margin: 14px auto 0 !important; display: table;}

}

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

	.box-tabs {display: table; width: 100%; border-right: none; border-bottom: 1px solid #EEE}

	.box-tabs a {width: 20%; background-position: center center !important; background-size: 50% !important; height: 55px;}

	.box-tabs a span {display: none;}

	.cont-tabs {padding-left: 0; width: 100%;}

	.box-content .it-solucao .box-text.box-right {padding-left: 0;}

	.box-rastreador .it-rastreador {width: 100%; margin-right: 0;}

	.lp-header .box-left-top {padding: 0 0 15px;}

	.lp-header .box-text-top p br {display: none;}

	.lp-header .box-text-top h1, h2 {font-size: 30px !important; line-height: 30px !important; margin-bottom: 10px !important;}

	.lp-header .box-left-top .it-check {margin-top: 35px;}

	.box-content .box-title p.subtitle-style {font-size: 17px !important;}

	.lp-header .box-text-top p {font-size: 18px;}

	.carousel-clients h2 {font-size: 20px !important;}

	.wrap-indicadores h2 {margin-bottom: 70px !important}

	.modal {width: calc(100% - 30px);}

	.lbl-nome, .lbl-email {width: 100%;}

    .lbl-nome {margin-right: 0;}

    .line-cases {width: 100%; margin-left: 0; margin-right: 0;}

}



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

	.wrap-indicadores .it-indicador {width: 100%;}

	.box-content .box-title h2 br {display: none;}

	.wrap-cases .box-left iframe, .wrap-cases .box-right iframe {height: 250px;}

	.menu-bar a.logo-header {width: 100%; text-align: center;}

	.menu-bar a.logo-header img {display: table; margin: 0 auto;}

}



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

	.wrap-cases .box-left iframe, .wrap-cases .box-right iframe {height: 190px;}

}