@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Mrs+Saint+Delafield&display=swap");
/* 100 -> Thin  ; 200 -> ExtraLight  ;  300 -> Light  ;  400 -> Regular  ;  500 -> Medium  ;  600  -> SemiBold  ;  700  -> Bold  ;  800  -> ExtraBold  ;  900  -> Black */
/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* GERAL *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/
html {
  scroll-behavior: smooth; }

body {
  font: 16px 'Roboto', sans-serif;
  color: #404040;
  background: #FFF;
  line-height: 25px;
  letter-spacing: 1px;
  overflow-x: hidden; }

#bricks-component-vS5X-7ENenHNq2F5oThdrg-wrapper {
  display: none !important; }

a {
  color: #3c3c3b;
  text-decoration: none;
  transition: all .2s linear;
  -webkit-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear; }

a:hover {
  color: #000; }

strong {
  font-weight: 600; }

h1, h2 {
  font-size: 36px;
  line-height: 43px;
  font-weight: 300;
  margin-bottom: 20px;
  letter-spacing: 3px; }
  h1 strong, h2 strong {
    font-weight: 700; }

h3 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: 1.5px; }

h4 {
  font-size: 17px;
  line-height: 25px;
  font-weight: 600;
  margin-bottom: 15px;
  letter-spacing: 1.5px; }

ul {
  list-style-type: none; }

.line {
  height: 1px;
  background: #c6c6c6;
  width: 100%;
  margin: 25px 0; }

hr {
  height: 1px;
  width: 100%;
  background: #000;
  margin: 34px 0;
  border: none; }

section {
  padding: 90px 0; }

/* ------------------------|
|                          |
|  STYLE CLASSES PADRÕES   |
|                          |
| -------------------------|
*/
.wrap {
  width: 1140px;
  margin: 0 auto;
  padding: 0 15px; }

.wrap.compact {
  width: 1000px; }

.wrap:before, .wrap:after {
  content: " ";
  display: table; }

.wrap:after {
  clear: both; }

.is-absolute {
  position: absolute; }

.is-relative {
  position: relative; }

.relative {
  position: relative; }

.bg-white {
  background: #FFF; }

.bg-gray {
  background: #efefef; }

.bg-primary {
  background: #000; }

.color-red {
  color: #000; }

.color-green {
  color: #65ab5f; }

.color-white {
  color: #FFF; }

.color-gray {
  color: #4c4c4c !important; }

.icon.is-large .fa {
  font-size: 70px;
  color: #000; }

.icon.is-medium .fa {
  font-size: 60px; }

.icon.is-medium {
  margin: 20px auto 10px;
  display: block;
  width: 60px;
  height: auto; }

.font-roboto {
  font-family: 'Roboto' !important; }

.font-cursiva {
  font-family: 'Mrs Saint Delafield', cursive; }

.z-index-0 {
  z-index: 0; }

.z-index-1 {
  z-index: 1; }

/* ------------------------|
|                          |
|       STYLE INPUT        |
|                          |
| -------------------------|
*/
input, .input {
  border: none;
  padding: 14px 22px 13px;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  font-family: 'Raleway';
  outline: none;
  background: #FFF;
  border-radius: 30px;
  font-family: 'Roboto';
  letter-spacing: 1px; }

.select {
  height: auto !important; }

.select select {
  border-radius: 30px;
  height: auto;
  font-family: 'Roboto' !important; }

textarea, .textarea {
  border: none;
  border-radius: 30px;
  padding: 14px 22px 13px;
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  font-family: 'Raleway';
  outline: none;
  background: none;
  font-family: 'Roboto';
  letter-spacing: 1px; }

button, .button {
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.2s linear;
  padding: 14px 22px 13px;
  font-family: 'Roboto';
  letter-spacing: 1px; }

.bt-whatsbox {
  position: fixed;
  bottom: 25px;
  right: 30px;
  z-index: 999;
  width: 54px;
  height: 54px;
  line-height: 68px;
  border-radius: 50%;
  background: #00a859;
  text-align: center;
  color: #FFF;
  box-shadow: 0 0 0 0 black;
  animation: pulse 2s infinite;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.74, 0.13, 0.42, 1.81);
  display: flex;
  align-items: center;
  justify-content: center; }

.bt-whatsbox:hover {
  transform: scale(1.2); }

.bt-whatsbox.is-hide {
  opacity: 0;
  transform: scale(0); }

.whatsbox {
  background: #f0f0f0;
  position: fixed;
  z-index: 999;
  width: 300px;
  border-radius: 7px;
  display: none;
  right: 30px;
  bottom: 30px;
  overflow: hidden;
  letter-spacing: 0;
  /*line-height: 19px;*/
  box-shadow: 0 0 30px 15px rgba(0, 0, 0, 0.2); }

.whatsbox .head {
  background: #a68236;
  padding: 14px 20px 13px;
  font-weight: 400;
  font-size: 13px;
  color: #fff; }

.whatsbox .head .bt-close {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer; }

.whatsbox input, .whatsbox select {
  box-sizing: border-box;
  width: 100%;
  margin-top: 15px;
  padding: 13px 18px 12px;
  font-size: 13px; }

.whatsbox .botao {
  display: block;
  margin: 15px 0 0;
  width: 100%;
  font-size: 15px;
  background-color: #a68236;
  padding: 12px;
  box-sizing: border-box;
  color: #FFF;
  transition: all 0.2s linear; }

.whatsbox input::placeholder {
  opacity: 1; }

/* ------------------------|
|                          |
|       STYLE HEADER       |
|                          |
| -------------------------|
*/
header {
  position: relative;
  transition: all .3s linear;
  z-index: 10;
  width: 100%;
  height: 165px;
  background: #FFF; }
  header nav {
    padding: 0;
    background: none;
    z-index: 99;
    margin-top: 0; }
  header .header-top {
    height: 36px;
    line-height: 36px;
    background: #000;
    color: #FFF;
    font-size: 14px; }
  header .header-top i {
    color: #FFF;
    font-size: 21px;
    margin-top: 8px;
    transition: all 0.2s linear; }
  header .header-top a {
    color: #FFF;
    margin-right: 7px; }
  header .header-top a:hover {
    color: #a68236; }
  header .header-top a:hover i {
    color: #a68236; }
  header .line-bottom {
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #000; }
  header .navbar-end {
    width: 100%;
    justify-content: space-around;
    margin-top: 46px;
    margin-right: -19px; }
  header .navbar-item {
    font-size: 17px; }
    header .navbar-item.current {
      color: #a68236;
      font-weight: 700; }
  header a.navbar-item:hover {
    color: #a68236; }
  header .logo {
    width: 133px;
    height: 91px;
    background: url("../img/ioa-logo.png") no-repeat center top;
    background-size: cover;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    position: relative;
    margin: 20px 120px 0 0;
    padding: 0; }

.menu_fixo {
  position: fixed;
  background: #FFF;
  width: 100%;
  height: 70px;
  z-index: 210;
  display: none;
  border-bottom: 1px solid #DDD; }

.nav_fixe {
  display: flex;
  height: 60px;
  position: relative; }
  .nav_fixe .logo {
    width: 74px;
    height: 51px;
    background: url("../img/ioa-logo.png") no-repeat center top;
    background-size: cover;
    display: block;
    text-indent: -9999px;
    position: relative;
    margin: 11px 42px 0 10px;
    padding-bottom: 0 !important; }
    .nav_fixe .logo:hover {
      background: url("../img/ioa-logo.png") no-repeat center top;
      background-size: cover; }
  .nav_fixe .navbar-item {
    padding: 29px 21px 22px;
    font-size: 12px;
    font-weight: 600; }
    .nav_fixe .navbar-item.current {
      color: #000;
      font-weight: 700; }
    .nav_fixe .navbar-item a:hover {
      color: #000;
      background: none; }
  .nav_fixe a.navbar-item:hover {
    color: #000; }

/* ------------------------|
|                          |
|       STYLE BOTOES       |
|                          |
| -------------------------|
*/
.botao {
  background: #FFF;
  border: 1px solid #000;
  display: inline-block;
  margin: 25px 0;
  padding: 9px 20px 8px;
  border-radius: 23px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.74, 0.13, 0.42, 1.81);
  height: auto;
  outline: none;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px; }
  .botao i {
    font-size: 19px;
    line-height: 25px;
    margin-right: 3px; }
  .botao:hover {
    background: #000;
    color: #FFF; }
  .botao.is-light {
    background: #1a1a1a; }
  .botao.is-dark {
    background: black; }
  .botao.is-white {
    background: #FFF;
    color: #000; }
  .botao.is-gray {
    background: #404040;
    border: none;
    color: #FFF; }
    .botao.is-gray:hover {
      background: #272727; }
  .botao.is-blue {
    background: #a68236;
    color: #FFF;
    border: none; }
    .botao.is-blue:hover {
      background: #000; }

/* ------------------------|
|                          |
|      STYLE BANNER        |
|                          |
| -------------------------|
*/
.container_slide {
  position: relative;
  z-index: 8;
  margin-bottom: 0;
  padding: 0;
  background: #f6f5ed; }
  .container_slide .cycle-prev, .container_slide .cycle-next {
    position: absolute;
    bottom: 14%;
    left: 50%;
    z-index: 120;
    width: 20px;
    height: 20px;
    cursor: pointer;
    opacity: 1;
    text-align: center;
    transition: all .3s linear; }
  .container_slide .txt-banner {
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 480px);
    z-index: 3;
    width: 960px;
    line-height: 36px; }
  .container_slide .cycle-prev i, .container_slide .cycle-next i {
    font-size: 36px;
    color: #FFF; }
  .container_slide .cycle-prev:hover i, .container_slide .cycle-next:hover i {
    color: #FFF; }
  .container_slide h1 {
    font-size: 60px;
    font-weight: 400;
    line-height: 66px;
    color: #FFF;
    margin-bottom: 20px; }
    .container_slide h1 strong {
      font-weight: 600;
      color: #FFF; }
  .container_slide a {
    color: #FFF;
    background: transparent;
    border: 2px solid #FFF; }
  .container_slide .cycle-slideshow li {
    width: 100%;
    height: 640px;
    background-position: center top;
    background-size: cover; }
  .container_slide .cycle-pager {
    text-align: center;
    position: absolute;
    bottom: 40px;
    left: 0;
    z-index: 101;
    width: 100%;
    height: auto;
    cursor: pointer; }
    .container_slide .cycle-pager span {
      color: #FFF;
      font-size: 37px;
      margin: 0 10px;
      border-radius: 50%;
      border: 1px solid #FFF;
      width: 24px;
      height: 24px;
      line-height: 24px;
      display: inline-block; }

/* ------------------------|
|                          |
|     STYLE BREADCRUMB     |
|                          |
| -------------------------|
*/
.bread-crumb {
  background: #efefef;
  padding: 14px 0; }
  .bread-crumb ul {
    background: url(../img/icon-home.png) 0 5px no-repeat;
    background-size: 14px 14px;
    padding-left: 30px; }
  .bread-crumb li {
    display: inline-block;
    font-size: 12px;
    margin-right: 14px; }
    .bread-crumb li span {
      margin-left: 17px;
      color: #c6c6c6;
      font-size: 10px; }
  .bread-crumb li.current {
    font-weight: 600;
    color: #000; }

/* ------------------------|
|                          |
|       STYLE HOME         |
|                          |
| -------------------------|
*/
/* BUSCA DE CURSOS */
.busca-cursos {
  font-weight: 500;
  position: relative;
  z-index: 10;
  margin-top: -23px;
  padding: 0;
  color: #FFF; }
  .busca-cursos .wrap {
    background: #000;
    border-radius: 32px;
    padding: 30px 50px; }
  .busca-cursos .select {
    margin-top: 20px; }
    .busca-cursos .select option {
      color: #444; }
    .busca-cursos .select:not(.is-multiple):not(.is-loading)::after {
      border-color: #FFF;
      right: 20px;
      font-size: 18px; }
    .busca-cursos .select select {
      background: none;
      border-color: #FFF;
      color: #FFF;
      padding: 19px 70px 19px 20px;
      font-size: 15px;
      letter-spacing: 1px; }
  .busca-cursos button {
    margin-top: 20px;
    background: none;
    padding: 30px 40px 30px;
    color: #FFF;
    border-color: #FFF;
    font-size: 13px; }
    .busca-cursos button:hover {
      background: #FFF;
      border-color: #FFF;
      color: #404040; }

/* CURSOS */
.cursos .column {
  padding: 12px 36px; }
.cursos .column > div {
  border-radius: 33px;
  padding: 13px;
  border: 1px solid #DDD; }
.cursos a img {
  transition: all 0.4s cubic-bezier(0.54, 0.18, 0.13, 1); }
.cursos a figure {
  overflow: hidden;
  border-radius: 25px; }
.cursos a:hover img {
  transform: scale(1.1); }
.cursos a:hover h4 {
  background: #a68236; }
.cursos .data {
  font-size: 13px;
  color: #a68236; }
.cursos h3 {
  margin-top: 20px;
  padding: 0 10px;
  line-height: 24px;
  min-height: 72px; }
.cursos h4 {
  position: relative;
  z-index: 2;
  transform: translateY(-24px);
  margin-bottom: 0px;
  background: #000;
  color: #FFF;
  border-radius: 25px;
  font-size: 13px;
  padding: 9px 60px;
  display: inline-block;
  transition: all 0.2s linear; }
.cursos button {
  padding: 10px 22px 11px; }

/* LIGAMOS PARA VC E FICOU COM DUVIDAS */
.ligamos-duvidas {
  line-height: 20px;
  font-size: 14px; }
  .ligamos-duvidas h2 {
    font-weight: 700;
    font-size: 34px;
    line-height: 35px;
    letter-spacing: 1px;
    margin-bottom: 10px; }
  .ligamos-duvidas .box-ligamos {
    border-radius: 25px 0 0 25px;
    padding: 15px;
    color: #FFF;
    background: #000; }
    .ligamos-duvidas .box-ligamos input {
      background: none;
      font-size: 12px;
      border-bottom: 1px solid #FFF;
      color: #FFF;
      padding: 3px;
      width: 33%;
      margin-right: 5px;
      border-radius: 0; }
      .ligamos-duvidas .box-ligamos input::-webkit-input-placeholder {
        color: #FFF; }
      .ligamos-duvidas .box-ligamos input:-moz-placeholder {
        color: #FFF; }
      .ligamos-duvidas .box-ligamos input::-moz-placeholder {
        color: #FFF; }
      .ligamos-duvidas .box-ligamos input:-ms-input-placeholder {
        color: #FFF; }
    .ligamos-duvidas .box-ligamos input:-webkit-autofill,
    .ligamos-duvidas .box-ligamos input:-webkit-autofill:hover,
    .ligamos-duvidas .box-ligamos input:-webkit-autofill:focus {
      -webkit-text-fill-color: white;
      -webkit-box-shadow: 0 0 0px 1000px transparent inset;
      transition: background-color 5000s ease-in-out 0s; }
    .ligamos-duvidas .box-ligamos button {
      background: #FFF;
      font-size: 12px;
      color: #000;
      padding: 3px 14px 2px;
      transform: translateY(-2px);
      margin-top: 15px;
      vertical-align: initial; }
  .ligamos-duvidas .box-duvidas {
    border-radius: 0 25px 25px 0;
    padding: 15px 15px 10px 75px;
    background: #FFF; }
    .ligamos-duvidas .box-duvidas h2 {
      color: #01ac4f; }
  .ligamos-duvidas .botao {
    background: #01ac4f;
    margin: 13px 0 0 0;
    color: #FFF;
    padding: 5px 18px 4px;
    border: none; }
    .ligamos-duvidas .botao:hover {
      filter: brightness(110%); }
  .ligamos-duvidas .ou {
    background: #f9f4ec;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
    line-height: 125px;
    width: 125px;
    height: 125px;
    position: absolute;
    top: 35px;
    left: calc(50% - 63px); }

/* PALAVRA DO PRESIDENTE */
.palavra-presidente {
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 20px; }
  .palavra-presidente .font-cursiva {
    font-size: 44px;
    color: #a68236;
    line-height: 40px; }
  .palavra-presidente .botao {
    margin-top: 10px; }
  .palavra-presidente img {
    border-radius: 0 0 25px 25px; }

/* PUBLICIDADE */
.publicidade {
  padding: 50px 0; }

/* BLOG - HOME */
.blog h3 {
  line-height: 26px;
  font-size: 18px;
  letter-spacing: 0.5px; }
.blog .column {
  padding: 25px; }
.blog .column:first-child {
  transform: translateX(-10px); }
.blog .column:last-child {
  transform: translateX(10px); }
.blog .box-blog-inf {
  padding: 32px 0 12px;
  border-radius: 0 0 18px 18px;
  min-height: 142px; }
  .blog .box-blog-inf .resumo {
    font-size: 13px;
    line-height: 18px; }
.blog .blog-item .is-overlay {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.2s linear; }
  .blog .blog-item .is-overlay i {
    font-size: 60px;
    color: #000;
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    z-index: 1;
    transition: all 0.7s cubic-bezier(0.54, 0.18, 0.13, 1);
    transform: translateY(80px); }
.blog .blog-item .image {
  border-radius: 25px;
  overflow: hidden; }
.blog .blog-item .box-categoria {
  display: table;
  background-color: #000;
  margin: -20px auto 0;
  color: #FFF;
  border-radius: 25px;
  padding: 6px 18px;
  font-size: 14px; }
.blog .blog-item:hover .is-overlay {
  opacity: 1; }
.blog .blog-item:hover .is-overlay i {
  transform: translateY(0) rotate(180deg); }
.blog .bg-left {
  position: absolute;
  top: -2px;
  right: -5px;
  width: 1200px;
  height: 103%;
  background-color: #f9f4ec;
  border-radius: 0 25px 25px 0; }
.blog .bg-right {
  position: absolute;
  top: -2px;
  left: -5px;
  width: 1200px;
  height: 103%;
  background-color: #f9f4ec;
  border-radius: 25px 0 0 25px; }

/* NEWSLETTER */
.newsletter {
  font-size: 14px;
  position: relative;
  padding: 0 0 70px 0;
  color: #FFF; }
  .newsletter strong {
    font-weight: 500;
    font-size: 16px; }
  .newsletter .wrap {
    background: #a68236;
    border-radius: 32px;
    padding: 30px 50px; }
  .newsletter .select {
    width: 100%; }
    .newsletter .select:not(.is-multiple):not(.is-loading)::after {
      border-color: #FFF;
      right: 20px;
      font-size: 18px; }
    .newsletter .select select {
      background: none;
      border-color: #FFF;
      color: #FFF;
      padding: 19px 55px 19px 20px;
      font-size: 15px;
      letter-spacing: 1px;
      height: auto;
      width: 100%; }
    .newsletter .select option {
      color: #444; }
  .newsletter input {
    width: 31%;
    font-size: 12px;
    background: none;
    border-bottom: 1px solid #FFF;
    border-radius: 0;
    margin-top: 20px;
    color: #FFF;
    padding: 10px 0;
    margin-right: 5px; }
    .newsletter input::-webkit-input-placeholder {
      color: #FFF; }
    .newsletter input:-moz-placeholder {
      color: #FFF; }
    .newsletter input::-moz-placeholder {
      color: #FFF; }
    .newsletter input:-ms-input-placeholder {
      color: #FFF; }
  .newsletter input:-webkit-autofill,
  .newsletter input:-webkit-autofill:hover,
  .newsletter input:-webkit-autofill:focus {
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s; }
  .newsletter input[type="radio"] {
    width: auto;
    margin-top: 10px; }
  .newsletter button {
    margin-top: 20px;
    background: none;
    padding: 28px 25px 27px;
    color: #FFF;
    border-color: #FFF;
    font-size: 13px; }
    .newsletter button:hover {
      background: #FFF;
      border-color: #FFF;
      color: #404040; }

.instagram-home {
  padding-top: 60px;
  padding-bottom: 5px; }
  .instagram-home .box-img {
    background-color: #efefef;
    padding: 20px;
    display: inline-block; }
    .instagram-home .box-img img.is-block {
      height: 314px; }
  .instagram-home .logo {
    width: 30px;
    margin-bottom: 4px; }
  .instagram-home span {
    display: inline-block;
    margin: 0 0 0 10px;
    font-size: 13px;
    transform: translateY(-10px); }
  .instagram-home .hashtag {
    color: #000;
    margin-top: 40px;
    font-size: 50px;
    font-weight: 300;
    text-align: right; }

/* ------------------------|
|                          |
|   S U B  P A G I N A S   |
|                          |
| -------------------------|
*/
/* ------------------------|
|                          |
|          CURSO           |
|                          |
| -------------------------|
*/
.curso-banner {
  padding: 60px 0 65px;
  color: #26b4be; }
  .curso-banner h1 {
    font-size: 36px;
    color: #FFF;
    font-weight: 500;
    line-height: 46px; }
  .curso-banner .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); }
  .curso-banner .form {
    margin-top: 3px;
    line-height: 30px;
    background: #a68236;
    border-radius: 30px;
    padding: 30px 50px;
    font-size: 30px;
    font-weight: 300;
    color: #FFF; }
    .curso-banner .form strong {
      font-weight: 500;
      font-size: 16px; }
    .curso-banner .form input {
      width: 31%;
      font-size: 14px;
      background: none;
      border-bottom: 1px solid #FFF;
      border-radius: 0;
      margin-top: 20px;
      color: #FFF;
      padding: 10px 0;
      margin-right: 5px; }
      .curso-banner .form input::-webkit-input-placeholder {
        color: #FFF; }
      .curso-banner .form input:-moz-placeholder {
        color: #FFF; }
      .curso-banner .form input::-moz-placeholder {
        color: #FFF; }
      .curso-banner .form input:-ms-input-placeholder {
        color: #FFF; }
    .curso-banner .form button {
      background: none;
      padding: 28px 35px;
      color: #FFF;
      border-color: #FFF;
      font-size: 13px; }
      .curso-banner .form button:hover {
        background: #FFF;
        border-color: #FFF;
        color: #000; }

.curso-detalhes {
  font-size: 14px;
  line-height: 23px;
  padding-bottom: 0; }
  .curso-detalhes iframe {
    width: 100%;
    height: 368px; }
  .curso-detalhes .obj-esp {
    margin-top: 60px;
    padding: 60px 60px 40px 0; }
    .curso-detalhes .obj-esp .bg-obj {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 1500px;
      height: 103%;
      background-color: #f9f4ec;
      border-radius: 0 25px 25px 0; }
  .curso-detalhes .box-professores {
    background: #efefef;
    border-radius: 25px;
    padding: 40px 30px 60px 30px;
    font-size: 13px;
    line-height: 20px; }
    .curso-detalhes .box-professores .img-prof {
      margin-top: 30px; }
      .curso-detalhes .box-professores .img-prof img {
        border-radius: 50%;
        overflow: hidden;
        max-width: 170px; }
    .curso-detalhes .box-professores .cycle-nav {
      position: absolute;
      top: 120px;
      left: 0;
      z-index: 101;
      width: 100%; }
      .curso-detalhes .box-professores .cycle-nav div {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #FFF;
        text-align: center;
        cursor: pointer;
        transition: all 0.2s linear; }
        .curso-detalhes .box-professores .cycle-nav div i {
          font-size: 30px;
          line-height: 50px; }
        .curso-detalhes .box-professores .cycle-nav div:hover {
          background: #000; }
      .curso-detalhes .box-professores .cycle-nav .cycle-next {
        position: absolute;
        top: 0;
        right: 0; }
    .curso-detalhes .box-professores .cycle-pager {
      text-align: center;
      position: absolute;
      bottom: -53px;
      left: 0;
      z-index: 101;
      width: 100%;
      height: auto; }
      .curso-detalhes .box-professores .cycle-pager span {
        cursor: pointer;
        font-size: 45px;
        margin: 0 7px;
        border-radius: 50%;
        width: 19px;
        height: 19px;
        line-height: 18px;
        display: inline-block;
        opacity: 0.5; }
      .curso-detalhes .box-professores .cycle-pager span.cycle-pager-active {
        opacity: 1; }
  .curso-detalhes .proximas-turmas {
    padding: 60px 0;
    color: #FFF;
    background: #191919; }
    .curso-detalhes .proximas-turmas h2 {
      color: #a68236;
      font-weight: 500; }
    .curso-detalhes .proximas-turmas strong {
      font-size: 18px; }
    .curso-detalhes .proximas-turmas small {
      color: #999; }
    .curso-detalhes .proximas-turmas .visa {
      margin-top: 10px;
      margin-left: 5px;
      transform: translateY(8px); }
    .curso-detalhes .proximas-turmas .data {
      margin-top: 40px;
      letter-spacing: 2px;
      padding: 27px 30px 25px;
      border-radius: 30px;
      border: 1px solid #777; }
      .curso-detalhes .proximas-turmas .data strong {
        font-size: 16px; }
      .curso-detalhes .proximas-turmas .data .border {
        border-left: 1px solid #777;
        border-right: 1px solid #777; }
    .curso-detalhes .proximas-turmas .form {
      margin-top: 3px;
      line-height: 30px;
      background: #a68236;
      border-radius: 30px;
      padding: 30px 50px;
      font-size: 30px;
      font-weight: 300;
      color: #FFF; }
      .curso-detalhes .proximas-turmas .form strong {
        font-weight: 500;
        font-size: 16px; }
      .curso-detalhes .proximas-turmas .form input {
        width: 31%;
        font-size: 14px;
        background: none;
        border-bottom: 1px solid #FFF;
        border-radius: 0;
        margin-top: 20px;
        color: #FFF;
        padding: 10px 0;
        margin-right: 5px; }
        .curso-detalhes .proximas-turmas .form input::-webkit-input-placeholder {
          color: #FFF; }
        .curso-detalhes .proximas-turmas .form input:-moz-placeholder {
          color: #FFF; }
        .curso-detalhes .proximas-turmas .form input::-moz-placeholder {
          color: #FFF; }
        .curso-detalhes .proximas-turmas .form input:-ms-input-placeholder {
          color: #FFF; }
      .curso-detalhes .proximas-turmas .form button {
        background: none;
        padding: 28px 35px;
        color: #FFF;
        border-color: #FFF;
        font-size: 13px; }
        .curso-detalhes .proximas-turmas .form button:hover {
          background: #FFF;
          border-color: #FFF;
          color: #000; }

.curso-modulos .resposta-item {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #DDD;
  border-radius: 14px;
  position: relative; }
  .curso-modulos .resposta-item .expand {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer; }
    .curso-modulos .resposta-item .expand .fa {
      font-size: 32px;
      color: #555;
      transition: all 0.8s cubic-bezier(0.16, 0.84, 0.44, 1); }
  .curso-modulos .resposta-item .answer {
    font-size: 16px;
    text-align: justify;
    max-height: 0;
    overflow: hidden;
    padding-right: 50px;
    line-height: 22px;
    transition: all 0.8s cubic-bezier(0.16, 0.84, 0.44, 1); }
  .curso-modulos .resposta-item .question {
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.8s cubic-bezier(0.16, 0.84, 0.44, 1);
    padding-right: 10px; }

/* ------------------------|
|                          |
|       QUEM SOMOS         |
|                          |
| -------------------------|
*/
.quem-somos {
  background: linear-gradient(180deg, white 31%, #f9f4ec 30%); }
  .quem-somos .font-cursiva {
    font-size: 44px;
    color: #000;
    line-height: 40px; }

.parallax-container {
  position: relative;
  height: 600px;
  overflow: hidden;
  background-image: url(../img/ioa-sao-paulo.jpg);
  background-attachment: fixed;
  background-position: top center;
  background-repeat: no-repeat; }

.mvv .box-mvv {
  background: #efefef;
  border-radius: 25px;
  padding: 40px;
  font-size: 14px;
  min-height: 363px; }
  .mvv .box-mvv img {
    margin-top: -85px;
    margin-bottom: 30px; }
.mvv .box-mvv.b1 {
  box-shadow: 5px 5px 0 0 #000; }
.mvv .box-mvv.b2 {
  box-shadow: 0 5px 0 0 #000; }
.mvv .box-mvv.b3 {
  box-shadow: -5px 5px 0 0 #000; }

.galeria-fotos a {
  color: #a68236;
  font-size: 14px;
  font-weight: 600; }
  .galeria-fotos a .is-overlay {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.2s linear; }
    .galeria-fotos a .is-overlay i {
      font-size: 60px;
      color: #000;
      position: absolute;
      top: calc(50% - 30px);
      left: calc(50% - 30px);
      z-index: 1;
      transition: all 0.7s cubic-bezier(0.54, 0.18, 0.13, 1);
      transform: translateY(80px); }
  .galeria-fotos a .image {
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: 20px; }
  .galeria-fotos a:hover .is-overlay {
    opacity: 1; }
  .galeria-fotos a:hover .is-overlay i {
    transform: translateY(0) rotate(180deg); }

.profissionais-chamada {
  font-size: 18px;
  letter-spacing: 2px;
  overflow: hidden; }
  .profissionais-chamada .botao {
    font-size: 15px;
    padding: 12px 25px 11px; }
  .profissionais-chamada .prof-fx {
    position: absolute;
    top: -204px;
    left: -198px;
    width: 721px;
    height: 721px;
    background: url(../img/prof-fx.png);
    -webkit-animation: spin 25s linear infinite;
    -moz-animation: spin 25s linear infinite;
    animation: spin 25s linear infinite; }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* ------------------------|
|                          |
|          POST            |
|                          |
| -------------------------|
*/
.post h1 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500; }
.post h3 {
  font-weight: 400;
  font-size: 17px;
  line-height: 24px; }
.post .share-post {
  position: absolute;
  top: calc(50% - 55px);
  right: -30px; }
  .post .share-post a {
    display: block;
    margin-bottom: 17px;
    color: #AAA;
    font-size: 18px; }
    .post .share-post a:hover {
      color: #000; }

.page-blog.post .categorias {
  margin-top: 185px; }

/* ------------------------|
|                          |
|           BLOG           |
|                          |
| -------------------------|
*/
.page-blog article .hover {
  width: calc(100%);
  height: calc(100%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  position: absolute;
  color: #FFF !important;
  z-index: 99;
  transition: all .3s linear; }
  .page-blog article .hover:hover {
    opacity: 1; }
.page-blog article .fa {
  vertical-align: inherit;
  font-size: 16px; }
.page-blog article h2 {
  text-align: left;
  font-size: 21px;
  line-height: 29px;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 20px 0; }
.page-blog article .resumo {
  font-size: 13px;
  line-height: 21px; }
.page-blog article .botao {
  margin: 10px 0; }
.page-blog article img {
  display: block;
  transition: all 0.5s cubic-bezier(0.24, 0.46, 0.48, 0.9); }
.page-blog article .box_imagem_noticia {
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-bottom: 15px; }
  .page-blog article .box_imagem_noticia:hover img {
    transform: scale(1.1); }
.page-blog article .data {
  padding: 0;
  margin-top: 0;
  font-size: 13px;
  height: 46px; }
.page-blog .list-categorias {
  font-size: 15px;
  font-weight: 700;
  border-bottom: 1px solid #d5c2b7;
  padding: 16px 0 13px;
  display: block;
  color: #565656; }
  .page-blog .list-categorias:hover {
    color: #000; }
.page-blog .categorias {
  padding-left: 50px; }
  .page-blog .categorias h3 {
    font-weight: 300; }
  .page-blog .categorias form {
    border-radius: 25px;
    background: #efefef;
    position: relative;
    border: 1px solid #d5c2b7; }
  .page-blog .categorias .categorias-conteudo {
    border-radius: 25px;
    background: #efefef;
    padding: 20px 30px;
    border: 1px solid #d5c2b7; }
.page-blog #busca {
  border: none;
  padding: 10px 11px 10px 25px;
  background: none;
  width: 100%;
  margin-top: 4px;
  font-size: 17px;
  outline: none; }
.page-blog #bt_busca {
  position: absolute;
  top: 0;
  right: 14px;
  margin-top: 5px;
  text-align: center;
  font-size: 22px;
  padding: 4px 2px 5px;
  background: none;
  color: #d5c2b7;
  border: 0;
  outline: none; }
  .page-blog #bt_busca .botao i {
    line-height: 37px;
    margin: 0; }

/* ------------------------|
|                          |
|     SEJA UM PACIENTE     |
|                          |
| -------------------------|
*/
.seja-um-paciente {
  /* AJUSTES PARA O CHECHBOX PERSONALIZADO */ }
  .seja-um-paciente input {
    background: #ece3d5; }
    .seja-um-paciente input::-webkit-input-placeholder {
      color: #000; }
    .seja-um-paciente input:-moz-placeholder {
      color: #000; }
    .seja-um-paciente input::-moz-placeholder {
      color: #000; }
    .seja-um-paciente input:-ms-input-placeholder {
      color: #000; }
  .seja-um-paciente .procedimentos {
    background: #ece3d5;
    border-radius: 25px;
    padding: 40px 35px; }
  .seja-um-paciente .botao {
    font-size: 18px;
    padding: 15px 50px 12px; }
  .seja-um-paciente input[type=checkbox] + label {
    display: block;
    margin: 3px 2px;
    cursor: pointer;
    padding: 1px 0; }
  .seja-um-paciente input[type=checkbox] {
    display: none; }
  .seja-um-paciente input[type=checkbox] + label:before {
    content: " ";
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-right: 13px;
    vertical-align: middle;
    transition: .2s;
    background: #FFF;
    border: 5px solid #FFF;
    border-radius: 5px; }
  .seja-um-paciente input[type=checkbox] + label:active:before {
    transform: scale(0); }
  .seja-um-paciente input[type=checkbox]:checked + label:before {
    background-color: #000; }

.procedimentos-realizados {
  font-size: 14px;
  line-height: 22px; }

/* ------------------------|
|                          |
|       PROFESSORES        |
|                          |
| -------------------------|
*/
.professores .column > div {
  border-radius: 33px;
  padding: 13px;
  border: 1px solid #DDD; }
  .professores .column > div a img {
    transition: all 0.4s cubic-bezier(0.54, 0.18, 0.13, 1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    /* IE */ }
  .professores .column > div a figure {
    overflow: hidden;
    border-radius: 25px; }
  .professores .column > div a:hover img {
    transform: scale(1.1); }
  .professores .column > div a:hover .botao {
    background: #000;
    color: #FFF; }
.professores h3 {
  font-size: 16px;
  line-height: 22px;
  min-height: 44px;
  letter-spacing: 1px;
  margin: 20px 0 10px;
  padding: 0 10px; }
.professores .botao {
  font-size: 12px;
  padding: 7px 20px 6px;
  margin: 15px 0; }

.professor h2 {
  font-size: 32px;
  letter-spacing: 1px; }
.professor figure {
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 5px 5px 0 4px #c09f62; }

/* ------------------------|
|                          |
|          CONTATO         |
|                          |
| -------------------------|
*/
.contato {
  padding-bottom: 0;
  margin-bottom: -7px; }
  .contato form label {
    display: block;
    margin: 0 0 20px;
    cursor: inherit; }
  .contato form input, .contato form select, .contato form textarea {
    border: 1px solid #e5e4db;
    width: 100%;
    outline: none;
    color: #333;
    padding: 15px 0 13px 22px;
    font-size: 15px; }
  .contato form textarea {
    width: 100%;
    height: 160px;
    resize: none; }
  .contato form button {
    margin-top: 0;
    padding: 9px 60px 8px; }
  .contato form .select {
    width: 100%; }
  .contato form select {
    width: 100%;
    background: #efefef;
    font-weight: 500; }
  .contato .inf-contato {
    margin-top: 10px; }
    .contato .inf-contato h3 {
      font-size: 23px;
      margin-bottom: 5px; }
  .contato iframe {
    height: 500px; }

/* ------------------------|
|                          |
|          FOOTER          |
|                          |
| -------------------------|
*/
footer {
  padding-top: 70px;
  font-size: 14px;
  line-height: 24px;
  margin-top: 0px;
  background: #efefef; }
  footer .menu-footer {
    padding: 9px 0 7px; }
  footer .tabs ul {
    border: none;
    justify-content: space-between; }
  footer .tabs a {
    font-size: 15px;
    font-weight: 600;
    padding: 0.5em 1.4em;
    text-transform: uppercase; }
    footer .tabs a:hover {
      color: #000; }
  footer .tabs li.is-active a {
    border: none;
    color: #000;
    font-weight: 700; }
  footer .redes-sociais {
    margin-top: 20px; }
    footer .redes-sociais a {
      margin: 0 20px; }
    footer .redes-sociais a i {
      font-size: 26px; }
  footer hr {
    margin: 20px 0; }
  footer a {
    color: #000; }
    footer a:hover {
      color: #000; }
  footer .fone {
    font-size: 30px; }
    footer .fone small {
      font-size: 18px; }

/* QUAX ASSINATURA */
.quax-assinatura {
  color: #FFF;
  font-size: 12px;
  text-align: center;
  border-bottom: 8px solid #000;
  position: relative;
  margin-top: -60px;
  padding-top: 20px;
  z-index: 0; }
  .quax-assinatura .logo-quax {
    width: 80px;
    margin: 0 auto;
    display: block;
    position: relative; }
    .quax-assinatura .logo-quax img {
      width: 20px;
      position: absolute;
      bottom: 1px;
      left: 30px; }
  .quax-assinatura .arrow-up {
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #000; }

/* FIM QUAX ASSINTAURA */
.msg {
  font-size: 16px;
  text-transform: initial;
  line-height: 26px;
  font-weight: 700; }

.success {
  color: #359854;
  padding: 0;
  line-height: 35px;
  font-size: 18px;
  margin-left: 10px; }

.erro {
  border: 1px solid #eed3d7;
  background: #F2dede;
  color: #B94a48;
  padding: 10px; }

/* ANIMATIONS */
.waypoint {
  opacity: 0; }

.animation_fade.animated {
  opacity: 1; }

.animation_bottom.animated {
  opacity: 1;
  animation: fadeBottom 0.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_bottom_d1.animated {
  opacity: 1;
  animation: fadeBottom 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_bottom_d2.animated {
  opacity: 1;
  animation: fadeBottom 1.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_top.animated {
  opacity: 1;
  animation: fadeTop 0.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_top_d1.animated {
  opacity: 1;
  animation: fadeTop 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_top_d2.animated {
  opacity: 1;
  animation: fadeTop 1.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_left.animated {
  opacity: 1;
  animation: fadeLeft 0.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_left_d1.animated {
  opacity: 1;
  animation: fadeLeft 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_left_d2.animated {
  opacity: 1;
  animation: fadeLeft 1.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_left_d3.animated {
  opacity: 1;
  animation: fadeLeft 2.2s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_right.animated {
  opacity: 1;
  animation: fadeRight 0.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_right_d1.animated {
  opacity: 1;
  animation: fadeRight 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_right_d2.animated {
  opacity: 1;
  animation: fadeRight 1.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_right_d3.animated {
  opacity: 1;
  animation: fadeRight 2.2s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_scale.animated {
  opacity: 1;
  animation: escale 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_scale_d1.animated {
  opacity: 1;
  animation: escale 1.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_scale_d2.animated {
  opacity: 1;
  animation: escale 2.2s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_scale_reverse.animated {
  opacity: 1;
  animation: escale_reverse 2.2s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_elastic.animated {
  opacity: 1;
  animation: escale 0.8s 1 cubic-bezier(0.74, 0.13, 0.42, 1.21); }

.animation_elastic_d1.animated {
  opacity: 1;
  animation: escale 1.3s 1 cubic-bezier(0.74, 0.13, 0.42, 1.21); }

/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/
@-webkit-keyframes escale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); } }
@-moz-keyframes escale {
  0% {
    opacity: 0;
    -moz-transform: scale(0); }
  100% {
    opacity: 1;
    -moz-transform: scale(1); } }
@-o-keyframes escale {
  0% {
    opacity: 0;
    -o-transform: scale(0); }
  100% {
    opacity: 1;
    -o-transform: scale(1); } }
@keyframes escale {
  0% {
    opacity: 0;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@keyframes escale_reverse {
  0% {
    opacity: 0;
    transform: scale(1.2); }
  70% {
    opacity: 1; }
  100% {
    transform: scale(1); } }
@-webkit-keyframes fadeBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeBottom {
  0% {
    opacity: 0;
    -moz-transform: translateY(10%); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-o-keyframes fadeBottom {
  0% {
    opacity: 0;
    -o-transform: translateY(10%); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeBottom {
  0% {
    opacity: 0;
    transform: translateY(10%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes fadeLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-10%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-o-keyframes fadeLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-10%); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes fadeLeftBt {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%) skewX(-15deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) skewX(-15deg); } }
@-moz-keyframes fadeLeftBt {
  0% {
    opacity: 0;
    -moz-transform: translateX(-10%) skewX(-15deg); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0) skewX(-15deg); } }
@-o-keyframes fadeLeftBt {
  0% {
    opacity: 0;
    -o-transform: translateX(-10%) skewX(-15deg); }
  100% {
    opacity: 1;
    -o-transform: translateX(0) skewX(-15deg); } }
@keyframes fadeLeftBt {
  0% {
    opacity: 0;
    transform: translateX(-10%) skewX(-15deg); }
  100% {
    opacity: 1;
    transform: translateX(0) skewX(-15deg); } }
@-webkit-keyframes fadeRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(10%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-o-keyframes fadeRight {
  0% {
    opacity: 0;
    -o-transform: translateX(10%); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(10%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes fadeTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeTop {
  0% {
    opacity: 0;
    -moz-transform: translateY(-10%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-o-keyframes fadeTop {
  0% {
    opacity: 0;
    -o-transform: translateY(-10%); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeTop {
  0% {
    opacity: 0;
    transform: translateY(-10%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@media only screen and (min-width: 768px) {
  /* MARGINS */
  .mr0 {
    margin-right: 0 !important; }

  .mr5 {
    margin-right: 5px !important; }

  .mr10 {
    margin-right: 10px; }

  .mr15 {
    margin-right: 15px; }

  .mr20 {
    margin-right: 20px; }

  .mr30 {
    margin-right: 30px; }

  .mr40 {
    margin-right: 40px; }

  .mr50 {
    margin-right: 50px; }

  .mr60 {
    margin-right: 60px; }

  .mr70 {
    margin-right: 70px; }

  .mr80 {
    margin-right: 80px; }

  .mr90 {
    margin-right: 90px; }

  .ml0 {
    margin-left: 0px !important; }

  .ml5 {
    margin-left: 5px !important; }

  .ml10 {
    margin-left: 10px !important; }

  .ml15 {
    margin-left: 15px !important; }

  .ml20 {
    margin-left: 20px !important; }

  .ml30 {
    margin-left: 30px !important; }

  .ml40 {
    margin-left: 40px !important; }

  .ml50 {
    margin-left: 50px !important; }

  .ml60 {
    margin-left: 60px !important; }

  .ml70 {
    margin-left: 70px !important; }

  .ml80 {
    margin-left: 80px !important; }

  .ml90 {
    margin-left: 90px !important; }

  .ml95 {
    margin-left: 95px !important; }

  .ml100 {
    margin-left: 100px !important; }

  .ml110 {
    margin-left: 110px !important; }

  .mt0 {
    margin-top: 0px !important; }

  .mt5 {
    margin-top: 5px !important; }

  .mt10 {
    margin-top: 10px !important; }

  .mt15 {
    margin-top: 15px !important; }

  .mt17 {
    margin-top: 17px !important; }

  .mt20 {
    margin-top: 20px !important; }

  .mt25 {
    margin-top: 25px !important; }

  .mt30 {
    margin-top: 30px !important; }

  .mt40 {
    margin-top: 40px !important; }

  .mt50 {
    margin-top: 50px !important; }

  .mt60 {
    margin-top: 60px !important; }

  .mt70 {
    margin-top: 70px !important; }

  .mt80 {
    margin-top: 80px !important; }

  .mt90 {
    margin-top: 90px !important; }

  .mt100 {
    margin-top: 100px !important; }

  .mt110 {
    margin-top: 110px !important; }

  .mt115 {
    margin-top: 115px; }

  .mt120 {
    margin-top: 120px; }

  .mt130 {
    margin-top: 130px; }

  .mt140 {
    margin-top: 140px; }

  .mt145 {
    margin-top: 145px; }

  .mt150 {
    margin-top: 150px; }

  .mt160 {
    margin-top: 160px; }

  .mt170 {
    margin-top: 170px; }

  .mt180 {
    margin-top: 180px; }

  .mt190 {
    margin-top: 190px; }

  .mt200 {
    margin-top: 200px; }

  .mt210 {
    margin-top: 210px; }

  .mb0 {
    margin-bottom: 0px !important; }

  .mb5 {
    margin-bottom: 5px !important; }

  .mb10 {
    margin-bottom: 10px !important; }

  .mb20 {
    margin-bottom: 20px !important; }

  .mb30 {
    margin-bottom: 30px !important; }

  .mb40 {
    margin-bottom: 40px !important; }

  .mb50 {
    margin-bottom: 50px !important; }

  .mb60 {
    margin-bottom: 60px !important; }

  .mb70 {
    margin-bottom: 70px !important; }

  .mb80 {
    margin-bottom: 80px !important; }

  .mb90 {
    margin-bottom: 90px !important; }

  .mb100 {
    margin-bottom: 100px !important; }

  /* PADDINGS */
  .pd0 {
    padding: 0px; }

  .pd10 {
    padding: 10px; }

  .pd15 {
    padding: 15px; }

  .pd20 {
    padding: 20px; }

  .pd30 {
    padding: 30px; }

  .pd40 {
    padding: 40px; }

  .pd50 {
    padding: 50px; }

  .pl0 {
    padding-left: 0px !important; }

  .pl10 {
    padding-left: 10px !important; }

  .pl15 {
    padding-left: 15px !important; }

  .pl20 {
    padding-left: 20px !important; }

  .pl25 {
    padding-left: 25px !important; }

  .pl30 {
    padding-left: 30px !important; }

  .pl40 {
    padding-left: 40px !important; }

  .pl50 {
    padding-left: 50px !important; }

  .pl60 {
    padding-left: 60px !important; }

  .pl70 {
    padding-left: 70px !important; }

  .pl80 {
    padding-left: 80px !important; }

  .pl90 {
    padding-left: 90px !important; }

  .pl100 {
    padding-left: 100px !important; }

  .pl110 {
    padding-left: 110px !important; }

  .pl120 {
    padding-left: 120px !important; }

  .pl130 {
    padding-left: 130px !important; }

  .pl140 {
    padding-left: 140px !important; }

  .pl150 {
    padding-left: 150px !important; }

  .pr0 {
    padding-right: 0px !important; }

  .pr10 {
    padding-right: 10px !important; }

  .pr15 {
    padding-right: 15px !important; }

  .pr20 {
    padding-right: 20px !important; }

  .pr25 {
    padding-right: 25px !important; }

  .pr30 {
    padding-right: 30px !important; }

  .pr40 {
    padding-right: 40px !important; }

  .pr50 {
    padding-right: 50px !important; }

  .pr60 {
    padding-right: 60px !important; }

  .pr70 {
    padding-right: 70px !important; }

  .pr80 {
    padding-right: 80px !important; }

  .pr90 {
    padding-right: 90px !important; }

  .pr100 {
    padding-right: 100px !important; }

  .pr110 {
    padding-right: 110px !important; }

  .pr120 {
    padding-right: 120px !important; }

  .pr130 {
    padding-right: 130px !important; }

  .pr140 {
    padding-right: 140px !important; }

  .pr150 {
    padding-right: 150px !important; }

  .pb0 {
    padding-bottom: 0px !important; }

  .pb5 {
    padding-bottom: 5px !important; }

  .pb10 {
    padding-bottom: 10px !important; }

  .pb20 {
    padding-bottom: 20px !important; }

  .pb30 {
    padding-bottom: 30px !important; }

  .pb40 {
    padding-bottom: 40px !important; }

  .pb50 {
    padding-bottom: 50px !important; }

  .pt0 {
    padding-top: 0px !important; }

  .pt10 {
    padding-top: 10px !important; }

  .pt20 {
    padding-top: 20px !important; }

  .pt30 {
    padding-top: 30px !important; }

  .pt40 {
    padding-top: 40px !important; }

  .pt50 {
    padding-top: 50px !important; }

  .pt60 {
    padding-top: 60px !important; } }
/***************************************************************/
/********************* TABLET LANDSCAPE ************************/
/***************************************************************/
@media only screen and (min-width: 768px) and (max-width: 1259px) and (orientation: landscape) {
  body {
    font-size: 14px;
    overflow-x: hidden; }

  .wrap, .wrap.compact {
    width: 100%;
    padding: 0 25px; }

  header .navbar-menu {
    box-shadow: none;
    padding: initial; }

  header .logo {
    width: 116px;
    height: 80px;
    margin: 27px 90px 0 0; }

  header .navbar-item {
    font-size: 14px; }

  h1 {
    font-size: 31px;
    line-height: 38px; }

  h2 {
    font-size: 31px;
    line-height: 38px; }

  .busca-cursos {
    padding: 0 20px; }

  .botao {
    font-size: 11px; }

  .blog h3 {
    font-size: 16px; }

  .cursos .column {
    padding: 12px 16px; }

  .ligamos-duvidas h2 {
    font-size: 27px;
    line-height: 30px; }

  .ligamos-duvidas img {
    max-width: 83%; }

  .ligamos-duvidas .ou {
    width: 110px;
    height: 110px;
    left: calc(50% - 55px);
    line-height: 114px; }

  .newsletter {
    font-size: 13px;
    line-height: 19px;
    padding: 0 20px 70px; }

  .newsletter .wrap {
    padding: 30px 30px; }

  .newsletter strong {
    font-size: 13px; }

  /* SUB PAGINAS */
  .curso-banner h1 {
    font-size: 30px;
    line-height: 40px; }

  .curso-banner .form {
    font-size: 25px; }

  .curso-detalhes .proximas-turmas .form {
    font-size: 25px; } }
/***************************************************************/
/*********************** TABLET PORTRAIT ***********************/
/***************************************************************/
@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
  /* BODY */
  body {
    font-size: 13px;
    line-height: 21px;
    overflow-x: hidden; }

  /* CONTAINER */
  .wrap, .wrap.compact {
    width: 100%;
    padding: 0 30px; }

  .wrap.compact {
    padding: 0 40px; }

  section {
    padding: 60px 0; }

  /* BOTAO */
  .botao {
    font-size: 10px;
    padding: 7px 13px 6px; }

  /* TITULOS */
  h1 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 2px; }

  h2 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 2px; }

  /* MENU */
  header {
    height: 120px;
    z-index: 200; }

  header .navbar-item {
    font-size: 13px;
    padding: 8px 11px 25px; }

  header .navbar {
    background: none;
    min-height: 67px; }

  header .navbar-burger {
    position: absolute;
    top: 15px;
    right: 25px;
    z-index: 10;
    transform: scale(1.3); }

  header .logo {
    width: 74px;
    height: 51px;
    margin: 18px 32px 0 20px; }

  header .wrap {
    padding: 0; }

  header .header-top {
    padding-left: 20px;
    padding-right: 20px; }

  /* BURGER */
  header .navbar-burger span {
    height: 2px;
    background: #000;
    width: 24px; }

  header .navbar-burger:hover {
    background: none; }

  /* MENU PRINCIPAL */
  header .navbar-menu {
    background: #f3f1e9;
    margin-top: 14px;
    padding: 2px 0 0;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.3); }

  header .navbar-end {
    margin-top: 0; }

  header a.navbar-item {
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 37px 0;
    font-size: 15px; }

  /* SLIDE */
  .container_slide h1 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 20px; }

  .container_slide .cycle-slideshow li {
    height: 330px; }

  .container_slide .txt-banner {
    width: 100%;
    left: 0;
    padding: 0 70px;
    top: calc(50% - 60px); }

  /* HOME */
  .busca-cursos {
    padding: 0 20px;
    line-height: 18px; }

  .busca-cursos .wrap {
    padding: 27px 30px; }

  .busca-cursos button {
    padding: 20px 19px;
    font-size: 11px; }

  .busca-cursos .select select {
    padding: 12px 50px 11px 17px;
    font-size: 13px; }

  .cursos .column {
    padding: 12px 9px; }

  .cursos h4 {
    padding: 7px 30px;
    font-size: 11px; }

  .cursos h3 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    min-height: 90px; }

  .ligamos-duvidas h2 {
    font-size: 22px;
    line-height: 26px; }

  .ligamos-duvidas img {
    max-width: 83%; }

  .ligamos-duvidas .ou {
    width: 90px;
    height: 90px;
    left: calc(50% - 45px);
    line-height: 90px; }

  .ligamos-duvidas .box-duvidas {
    padding-left: 55px; }

  .palavra-presidente .img-diretora {
    margin: 0 auto;
    max-width: 180px; }

  .palavra-presidente h2 {
    text-align: center; }

  .palavra-presidente .font-cursiva {
    margin-top: 40px; }

  .newsletter {
    font-size: 12px;
    line-height: 19px;
    padding: 0 20px 70px; }

  .newsletter .wrap {
    padding: 30px 30px; }

  .newsletter strong {
    font-size: 12px; }

  .newsletter button {
    padding: 20px 18px; }

  .newsletter .ml30 {
    margin-left: 0 !important; }

  .newsletter input {
    width: 30%; }

  .instagram-home .hashtag {
    font-size: 37px;
    line-height: 16px; }

  /* *********** */
  /* SUB PAGINAS */
  /* QUEM SOMOS */
  .quem-somos .img-diretora {
    margin: 0 auto;
    max-width: 180px; }

  .quem-somos h2 {
    text-align: center; }

  .quem-somos .font-cursiva {
    margin-top: 40px; }

  .mvv .box-mvv {
    padding: 25px 20px;
    min-height: 330px;
    font-size: 13px; }

  .mvv .box-mvv img {
    max-width: 60px;
    margin-top: -45px;
    margin-bottom: 20px; }

  .profissionais-chamada .botao {
    margin-bottom: 0; }

  .profissionais-chamada .prof-fx {
    left: -218px;
    top: -244px; }

  /* CURSO */
  .curso-banner h1 {
    font-size: 27px;
    line-height: 36px; }

  .curso-banner .form {
    font-size: 17px;
    line-height: 22px;
    padding: 30px 30px; }

  .curso-banner .form button {
    padding: 18px 18px;
    font-size: 12px; }

  .curso-banner .form input {
    margin-top: 3px; }

  .curso-detalhes .box-professores {
    margin-top: 50px;
    padding: 50px 80px 60px; }

  .curso-detalhes .box-professores li {
    width: 550px; }

  .curso-detalhes .proximas-turmas .form {
    font-size: 17px;
    line-height: 22px;
    padding: 30px 30px; }

  .curso-detalhes .proximas-turmas .form button {
    padding: 18px 18px;
    font-size: 12px; }

  .curso-detalhes .proximas-turmas .form input {
    margin-top: 3px; }

  /* PROFESSORES */
  .professores h3 {
    line-height: 22px; }

  /* BLOG */
  .blog h3 {
    font-size: 16px;
    line-height: 22px; }

  .post h1 {
    font-size: 28px;
    line-height: 36px; }

  .post h3 {
    font-size: 15px;
    line-height: 24px; }

  .page-blog .categorias .categorias-conteudo {
    font-size: 14px; }

  .page-blog .categorias {
    font-size: 14px; }

  .page-blog .categorias h3 {
    font-size: 14px; }

  .page-blog #busca {
    font-size: 14px; }

  .page-blog article h2 {
    font-size: 18px;
    line-height: 24px; }

  .page-blog.post {
    padding: 60px 25px; }

  /* FOOTER */
  footer {
    font-size: 11px;
    line-height: 17px; }

  footer .tabs a {
    font-size: 12px;
    padding: 0 15px; } }
/***************************************************************/
/************************* SMARTPHONE **************************/
/***************************************************************/
@media only screen and (max-width: 767px) {
  /* BODY */
  body {
    font-size: 13px;
    line-height: 19px;
    overflow-x: hidden; }

  /* CONTAINER */
  .wrap, .wrap.compact {
    width: 100%;
    padding: 0 25px; }

  .wrap.compact {
    padding: 0 40px; }

  section {
    padding: 40px 0; }

  /* CLASS OF ORDER */
  .is-order-0-mobile {
    order: 0; }

  .is-order-1-mobile {
    order: 1; }

  .is-order-2-mobile {
    order: 2; }

  /* BUTTON */
  .botao {
    font-size: 11px;
    padding: 7px 30px;
    margin: 20px 0; }

  /* TITLES */
  h1 {
    font-size: 22px;
    line-height: 27px;
    letter-spacing: 1px; }

  h2 {
    font-size: 22px;
    line-height: 27px;
    letter-spacing: 1px; }

  h3 {
    font-size: 18px;
    line-height: 24px; }

  h4 {
    font-size: 16px;
    line-height: 22px; }

  h5 {
    font-size: 15px;
    line-height: 18px; }

  .waypoint {
    opacity: 1; }

  /* LINHA */
  hr {
    margin: 21px 0; }

  .line {
    margin: 20px 0; }

  /* MENU TOP */
  header .header-top {
    font-size: 11px;
    padding-left: 20px;
    padding-right: 20px;
    height: 35px;
    line-height: 35px; }

  /* MENU */
  header {
    height: 100px;
    z-index: 121; }

  header .navbar-item {
    font-size: 13px;
    padding: 8px 11px 25px; }

  header .navbar {
    background: none;
    min-height: 0; }

  header .logo {
    width: 57px;
    height: 39px;
    margin: 14px 28px 0 16px; }

  header .wrap {
    padding: 0; }

  /* BURGER */
  header .navbar-burger {
    position: absolute;
    top: 8px;
    right: 20px;
    z-index: 10;
    transform: scale(1.3); }

  header .navbar-burger span {
    height: 2px;
    background: #000;
    width: 24px; }

  header .navbar-burger:hover {
    background: none; }

  /* MAIN MENU */
  header .navbar-menu {
    background: #f3f1e9;
    margin-top: 12px;
    padding: 2px 0 0;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.3); }

  header .navbar-end {
    margin-top: 0; }

  header a.navbar-item {
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 19px 0;
    font-size: 15px; }

  /* SLIDE */
  .container_slide h1 {
    font-size: 25px;
    line-height: 33px;
    padding: 0;
    margin-bottom: 20px; }

  .container_slide h2 {
    font-size: 15px;
    line-height: 24px; }

  .container_slide .cycle-slideshow li {
    height: 400px; }

  .container_slide a {
    font-size: 12px; }

  .container_slide .txt-banner {
    width: 100%;
    left: 0;
    padding: 0 60px;
    top: calc(50% - 80px); }

  .container_slide .cycle-pager span {
    border: none; }

  /* BREADCRUMB */
  .bread-crumb ul {
    background-position: 0 2px; }

  .bread-crumb li {
    font-size: 10px;
    margin-right: 5px; }

  .bread-crumb li span {
    margin-left: 6px; }

  /* HOME */
  .busca-cursos {
    padding: 0 20px; }

  .busca-cursos .select {
    margin-top: 0;
    width: 100%; }

  .busca-cursos .select select {
    width: 100%; }

  .busca-cursos button {
    margin-top: 0px;
    padding: 25px 40px; }

  .cursos .botao {
    font-size: 9px;
    padding: 6px 17px 5px; }

  .ligamos-duvidas .box-ligamos {
    border-radius: 25px;
    margin-bottom: 15px; }

  .ligamos-duvidas h2 {
    font-size: 22px;
    line-height: 26px; }

  .ligamos-duvidas .box-duvidas {
    border-radius: 25px;
    padding: 15px; }

  .palavra-presidente img {
    max-width: 50%;
    margin: 0 auto; }

  .palavra-presidente h2 {
    margin: 15px 0 30px; }

  .palavra-presidente .font-cursiva {
    font-size: 36px;
    line-height: 36px; }

  .blog .column:last-child {
    transform: translateX(0); }

  .newsletter {
    padding: 0 20px 30px; }

  .newsletter .wrap {
    padding: 35px 35px; }

  .newsletter input {
    width: 100%; }

  .newsletter strong {
    font-size: 13px; }

  .instagram-home .hashtag {
    font-size: 30px;
    line-height: 11px; }

  .instagram-home .box-img img.is-block {
    height: auto; }

  /* SOBRE */
  .parallax-container {
    height: 200px;
    overflow: hidden;
    background-attachment: initial;
    background-size: cover; }

  .quem-somos {
    background: linear-gradient(180deg, white 38%, #f9f4ec 38%); }

  .quem-somos img {
    max-width: 50%;
    margin: 0 auto; }

  .quem-somos .font-cursiva {
    font-size: 36px;
    line-height: 36px; }

  .mvv .box-mvv {
    margin-top: 50px;
    font-size: 13px;
    min-height: auto;
    padding: 30px; }

  .mvv .box-mvv h3 {
    margin-bottom: 0px; }

  .mvv .box-mvv img {
    width: 70px;
    margin-bottom: 20px; }

  .profissionais-chamada {
    font-size: 15px;
    letter-spacing: 1px; }

  .profissionais-chamada .botao {
    font-size: 12px; }

  .profissionais-chamada img {
    width: 80%; }

  .profissionais-chamada .prof-fx {
    top: -244px;
    left: -208px; }

  /* PROFESSORES */
  .professores .list-prof {
    padding: 0 40px; }

  .professor h2 {
    margin-top: 20px;
    font-size: 18px;
    letter-spacing: 1px; }

  .professor img {
    margin: 0 auto; }

  .professor figure {
    margin: 0 50px; }

  /* SEJA UM PACIENTE */
  .procedimentos-realizados h3 {
    margin-top: 30px; }

  /* CURSO */
  .curso-banner {
    padding: 20px 0 30px; }

  .curso-banner h1 {
    font-size: 20px;
    line-height: 30px; }

  .curso-banner .form {
    font-size: 19px;
    line-height: 22px;
    padding: 30px 30px; }

  .curso-banner .form button {
    padding: 18px 18px;
    font-size: 12px; }

  .curso-banner .form input {
    margin-top: 3px;
    width: 100%; }

  .curso-detalhes .obj-esp {
    padding: 50px 45px 30px 0; }

  .curso-detalhes iframe {
    height: 178px; }

  .curso-detalhes .box-professores {
    margin-top: 50px; }

  .curso-detalhes .box-professores .cycle-pager span {
    margin: 0 4px; }

  .curso-detalhes .proximas-turmas .data .border {
    border: none;
    border-top: 1px solid #777;
    border-bottom: 1px solid #777; }

  .curso-detalhes .proximas-turmas h2 {
    font-size: 20px;
    line-height: 30px; }

  .curso-detalhes .proximas-turmas .form {
    font-size: 19px;
    line-height: 22px;
    padding: 30px 30px; }

  .curso-detalhes .proximas-turmas .form button {
    padding: 18px 18px;
    font-size: 12px; }

  .curso-detalhes .proximas-turmas .form input {
    margin-top: 3px;
    width: 100%; }

  .curso-detalhes .proximas-turmas strong {
    font-size: 13px; }

  .curso-detalhes .proximas-turmas small {
    font-size: 10px;
    line-height: 15px; }

  .curso-modulos .resposta-item {
    padding: 15px 40px 13px 18px;
    margin-bottom: 15px; }

  .curso-modulos .resposta-item .question {
    font-size: 14px;
    letter-spacing: 0; }

  .curso-modulos .resposta-item .expand {
    top: 11px; }

  /* BLOG */
  .page-blog .categorias {
    padding-left: 12px; }

  /* POST */
  .post h1 {
    font-size: 22px;
    line-height: 30px; }

  .post h3 {
    font-size: 16px;
    line-height: 23px;
    margin: 25px 0; }

  .page-blog.post .categorias {
    margin-top: 30px; }

  .page-blog.post {
    padding: 50px 20px; }

  /* CONTATO */
  .contato .inf-contato h3 {
    font-size: 19px; }

  /* FOOTER */
  footer {
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    padding-bottom: 40px; }

  footer img {
    max-width: 100px; }

  /* HACK SAFARI */
  footer.footer-safari .inf {
    margin-bottom: 0px;
    padding-bottom: 20px; }

  /* ANIMATIONS */
  .animation_bottom.animated {
    animation: fadeBottom 0.6s cubic-bezier(0.77, 0, 0.175, 1); }

  .animation_bottom_d1.animated {
    animation: fadeBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1); }

  .animation_bottom_d2.animated {
    animation: fadeBottom 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1); }

  .animation_left.animated {
    animation: fadeLeft 0.6s cubic-bezier(0.77, 0, 0.175, 1); }

  .animation_left_d1.animated {
    animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1); }

  .animation_left_d2.animated {
    animation: fadeLeft 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1); }

  .animation_left_d3.animated {
    animation: fadeLeft 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); }

  .animation_right.animated {
    animation: fadeRight 0.6s cubic-bezier(0.77, 0, 0.175, 1); }

  .animation_right_d1.animated {
    animation: fadeRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); }

  .animation_right_d2.animated {
    animation: fadeRight 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1); }

  .animation_right_d3.animated {
    animation: fadeRight 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); }

  .animation_top.animated {
    animation: fadeTop 0.6s cubic-bezier(0.77, 0, 0.175, 1); }

  .animation_top_d1.animated {
    animation: fadeTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1); }

  .animation_top_d2.animated {
    animation: fadeTop 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1); }

  .animation_scale.animated {
    animation: escale 1s 1 cubic-bezier(0.77, 0, 0.175, 1); }

  .animation_scale_d1.animated {
    animation: escale 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1); }

  .animation_scale_d2.animated {
    animation: escale 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); } }

/*# sourceMappingURL=style.css.map */