/* Reset... */
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  position:relative;
  font-size: 100%; }

ul, li, p, span, div, h1, h2, h3, h4, h5, header, header *, footer, footer * {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: normal;
  vertical-align: none;
  background: transparent;
  border: 0;
  outline: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

ol, ul {
  list-style: none; }

a {
  text-decoration: none;
  cursor: pointer; }

a img {
  border: 0; }

a:focus {
  outline: 0; }

a:hover, a:active {
  outline: none; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

h1, h2, h3, h4 {
  font-size: 3em;
  margin-top: 2em;
  margin-bottom: .5em;
  color: #ff7031;
  font-family: arial, helvetica, sans-serif; }

h2 {
  font-size: 2em; }

h3 {
  font-size: 1.75em;
  margin-top: 1em;
}

h4 {
  font-size: 1.40em;
  margin-top: .75em;
}

h5 {
  margin: 0px;
  padding: 0px; }


/* Old browsers + HTML5 */
article, aside, figure, figure img, hgroup, footer, header, nav, section {
  display: block;
}


/* -- Error styles -- */
.input-err-msg {
  color: #f00; }


/* --- Button styles --- */
.btn-orange, .btn-orange-small, .btn-orange-wide {
  display: inline-block;
  width: 220px;
  line-height: 50px;
  text-align: center;
  color: white;
  background-color: #ff7031;
  border-radius: 5px;
  border: 1px solid #ff7031;
  font-size: 18px;
  font-family: arial black,verdana,arial,helvetica,sans-serif;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease; }
  .btn-orange:hover, .btn-orange-small:hover, .btn-orange-wide:hover {
    color: #ff7031;
    background-color: white; }
  .btn-orange-small {
    width: 120px;
    font-size: 14px;
    border-radius: 2px;
    line-height: 30px; }
  .btn-orange-wide {
    width: 300px;
    font-size: 14px;
    border-radius: 2px;
    line-height: 30px; }


/* --- Homepage --- */
.home-page .wrapper {
  margin-top: 92px; }  /* glue course filters to the header... */

.swiper {
    padding-top: 1rem;
    padding-bottom: 40px; }
    .swiper .swiper-wrapper {
      height: auto; }
    .swiper .swiper-slide {
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flexbox;
      display: box;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center; }
    .swiper .swiper-slide img {
      width: 100%; }
    .swiper .swiper-pagination {
      height: 40px;
      padding: 10px;
      position: absolute;
      bottom: 0; }
      .swiper .swiper-pagination .swiper-pagination-bullet {
        width:15px;
        height:15px;
        text-align:center;
        line-height:15px;
        font-size:12px;
        color:#000;
        opacity:1;
        background:rgba(0,0,0,0.2); }
      .swiper .swiper-pagination .swiper-pagination-bullet-active {
        color:#fff;
        background:#666; }
    .swiper .swiper-button-next, .swiper .swiper-button-prev {
      text-indent: -9999px;
      opacity: 0;
      margin: -20px 0 0;
      width: 30px;
      height: 30px;
      margin-top: -30px;
      -moz-background-size: 30px 30px;
      -webkit-background-size: 30px 30px;
      background: url(/_/cp/5587b81403ad/e1/img/swiper-direction-nav.png) no-repeat 0 0;
      -webkit-transition: all .3s ease; }
      .swiper .swiper-button-next {
        background-position: 100% 0; right: -36px; }
        .swiper:hover .swiper-button-next {
          opacity: 0.8;
          right: 10px; }
          .swiper:hover .swiper-button-next:hover {
            opacity: 1; }
      .swiper .swiper-button-prev {
        left: -36px; }
        .swiper:hover .swiper-button-prev {
          opacity: 0.8;
          left: 10px; }
          .swiper:hover .swiper-button-prev:hover {
            opacity: 1; }


/* --- Login styles --- */
.login-page .link-login-page {
  color: #ff7031;
  background-color: white; }

.login-holder {
  position: relative;
  width: 100%;
  }
  .login-holder .login-form-holder {
    color: #707070;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    width: 650px;
    top: 0;
    left: 50%;
    margin-left: -325px; }
    .login-holder .login-form-holder h1 {
      float: left;
      width: 100%;
      text-align: center;
      color: #ff7031;
      font-size: 20px;
      margin-bottom: 25px; }
    .login-holder p {
      width: 100%;
      margin-bottom: 5px;
      line-height: 24px;
      font-size: 14px;
      font-weight: 300; }
    .login-holder .login-form-holder form {
      position: relative;
      width: 380px;
      margin: 0 auto 30px;
      padding: 40px 0px 15px; }
      .login-holder .login-form-holder form .input-holder {
        position: relative;
        float: left;
        margin-bottom: 15px;
        width: 100%; }
        .login-holder .login-form-holder form .input-holder .input-style {
          float: left;
          width: 100%;
          padding: 15px 15px;
          text-align: left;
          width: 100%;
          border: 1px solid #707070;
          border-radius: 2px;
          color: #707070;
          font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
          font-size: 14px; }
      .login-holder .login-form-holder form ::-webkit-input-placeholder {
        color: #707070; }
      .login-holder .login-form-holder form :-o-placeholder {
        color: #707070; }
      .login-holder .login-form-holder form ::-moz-placeholder {
        color: #707070; }
      .login-holder .login-form-holder form :-ms-input-placeholder {
        color: #707070; }

#login-form .btn-orange {
    margin: 0 auto;
    width: 120px;
    display: block;
}


/* Registration styles */
.register-holder {
  position: relative;
  width: 100%; }
  .register-holder .register-form-holder {
    position: relative;
    width: 650px;
    top: 0;
    left: 50%;
    margin-left: -325px; }
    .register-holder .register-form-holder h1 {
      float: left;
      width: 100%;
      text-align: center;
      color: #ff7031;
      font-family: arial black,verdana,arial,helvetica,sans-serif;
      font-size: 20px;
      margin-bottom: 25px; }
    .register-holder .register-form-holder form {
      position: relative;
      width: 380px;
      margin: 0 auto 30px;
      padding: 40px 0px 15px; }
      .register-holder .register-form-holder form .input-holder {
        position: relative;
        float: left;
        margin-bottom: 15px;
        width: 100%; }
        .register-holder .register-form-holder form .input-holder .input-style {
          float: left;
          width: 100%;
          padding: 15px 15px;
          text-align: left;
          width: 100%;
          border: 1px solid #707070;
          border-radius: 2px;
          color: #707070;
          font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
          font-size: 14px; }
      .register-holder .register-form-holder form .checkbox-holder {
        width: 100%;
        text-align: center;
        float: left;
        margin-bottom: 30px; }
        .register-holder .register-form-holder form .checkbox-holder .check-box {
          margin-right: 5px;
          margin-top: 2px; }
        .register-holder .register-form-holder form .checkbox-holder .checkbox-terms-text {
          color: #707070;
          font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
          font-weight: 300;
          font-size: 14px; }
          .register-holder .register-form-holder form .checkbox-holder .checkbox-terms-text a {
            color: #707070;
            font-weight: 400;
            text-decoration: underline; }
      .register-holder .register-form-holder form ::-webkit-input-placeholder {
        color: #707070; }
      .register-holder .register-form-holder form :-o-placeholder {
        color: #707070; }
      .register-holder .register-form-holder form ::-moz-placeholder {
        color: #707070; }
      .register-holder .register-form-holder form :-ms-input-placeholder {
        color: #707070; }

#register-form .btn-orange {
  margin: 0 auto;
  width: 120px;
  display: block; }


/* Login / Registration - "don't have one, try the other" */

.account-alternatives-box {
  position: relative;
  width: 380px;
  margin: 0 auto 30px;
  padding: 15px 0px;
  border-top: 1px solid #cccccc;
  text-align: center;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #707070; }
  .account-alternatives-box a {
    color: #ff7031;
    font-weight: 400; }


/* --- Header styles --- */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  z-index: 100;
  float: left;
  background-color: white;
  box-shadow: 0px 0px 10px -3px black;
  -webkit-transition: all 300ms ease-In-Out;
  -moz-transition: all 300ms ease-In-Out;
  -ms-transition: all 300ms ease-In-Out;
  -o-transition: all 300ms ease-In-Out;
  transition: all 300ms ease-In-Out; }
  header .main {
    height: 90px;
    width: 1265px;
    -webkit-transition: all 300ms ease-In-Out;
    -moz-transition: all 300ms ease-In-Out;
    -ms-transition: all 300ms ease-In-Out;
    -o-transition: all 300ms ease-In-Out;
    transition: all 300ms ease-In-Out; }
    header .main nav a {
      text-decoration: none; }

.main {
  position: relative;
  width: 940px;
  margin: 0 auto; }

.logo {
  float: left;
  width: 149px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 300ms ease-In-Out;
  -moz-transition: all 300ms ease-In-Out;
  -ms-transition: all 300ms ease-In-Out;
  -o-transition: all 300ms ease-In-Out;
  transition: all 300ms ease-In-Out; }

.translate {
  height: 70px;
  background-color: rgba(255, 255, 255, 0.95); }
  .translate .main {
    height: 70px; }
  .translate .logo {
    width: 130px; }
  .translate .main-nav, .translate .log-nav, .translate .loged-nav {
    margin-top: 30px; }
  .translate .loged-nav {
    margin-top: 20px; }

.main-nav {
  float: right;
  margin-top: 40px;
  margin-right: 50px;
  font-size: 100%;
  -webkit-transition: all 300ms ease-In-Out;
  -moz-transition: all 300ms ease-In-Out;
  -ms-transition: all 300ms ease-In-Out;
  -o-transition: all 300ms ease-In-Out;
  transition: all 300ms ease-In-Out; }
  .main-nav ul {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-style: normal;
    vertical-align: none;
    background: transparent;
    border: 0;
    outline: 0;
    list-style: none;
    box-sizing: border-box; }
  .main-nav li {
    float: left;
    position: relative;
    margin-right: 20px; }
    .main-nav li a {
      color: #707070;
      font-size: 16px;
      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
      -webkit-transition: all 300ms ease;
      -moz-transition: all 300ms ease;
      -ms-transition: all 300ms ease;
      -o-transition: all 300ms ease;
      transition: all 300ms ease; }
      .main-nav li a:hover {
        color: #ff7031; }
    .main-nav li .active {
      color: #ff7031; }

.log-nav {
  float: right;
  margin-top: 40px;
  font-size: 100%;
  -webkit-transition: all 300ms ease-In-Out;
  -moz-transition: all 300ms ease-In-Out;
  -ms-transition: all 300ms ease-In-Out;
  -o-transition: all 300ms ease-In-Out;
  transition: all 300ms ease-In-Out; }
  .log-nav ul {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-style: normal;
    vertical-align: none;
    background: transparent;
    border: 0;
    outline: 0;
    list-style: none;
    box-sizing: border-box; }
  .log-nav li {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    padding-right: 10px;
    font-size: 15px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400; }
    .log-nav li:after {
      content: '|';
      position: absolute;
      right: 0;
      top: 0;
      font-size: 16px; }
    .log-nav li a {
      color: #12445d;
      -webkit-transition: all 300ms ease;
      -moz-transition: all 300ms ease;
      -ms-transition: all 300ms ease;
      -o-transition: all 300ms ease;
      transition: all 300ms ease; }
      .log-nav li a:hover {
        color: #ff7031; }
    .log-nav li:last-child {
      margin-right: 0;
      padding-right: 0;
      font-weight: 700; }
      .log-nav li:last-child:after {
        display: none; }

/* --- Footer styles --- */
footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px;
  padding-top: 0px;
  margin-top: 65px;
  background-color: #f2f2f2;
  border-top: 1px solid white;
  overflow: hidden;
  box-sizing: border-box;
  height: 275px;
}
  footer h1 {
    color: #ff7031;
    float: left;
    width: 100%;
    font-size: 14px;
    font-family: arial black,verdana,arial,helvetica,sans-serif;
    margin-bottom: 20px;
  }
  footer ul {
    float: left;
    width: 100%;
    position: relative;
    list-style-type: none;
  }
    footer ul li {
      float: left;
      position: relative;
      margin-bottom: 5px;
      margin-right: 5px;
      width: 17.08511%;
    }
      footer ul li a {
        color: #000;
        font-size: 12px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        text-decoration: none;
      }
        footer ul li a:hover {
          color: #ff7031;
          text-decoration: underline;
        }
        footer ul li a:visited {
          color: #000;
        }
        footer ul li a:link {
          color: #000;
        }

      footer.x ul li:first-child {
        width: 35.46099%;
      }
      footer ul li:first-child {
        width: 53.19149%;
      }
      footer.x ul li:first-child ul {
        width: 47%;
        margin-right: 3%;
      }
      footer ul li:first-child ul {
          width: 30%;
          margin-right: 3%;
        }
          footer ul li:first-child ul:last-child {
            margin-right: 0;
          }
          footer ul li:first-child ul li {
            width: 100%;
          }
      footer > ul > li:last-child {
        margin-right: 0;
        width: 25.53191%;
        padding: 0 15px; }
        footer ul li:last-child ul {
          width: 100%;
          margin-bottom: 20px;
        }
          footer ul li:last-child ul li {
            width: auto;
            margin-right: 10px;
          }
            footer ul li:last-child ul li:first-child {
              width: auto;
            }
            footer ul li:last-child ul li:last-child {
              margin-right: 0;
            }
          footer ul li:last-child ul .icon {
            float: left;
            font-size: 16px;
            text-align: center;
            color: white;
            background-color: #ff7031;
            height: 30px;
            line-height: 30px;
            width: 30px;
            border-radius: 100%;
            -webkit-transition: all 300ms ease-In-Out;
            -moz-transition: all 300ms ease-In-Out;
            -ms-transition: all 300ms ease-In-Out;
            -o-transition: all 300ms ease-In-Out;
            transition: all 300ms ease-In-Out;
          }
            footer ul li:last-child ul .icon:hover {
              background-color: white;
              color: #ff7031;
            }
        footer ul li:last-child .newsletter-form {
          position: relative;
          float: left;
        }
          footer ul li:last-child .newsletter-form .input-style {
            border: 1px solid #707070;
            height: 35px;
            line-height: 35px;
            padding: 0 5px;
            background-color: transparent;
            border-radius: 5px;
            width: 190px;
            float: left;
            color: #707070;
            font-size: 12px;
          }
          footer ul li:last-child .newsletter-form .icon-arrow-right {
            height: 35px;
            line-height: 35px;
            float: left;
            background-color: #ff7031;
            color: white;
            top: 0;
            width: 30px;
            font-size: 35px;
            margin-left: 5px;
            border-radius: 5px;
            text-align: center;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
          }
            footer ul li:last-child .newsletter-form .icon-arrow-right:hover {
              background-color: white;
              color: #ff7031;
            }
          footer ul li:last-child .newsletter-form .icon-arrow-right:before {
            content: "b";
            margin-left: -1px;
            position: relative;
            top: -1px;
          }
          footer ul li:last-child .newsletter-form ::-webkit-input-placeholder {
            color: #707070;
          }
          footer ul li:last-child .newsletter-form :-o-placeholder {
            color: #707070;
          }
          footer ul li:last-child .newsletter-form ::-moz-placeholder {
            color: #707070;
          }
          footer ul li:last-child .newsletter-form :-ms-input-placeholder {
            color: #707070;
          }
          footer > ul > li.sn {
            margin-right: 0;
            width: 25.53191%;
            padding: 0 15px; }
            footer ul li.sn ul {
              width: 100%;
              margin-bottom: 20px;
            }
              footer ul li.sn ul li {
                width: auto;
                margin-right: 10px;
              }
                footer ul li.sn ul li:first-child {
                  width: auto;
                }
                footer ul li.sn ul li:last-child {
                  margin-right: 0;
                }
              footer ul li.sn ul .icon {
                float: left;
                font-size: 16px;
                text-align: center;
                color: white;
                background-color: #ff7031;
                height: 30px;
                line-height: 30px;
                width: 30px;
                border-radius: 100%;
                -webkit-transition: all 300ms ease-In-Out;
                -moz-transition: all 300ms ease-In-Out;
                -ms-transition: all 300ms ease-In-Out;
                -o-transition: all 300ms ease-In-Out;
                transition: all 300ms ease-In-Out;
              }
                footer ul li.sn ul .icon:hover {
                  background-color: white;
                  color: #ff7031;
                }
            footer ul li.sn .newsletter-form {
              position: relative;
              float: left;
            }
              footer ul li.sn .newsletter-form .input-style {
                border: 1px solid #707070;
                height: 35px;
                line-height: 35px;
                padding: 0 5px;
                background-color: transparent;
                border-radius: 5px;
                width: 190px;
                float: left;
                color: #707070;
                font-size: 12px;
              }
              footer ul li.sn .newsletter-form .icon-arrow-right {
                height: 35px;
                line-height: 35px;
                float: left;
                background-color: #ff7031;
                color: white;
                top: 0;
                width: 30px;
                font-size: 35px;
                margin-left: 5px;
                border-radius: 5px;
                text-align: center;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
              }
                footer ul li.sn .newsletter-form .icon-arrow-right:hover {
                  background-color: white;
                  color: #ff7031;
                }
              footer ul li.sn .newsletter-form .icon-arrow-right:before {
                content: "b";
                margin-left: -1px;
                position: relative;
                top: -1px;
              }
              footer ul li.sn .newsletter-form ::-webkit-input-placeholder {
                color: #707070;
              }
              footer ul li.sn .newsletter-form :-o-placeholder {
                color: #707070;
              }
              footer ul li.sn .newsletter-form ::-moz-placeholder {
                color: #707070;
              }
              footer ul li.sn .newsletter-form :-ms-input-placeholder {
                color: #707070;
              }
          footer ul li ul {
        width: 100%;
      }
        footer ul li ul li {
          width: 100%;
          padding: 0px;
        }
          footer ul li ul li:first-child {
            width: 100%;
          }
  footer .border {
    padding: 0 15px;
  }
    footer .border ul li:nth-of-type(1) a, footer .border ul li:nth-of-type(2) a {
      font-weight: 700;
    }
    footer .border:before, footer .border:after {
      content: '';
      position: absolute;
      height: 400px;
      width: 2px;
      top: -30px;
      background-color: white;
    }
    footer .sborder:after {
      content: '';
      position: absolute;
      height: 400px;
      width: 2px;
      top: -30px;
      background-color: white;
    }
    footer .border:before, footer .sborder:before {
      left: 0px;
    }
    footer .border:after, footer .sborder:after {
      right: 0px;
    }

    #copywrong {
      color: rgb(0, 0, 0, 0.5);
      font-size: 70%;
    }

/* Main content wrapper to adjust for header and footer */
.wrapper {
  max-width: 1280px;
  margin: 115px auto 0 auto;
  padding: 0 0 300px 0;
  font-size: 100%;
  width: 100%; }

.wide {
  max-width: none;
  margin-left: 0;
  margin-right: 0; }

.narrow {
  max-width: 940px; }


/* -- members area -- */
.members-section .link-members-area {
  color: #ff7031;
  background-color: white; }


/* -- members dashboard -- */
.members-dashboard .wrapper {
  margin: inherit auto; }
.members-dashboard #dashboard {
  text-align: center;
  max-width: 1700px;
  margin: 0 auto;
  padding: 0 2em; }
  .members-dashboard #dashboard .seccaotitulo {
    display: inline-block;
    margin-top: 2em; }
  .members-dashboard #dashboard > div {
    display: inline-block;
    text-align: initial;
    float: left;
    margin-right: 3em; }
    .members-dashboard #dashboard > div:last-child {
      margin-right: 0; }
    .members-dashboard #dashboard > div:first-child {
      max-width: 650px; }
    .members-dashboard #dashboard > div:nth-of-type(2) {
      max-width: 350px; }

@media screen and (min-width: 1300px) and (max-width: 1699px) {
    .members-dashboard #dashboard {
        max-width: 1320; }
}

@media screen and (max-width: 1299px) {
    .members-dashboard #dashboard {
        max-width: 940px; }
}


/* -- Members area - fixed typography -- */
.fx-members-section {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
  .fx-members-section .wrapper p,  .fx-members-section .wrapper label,
  .fx-members-section .wrapper li, .fx-members-section .wrapper td,
  .fx-members-section .wrapper blockquote {
    font-weight: 300;
    font-size: 14px; }
  .fx-members-section .wrapper p {
    line-height: 24px;
    margin-bottom: 1em; }


/* -- aulas listing -- */
.aulas-page .forum_jump {
  float: right;
}
.aulas-page ul.aulas-listing {
  list-style-type: none !important;
}


/* -- update profile page --  */
.profile-page {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
  .profile-page .wrapper .instructions h3 {
    margin-top: 0; }
  .profile-page .wrapper .instructions p {
    line-height: 24px;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 1em; }
  .profile-page .wrapper .instructions ul {
    list-style-type: square; }
  .profile-page .wrapper .instructions li {
    line-height: 24px;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 1em;
    margin-left: 20px; }


/* -- Checkout section -- */
.checkout-section footer {
  display: none; }
.checkout-section header .main-nav {
  display: none; }


/* -- Change class dates page -- */
.chg_dates-page .wrapper table {
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: inherit; }
  .chg_dates-page .wrapper table td {
    vertical-align: middle;
    padding-right: 2em; }
    .chg_dates-page .wrapper table td:first-child {
      padding-left: 3em; }
  .chg_dates-page .wrapper table label {
    padding-right: 1em;
    line-height: 24px; }
    .chg_dates-page .wrapper table label:last-child {
      padding-right: 0; }
    .chg_dates-page .wrapper table label span {
      color: #707070; }


/* -- Password sections -- */
.pwd-section .wrapper table.chgpwd {
  margin: 2em 0;
  padding: 0;
  padding-left: 5em;
  border: 0; }
  .pwd-section .wrapper table.chgpwd tr {
    valign: top; }
  .pwd-section .wrapper table.chgpwd th {
    text-align: left;
    font-weight: normal; }


/* -- Cancel enrollment page -- */
.cancel_enrollment-page .wrapper ul {
  list-style-type: none; }
.cancel_enrollment-page .wrapper li {
  line-height: 24px;
  margin-bottom: 1em;
  margin-left: 20px; }


/* -- Decl. Frequence page -- */
.decl-freqs-page .wrapper ul {
  list-style-type: none;
  margin: 1.5em inherit; }
.decl-freqs-page .wrapper li {
  margin-left: 20px; }


/* -- Sync sessions page -- */
  .sync-sessions-page .wrapper ul {
    margin-left: 0;
    padding-left: 40px;
    margin-bottom: 1em;
    list-style-type: square; }


/* -- Payment data page -- */
.payment-page .wrapper table {
  font-size: inherit; }
.payment-page .wrapper th {
    font-family: arial,helvetica,sans-serif;
    font-size: 14px;
    padding: 0 2em; }
.payment-page .enrollment_list {
  margin: 2em 0 2em 3em; }
  .payment-page .enrollment_list th:first-child {
      text-align: left; }
  .payment-page .enrollment_list td {
    padding: .2em 2em 0 2em; }
    .payment-page .enrollment_list td.pack {
      padding-left: 4em; }
    .payment-page .enrollment_list td:first-child {
      text-align: left; }
.payment-page .wrapper .mb_info {
  margin: 2em 0 2em 3em; }
  .payment-page .wrapper .mb_info th {
    text-align: right; }
.payment-page .wrapper .contactos {
  margin-left: 3em; }


/* Catalog page */
.catalog-page .link-catalogo {
  color: #ff7031;
  background-color: white; }

.catalog-page .wrapper {
  margin-top: 90px; }  /* glue course filters to the header... */

/* -- course filters -- */
.order-catalog {
  position: relative;
  float: left;
  width: 100%;
  height: 150px;
  background-color: #12445d;
  margin-bottom: 60px;
  text-align: center;
  overflow: hidden; }

.order-catalog-holder {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  .order-catalog-holder h5 {
    width: 100%;
    display: inline-block;
    font-size: 18px;
    font-family: arial, helvetica, sans-serif;
    color: white;
    margin-bottom: 30px; }
  .order-catalog-holder ul {
    list-style-type: none !important;
    display: inline-block;
    text-align: center;
    margin: 0 auto; }
  .order-catalog-holder li {
    list-style-type: none !important;
    float: left;
    margin-left: 10px; }
    .order-catalog-holder li:first-child {
      margin-left: 0; }
    .order-catalog-holder li:nth-of-type(5) {
      margin-left: 55px; }
    .order-catalog-holder li:nth-of-type(5) a, .order-catalog-holder li:nth-of-type(6) a {
      padding: 0px 6px;
      padding-bottom: 6px;
      font-size: 30px; }
      .order-catalog-holder li:nth-of-type(5) a .icon, .order-catalog-holder li:nth-of-type(6) a .icon {
        top: 4px; }
  .order-catalog-holder a {
    display: block;
    padding: 10px 15px;
    color: white;
    border: 2px solid white;
    border-radius: 5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400; }
    .order-catalog-holder a:hover {
      color: #12445d;
      background-color: white; }
  .order-catalog-holder .active {
    color: #12445d;
    background-color: white; }


/* -- Cursos components -- */
#course-header {
  position: relative;
  min-height: 340px;
  width: 100%; }
  #course-header .overlay {
    position: absolute;
    width: 75%;
    margin: 0 auto;
    padding: 0 10px;
    bottom: 10px;
    left: 0;
    right: 0;
    background: #fff;
    opacity: .9;
    font-size: 100%;
    min-height: 100px;
    font-family: verdana, arial, helvetica, sans-serif; }
    #course-header .overlay .sndcol {
      position: absolute;
      right: 5px;
      top: 0; }
  #course-header h1 {
    color: #363c4b;
    font-size: 42px;
    margin: 0 125px 0 5px;
    padding-top: 8px; }
  #course-header h2 {
    font-size: 24px;
    text-align: right;
    margin: 5px auto; }

.course-details {
  position: relative;
  margin: 0 auto;
  width: 940px; }

.course-info {
  position: relative;
  float: left;
  width: 615px;
  margin-right: 40px; }
  .course-info .social-fb {
    min-height: 35px;
    margin-top: 2.5em; }
  .course-info .course-info-box {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 25px;
    padding-bottom: 25px;
    color: #707070;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-bottom: 1px solid #dddddd; }
    .course-info .course-info-box:nth-last-of-type(1) {
      border-bottom: none; }
    .course-info .course-info-box h3 {
      font-size: 18px;
      font-weight: 400;
      width: 100%;
      margin-bottom: 5px; }
    .course-info .course-info-box p {
      width: 100%;
      margin-bottom: 5px;
      line-height: 24px;
      font-size: 14px;
      font-weight: 300; }
      .course-info .course-info-box p:last-child {
        margin-bottom: 0; }
    .course-info .course-info-box ul {
      list-style-type: square;
      list-style-position: outside;
      padding-left: 2em; }
    .course-info .course-info-box ol {
      list-style-type: decimal;
      list-style-position: outside;
      padding-left: 2em; }
    .course-info .course-info-box li {
      font-size: 14px;
      font-weight: 300;
      margin-bottom: 5px;
      line-height: 24px; }


.course-aside {
  position: relative;
  float: right;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  width: 225px; }

.course-aside-box {
  float: left;
  width: 100%;
  margin-bottom: 10px; }
  .course-aside-box:last-child {
    margin-bottom: 0; }
  .course-aside-box h4 {
    color: white;
    font-size: 16px;
    float: left;
    background-color: #12445d;
    padding: 15px;
    width: 100%;
    margin-bottom: 0;
    text-align: left; }
  .course-aside-box ul {
    width: 100%;
    float: left;
    padding: 15px;
    background-color: #f2f2f2; }
    .course-aside-box ul li {
      width: 100%;
      float: left;
      color: #707070;
      margin-bottom: 20px; }
        .course-aside-box ul.calendar li {
          font-size: 14px; }
      .course-aside-box ul li:last-child {
        margin-bottom: 0; }
      .course-aside-box ul li .icon {
        float: left;
        color: #12445d;
        margin-right: 5px;
        top: -5px;
        font-size: 16px; }
      .course-aside-box ul li p {
        float: left;
        font-size: 14px;
        margin-bottom: 10px;
        width: 100%; }
        .course-aside-box ul li p:last-child {
          margin-bottom: 0; }
  .course-aside-box .photo-holder li {
    height: 70px; }
    .course-aside-box .photo-holder li img, .course-aside-box .photo-holder li p {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .course-aside-box .photo-holder li p {
      width: 120px; }

.photo-forma {
  width: 65px;
  float: left;
  margin-right: 10px; }


/* Cursos intensivos */
.especializacoes-page .link-especializacoes, .especializacao-page .link-especializacoes {
  color: #ff7031; }


/* -- Curso intensivo -- */
.especializacao-page .overlay h1 {
  color: #363c4b; }

table.especializacao-modules {
  width: 100%;
  border: 0px; }
  table.especializacao-modules thead tr {
    background-color: #f4f4f4; }
  table.especializacao-modules th {
    font-size: 12px;
    text-align: left; }
    table.especializacao-modules th:last-child {
    text-align: right; }
  table.especializacao-modules td {
    padding-bottom: .5em;
    font-size: 14px; }
  table.especializacao-modules tbody td:last-child {
    text-align: right; }
  table.especializacao-modules tfoot td {
    text-align: right; }
    table.especializacao-modules tfoot td:first-child {
      font-weight: bold; }
  table.especializacao-modules tfoot tr:last-child td:last-child {
    color: #b00000; }


/* --- contacts page --- */
.contacts-page .wrapper {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
.contacts-page .wrapper p, .contacts-page .wrapper blockquote {
  line-height: 24px;
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 1em; }


/* --- newsletter subscription page --- */
.subscribe-nwsltr-page .wrapper {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
  .subscribe-nwsltr-page .wrapper p {
    line-height: 24px;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 1em; }


/* --- service terms page --- */
.service-terms-page .wrapper {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
  .service-terms-page .wrapper p {
    line-height: 24px;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 1em; }
    .service-terms-page .wrapper p:last-child {
      margin-bottom: 2em; }
  .service-terms-page .wrapper ol {
    margin-left: 0;
    padding-left: 40px;
    list-style-type: lower-alpha; }
    .service-terms-page .wrapper ol li {
      line-height: 24px;
      font-size: 14px;
      font-weight: 300;
      margin: 4px 0; }
      .service-terms-page .wrapper ol li:last-child {
        margin: 8px 0; }
  .service-terms-page .wrapper ul {
    margin-left: 0;
    padding-left: 40px;
    list-style-type: square; }
    .service-terms-page .wrapper ul li {
      line-height: 24px;
      font-size: 14px;
      font-weight: 300;
      margin: 4px 0; }
      .service-terms-page .wrapper ul li:last-child {
        margin: 8px 0; }


/* --- partners page --- */
.parceiros-page .wrapper {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
.parceiros-page .wrapper p {
  line-height: 24px;
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 1em; }
.parceiros-page .wrapper ul {
  margin-left: 0;
  padding-left: 40px;
  list-style-type: square; }
  .parceiros-page .wrapper ul li {
    font-size: 14px;
    font-weight: 300;
    margin: 4px 0; }
    .parceiros-page .wrapper ul li:last-child {
      margin: 8px 0; }


/* --- landing page --- */
.landing-page .wrapper {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
  .landing-page .wrapper p {
    line-height: 24px;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 1em; }
  .landing-page .wrapper form.input-holder {
    position: relative;
    margin: 30px 40px;
    }
    .landing-page .wrapper form.input-holder p.title {
      clear: both;
      padding-top: 2em; }
    .landing-page .wrapper p.fields label {
      float: left;
      width: 100%;
      padding: 5px 5px;
      text-align: left;
      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
      font-size: 14px; }
    .landing-page .wrapper p.fields input, .landing-page .wrapper form.input-holder textarea {
      float: left;
      width: 100%;
      padding: 5px 5px;
      margin-left: 10px;
      text-align: left;
      border: 1px solid #adadad;
      border-radius: 2px;
      color: #707070;
      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
      font-size: 14px;
      }
      /* .landing-page .wrapper form.input-holder input[type="checkbox"] {
        float: none;
      } */
  

/* --- como ser formador --- */
.como-ser-formador-page .wrapper {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
.como-ser-formador-page .wrapper p {
  line-height: 24px;
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 1em; }

/* EV-88: candidaturas box -- campaign image left, text and button right.
   Flex, so the whole row collapses to one column below 700px and the image
   keeps its own aspect ratio at every width. The image column is capped at the
   SUG format's own 590px so a 1180px file never outgrows its half. */
.como-ser-formador-page .csf-candidaturas {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 30px;
  margin: 20px 0 30px; }
.como-ser-formador-page .csf-candidaturas-img {
  /* A PERCENTAGE basis, not 590px: the page's own .wrapper.narrow is ~900px, so
     590 + 300 + the gap does not fit and the row wraps -- which looks exactly
     like flex not applying at all. Capped at the SUG shape's real width so a
     1180px file never renders larger than it was cut for. */
  flex: 0 1 45%;
  max-width: 590px; }
.como-ser-formador-page .csf-candidaturas-img img {
  display: block;
  width: 100%;
  height: auto; }
.como-ser-formador-page .csf-candidaturas-txt {
  flex: 1 1 280px;
  min-width: 0; }
.como-ser-formador-page .csf-candidaturas-txt h1 {
  margin-top: 0; }
/* The button is the site's own .btn-orange -- only the spacing above it and the
   underline the page's link rule would otherwise add are set here. */
.como-ser-formador-page a.csf-candidaturas-btn,
.como-ser-formador-page a.csf-candidaturas-btn:hover {
  text-decoration: none; }
.como-ser-formador-page .csf-candidaturas-txt .csf-candidaturas-cta {
  margin-top: 24px; }

@media (max-width: 700px) {
  .como-ser-formador-page .csf-candidaturas {
    gap: 18px; }
  .como-ser-formador-page .csf-candidaturas-img {
    flex-basis: 100%; } }


/* --- members dashboard: the caixa "Sugestões" (EV-47) --- */
/* The box is a plain div in the dashboard column and #sugestoes has no width of
   its own, so a percentage cap on the image is a cap on nothing: a 1080px-wide
   campaign file rendered ~810px wide and about a metre tall. The caixa is 590px
   by design -- the SUG format's own width -- so the cap is in PIXELS and lives
   here rather than inline on the tag, which also covers the pre-campaign HTML
   fragments that use the same class. */
#sugestoes .suggestion_box {
  max-width: 590px; }
/* max-width, not width: a campaign whose largest file is smaller than the caixa
   should sit at its own size rather than be blown up to 590. */
#sugestoes .suggestion_box img {
  display: block;
  max-width: 100%;
  height: auto; }

/* --- faq page --- */
.help-faqs-page {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
  .help-faqs-page .wrapper p {
    line-height: 24px;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 1em; }
  .help-faqs-page .wrapper .faq_idx {
    position: relative;
    width: 100%;
    margin: 0 auto; }
    .help-faqs-page .wrapper .faq_idx .faq_idx_col {
      width: 33%;
      float: left; }
      .help-faqs-page .wrapper .faq_idx .faq_idx_col p {
        font-size: 12px;
        margin: 1em 0 0 0; }
      .help-faqs-page .wrapper .faq_idx .faq_idx_col ul {
        margin-left: 0;
        padding-left: 40px;
        list-style-type: square; }
        .help-faqs-page .wrapper .faq_idx .faq_idx_col ul li {
          margin: 4px 0; }


/* --- 404 page --- */
.not-found-page .wrapper {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
  .not-found-page .wrapper p {
    line-height: 24px;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 1em; }
  .not-found-page .wrapper ul {
    list-style-type: square;
    list-style-position: outside;
    padding-left: 2em; }
  .not-found-page .wrapper li {
    line-height: 20px;
    font-weight: 300;
    font-size: 14px; }


/* --- Icons everywhere --- */
@font-face {
  font-family: "icon-font";
  src: url("/_/cp/c6b7e56922/e1/fonts/icon-font/icon-font.eot");
  src: url("/_/cp/50dee8dad2/e1/fonts/icon-font/icon-font.eot?#iefix") format("embedded-opentype"),
       url("/_/cp/479d373ebf/e1/fonts/icon-font/icon-font.woff") format("woff"),
       url("/_/cp/98799677be/e1/fonts/icon-font/icon-font.ttf") format("truetype"),
       url("/_/cp/50dee8dad2/e1/fonts/icon-font/icon-font.svg#icon-font") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

footer [data-icon]:before {
  font-family: "icon-font" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

footer [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon {
  position: relative;
  top: 2px;
  margin: 0px;
  padding: 0px;
  font-size: 1em;
  font-family: 'icon-font';
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
}

.icon:before {
  line-height: 30px;
}

.icon-search:before {
  content: "a";
}

.icon-arrow-right:before {
  content: "b";
}

.icon-arrow-down:before {
  content: "c";
}

.icon-arrow-left:before {
  content: "d";
}

.icon-arrow-up:before {
  content: "e";
}

.icon-facebook:before {
  content: "f";
}

.icon-instagram:before {
  content: "g";
}

.icon-pinterest:before {
  content: "h";
}

.icon-linkedin:before {
  content: "i";
}

.icon-star:before {
  content: "k";
}

.icon-mail-1:before {
  content: "l";
}

.icon-mail-2:before {
  content: "m";
}

.order-catalog .order-catalog-holder .icon-list-1:before {
  content: "o";
}

.order-catalog .order-catalog-holder .icon-grid-1:before {
  content: "p";
}

.icon-lessons:before {
  content: "q";
}

.icon-time:before {
  content: "r";
}

.icon-certif:before {
  content: "H";
}
.icon-certif { margin-bottom: 3em; }

.icon-mod:before {
  content: "s";
}

.icon-type:before {
  content: "t";
}

.icon-price:before {
  content: "u";
}

.icon-date:before {
  content: "v";
}

.icon-mailer:before {
  content: "j";
}

.icon-marker:before {
  content: "n";
}

.icon-phone:before {
  content: "w";
}

.icon-printer:before {
  content: "x";
}

.icon-close-1:before {
  content: "y";
}

.icon-close-2:before {
  content: "z";
}

.icon-username:before {
  content: "A";
}

.icon-password:before {
  content: "B";
}

.icon-download:before {
  content: "C";
}

.icon-info:before {
  content: "D";
}

.icon-photo:before {
  content: "E";
}

.icon-info-1:before {
  content: "F";
}

.icon-download-1:before {
  content: "G";
}

.icon-all:before {
  content: "H";
}

.icon-attach:before {
  content: "I";
}

.icon-less-2:before {
  content: "J";
}

.icon-disqus:before {
  content: "K";
}

.icon-photo-1:before {
  content: "L";
}

.icon-reply:before {
  content: "M";
}

.icon-test:before {
  content: "N";
}

.icon-doc:before {
  content: "O";
}

.icon-check:before {
  content: "P";
}

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

.clearfix:after {
  clear: both; }

/* newsletter form */
.newsletter-hp-page .wrapper {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
  .newsletter-hp-page .wrapper p {
    line-height: 24px;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 1em; }

.newsletter-hp-page .newsletter-form {
  position: relative;
  float: left;
}
  .newsletter-hp-page .newsletter-form button {
    background-color: white;
    border: 0;
  }
  .newsletter-hp-page .newsletter-form .input-style {
    border: 1px solid #707070;
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    background-color: transparent;
    border-radius: 5px;
    width: 190px;
    float: left;
    color: #707070;
    font-size: 12px;
  }
  .newsletter-hp-page .newsletter-form .icon-arrow-right {
    height: 35px;
    line-height: 35px;
    float: left;
    background-color: #ff7031;
    color: white;
    top: 0;
    width: 30px;
    font-size: 35px;
    margin-left: 5px;
    border-radius: 5px;
    text-align: center;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
  }
  .newsletter-hp-page .newsletter-form .icon-arrow-right:hover {
    background-color: white;
    color: #ff7031;
  }
  .newsletter-hp-page .newsletter-form .icon-arrow-right:before {
    content: "b";
    margin-left: -1px;
    position: relative;
    top: -1px;
  }
  .newsletter-hp-page .newsletter-form ::-webkit-input-placeholder {
    color: #707070;
  }
  .newsletter-hp-page .newsletter-form :-o-placeholder {
    color: #707070;
  }
  .newsletter-hp-page .newsletter-form ::-moz-placeholder {
    color: #707070;
  }
  .newsletter-hp-page .newsletter-form :-ms-input-placeholder {
    color: #707070;
  }


/* Laptop */
@media screen
  and (min-width: 1024px)
  and (max-width: 1300px) {

    header .main {
      width: 940px; }
}

@media screen and (max-width: 1300px) {
    .wrapper {
        padding: 0 2em 300px 2em; }
}

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

    footer ul li:last-child .newsletter-form .input-style {
      width: 150px; }
}

/* Tablet */
@media screen
  and (min-width: 768px)
  and (max-width: 1023px) {

    header .main {
      width: 700px; }
    footer {
      margin-top: 30px;
      padding: 15px; }
      footer ul li {
        margin-right: 5px; }

    .wrapper {
      padding: 0 1em 300px 1em; }
}

/* The rest, pain! */
@media screen
  and (max-width: 767px) {

    header .main {
      width: 95%; }
      header .main .main-nav {
        display: none; }

    .wrapper {
      padding: 0 .4em 300px .4em; }
}