/*@font-face {font-family: 'Gotham'; src: url('../fonts/gotham/Gotham-Bold.otf'); font-weight: 700; }*/

* { font-family: 'Open Sans', sans-serif; }
html { margin: 0; font-size: 62.5%;overflow-x: hidden; }
body {overflow-x: hidden;background-attachment: fixed;background-position: center;background-repeat: no-repeat;color: #414449;}
body, p { font-size: 1.8rem;line-height: 1.3; }

.bg-cover { background-size: cover; background-position: center; }
ul { margin: 0; padding:0; }
li { list-style: none; }
a, a:hover { text-decoration: none; transition: .2s }
img { max-width: 100%; }

h1{font-weight: 700; font-size: 3.8rem;margin-bottom: 2rem;line-height: 1.1;}
h2{font-weight: 700; font-size: 3.8rem;margin-bottom: 2rem;line-height: 1.1;}
h3{font-weight: 700; font-size: 3.8rem;margin-bottom: 2rem;line-height: 1.1;}
/*h4{font-weight: 400; font-size: 2.4rem;margin-bottom: 20px;}
h5{font-weight: 400; font-size: 2.2rem;}*/

.text-blue { color: #547af7; }
.text-yellow { color: #ffcc00; }
.text-white { color: #fff; }

.flex-center { display: flex;align-items: center;justify-content: center; }
.select-none, .select-none * { -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;outline: none!important }

.section { padding:60px 0;z-index: 0;position: relative; }

.btn-mvl { padding: 18px 40px; background-color: #547af7; border-radius: 10px;color:#fff; margin: 28px 0;display: inline-block;font-size: 2.0rem;transition: .2s ease-out;font-weight: 700;border:0; }
.btn-mvl:not[disabled]:hover { background-color: #ffcc00; color: #fff; box-shadow: 6px 6px 30px #ffdb07; }
.btn-mvl[disabled] {opacity: .2;cursor: default;}

.white-box { background-color: #fff; border-radius: 16px; padding: 40px; box-shadow: 0 5px 20px rgba(70, 135, 204, 0.2); margin: 15px 0;  }

.top {padding: 120px 0; }
.top .top-logo {padding: 0 0 32px; }

.informacoes { padding: 60px 0 175px; }
.informacoes .bg-cloud{ position: absolute;width: 100%; height: 670px; background-position: center; background-size: cover;top: -138px; }
.informacoes .info-box .info-box-img { text-align: center;margin-bottom: 15px;height: 100px;display: flex;justify-content: center;align-items: center; }

.areas .slider--areas { display: flex;flex-wrap: wrap;align-items: center; }
.areas .slide--areas { font-size: 2rem;font-weight: 600;display: inline-block;margin: 0;padding: 20px;width: 20%;text-align: center; }
.areas .slide--areas .icon{ width: 100px;height: 100px;border: solid 2px;border-radius: 50%;margin: 0 auto 15px;transition: .18s ease-out; }
.areas .slide--areas .title{ transition: .18s ease-out; }
.areas .slide--areas:hover { color: #547af7; }
.areas .slide--areas:hover .icon{ transform: scale(1.1); }
.areas .slick-slider .slide--areas { width: 100%;height: unset;}
.areas .slick-slider .slick-arrow { background: 0;border: solid 6px; transform: rotate(45deg); display: none; border-radius: 5px;width: 32px;height: 32px;opacity: .2; transition: .2s ease-out;}
.areas .slick-slider .slick-arrow:hover { opacity: .4; }
.areas .slick-slider .slick-arrow:focus { outline: 0; }
.areas .slick-slider .slick-prev { left: 0; border-right-color:transparent; border-top-color:transparent;}
.areas .slick-slider .slick-next { right: 0; border-left-color:transparent; border-bottom-color:transparent;}

.faq {padding: 20px 0; }
.faq .faq-box  { padding-top: 15px; }
.faq .faq-box ul { margin-bottom: 1.6rem;padding-left: 28px; }
.faq .faq-box ul li { list-style: disc; }
.faq .faq-box .card { padding:0;border:0; }
.faq .faq-box .card .faq-answer { padding: 20px; }
.faq .faq-box .card .btn-link { padding:20px 35px; display: block;text-align: left;text-decoration: none!important;position: relative;white-space: normal; }
.faq .faq-box .card .btn-link:after { content:'-'; font-size: 2.2rem; position: absolute; right: 35px; color:#547af7;font-weight: 700;top: 50%;transform: translateY(-50%); }
.faq .faq-box .card .btn-link.collapsed:after { content:'+'; right: 32px }
.faq .faq-box .card .btn-link:hover:after { color:#e8c704; }
.faq .faq-box .card .card-body { padding:0px 35px 20px; }
.faq .faq-box .card .card-body p { font-size: 1.8rem;margin-bottom: 2rem; }
.faq .faq-box .card .card-header { padding: 0;background: 0;border: 0;font-size: 2rem;line-height: 1.2; font-weight: 700; color: #414449 }

.quem-recomenda .testim-box .testim-box-info { display: flex;align-items: center;justify-content: flex-start;padding-top: 28px; }
.quem-recomenda .testim-box .testim-box-info .testim-box-img { width: 60px; height: 60px; border-radius: 50%; background-color: #eee;display: flex;justify-content: center;align-items: center;overflow: hidden; }
.quem-recomenda .testim-box .testim-box-info .testim-box-img img { object-fit: cover; object-position: center;width: 100%; height:100%; }
.quem-recomenda .testim-box .testim-box-info .testim-box-name { width: calc(100% - 60px); padding: 5px 5px 5px 10px;font-weight: 700; font-size: 1.6rem;}

.criar-loja { background-color: #414449; }
.criar-loja ul { margin-bottom: 40px; }
.criar-loja ul li { border:solid 2px #547af7; padding: 20px 40px; width: 480px;max-width: 100%;margin: 20px auto;font-size: 3rem;font-weight: 700;box-shadow: 0 0 20px rgba(84, 122, 247,.1); }
.criar-loja ul li .strike { position: relative; }
.criar-loja ul li .strike:after { content: ''; position: absolute; width: 100%; height: 4px; background-color: #ff1a1a; bottom: 18px; left: 0;transform: rotate(10deg); }
.criar-loja .criar-texto h3 { font-size: 5.2rem}

footer { padding:60px 0;}

.mask { position: fixed;z-index: 90; opacity: 0; visibility: hidden; transition: .2s; top: 0; left: 0; width: 100%; height:100%; background-color: rgba(25,25,25,.75);  }
.modal-form { position: fixed;z-index: 100000;top: 0; right: 0; width: 450px; max-width: 100%; height: 100%; background-color: #fff; padding: 60px 55px;
box-shadow: 0 0 20px rgba(0,0,0,.4);overflow-y: auto;opacity: 0; visibility: hidden; right: -100%;transition: 0s; }
.modal-form h2 { font-size: 3rem; }
.modal-form p { font-size: 1.6rem; }
.modal-form-close { position: absolute;top: 0;right: 0;font-size: 2.8rem; padding: 15px 20px;cursor: pointer;line-height: 1; }
.modal-form-close:hover { color: #ffcc00 }

body.activeForm { overflow: hidden; }
body.activeForm .mask { opacity: 1; visibility: visible; }
body.activeForm .modal-form { opacity: 1; visibility: visible; right: 0;transition: .2s; }

form { margin-top: 22px;}
form label { display: block; width: 100%; font-size: 1.5rem; color: #414449; font-weight: 700;margin-bottom: 10px; }
form label.lgpd-check { font-weight: 400;display: flex;align-items: start;  }
form label.lgpd-check input { display: inline-block;width: auto; height: auto;margin-right: 10px;position: relative;top: 2px;  }
form label .label-complementar { font-size: 1.5rem; color: #414449;padding-left: 4px;line-height: 1.3; font-weight: 400; }
form input { display: block; width: 100%; border: solid 1px #979ba2; border-radius:5px; height: 44px;padding: 8px 15px;margin: 3px 0; }
form input:focus { border-color: #414449; outline:0!important; }
form textarea { display: block; width: 100%; border: solid 1px #979ba2; border-radius:5px; height: 94px;padding: 8px 15px;margin: 3px 0; }
form textarea:focus { border-color: #414449; outline:0!important; }
form button { margin-top: 6px!important;cursor: pointer;margin-bottom: 24px!important; }

.alert-success { color: #fff;background-color: #3d878a;border-color: #35797b; }

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 21px;
}
.lds-ellipsis div {
  position: absolute;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 18px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 30px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(12px, 0);
  }
}

[data-effects] { opacity: 0; transition: .6s cubic-bezier(0,.67,.46,1.59) .2s; }
[data-effects="show"] { opacity: 0; }
[data-effects="bottom"] { transform: translate3d(0px, 20px, 0); }
[data-effects="left"] { transform: translate3d(-50px, 0, 0); }
[data-effects="right"] { transform: translate3d(50px, 0, 0);  }
[data-effects="zoom"] { transform: scale(.85); }
[data-effects="lazyload"] { opacity: 0; transition-delay: .5s; }
[data-effects].animate { opacity: 1; transform: translate3d(0, 0, 0); }
[data-effects="zoom"].animate { opacity: 1; transform: scale(1); }

.video-wrapper { position: relative; padding-bottom: 52.6%; padding-top: 30px; height: 0; overflow: hidden; }

.video-wrapper iframe, .video-wrapper object, .video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.icon-social {
  background: #547af7;
  border-radius: 100px;
  color: #fff;
  width: 54px;
  height: 54px;
  padding: 9px!important;
  display:inline-flex;
  align-items:center;
  justify-content: center;
  transition:.3s;
}
.icon-social:hover {
  background: #547af7;
  color: #fff;
  opacity:.9;
}
.icon-social i {
  display: block;
  font-size: 28px;
}
@media all and (max-width: 768px){
  .areas .slide--areas { padding: 10px; font-size: 1.6rem; width: 33%;}
  .areas .slide--areas .icon { width: 75px;height: 75px; }
}

@media all and (max-width: 480px){
  .areas .slide--areas { width: 50%;}
}

.slick-dots li button:before {
  font-size: 60px!important;
}

.section.portfolio {
  border-bottom: 4px solid #e8eaf1;
}

.section.portfolio video {
  border: 2px solid #e8eaf1;
  border-radius: 16px;
  overflow: hidden;
}