body { font-family: 'Myriad Pro Regular', sans-serif; color: #686868 ; background-color: #f9f9f9; overflow-x: hidden; font-size: 14px; line-height: 18px; }
a:link, a:hover, a:active, a:focus, a:visited { text-decoration: none !important; }
* { outline: none; }

p {
	font-size: 14px;
	color: #464646;
	line-height: 20px;
	font-weight: 300;
	margin-bottom: 20px;
}

@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('../fonts/MYRIADPRO-REGULAR.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed'), url('../fonts/MYRIADPRO-COND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold Italic'), url('../fonts/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold'), url('../fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed Italic'), url('../fonts/MYRIADPRO-CONDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Italic'), url('../fonts/MYRIADPRO-BOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed Italic'), url('../fonts/MYRIADPRO-BOLDCONDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed'), url('../fonts/MYRIADPRO-BOLDCOND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold'), url('../fonts/MYRIADPRO-BOLD.woff') format('woff');
}

.remove-padding { padding: 0; }
.remove-right { padding-right: 0; }
.clearfix:before, .clearfix:after, .row:before, .row:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after {clear: both; } .row, .clearfix {zoom: 1; } .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clear5 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 5px; } .clear10 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 10px; } .clear15 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 15px; } .clear20 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 20px; } .clear25 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 25px; } .clear30 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 30px; } .clear35 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 35px; } .clear40 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 40px; } .clear45 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 45px; } .clear50 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 50px; } .clear60 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 60px; } .lfloat {float: left } .rfloat {float: right }

/* DEFAULT */

/* HEADER */

header { background: #fff; height: 82px !important; position: relative; line-height: 80px !important; z-index: 999; }
.shadow { height: 10px; bottom: -10px; position: absolute; background: transparent url("../../images/shadow.png") center center no-repeat; width: 100%; z-index: 99;}

h1 { font-size: 30px; }

#home header { height: 82px !important; }
header .logo { float: left; }

header menu { padding: 0; margin: 0; text-transform: uppercase; text-align: center; }
header menu a { color: #a4a3a8; font-size: 16px; margin-left: 25px; font-family: 'Varela Round', sans-serif; }
header menu a:hover { color: #008068; }

p strong { font-family: 'Myriad Pro Bold'; }

.banner { margin: 0 !important; padding: 0 !important; }
.banner .slick-slide { height: 490px; text-align: center; padding-top: 30px; width: 100%; }
.banner .slick-list { width: 100%; } 
.banner .slick-dots { bottom: 80px !important; }
.banner .slick-prev { left: 20px !important; width: 40px !important; height: 40px !important; z-index: 30; }
.banner .slick-next { right: 20px !important; width: 40px !important; height: 40px !important; z-index: 30; }
.banner .slick-prev:before, .banner .slick-next:before { font-size: 45px !important; }
.banner .slick-dots li:first-child { border-radius: 20px 0 0 20px; }
.banner .slick-dots li:last-child { border-radius: 0 20px 20px 0; }
.banner .slick-dots li {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.banner .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 30px;
  height: 30px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.banner .slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  content: '';
  text-align: center;
  opacity: .25;
  background: #fff;
  border-radius: 30px;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.infos { text-align: center; background: #0d7c69 url("../../images/bg-2.jpg") center center no-repeat; height: 258px; }
.box { background-color: #dbdbdb; padding: 20px 35px 0 35px; height: 300px; margin-top: -80px; }
.box h1 { font-size: 20px; color: #008068; font-family: 'Varela Round', sans-serif; }
.box p { font-size: 14px; color: #666968; line-height: 16px; }
.box.destaque { background-color: #64d7bc; }
.box.destaque p { color: #505050; }

.bt-video { background-color: #d5e6db; display: block; padding: 10px 20px; border-radius: 20px; border-bottom: 3px solid #008068; text-transform: uppercase; color: #008068; font-family: 'Varela Round', sans-serif; font-size: 20px; width: 80%; margin: auto; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.bt-video:hover { background-color: #008068; color: #fff; border-bottom: 3px solid #1d5243; }

.bt-baixe-agora { display: block; padding: 10px 20px; border-radius: 20px; border-bottom: 3px solid #73a894; text-transform: uppercase; color: #008068; font-family: 'Varela Round', sans-serif; font-size: 20px; padding-left: 70px; background: #64d7bc url("../../images/download.png") 37px center no-repeat; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.bt-baixe-agora:hover { background: #cfebe1 url("../../images/download.png") 37px center no-repeat; border-bottom: 3px solid #1d5243; }

.vc-sabia { width: 335px; padding: 80px 40px; }
.vc-sabia h2 { color: #64d7bc; font-size: 35px; font-family: 'Varela Round', sans-serif; }
.vc-sabia p { color: #7a7a7a; }

.teste { background-color: #e0e0e1; padding: 80px; }
.teste h1 { color: #008068; font-size: 25px; }
.text-teste { text-align: right; padding-right: 30px; }
.text-teste p { margin-bottom: 20px;  }

.img-caixa { padding: 0 30px; }
.img-caixa img { width: 100%; }

.bt-compre-aqui { display: block-inline; padding: 10px 25px; border-radius: 50px; border-bottom: 3px solid #808080; text-transform: uppercase; color: #008068; font-family: 'Varela Round', sans-serif; font-size: 20px; padding-left: 60px; background: #bebebe url("../../images/carrinho.png") 25px center no-repeat; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.bt-compre-aqui:hover { background-color: #cecece; }

.contato { background-color: #ebebeb; padding: 50px 0; }
.contato input, .contato textarea { border: 2px solid #c8c9cb; margin-bottom: 10px; }
.box-newsletter { padding-left: 100px; padding-right: 30px; }
.box-contato { padding-right: 100px; padding-left: 30px; }
.box-contato a { color: #337f69; }
.send { border: none; background: transparent; float: right; font-size: 15px; }

footer { background-color: #00a180; height: 87px; line-height: 87px; }
footer .logo-inventiva { float: left; padding-left: 100px; }
footer .copyright { float: right; color: #c2cac8; padding-right: 100px; }


.titulo { background-color: #dfdfe0; height: 105px; line-height: 105px; }
.titulo h1 { float: left; padding-left: 240px; color: #3fa187;  margin: 0; line-height: 105px; }
.titulo .produto { float: right; padding-right: 200px; margin-top: 30px; }

.como-utilizar { background-color: #fff; text-align: center; padding-top: 30px;  }

.duvidas { padding: 80px; }
.duvidas h3 { font-size: 20px; font-family: 'Varela Round', sans-serif; margin-top: 40px; color: #3fa187; margin: 0 100px; padding-bottom: 30px; }
.duvidas p { display: none; padding: 5px 0 10px 0; font-size: 14px; }
.duvidas p.open { display: block; }
.duvidas ul { padding: 0; list-style-type: none; }
.duvidas a { color: #a7a9ac; font-size: 16px; }
.duvidas a span.icon { display: inline-block; float: right; width: 30px; height: 30px; line-height: 30px; color: #64d7bc; border: 1px solid #64d7bc; border-radius: 30px; text-align: center; font-size: 18px; font-weight: 100; }
.duvidas li { border-bottom: 1px solid #ececed; padding: 15px 0; margin: 0 100px; }

.full-menu-2 {
  position: fixed;
  background: rgba(0,0,0,0.50);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
  z-index: 1000;
  display: none;
}
.full-menu-2 h3 { margin-bottom: 30px; }
.full-menu-content-2 {
  position: absolute;
  background: #fff;
    width: 1000px;
    height: 440px;
    top: -50%;
    bottom: -50%;
    right: -50%;
    left: -50%;
    margin: auto;
    z-index: 300;
    padding: 50px 80px;
}
.full-menu-content-2 a { display: block; padding: 10px 10px 5px;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.full-menu-content-2 .close { position: absolute; top: 10px; right: 10px; }
.full-menu-content-2 img { transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.full-menu-content-2 img:hover {
  -ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1, 1.1);
}
.full-menu-content-2 div { width: 33.3333%; margin: 0 0 10px; float: left; text-align: center; }
.full-menu-content-2 div img { width: 100%; }

.boxVideo { display: none;  z-index: 1500; position: fixed; width: 100%; text-align: center; padding: 60px }
.boxVideo .loader { width: 700px; display: inline-block; margin: auto; }
.boxVideo .loader iframe { max-width: 100%; width: 700px; height: 380px; -webkit-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.5); box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.5); }
.boxVideo .close { color: #fff; position: relative; z-index: 999; opacity: 1; border: 2px solid #fff; width: 50px; height: 50px; line-height: 48px; display: inline-block; border-radius: 50px; }
.bgBlack { background-color: rgba(0,0,0,0.50); position: fixed; top: 0; left: 0; width: 100%; z-index: 1400; height: 100%; display: none; }

.bg-black {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: rgba(0,0,0,.9);
  z-index: 500;
  display: none;
}
.box-arquivo {
  position: fixed;
  width: 400px;
  max-width: 90%;
  background: #fff;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 260px;
  z-index: 530;
  display: none;
}
  .box-arquivo h2 { color: #64d7bc; font-size: 16px; margin-bottom: 20px; }
  .box-arquivo input { margin-bottom: 20px; }
  .box-arquivo .contato { padding: 0; }
  .box-arquivo button { margin: auto; }

.close-materiais {
  display: block;
  width: 30px;
  height: 30px;
  color: #ccc;
  line-height: 27px;
  text-align: center;
  font-weight: 600;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
  cursor: pointer;
}

/* DESKTOP */
@media screen and (min-width: 1201px) {

}

/* IPAD DE LADO*/
@media screen and (max-width: 1199px) and (min-width: 991px) {
  header menu a { font-size: 15px; margin-left: 15px; }
  .box { padding: 20px 20px 0 20px; height: 310px; }
  .img-ebook { margin-left: -70px; }
}

/* IPAD */
@media screen and (max-width: 991px) {
  .titulo .container { overflow-x: hidden; }

  .banner .slick-slide { height: 420px; }
  .box { margin-top: 20px; }

  .infos { background: url(../../images/bg-2.jpg) center top no-repeat; height: auto; }

  .img-ebook { width: 100%; margin-left: -30px; }
  .vc-sabia { width: 100%; padding: 0 20px; margin-bottom: 50px; }

  .bt-baixe-agora { padding: 20px; border-radius: 50px; padding-left: 80px; }
  .teste { padding: 25px 0; }
  .text-teste { text-align: center; padding-right: 0; margin-bottom: 40px; }
  .contato { padding: 20px 0; }
  .box-newsletter { padding: 0; margin-bottom: 60px; }
  .box-contato { padding: 0; }

  footer .logo-inventiva { float: none; padding-left: 0; margin-bottom: 30px; }
  footer .copyright { float: none; padding-right: 0; }
  footer { height: auto; line-height: 18px; text-align: center; padding: 20px; }

  .titulo h1 { float: none; padding-left: 0; color: #3fa187; margin: 0; line-height: 105px; text-align: center; }
  .img img { width: 100%; margin-top: 70px; }
  .titulo .produto { float: none; padding-right: 0; margin-top: -20px; } 
  .duvidas { padding: 0; }
  .duvidas h3 { margin: 20px 0 10px; }
  .duvidas li { margin: 0; }
  .duvidas ul { margin-bottom: 50px; }
}

/* IPHONE DE LADO */
@media screen and (max-width: 767px) {
  .titulo .container { overflow-x: hidden; }

  .banner .slick-slide { height: 220px; }
  .box { margin-top: 20px; }

  .infos { background: url(../../images/bg-2.jpg) center top no-repeat; height: auto; }

  .img-ebook { width: 100%; margin-left: -30px; }
  .vc-sabia { width: 100%; padding: 0 20px; margin-bottom: 50px; }

  .bt-baixe-agora { padding: 20px; border-radius: 50px; padding-left: 80px; }
  .teste { padding: 25px 0; }
  .text-teste { text-align: center; padding-right: 0; margin-bottom: 40px; }
  .contato { padding: 20px 0; }
  .box-newsletter { padding: 0; margin-bottom: 60px; }
  .box-contato { padding: 0; }

  footer .logo-inventiva { float: none; padding-left: 0; margin-bottom: 30px; }
  footer .copyright { float: none; padding-right: 0; }
  footer { height: auto; line-height: 18px; text-align: center; padding: 20px; }

  .titulo h1 { float: none; padding-left: 0; color: #3fa187; margin: 0; line-height: 105px; text-align: center; }
  .img img { width: 100%; margin-top: 70px; }
  .titulo .produto { float: none; padding-right: 0; margin-top: -20px; } 
  .duvidas { padding: 0; }
  .duvidas h3 { margin: 20px 0 10px; }
  .duvidas li { margin: 0; }
  .duvidas ul { margin-bottom: 50px; }

  .full-menu-content-2 { max-width: 530px; padding: 20px; }
  .full-menu-content-2 div { width: 50%; }

  .boxVideo .loader iframe { width: auto; }
  .boxVideo { padding: 60px 0; }
  .boxVideo .loader { width: 90%; }
  .boxVideo .loader iframe { width: 100%; }
}

/* IPHONE */
@media screen and (max-width: 480px) {
  .titulo .container { overflow-x: hidden; }

  .banner .slick-slide { height: 220px; }
  .box { margin-top: 20px; }

  .infos { background: url(../../images/bg-2.jpg) center top no-repeat; height: auto; }

  .img-ebook { width: 100%; margin-left: -30px; }
  .vc-sabia { width: 100%; padding: 0 20px; margin-bottom: 50px; }

  .bt-baixe-agora { padding: 20px; border-radius: 50px; padding-left: 80px; }
  .teste { padding: 25px 0; }
  .text-teste { text-align: center; padding-right: 0; margin-bottom: 40px; }
  .contato { padding: 20px 0; }
  .box-newsletter { padding: 0; margin-bottom: 60px; }
  .box-contato { padding: 0; }

  footer .logo-inventiva { float: none; padding-left: 0; margin-bottom: 30px; }
  footer .copyright { float: none; padding-right: 0; }
  footer { height: auto; line-height: 18px; text-align: center; padding: 20px; }

  .titulo h1 { float: none; padding-left: 0; color: #3fa187; margin: 0; line-height: 105px; text-align: center; }
  .img img { width: 100%; margin-top: 70px; }
  .titulo .produto { float: none; padding-right: 0; margin-top: -20px; } 
  .duvidas { padding: 0; }
  .duvidas h3 { margin: 20px 0 10px; }
  .duvidas li { margin: 0; }
  .duvidas ul { margin-bottom: 50px; }

  .full-menu-content-2 { max-width: 330px; padding: 20px; height: 270px; }
  .full-menu-content-2 div { width: 50%; }

  .boxVideo .loader iframe { width: auto; }
  .boxVideo { padding: 60px 0; }
  .boxVideo .loader { width: 90%; }
  .boxVideo .loader iframe { width: 100%; }
}

.menu-mobile { color: #009280 !important; font-size: 28px; display: inline-block; margin-top: 20px; line-height: 15px; }
.mm-menu.mm-theme-dark { background: #2d231d !important; }
.mm-menu.mm-theme-dark .mm-divider { background: rgba(255,255,255,.09) !important; }
.mm-listview>li>a, .mm-listview>li>span { color: #ffd69f; }

/* Color of invalid field */
.has-error input, .has-error textarea {
    border: 1px solid red !important;
}

.mapa iframe { scrolling: no; }

/* Esconde file input */
input[type='file'] {
  display: none
}

.input-wrapper label {
  background-color: #3498db;
  border-radius: 5px;
  color: #fff;
  margin: 10px;
  padding: 6px 20px
}

.form-group { margin-bottom: 0 !important; }

.input-wrapper label:hover {
  background-color: #2980b9
}