/* 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... */

.home-page .swiper {
    padding-top: 1rem;
    padding-bottom: 40px; }
    .home-page .swiper .swiper-wrapper {
      height: auto; }
    .home-page .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; }
    .home-page .swiper .swiper-slide img {
      width: 100%; }
    .home-page .swiper .swiper-pagination {
      height: 40px;
      padding: 10px;
      position: absolute;
      bottom: 0; }
      .home-page .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); }
      .home-page .swiper .swiper-pagination .swiper-pagination-bullet-active {
        color:#fff;
        background:#666; }
    .home-page .swiper .swiper-button-next, .home-page .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; }
      .home-page .swiper .swiper-button-next {
        background-position: 100% 0; right: -36px; }
        .home-page .swiper:hover .swiper-button-next {
          opacity: 0.8;
          right: 10px; }
          .home-page .swiper:hover .swiper-button-next:hover {
            opacity: 1; }
      .home-page .swiper .swiper-button-prev {
        left: -36px; }
        .home-page .swiper:hover .swiper-button-prev {
          opacity: 0.8;
          left: 10px; }
          .home-page .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 {
    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-family: arial black,verdana,arial,helvetica,sans-serif;
      font-size: 20px;
      margin-bottom: 25px; }
    .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; }


/* --- 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; }
}
