*{ font-family: 'Roboto', sans-serif; }

.btnx{height:70px !important}

.header-h1{font-size:50px;margin-top:100px}

.plano_pop{padding:20px;border:1px #dbdbdb solid;
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
border-radius: 10px !important;
cursor:pointer;
}

.plan{border:4px #639fff solid !important;}

@media (max-width: 400px) {
.header-h1{font-size:30px}
.header-h2{font-size:25px}
}

@media (min-width: 700px) {
.header-h1{font-size:50px}
.header-h2{font-size:45px}
}


.plano{
-webkit-border-radius: 30px !important;
-moz-border-radius: 30px !important;
border-radius: 30px !important;
box-shadow:0px 20px 25px #eaeaea;
}


.depoimento{
background:#fff;
-webkit-border-radius: 30px !important;
-moz-border-radius: 30px !important;
border-radius: 30px !important;
box-shadow:0px 20px 25px #dbdbdb;
min-height: 400px;
margin:-30px 0 0 0;
}

.thin{font-weight:lighter; }
.normal{font-weight:normal; }

.contratar{
padding-left: 30px !important;
padding-right: 30px !important;
background:none;
color:#fff;
border:3px #fff solid !important;
-webkit-border-radius: 30px !important;
-moz-border-radius: 30px !important;
border-radius: 30px !important;
}
.contratar:hover{
background:#000;color:#999;border-color: #999 !important; outline:none;
}

.contratar:focus{
outline:none !important;
}


.scrolldown{font-size:60px !important;color:#fff;


-webkit-animation: action 1s infinite  alternate;
animation: action 1s infinite  alternate;
}
@-webkit-keyframes action {
0% { transform: translateY(0); }
100% { transform: translateY(-30px); }
}
@keyframes action {
0% { transform: translateY(0); }
100% { transform: translateY(-30px); }


}


/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}








.material-icons{ 
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


.no-padding {
  padding: 0px !important;
}
.no-margin {
  margin: 0px !important;
}


.top-left {
  position: absolute;
  top: 0;
  left: 0;
}
.top-right {
  position: absolute;
  top: 1px;
  right: 0;
}
.bottom-left {
  position: absolute;
  bottom: 1px;
  left: 0;
}
.bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}




.p-t-5 {
  padding-top: 5px;
}
.p-r-5 {
  padding-right: 5px;
}
.p-l-5 {
  padding-left: 5px;
}
.p-b-5 {
  padding-bottom: 5px;
}
.p-t-10 {
  padding-top: 10px;
}
.p-r-10 {
  padding-right: 10px;
}
.p-l-10 {
  padding-left: 10px;
}
.p-b-10 {
  padding-bottom: 10px;
}
.p-t-15 {
  padding-top: 15px;
}
.p-r-15 {
  padding-right: 15px;
}
.p-l-15 {
  padding-left: 15px;
}
.p-b-15 {
  padding-bottom: 15px;
}
.p-t-20 {
  padding-top: 20px;
}
.p-r-20 {
  padding-right: 20px;
}
.p-l-20 {
  padding-left: 20px;
}
.p-b-20 {
  padding-bottom: 20px;
}
.p-t-25 {
  padding-top: 25px;
}
.p-r-25 {
  padding-right: 25px;
}
.p-l-25 {
  padding-left: 25px;
}
.p-b-25 {
  padding-bottom: 25px;
}
.p-t-30 {
  padding-top: 30px;
}
.p-r-30 {
  padding-right: 30px;
}
.p-l-30 {
  padding-left: 30px;
}
.p-b-30 {
  padding-bottom: 30px;
}
.p-t-35 {
  padding-top: 35px;
}
.p-r-35 {
  padding-right: 35px;
}
.p-l-35 {
  padding-left: 35px;
}
.p-b-35 {
  padding-bottom: 35px;
}
.p-t-40 {
  padding-top: 40px;
}
.p-r-40 {
  padding-right: 40px;
}
.p-l-40 {
  padding-left: 40px;
}
.p-b-40 {
  padding-bottom: 40px;
}
.p-t-45 {
  padding-top: 45px;
}
.p-r-45 {
  padding-right: 45px;
}
.p-l-45 {
  padding-left: 45px;
}
.p-b-45 {
  padding-bottom: 45px;
}
.p-t-50 {
  padding-top: 50px;
}
.p-r-50 {
  padding-right: 50px;
}
.p-l-50 {
  padding-left: 50px;
}
.p-b-50 {
  padding-bottom: 50px;
}
.p-t-55 {
  padding-top: 55px;
}
.p-r-55 {
  padding-right: 55px;
}
.p-l-55 {
  padding-left: 55px;
}
.p-b-55 {
  padding-bottom: 55px;
}
.p-t-60 {
  padding-top: 60px;
}
.p-r-60 {
  padding-right: 60px;
}
.p-l-60 {
  padding-left: 60px;
}
.p-b-60 {
  padding-bottom: 60px;
}
.p-t-65 {
  padding-top: 65px;
}
.p-r-65 {
  padding-right: 65px;
}
.p-l-65 {
  padding-left: 65px;
}
.p-b-65 {
  padding-bottom: 65px;
}
.p-t-70 {
  padding-top: 70px;
}
.p-r-70 {
  padding-right: 70px;
}
.p-l-70 {
  padding-left: 70px;
}
.p-b-70 {
  padding-bottom: 70px;
}
.p-t-75 {
  padding-top: 75px;
}
.p-r-75 {
  padding-right: 75px;
}
.p-l-75 {
  padding-left: 75px;
}
.p-b-75 {
  padding-bottom: 75px;
}
.p-t-80 {
  padding-top: 80px;
}
.p-r-80 {
  padding-right: 80px;
}
.p-l-80 {
  padding-left: 80px;
}
.p-b-80 {
  padding-bottom: 80px;
}
.p-t-85 {
  padding-top: 85px;
}
.p-r-85 {
  padding-right: 85px;
}
.p-l-85 {
  padding-left: 85px;
}
.p-b-85 {
  padding-bottom: 85px;
}
.p-t-90 {
  padding-top: 90px;
}
.p-r-90 {
  padding-right: 90px;
}
.p-l-90 {
  padding-left: 90px;
}
.p-b-90 {
  padding-bottom: 90px;
}
.p-t-95 {
  padding-top: 95px;
}
.p-r-95 {
  padding-right: 95px;
}
.p-l-95 {
  padding-left: 95px;
}
.p-b-95 {
  padding-bottom: 95px;
}
.p-t-100 {
  padding-top: 100px;
}
.p-r-100 {
  padding-right: 100px;
}
.p-l-100 {
  padding-left: 100px;
}
.p-b-100 {
  padding-bottom: 100px;
}
.m-t-5 {
  margin-top: 5px !important;
}
.m-r-5 {
  margin-right: 5px !important;
}
.m-l-5 {
  margin-left: 5px !important;
}
.m-b-5 {
  margin-bottom: 5px !important;
}
.m-t-10 {
  margin-top: 10px !important;
}
.m-r-10 {
  margin-right: 10px !important;
}
.m-l-10 {
  margin-left: 10px !important;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.m-t-15 {
  margin-top: 15px !important;
}
.m-r-15 {
  margin-right: 15px !important;
}
.m-l-15 {
  margin-left: 15px !important;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-r-20 {
  margin-right: 20px !important;
}
.m-l-20 {
  margin-left: 20px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.m-t-25 {
  margin-top: 25px !important;
}
.m-r-25 {
  margin-right: 25px !important;
}
.m-l-25 {
  margin-left: 25px !important;
}
.m-b-25 {
  margin-bottom: 25px !important;
}
.m-t-30 {
  margin-top: 30px !important;
}
.m-r-30 {
  margin-right: 30px !important;
}
.m-l-30 {
  margin-left: 30px !important;
}
.m-b-30 {
  margin-bottom: 30px !important;
}
.m-t-35 {
  margin-top: 35px !important;
}
.m-r-35 {
  margin-right: 35px !important;
}
.m-l-35 {
  margin-left: 35px !important;
}
.m-b-35 {
  margin-bottom: 35px !important;
}
.m-t-40 {
  margin-top: 40px !important;
}
.m-r-40 {
  margin-right: 40px !important;
}
.m-l-40 {
  margin-left: 40px !important;
}
.m-b-40 {
  margin-bottom: 40px !important;
}
.m-t-45 {
  margin-top: 45px !important;
}
.m-r-45 {
  margin-right: 45px !important;
}
.m-l-45 {
  margin-left: 45px !important;
}
.m-b-45 {
  margin-bottom: 45px !important;
}
.m-t-50 {
  margin-top: 50px !important;
}
.m-r-50 {
  margin-right: 50px !important;
}
.m-l-50 {
  margin-left: 50px !important;
}
.m-b-50 {
  margin-bottom: 50px !important;
}
.m-t-55 {
  margin-top: 55px !important;
}
.m-r-55 {
  margin-right: 55px !important;
}
.m-l-55 {
  margin-left: 55px !important;
}
.m-b-55 {
  margin-bottom: 55px !important;
}
.m-t-60 {
  margin-top: 60px !important;
}
.m-r-60 {
  margin-right: 60px !important;
}
.m-l-60 {
  margin-left: 60px !important;
}
.m-b-60 {
  margin-bottom: 60px !important;
}
.m-t-65 {
  margin-top: 65px !important;
}
.m-r-65 {
  margin-right: 65px !important;
}
.m-l-65 {
  margin-left: 65px !important;
}
.m-b-65 {
  margin-bottom: 65px !important;
}
.m-b-70 {
  margin-bottom: 70px !important;
}
.m-b-80 {
  margin-bottom: 80px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}
.hide {
  display: none;
}


.notify{
position:fixed;
bottom:20px;
left:20px;
width:300px;
z-index:999999;
background:#fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
box-shadow: 0 0 1em #999;
padding:15px;
}





.tiles{position:relative;border-radius:5px}
.tiles-white{background:#fff}


.text-black{color:#000}
.text-white{color:#fff}
.text-grey{color:#999}