@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
body{font: 100% 'Montserrat', sans-serif;font-weight: 400;text-align: left;min-width: 300px;}
h1, h2, h3 {font-family: 'Montserrat', sans-serif;font-weight: 700;font-style: normal;font-stretch: normal;line-height: 1.6;letter-spacing: normal;color: #4B2FB7;}

.container {max-width: 1280px;margin: 0 auto;padding: 0 15px;position: relative;}

.container .row {max-width: 1280px;}


/* HEADER  */

.header{min-width: 500px;position: fixed;top: 0;width: 100%;z-index: 99;background: #fff;height: 80px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .15);}
.header .logo{padding: 15px 0px;float: left;}
.header .logo img{max-width: 190px;width: 100%;}
.header .menu {float: right;margin: 28px 0;}
.header .menu li {float: left;list-style: none;margin: 0;}
.header .menu li a {color: #40596b;font-size: 14px;font-weight: 700;padding: 5px 20px;}
.header .menu li a:hover {color: #3ebfd2;}
.header .account{float: right;margin: 22px 0 0 25px;position: relative;}

.header .account .open{font-weight: 700;background-image: none;padding: 10px 20px;outline: none;cursor: pointer;color: #ffffff;background: #3ebfd2;border-radius: 30px;}
.header .account .open:hover {background: #fc6a07;}




/* HOME */

.home{outline: none;width: 100%;margin: 80px auto 0;padding: 150px 0 100px;background: #ffeee4;background-image: url(../img/bg.jpg);background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;}
.home .box{margin: 100px 0 0}
.home .box h1{font-size: 30px;color: #40596b;font-weight: 700;display: block;margin: 0;}
.home .box h1 .change-text{font-weight: 700;color: #fc6a07;}
.home .box h1 .change-text:after{color: #fc6a07; content: '|'; font-size: 1.2em; -webkit-animation: blink 0.7s infinite; animation: blink 0.7s infinite; position: relative; right: 0; font-weight: 400; }
.home .box h1:nth-last-child(2){margin-top: 5px;}
.home .box .next{color: #ffffff;font-size: 20px;font-weight: 600;margin-top: 80px;display: inline-block;background: #3ebfd2;border-radius: 30px;padding: 15px 50px;}
.home .box .next:hover{background: #fc6a07;}
.home .box .next > img{margin: 5px 10px 5px 0;}


/* O QUE FAZEMOS */
.what{outline: none;width: 100%;margin: 0px auto;padding: 150px 0;background: #fff;}
.what h2{margin: 0;text-align: left;font-weight: 700;font-size: 40px;color: #40596b;}
.what h2 span{/* color:#fff; *//* background: #fc6a07; *//* padding: 10px 20px; *//* border-radius: 10px; */}
.what p{font-size: 20px;color: #40596b; padding: 0;margin: 50px 0px;font-weight: 500;}
.what .next{color: #ffffff;font-size: 20px;font-weight: 600;margin-top: 0px;display: inline-block;background: #3ebfd2;border-radius: 30px;padding: 15px 50px;}
.what .next:hover{background: #fc6a07;}
.what .next > img{margin: 5px 10px 5px 0;}
.what .full {text-align: right;}


/* COMO FAZEMOS */
.how{outline: none;width: 100%;margin: 0px auto;padding: 150px 0;background: rgb(249,249,249);background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 30%);background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 30%);background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 30%);}
.how h2{margin: 0;text-align: left;font-weight: 700;font-size: 40px;color: #40596b;}
.how h2 span{/* color:#fff; *//* background: #fc6a07; *//* padding: 10px 20px; *//* border-radius: 10px; */}
.how .title{color: #fc6a07;font-size: 26px;margin: 30px 0px;font-weight: 700;}
.how p{font-size: 20px;color: #40596b;padding: 0;font-weight: 500;margin: 0 0px 40px;}
.how .next{color: #ffffff;font-size: 20px;font-weight: 600;margin-top: 0px;display: inline-block;background: #3ebfd2;border-radius: 30px;padding: 15px 50px;}
.how .next:hover{background: #fc6a07;}
.how .next > img{margin: 5px 10px 5px 0;}
.how .full {text-align: right;}



/* FOOTER */

.footer{width: 100%;margin:0px auto;padding: 100px 0;outline: none;text-align: center;background: rgb(249,249,249);background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 30%);background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 30%);background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 30%);}
.footer h2{font-weight: 700;font-size: 26px;color: #fc6a07;}
.footer p{font-size: 20px;color: #40596b;font-weight: 500;}
.footer p a {color: #40596b;}
.footer img {width: 46px;margin: 5px 10px 0 0;}
.rdp {background: #3d3d3d;padding: 20px 0;}

.rdp p{font-size: 12px;text-align: center;color: #fff;margin: 0;padding: 0;}



.btn{display: none;position: fixed;z-index: 999;bottom: 0px;left: 0px;right: 0px;background: #fc6a07;text-align: center;padding: 30px 0;}
.btn a{display: block;color: #fff;font-size: 20px;font-weight: 700;text-transform: uppercase;}


@media screen and (max-width: 1300px){
  .header .menu {
    display: none;
}
  .container {max-width: 1000px;}

  .home .box {margin: 50px 0 0;}
  .home .box h1{font-size:22px;}
  .home .box .next{font-size: 18px;padding: 15px 40px;}
  .home .box .next img{margin: 3px 10px 3px 0;}

  .what h2{font-size: 35px;}
  .what p{font-size: 17px;}
  .what .next{font-size: 18px;padding: 15px 40px;}
  .what .next img{margin: 3px 10px 3px 0;}

  .how h2{font-size: 35px;}
  .how .title{font-size: 21px;}
  .how p{font-size: 17px;}
  .how .next{font-size: 18px;padding: 15px 40px;}
  .how .next img{margin: 3px 10px 3px 0;}

  .footer h2{font-size: 21px;}
  .footer p{font-size: 17px;}
}



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

  .container {max-width: 600px;}
  .header .account, .header .menu{display: none;}
  .header .logo{text-align: center;float: initial;}
  .home{text-align: center;background-position: 0% 50%;margin: 0;padding: 100px 0 50px;}
  .what{text-align: center;}
  .what h2{text-align: center;}
  .what .full{display: none;}
  .how{text-align: center;padding: 100px 0;}
  .how h2{text-align: center;}
}



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

  .btn{display: block;}
}