/*====================================
=            DEPENDENCIES            =
====================================*/
/*
    Colors
*/
/*
    Fonts
*/
/*
    Slick
*/
/*
    Breakpoints
*/
/*
	INTERACTIONS
*/
/*
	CLEARFIX
*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/*
    ICON CONTENT VAR
*/
.pbase {
  background-size: cover;
  height: 0;
  padding-bottom: 36.25%;
  text-align: center;
  position: relative; }
  .pbase.p404 {
    background: url(../img/404.jpg) center center no-repeat; }
  .pbase.p403 {
    background: url(../img/403.jpg) center center no-repeat; }
  .pbase.psearch {
    background: url(../img/bg_search.jpg) center center no-repeat; }
  .pbase #PageContent {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0;
    padding: 0; }
    .pbase #PageContent p {
      font-size: 16px;
      line-height: 26px; }
  .pbase.psearch #PageContent h1,
  .pbase.psearch #PageContent p {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto; }
  .pbase img {
    width: 84px;
    height: 84px;
    margin: 15px auto 25px;
    display: block; }
  .pbase h1 {
    font-family: "Pacifico";
    text-transform: none;
    color: #333;
    font-size: 25px;
    line-height: 34px;
    border-bottom: none;
    margin-bottom: 0;
    font-weight: 400; }
    .pbase h1:before {
      display: none; }

/*
    Full HD Devices, Wide Screens - Large DESKTOP // 1920
*/
/*
    Very Large Devices, Wide Screens - DESKTOP // 1440
*/
/*
    Large Devices, Wide Screens - HORIZONTAL TABLET, SMALL DESKTOP // 1200
*/
@media only screen and (max-width: 1199px) {
  .pbase {
    padding-bottom: 45%; } }

/*
    Medium Devices, Desktops - TABLET VERTICAL // 992
*/
@media only screen and (max-width: 991px) {
  .pbase {
    padding-bottom: 50%; }
    .pbase #PageContent p {
      font-size: 16px;
      line-height: 20px;
      padding: 12px 30px 0; }
    .pbase img {
      width: 75px;
      height: 75px;
      margin: 13px auto 20px; }
    .pbase h1 {
      font-size: 23px;
      line-height: 23px; } }

/*
    Small Devices, Tablets - SMARTPHONE // 768
*/
@media only screen and (max-width: 767px) {
  .pbase {
    padding-bottom: 65%; }
    .pbase #PageContent p {
      font-size: 15px;
      line-height: 18px;
      padding: 12px 30px 0; }
    .pbase img {
      width: 65px;
      height: 65px;
      margin: 10px auto 15px; }
    .pbase h1 {
      font-size: 20px;
      line-height: 20px; } }

/*
    Extra Small Devices, Phones - SMALL SMARTPHONE // 480
*/
@media only screen and (max-width: 479px) {
  .pbase {
    padding-bottom: 80%; }
    .pbase #PageContent p {
      font-size: 14px;
      line-height: 17px; }
    .pbase img {
      width: 65px;
      height: 65px;
      margin: 10px auto 15px; }
    .pbase h1 {
      font-size: 20px;
      line-height: 20px; } }

/*
    Custom, iPhone Retina
*/

@charset "UTF-8";
/*====================================
=            DEPENDENCIES            =
====================================*/
/*
    Colors
*/
/*
    Fonts
*/
/*
    Slick
*/
/*
    Breakpoints
*/
/*
	INTERACTIONS
*/
/*
	CLEARFIX
*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/*
    ICON CONTENT VAR
*/
.account {
  padding-bottom: 60px; }
  .account .ajax-progress .message {
    display: none; }
  .account .add_more {
    text-align: center;
    padding-top: 20px;
    margin-top: 10px;
    border-top: 1px solid #d0d0d0; }
  .account .more-info {
    position: relative; }
    .account .more-info a.info {
      position: absolute;
      left: 100%;
      top: 0;
      margin-left: 10px;
      border: 1px solid #d0d0d0;
      color: #d0d0d0;
      border-radius: 50%;
      line-height: 16px;
      width: 19px;
      height: 19px;
      text-align: center;
      font-family: "Pacifico";
      font-weight: 400;
      font-style: normal;
      text-indent: -1px;
      top: 50%;
      margin-top: -30px;
      text-decoration: none;
      transition: border-color .4s, color .4s; }
      .account .more-info a.info:hover, .account .more-info a.info:active {
        color: #e40f1b;
        border-color: #e40f1b; }
    .account .more-info .tooltip {
      width: 200px; }
  .account .field {
    padding: 12px 0;
    margin: 0 25px;
    position: relative;
    max-width: 310px;
    margin-left: auto;
    margin-right: auto; }
    .account .field .description {
      padding-top: 10px; }
    .account .field label {
      display: block;
      text-align: center;
      font-size: 20px;
      line-height: 25px;
      font-weight: 400;
      text-transform: uppercase;
      padding-bottom: 10px;
      vertical-align: top; }
      .account .field label span {
        color: #e40f1b;
        font-size: 22px;
        line-height: 25px;
        margin-right: 10px;
        vertical-align: top;
        position: relative;
        top: 2px; }
      .account .field label i {
        font-style: normal;
        font-size: 12px;
        position: relative;
        top: -6px;
        line-height: 12px; }
    .account .field .ajax-progress {
      display: none !important; }
      .account .field .ajax-progress .message {
        display: none; }
    .account .field .form-radios label {
      display: inline-block; }
    .account .field .btn-group.bootstrap-select {
      width: 100%; }
      .account .field .btn-group.bootstrap-select + input,
      .account .field .btn-group.bootstrap-select + .btn-group.bootstrap-select {
        margin-top: 30px; }
    .account .field input {
      display: block;
      width: 100%;
      text-align: center; }
      .account .field input + input,
      .account .field input + .btn-group.bootstrap-select {
        margin-top: 30px; }
    .account .field input[type="radio"],
    .account .field input[type="checkbox"] {
      width: auto;
      display: inline-block;
      text-align: left;
      vertical-align: middle; }
    .account .field .btn-group.bootstrap-select,
    .account .field input,
    .account .field .datepicker-container {
      margin: 0 auto;
      display: block;
      position: relative; }
  .account section.profile {
    padding-bottom: 30px; }
    .account section.profile .btn.btn-file {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      font-size: 0;
      line-height: 0;
      background: transparent !important;
      border-color: transparent !important;
      border-width: 2px; }
    .account section.profile .fileinput-upload,
    .account section.profile .fileinput-cancel-button,
    .account section.profile .kv-upload-progress {
      display: none !important; }
    .account section.profile .btn.fileinput-remove-button {
      background: #e40f1b;
      border: none;
      font-size: 16px;
      padding: 10px;
      color: #fff;
      z-index: 2;
      position: absolute;
      left: 10px;
      top: 10px; }
      .account section.profile .btn.fileinput-remove-button span {
        display: none; }
      .account section.profile .btn.fileinput-remove-button:hover, .account section.profile .btn.fileinput-remove-button:active {
        background: #94060e; }
    .account section.profile .file-preview-thumbnails {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      overflow: hidden;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
      .account section.profile .file-preview-thumbnails img {
        display: none; }
    .account section.profile figure {
      width: 202px;
      height: 202px;
      border-radius: 50%;
      border: 1px solid #999;
      background-color: #f1f1f1;
      margin: 10px auto 16px;
      position: relative;
      color: #999;
      cursor: pointer;
      transition: border-color .4s, color .4s, box-shadow .4s ease-out, transform .7s; }
      .account section.profile figure .user-picture {
        display: none; }
      .account section.profile figure:before {
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-family: 'yammi';
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        font-size: 60px;
        line-height: 1;
        color: inherit;
        height: 60px;
        width: 60px;
        margin-left: -30px;
        margin-top: -30px;
        transition: transform .4s ease-out; }
      .account section.profile figure + .field:before {
        content: '';
        position: relative;
        display: block;
        width: 110px;
        height: 2px;
        background: #999;
        margin: 0 auto 28px;
        top: 0;
        left: 0; }
      .account section.profile figure:hover, .account section.profile figure:active {
        transform: scale(1.05, 1.05);
        box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.07);
        transition: border-color .4s, color .4s, box-shadow .4s ease-out, transform 3s; }
        .account section.profile figure:hover:before, .account section.profile figure:active:before {
          transform: scale(1.07, 1.07); }
      .account section.profile figure.default {
        background: url("/sites/default/files/styles/user_profile/public/profile.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
        .account section.profile figure.default:before {
          display: none; }
    .account section.profile .confirm-parent,
    .account section.profile .password-parent {
      width: auto; }
    .account section.profile .password-strength,
    .account section.profile .password-suggestions,
    .account section.profile div.password-confirm {
      display: none !important; }
    .account section.profile .field-prefix {
      position: absolute;
      line-height: 42px;
      padding-left: 15px;
      color: #999;
      pointer-events: none;
      left: 0; }
    .account section.profile .form-item {
      text-align: center; }
      .account section.profile .form-item > label {
        display: inline-block;
        position: relative; }
        .account section.profile .form-item > label .form-required,
        .account section.profile .form-item > label i {
          position: absolute;
          left: 100%;
          top: 0;
          margin-left: 5px;
          font-style: normal;
          color: #e40f1b; }
      .account section.profile .form-item + .form-item {
        margin-top: 20px; }
    .account section.profile .field-phone {
      margin-top: 0; }
    .account section.profile .field-city {
      margin-top: 0; }
    .account section.profile .field-name-field-first-name {
      padding-top: 1px; }
  .account section.yammi {
    padding-bottom: 30px; }
    .account section.yammi h3 {
      font-family: "Pacifico";
      text-transform: none;
      padding-left: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #999;
      margin: 0 25px 0px 0px; }
    .account section.yammi #edit-field-version {
      text-align: center;
      margin-bottom: 60px; }
      .account section.yammi #edit-field-version label {
        display: block;
        font-family: "Open Sans";
        font-weight: 400;
        font-size: 18px;
        text-transform: none;
        line-height: 1.5; }
    .account section.yammi > ul {
      margin: 0;
      padding: 0; }
      .account section.yammi > ul > li {
        display: inline-block;
        list-style: none;
        vertical-align: top;
        margin-top: 30px; }
        .account section.yammi > ul > li .field {
          padding-left: 10px;
          padding-right: 10px; }
        .account section.yammi > ul > li input[type='radio'],
        .account section.yammi > ul > li .iradio_minimal {
          vertical-align: top;
          position: relative;
          top: 8px;
          margin-right: 10px; }
        .account section.yammi > ul > li label {
          display: inline-block;
          vertical-align: middle;
          position: relative; }
          .account section.yammi > ul > li label#labelContinente {
            top: 0; }
          .account section.yammi > ul > li label#labelWorten {
            top: -15px; }
        .account section.yammi > ul > li img {
          height: auto;
          width: 160px;
          vertical-align: middle;
          display: inline-block; }
    .account section.yammi .field.maquina {
      width: 255px;
      margin-left: auto;
      margin-right: auto;
      padding-top: 0; }
      .account section.yammi .field.maquina .ajax-progress {
        display: none; }
      .account section.yammi .field.maquina select + .ajax-progress {
        display: inline-block;
        position: absolute;
        left: 100%;
        margin-left: 10px;
        top: 50%;
        margin-top: -10px; }
        .account section.yammi .field.maquina select + .ajax-progress .message {
          display: none; }
      .account section.yammi .field.maquina .field {
        padding-top: 0; }
    .account section.yammi .field.local {
      text-align: left;
      max-width: none; }
      .account section.yammi .field.local .form-item .form-item {
        margin: 0;
        width: 49%;
        display: inline-block;
        text-align: left; }
      .account section.yammi .field.local .form-item > label {
        margin: 0;
        padding: 0;
        display: inline-block;
        vertical-align: middle; }
      .account section.yammi .field.local .form-item.form-type-radios {
        width: auto;
        display: block;
        text-align: left;
        margin-top: 0;
        margin-bottom: 0px; }
      .account section.yammi .field.local label.option {
        width: 220px;
        height: 50px;
        position: relative;
        white-space: nowrap;
        text-align: left; }
        .account section.yammi .field.local label.option:before {
          content: '';
          display: inline-block;
          vertical-align: middle;
          height: 100%;
          width: 0; }
      .account section.yammi .field.local img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle;
        display: inline-block;
        margin-left: 10px; }
      .account section.yammi .field.local .form-radios .form-item:first-child {
        display: none; }
    .account section.yammi .field-card {
      margin: 0;
      padding: 0; }
      .account section.yammi .field-card.active {
        display: block; }
      .account section.yammi .field-card + p {
        max-width: 450px; }
    .account section.yammi .field-name-field-machine .field-multiple-drag {
      display: none; }
    .account section.yammi .field-name-field-machine .tabledrag-toggle-weight-wrapper {
      display: none; }
    .account section.yammi .field-name-field-machine .sticky-header {
      display: none; }
    .account section.yammi .field-name-field-machine thead {
      display: none; }
    .account section.yammi .field-name-field-machine tbody {
      border: none; }
      .account section.yammi .field-name-field-machine tbody tr,
      .account section.yammi .field-name-field-machine tbody tr.odd {
        background-color: transparent;
        border-bottom: none;
        padding: 0; }
        .account section.yammi .field-name-field-machine tbody tr .field.maquina .form-item,
        .account section.yammi .field-name-field-machine tbody tr.odd .field.maquina .form-item {
          margin-top: 1em;
          margin-bottom: 1em; }
      .account section.yammi .field-name-field-machine tbody tr + tr .machine-container {
        border-top: 1px solid #d0d0d0;
        margin-top: 30px;
        padding-top: 30px; }
    .account section.yammi .field-name-field-machine .field-multiple-table {
      width: 100%; }
    .account section.yammi .field-name-field-machine td.delta-order {
      display: none !important; }
    .account section.yammi p {
      font-family: "Open Sans";
      padding: 15px 0 0;
      font-size: 15px;
      font-weight: 600; }
      .account section.yammi p span {
        color: #e40f1b; }
    .account section.yammi .form-actions {
      margin: 30px 25px 50px;
      text-align: center;
      padding: 40px 0 0px; }
      .account section.yammi .form-actions small {
        float: left;
        display: block; }
  .account section.categories {
    font-size: 0;
    line-height: 0;
    text-align: center;
    padding-bottom: 50px; }
    .account section.categories .category {
      display: inline-block;
      font-size: 18px;
      font-family: "Pacifico";
      text-align: center;
      color: #333;
      text-decoration: none;
      transition: color .4s;
      width: 142px;
      vertical-align: top;
      margin: 20px 0;
      position: relative; }
      .account section.categories .category input {
        opacity: 0;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute; }
      .account section.categories .category:before {
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-family: 'yammi';
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #999;
        font-size: 77px;
        line-height: 1;
        display: block;
        margin-bottom: 15px;
        transition: color .4s, transform .25s; }
      .account section.categories .category:hover, .account section.categories .category:active {
        color: #333; }
        .account section.categories .category:hover:before, .account section.categories .category:active:before {
          color: #333; }
      .account section.categories .category:active:before {
        transform: scale(0.95, 0.95); }
      .account section.categories .category.active {
        color: #333; }
        .account section.categories .category.active:before {
          color: #e40f1b; }
        .account section.categories .category.active:hover, .account section.categories .category.active:active {
          color: #94060e; }
          .account section.categories .category.active:hover:before, .account section.categories .category.active:active:before {
            color: #94060e; }
  .account section.diets {
    font-size: 0;
    line-height: 0;
    text-align: center;
    padding-bottom: 50px; }
    .account section.diets .diet {
      display: inline-block;
      font-size: 18px;
      font-family: "Pacifico";
      text-align: center;
      color: #333;
      text-decoration: none;
      transition: color .4s;
      width: 142px;
      vertical-align: top;
      margin: 20px 0;
      position: relative; }
      .account section.diets .diet input {
        opacity: 0;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute; }
      .account section.diets .diet:before {
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-family: 'yammi';
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background: transparent;
        border: 5px solid #999;
        border-radius: 50%;
        color: #999;
        text-align: center;
        font-size: 36px;
        line-height: 67px;
        width: 77px;
        height: 77px;
        display: block;
        margin: 0 auto 15px;
        vertical-align: middle;
        transition: color .4s, border-color .4s, transform .25s; }
      .account section.diets .diet:hover, .account section.diets .diet:active {
        color: #333; }
        .account section.diets .diet:hover:before, .account section.diets .diet:active:before {
          color: #333;
          border-color: #333; }
      .account section.diets .diet:active:before {
        transform: scale(0.95, 0.95); }
      .account section.diets .diet.active {
        color: #333; }
        .account section.diets .diet.active:before {
          color: #e40f1b;
          border-color: #e40f1b; }
        .account section.diets .diet.active:hover, .account section.diets .diet.active:active {
          color: #94060e; }
          .account section.diets .diet.active:hover:before, .account section.diets .diet.active:active:before {
            color: #94060e;
            border-color: #94060e; }
  .account section.restrictions {
    font-size: 0;
    line-height: 0;
    text-align: center;
    padding-bottom: 20px; }
    .account section.restrictions .restriction {
      display: inline-block;
      font-size: 18px;
      font-family: "Pacifico";
      text-align: center;
      color: #333;
      text-decoration: none;
      transition: color .4s;
      width: 142px;
      vertical-align: top;
      margin: 20px 0;
      position: relative; }
      .account section.restrictions .restriction input {
        opacity: 0;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute; }
      .account section.restrictions .restriction:before {
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-family: 'yammi';
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background: transparent;
        border: 5px solid #999;
        border-radius: 50%;
        color: #999;
        text-align: center;
        font-size: 36px;
        line-height: 67px;
        width: 77px;
        height: 77px;
        display: block;
        margin: 0 auto 15px;
        vertical-align: middle;
        transition: color .4s, border-color .4s, transform .25s; }
      .account section.restrictions .restriction:hover, .account section.restrictions .restriction:active {
        color: #333; }
        .account section.restrictions .restriction:hover:before, .account section.restrictions .restriction:active:before {
          color: #333;
          border-color: #333; }
      .account section.restrictions .restriction:active:before {
        transform: scale(0.95, 0.95); }
      .account section.restrictions .restriction.active {
        color: #333; }
        .account section.restrictions .restriction.active.not:after {
          content: '';
          position: absolute;
          left: 50%;
          top: 1px;
          margin-left: -2px;
          width: 4px;
          height: 75px;
          background-color: #e40f1b;
          transform: rotate(45deg);
          transition: background-color .4s; }
        .account section.restrictions .restriction.active:before {
          color: #e40f1b;
          border-color: #e40f1b; }
        .account section.restrictions .restriction.active:hover, .account section.restrictions .restriction.active:active {
          color: #94060e; }
          .account section.restrictions .restriction.active:hover:before, .account section.restrictions .restriction.active:active:before {
            color: #94060e;
            border-color: #94060e; }
          .account section.restrictions .restriction.active:hover:after, .account section.restrictions .restriction.active:active:after {
            background-color: #94060e; }
  .account blockquote {
    border: none;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    font-size: 23px;
    line-height: 1.2;
    padding: 15px;
    font-family: "Pacifico";
    text-align: center;
    margin: 50px 0 15px;
    color: #555; }
  .account section.community .intro,
  .account section.community .head {
    background: #f1f1f1 !important; }
  .account section.legal {
    text-align: left;
    padding: 30px 0; }
    .account section.legal label {
      position: relative;
      display: block;
      margin: 5px 0; }
      .account section.legal label .icheckbox_minimal {
        position: absolute;
        display: block; }
      .account section.legal label p {
        font-size: 12px;
        font-weight: 400;
        font-family: "Open Sans";
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-left: 25px;
        position: relative;
        top: 1px;
        vertical-align: top; }
    .account section.legal .form-item {
      text-align: left;
      position: relative; }
      .account section.legal .form-item > label {
        padding-left: 22px;
        margin: 0;
        top: -2px;
        font-size: 12px; }
      .account section.legal .form-item .icheckbox_minimal {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9999; }
      .account section.legal .form-item .description {
        padding-left: 22px;
        font-size: 1em;
        position: relative;
        top: -2px; }
        .account section.legal .form-item .description p {
          margin: 0 0 0 0; }
        .account section.legal .form-item .description ul {
          padding-left: 22px; }
  .account section.recipe_edit .field {
    max-width: 350px; }
    .account section.recipe_edit .field label {
      line-height: 42px;
      font-size: 18px;
      color: #333;
      text-transform: none;
      margin: 0;
      padding: 0;
      height: 42px; }
      .account section.recipe_edit .field label:before {
        color: #999;
        font-size: 30px; }
      .account section.recipe_edit .field label.pull-left + .pull-right {
        width: 100%; }
    .account section.recipe_edit .field .form-item {
      margin: 0; }
  .account section.recipe_edit .field-icon {
    padding-left: 40px; }
    .account section.recipe_edit .field-icon label {
      position: relative;
      width: 0;
      margin-left: -40px;
      float: left; }
      .account section.recipe_edit .field-icon label.i-yammi-filled.vs1:before {
        font-size: 20px; }
      .account section.recipe_edit .field-icon label.i-yammi-filled.vs2:before {
        font-size: 23px; }
    .account section.recipe_edit .field-icon .bootstrap-select {
      float: right; }
  .account section.recipe_edit .field-inline p, .account section.recipe_edit .field-inline input, .account section.recipe_edit .field-inline .bootstrap-select, .account section.recipe_edit .field-inline > span {
    float: left; }
  .account section.recipe_edit .field-inline .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    padding-left: 0;
    padding-right: 20px; }
  .account section.recipe_edit .field-inline p {
    display: block;
    font-size: 18px;
    line-height: 42px;
    font-weight: 300;
    padding-right: 5px;
    font-family: "Open Sans";
    margin: 0; }
  .account section.recipe_edit .field-inline > span {
    display: block;
    font-size: 16px;
    color: #d0d0d0;
    line-height: 42px;
    font-style: italic;
    padding: 0 5px; }
  .account section.recipe_edit .field-inline input[name='hours'],
  .account section.recipe_edit .field-inline input[name='minutes'] {
    width: 87px; }
  .account section.recipe_edit .field-inline input[name='quantity'] {
    width: 58px; }
  .account section.recipe_edit .field-inline input[name='grams'] {
    width: 84px; }
  .account section.recipe_edit .field-quantity {
    text-align: left; }
    .account section.recipe_edit .field-quantity input[type='text'] {
      width: 30%;
      float: left; }
    .account section.recipe_edit .field-quantity .btn-group {
      width: calc(70% - 10px);
      float: left;
      margin: 0;
      vertical-align: top;
      text-align: left;
      min-width: 0;
      margin-left: 10px; }
      .account section.recipe_edit .field-quantity .btn-group > button {
        width: 100%; }
    .account section.recipe_edit .field-quantity .pull-right > span {
      float: left;
      width: 15%;
      text-align: center;
      line-height: 42px;
      vertical-align: top; }
  .account section.recipe_edit h3 {
    font-size: 25px;
    color: #555;
    line-height: 25px;
    margin: 30px 0;
    padding: 0 20px 15px;
    font-family: "Open Sans";
    border-bottom: 2px solid #e40f1b;
    text-transform: none; }
  .account section.recipe_edit .media .ajax-progress {
    position: absolute;
    left: 50%;
    top: 36.7%;
    padding: 0;
    width: 28px;
    height: 28px;
    margin-left: -14px; }
    .account section.recipe_edit .media .ajax-progress .throbber {
      width: 28px;
      height: 28px;
      margin: 0;
      padding: 0;
      background-size: contain;
      display: block; }
  .account section.recipe_edit .media .messages.error {
    display: none; }
    .account section.recipe_edit .media .messages.error.file-upload-js-error {
      padding: 0 10px;
      font-size: 11px; }
  .account section.recipe_edit .media figure {
    position: relative;
    width: 280px;
    height: 280px;
    border: 1px solid #999;
    margin: 0 auto 30px;
    color: #999;
    transition: border-color .4s, color .4s, box-shadow .4s ease-out; }
    .account section.recipe_edit .media figure:before {
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      font-family: 'yammi';
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      position: absolute;
      left: 50%;
      top: 41%;
      font-size: 60px;
      line-height: 1;
      color: inherit;
      height: 60px;
      width: 60px;
      margin-left: -30px;
      margin-top: -30px;
      transition: transform .4s ease-out;
      pointer-events: none; }
    .account section.recipe_edit .media figure + .field:before {
      content: '';
      position: relative;
      display: block;
      width: 110px;
      height: 2px;
      background: #999;
      margin: 0 auto 28px;
      top: 0;
      left: 0; }
    .account section.recipe_edit .media figure:hover, .account section.recipe_edit .media figure:active {
      box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.07);
      transition: border-color .4s, color .4s, box-shadow .4s ease-out, transform 3s; }
      .account section.recipe_edit .media figure:hover:before, .account section.recipe_edit .media figure:active:before {
        transform: scale(1.07, 1.07); }
    .account section.recipe_edit .media figure .description {
      text-align: center;
      top: 54%;
      position: absolute;
      width: 100%; }
    .account section.recipe_edit .media figure .image-widget-data {
      float: none; }
      .account section.recipe_edit .media figure .image-widget-data input[type='file'] {
        opacity: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        cursor: pointer; }
      .account section.recipe_edit .media figure .image-widget-data input.upload {
        display: none; }
    .account section.recipe_edit .media figure .image-preview {
      position: absolute;
      float: none;
      width: 100%;
      height: 100%;
      z-index: 0;
      left: 0;
      top: 0;
      z-index: 1;
      padding: 0; }
      .account section.recipe_edit .media figure .image-preview img {
        width: 100%;
        height: 100%; }
    .account section.recipe_edit .media figure .image-widget-data .file,
    .account section.recipe_edit .media figure .image-widget-data .file-size {
      display: none; }
    .account section.recipe_edit .media figure.error {
      border-color: #e40f1b;
      border-width: 2px; }
      .account section.recipe_edit .media figure.error .description {
        color: #e40f1b; }
    .account section.recipe_edit .media figure .i-cross {
      position: absolute;
      right: 10px;
      top: 10px;
      line-height: 20px;
      font-size: 20px;
      color: white;
      padding: 10px;
      z-index: 3;
      transition: background .4s;
      border-radius: 50%;
      cursor: pointer; }
      .account section.recipe_edit .media figure .i-cross .throbber {
        display: none !important; }
      .account section.recipe_edit .media figure .i-cross input {
        font-size: 0;
        background: transparent;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        border: none; }
      .account section.recipe_edit .media figure .i-cross:hover, .account section.recipe_edit .media figure .i-cross:active {
        background: #e40f1b; }
  .account section.recipe_edit .media .btn.btn-file {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    font-size: 0;
    line-height: 0;
    background: transparent !important;
    border-color: transparent !important;
    border-width: 0px;
    z-index: 3; }
  .account section.recipe_edit .media .btn.fileinput-remove-button {
    background: transparent;
    border-radius: 0;
    border: none;
    font-size: 24px;
    padding: 8px;
    color: #fff;
    z-index: 4;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 2px solid transparent;
    border-radius: 50%;
    transition: transform .4s ease-out, border-color .4s;
    transform: scale(1.1, 1.1); }
    .account section.recipe_edit .media .btn.fileinput-remove-button span {
      display: none; }
    .account section.recipe_edit .media .btn.fileinput-remove-button .glyphicon-trash:before {
      font-family: yammi;
      content: ""; }
    .account section.recipe_edit .media .btn.fileinput-remove-button:hover, .account section.recipe_edit .media .btn.fileinput-remove-button:active {
      transform: scale(1, 1);
      border-color: white; }
  .account section.recipe_edit .media .btn.fileinput-upload-button {
    background: transparent;
    border-radius: 0;
    border: none;
    font-size: 28px;
    padding: 6px;
    color: #fff;
    z-index: 4;
    position: absolute;
    right: 51px;
    top: 10px;
    border: 2px solid transparent;
    border-radius: 50%;
    transform: scale(1.1, 1.1);
    transition: transform .4s ease-out, border-color .4s; }
    .account section.recipe_edit .media .btn.fileinput-upload-button span {
      display: none; }
    .account section.recipe_edit .media .btn.fileinput-upload-button .glyphicon-upload:before {
      font-family: yammi;
      content: ""; }
    .account section.recipe_edit .media .btn.fileinput-upload-button:hover, .account section.recipe_edit .media .btn.fileinput-upload-button:active {
      transform: scale(1, 1);
      border-color: white; }
  .account section.recipe_edit .media .file-preview-thumbnails {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2; }
    .account section.recipe_edit .media .file-preview-thumbnails img {
      display: none; }
  .account section.edit-list {
    text-align: left; }
    .account section.edit-list ul {
      padding: 0;
      margin: 0; }
      .account section.edit-list ul li {
        list-style: none;
        color: #e40f1b;
        font-size: 20px;
        line-height: 20px;
        text-align: left;
        position: relative;
        border-bottom: 1px solid #d0d0d0;
        list-style-position: inside;
        padding: 5px;
        white-space: nowrap;
        transition: background .5s; }
        .account section.edit-list ul li.model {
          display: none; }
        .account section.edit-list ul li > i {
          position: absolute;
          width: 20px;
          top: 5px;
          left: 32px;
          display: inline-block;
          font-size: 20px;
          font-style: normal;
          vertical-align: top; }
        .account section.edit-list ul li.sortable-ghost {
          background: #f1f1f1; }
        .account section.edit-list ul li span.handle {
          border: none;
          background: none;
          color: #999;
          font-size: 12px;
          transition: color .4s;
          cursor: move;
          display: inline-block;
          vertical-align: middle;
          top: -1px;
          position: relative; }
          .account section.edit-list ul li span.handle:hover, .account section.edit-list ul li span.handle:active {
            color: #e40f1b; }
        .account section.edit-list ul li > p {
          color: #333;
          font-size: 15px;
          margin: 0;
          display: inline-block;
          top: 0;
          padding-left: 5px;
          padding-right: 130px;
          white-space: normal;
          vertical-align: top;
          transition: color .4s, transform .4s ease-out; }
          .account section.edit-list ul li > p p {
            display: block;
            padding-left: 0;
            padding-right: 0; }
        .account section.edit-list ul li.sep p {
          font-weight: 700; }
        .account section.edit-list ul li .actions {
          position: absolute;
          right: 5px;
          top: 50%;
          margin-top: -15px; }
          .account section.edit-list ul li .actions a {
            color: #333;
            text-decoration: none;
            font-size: 13px;
            line-height: 30px;
            width: 13px;
            display: inline-block; }
            .account section.edit-list ul li .actions a.edit, .account section.edit-list ul li .actions a.delete {
              color: #999; }
            .account section.edit-list ul li .actions a.delete {
              font-weight: 900; }
            .account section.edit-list ul li .actions a + a {
              margin-left: 10px; }
            .account section.edit-list ul li .actions a:hover, .account section.edit-list ul li .actions a:active {
              color: #e40f1b; }
        .account section.edit-list ul li.edit p {
          color: #e40f1b;
          transform: translateX(10px); }
        .account section.edit-list ul li.edit a.edit,
        .account section.edit-list ul li.edit a.delete {
          display: none; }
    .account section.edit-list .optional {
      display: none; }
      .account section.edit-list .optional.active {
        display: block; }
    .account section.edit-list .operations {
      text-align: left;
      padding: 30px 0 5px; }
      .account section.edit-list .operations a {
        font-family: "Pacifico";
        color: #d0d0d0;
        font-size: 15px;
        line-height: 20px;
        vertical-align: middle;
        text-decoration: none;
        display: inline-block; }
        .account section.edit-list .operations a span {
          line-height: 20px;
          font-size: 20px;
          display: inline-block;
          margin-right: 8px;
          vertical-align: middle;
          position: relative;
          top: -3px; }
          .account section.edit-list .operations a span.fill {
            background: #d0d0d0;
            border-radius: 50%;
            color: #fff;
            font-size: 10px;
            width: 20px;
            height: 20px;
            text-align: center;
            transition: background .4s; }
        .account section.edit-list .operations a + a {
          margin-left: 20px; }
        .account section.edit-list .operations a.info {
          color: #999;
          border: 1px solid #999;
          font-size: 12px;
          line-height: 18px;
          width: 20px;
          height: 20px;
          border-radius: 50%;
          text-align: center;
          transition: color .4s, border-color .4s; }
        .account section.edit-list .operations a.active {
          color: #333; }
          .account section.edit-list .operations a.active span {
            color: #e40f1b; }
            .account section.edit-list .operations a.active span.fill {
              background: #e40f1b;
              color: white; }
        .account section.edit-list .operations a:hover, .account section.edit-list .operations a:active {
          color: #333;
          border-color: #e40f1b; }
          .account section.edit-list .operations a:hover span, .account section.edit-list .operations a:active span {
            color: #e40f1b; }
            .account section.edit-list .operations a:hover span.fill, .account section.edit-list .operations a:active span.fill {
              background: #e40f1b;
              color: #fff; }
      .account section.edit-list .operations.disabled a:not(.info) {
        opacity: .3px !important;
        color: #d0d0d0 !important;
        border-color: #d0d0d0 !important;
        pointer-events: none;
        cursor: forbidden; }
        .account section.edit-list .operations.disabled a:not(.info) span {
          color: #d0d0d0 !important; }
        .account section.edit-list .operations.disabled a:not(.info) span.fill {
          background-color: #d0d0d0 !important;
          color: #fff !important; }
    .account section.edit-list .new {
      position: relative;
      margin: 10px 0;
      padding: 0px 0 20px;
      padding-right: 52px; }
      .account section.edit-list .new .note-editor {
        margin-bottom: 0; }
      .account section.edit-list .new input {
        width: 100%; }
      .account section.edit-list .new > button {
        position: absolute;
        right: 0;
        top: 0;
        width: 42px;
        height: 42px;
        border: none;
        border-radius: 50%;
        color: #fff;
        background: #999; }
        .account section.edit-list .new > button:hover, .account section.edit-list .new > button:active {
          background: #e40f1b; }
  .account section.steps ul li {
    padding: 10px 5px; }
    .account section.steps ul li > i {
      width: 30px;
      font-size: 18px;
      font-style: normal;
      vertical-align: top;
      top: 10px; }
    .account section.steps ul li > p {
      padding-left: 30px;
      padding-right: 140px;
      vertical-align: top; }
  .account .form-actions {
    /*
		For IE 6/7 only
		Include this rule to trigger hasLayout and contain floats.
	*/
    *zoom: 1;
    border-top: 1px solid #d0d0d0;
    padding-top: 10px;
    display: block;
    text-align: right; }
    .account .form-actions:after, .account .form-actions:before {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .account .form-actions:after {
      clear: both; }
    .account .form-actions small {
      line-height: 40px;
      color: #999;
      float: left; }
    .account .form-actions .btn {
      margin-top: 20px; }
    .account .form-actions .btn.submit,
    .account .form-actions .btn.cancel {
      float: none;
      display: inline-block; }
    .account .form-actions .btn.cancel,
    .account .form-actions .btn.draft {
      margin-left: 15px; }
  .account blockquote + .form-actions {
    border-top: none; }

.page-users .account .form-actions {
  border-top: none;
  margin-top: 0;
  padding-top: 0; }

#send-message-form-container .popup-content {
  padding-top: 65px;
  text-align: left; }
  #send-message-form-container .popup-content input#edit-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
    width: 100%;
    font-style: italic;
    font-family: "Open Sans";
    font-size: 14px;
    color: #c1c1c1 !important;
    border-color: #A9A9AB !important;
    border-width: 1px !important;
    background: white; }
    #send-message-form-container .popup-content input#edit-title:focus {
      box-shadow: none; }
  #send-message-form-container .popup-content .note-editor {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0; }
    #send-message-form-container .popup-content .note-editor .panel-body {
      font-family: "Open Sans";
      font-size: 14px;
      color: #c1c1c1 !important;
      font-weight: 300; }
  #send-message-form-container .popup-content .actions {
    text-align: right; }

#send-message-form-container .ajax-progress {
  margin-left: 10px; }
  #send-message-form-container .ajax-progress .message {
    display: none; }

#field-ingredients-add-more-wrapper,
#field-steps-add-more-wrapper {
  display: none; }

#user-register-form .field-group-tab-wrapper {
  display: none; }

#user-login section.features,
#user-login-form section.features {
  padding: 50px 0 27px; }

#user-login input[type="text"],
#user-login input[type="password"],
#user-login-form input[type="text"],
#user-login-form input[type="password"] {
  width: 100%;
  max-width: 310px;
  display: block;
  margin: 5px auto; }

#user-login .btn-facebook,
#user-login-form .btn-facebook {
  max-width: 310px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto 30px; }

#user-login .form-actions,
#user-login-form .form-actions {
  padding: 0px; }

#user-login .btn,
#user-login-form .btn {
  padding: 12px 80px;
  display: block;
  margin: 15px auto; }
  #user-login .btn.btn-facebook,
  #user-login-form .btn.btn-facebook {
    padding: 12px 15px; }

#user-login .messages,
#user-login-form .messages {
  margin-bottom: 20px; }

#user-login .pass-recover-link,
#user-login-form .pass-recover-link {
  font-size: 14px;
  color: #333;
  text-decoration: none;
  font-style: italic; }
  #user-login .pass-recover-link:hover, #user-login .pass-recover-link:active,
  #user-login-form .pass-recover-link:hover,
  #user-login-form .pass-recover-link:active {
    color: #e40f1b; }

#user-login .not-registered,
#user-login-form .not-registered {
  padding: 30px 0; }
  #user-login .not-registered p,
  #user-login-form .not-registered p {
    margin-bottom: 5px; }
  #user-login .not-registered a,
  #user-login-form .not-registered a {
    color: #e40f1b;
    border-bottom: 2px solid transparent;
    transition: border-bottom .4s;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px; }
    #user-login .not-registered a:hover,
    #user-login-form .not-registered a:hover {
      border-bottom-color: #e40f1b; }

#user-pass .form-item {
  margin-top: 0; }

#user-pass input {
  text-align: center; }
  #user-pass input.form-text {
    width: 100%; }

#user-pass .messages {
  margin-top: 30px; }

.cancel-account .form-actions .btn {
  margin-top: 20px; }

.cancel-account .form-actions .btn.submit,
.cancel-account .form-actions .btn.cancel {
  float: none;
  display: inline-block; }

.cancel-account .form-actions .btn.cancel {
  margin-left: 15px; }

/*
    Full HD Devices, Wide Screens - Large DESKTOP // 1920
*/
/*
    Very Large Devices, Wide Screens - DESKTOP // 1440
*/
/*
    Large Devices, Wide Screens - HORIZONTAL TABLET, SMALL DESKTOP // 1200
*/
/*
    Medium Devices, Desktops - TABLET VERTICAL // 992
*/
@media only screen and (max-width: 991px) {
  .account section.profile .field-city,
  .account section.profile .field-phone {
    margin-top: 0px; }
  .account section.profile .field.local .form-item {
    text-align: center;
    display: block;
    width: auto; }
  .account section.profile .field-name-field-first-name {
    padding-top: 0px; }
  .account section.yammi .field-card {
    margin: 0 auto; }
  .account section.yammi .field.local {
    text-align: center; }
    .account section.yammi .field.local .form-item .form-item {
      width: auto;
      display: block;
      text-align: center; }
      .account section.yammi .field.local .form-item .form-item + .form-item {
        margin-top: 15px; }
  .account blockquote {
    font-size: 21px;
    margin: 40px 0; }
  .account .btn.submit {
    margin-bottom: 40px; } }

/*
    Small Devices, Tablets - SMARTPHONE // 768
*/
@media only screen and (max-width: 767px) {
  .account {
    text-align: center; }
    .account .form-actions small {
      float: none; }
    .account .form-actions .btn.submit,
    .account .form-actions .btn.draft {
      float: none;
      width: 100%;
      max-width: 240px;
      margin: 0 auto 30px;
      display: block; }
    .account section.profile,
    .account section.yammi,
    .account section.categories,
    .account section.diets,
    .account section.restrictions {
      padding-bottom: 20px; }
    .account section.yammi h3 {
      font-size: 20px;
      margin-top: 30px;
      text-align: center;
      margin: 30px 0 0; }
    .account section.yammi p {
      padding: 0;
      margin: 0;
      font-size: 13px; }
    .account section.yammi .form-actions {
      margin: 20px 10px 20px;
      padding: 30px 0 0px; }
    .account section.categories a.category {
      font-size: 16px;
      width: 130px; }
    .account section.diets a.diet {
      font-size: 16px;
      width: 130px; }
    .account section.restrictions {
      padding-bottom: 20px; }
      .account section.restrictions a.restriction {
        font-size: 16px;
        width: 130px; }
    .account blockquote {
      font-size: 19px;
      margin: 30px 0; }
    .account section.recipe_edit .field label {
      font-size: 14px; }
      .account section.recipe_edit .field label:before {
        font-size: 20px; }
    .account section.recipe_edit .field.field-icon {
      padding-left: 30px; }
      .account section.recipe_edit .field.field-icon label {
        margin-left: -30px; }
    .account section.recipe_edit .field p {
      font-size: 12px; }
    .account section.edit-list ul li i, .account section.edit-list ul li p {
      font-size: 12px;
      line-height: 16px; }
    .account section.edit-list ul li i {
      width: 15px; }
    .account section.edit-list ul li p {
      padding-left: 20px;
      padding-right: 70px; }
    .account section.edit-list ul li a.up,
    .account section.edit-list ul li a.down {
      display: none; } }

/*
    Extra Small Devices, Phones - SMALL SMARTPHONE // 480
*/
@media only screen and (max-width: 479px) {
  .account section.edit-list .operations a b {
    display: none; } }

/*
    Custom, iPhone Retina
*/

/*====================================
=            DEPENDENCIES            =
====================================*/
/*
    Colors
*/
/*
    Fonts
*/
/*
    Slick
*/
/*
    Breakpoints
*/
/*
	INTERACTIONS
*/
/*
	CLEARFIX
*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/*
    ICON CONTENT VAR
*/
.slider.slider-app-yammi {
  height: auto;
  padding-bottom: 0;
  background: none; }
  .slider.slider-app-yammi .slide {
    text-align: center; }
    .slider.slider-app-yammi .slide img {
      margin: 0 auto; }

section {
  /*----------  SLIDER  ----------*/
  /*----------  FEATURES  ----------*/
  /*----------  DOWNLOAD  ----------*/ }
  section.features {
    padding: 80px 0 27px;
    text-align: center;
    background-color: #f8f8f8; }
    section.features article {
      position: relative; }
      section.features article:nth-child(even) .icon {
        left: -96px; }
        section.features article:nth-child(even) .icon:after {
          right: -49px;
          left: 0;
          transform: rotate(-123deg);
          background-image: url("/sites/all/themes/custom/assets/img/arrow-top.png"); }
      section.features article:nth-child(odd) .icon {
        right: -96px; }
      section.features article .icon {
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: -56px;
        margin-bottom: auto; }
    section.features .icon {
      position: relative;
      display: inline-block;
      width: 66px;
      height: 66px; }
      section.features .icon.person {
        background-image: url("/sites/all/themes/custom/assets/img/icon-person.png"); }
      section.features .icon.machine {
        background-image: url("/sites/all/themes/custom/assets/img/icon-machine2.png"); }
        section.features .icon.machine.vs1 {
          background-image: url("/sites/all/themes/custom/assets/img/icon-machine1.png"); }
        section.features .icon.machine.vs2 {
          background-image: url("/sites/all/themes/custom/assets/img/icon-machine2.png"); }
      section.features .icon.plate {
        background-image: url("/sites/all/themes/custom/assets/img/icon-plate.png"); }
      section.features .icon.people {
        background-image: url("/sites/all/themes/custom/assets/img/icon-people.png"); }
      section.features .icon:before {
        font-size: 30px;
        line-height: 66px; }
      section.features .icon:after {
        position: absolute;
        right: 0;
        bottom: -60px;
        left: -48px;
        display: block;
        width: 68px;
        height: 35px;
        margin-right: auto;
        margin-left: auto;
        content: '';
        transform: rotate(-57deg);
        background-image: url("/sites/all/themes/custom/assets/img/arrow-bottom.png"); }
    section.features h5 {
      margin: 0 0 3px;
      font-family: "Pacifico";
      font-size: 24px;
      font-weight: 400;
      line-height: 26px;
      text-transform: initial;
      color: #333; }
    section.features p {
      margin-bottom: 38px;
      font-family: "Open Sans";
      font-size: 18px;
      line-height: 26px;
      color: #333; }
  section.download {
    padding-top: 43px;
    padding-bottom: 52px;
    text-align: center; }
    section.download h4 {
      margin-bottom: 37px;
      font-family: "Pacifico";
      font-size: 24px;
      text-transform: initial;
      color: #e40f1b; }
    section.download a {
      display: inline-block;
      margin: 0 28px;
      font-family: "Pacifico";
      font-size: 18px;
      font-weight: 400;
      transition: .2s;
      color: #333; }
      section.download a:hover {
        text-decoration: none;
        color: #e40f1b; }
      section.download a img {
        margin-bottom: 11px; }

/*
    Full HD Devices, Wide Screens - Large DESKTOP  // 1920
*/
/*
    Very Large Devices, Wide Screens - DESKTOP  // 1440
*/
/*
    Large Devices, Wide Screens - HORIZONTAL TABLET, SMALL DESKTOP  // 1200
*/
/*
    Medium Devices, Desktops - TABLET VERTICAL  // 992
*/
@media only screen and (max-width: 991px) {
  section {
    /*----------  SLIDER  ----------*/ }
    section.slider.slider-app-yammi .slide img {
      padding: 0 15px; } }

/*
    Small Devices, Tablets - SMARTPHONE  // 768
*/
@media only screen and (max-width: 767px) {
  section {
    /*----------  FEATURES  ----------*/ }
    section.features {
      padding-top: 40px; }
      section.features article {
        padding-top: 100px;
        padding-bottom: 35px; }
        section.features article:last-child {
          padding-bottom: 0; }
        section.features article:nth-child(even) .icon {
          left: 124px; }
        section.features article:nth-child(odd) .icon {
          right: 124px; } }

/*
    Extra Small Devices, Phones - SMALL SMARTPHONE  // 480
*/
@media only screen and (max-width: 479px) {
  section {
    /*----------  FEATURES  ----------*/ }
    section.features article {
      padding-top: 90px; }
      section.features article:nth-child(even) .icon {
        left: 0; }
      section.features article:nth-child(odd) .icon {
        right: 0; }
      section.features article h5 br {
        display: none; }
    section.download br.visible-xs {
      display: none !important; }
    section.download a {
      display: block;
      margin-bottom: 25px; }
      section.download a:last-child {
        margin-bottom: 0; } }

/*
    Custom, iPhone Retina
*/

@charset "UTF-8";
/*====================================
=            DEPENDENCIES            =
====================================*/
/*
    Colors
*/
/*
    Fonts
*/
/*
    Slick
*/
/*
    Breakpoints
*/
/*
	INTERACTIONS
*/
/*
	CLEARFIX
*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/*
    ICON CONTENT VAR
*/
section.slider.slider-dicas {
  margin-bottom: 0; }
  section.slider.slider-dicas .slide.basic .slide-container .bg {
    background-image: url("../img/bg_dicas.jpg"); }

section.dicas {
  font-size: 0;
  line-height: 0;
  text-align: center; }
  section.dicas h2 {
    color: #333;
    font-size: 22px;
    line-height: 1.5;
    font-weight: 500;
    text-transform: none;
    padding: 0 20px; }
    section.dicas h2:after {
      content: '';
      height: 1px;
      width: 140px;
      background: #999;
      display: block;
      margin: 15px auto; }
  section.dicas h3 {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    text-transform: none;
    padding: 0 20px; }
  section.dicas .node ~ p {
    font-size: 16px;
    line-height: 1.5;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px; }
  section.dicas p.description {
    font-size: 16px;
    line-height: 1.5;
    padding-top: 40px;
    margin-top: 30px;
    border-top: 1px solid #d0d0d0; }
  section.dicas .content {
    padding: 60px 0; }
  section.dicas .node {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3);
    text-align: center;
    padding: 20px; }
    section.dicas .node h4 {
      color: #e40f1b;
      font-size: 46px;
      font-family: "Pacifico";
      font-weight: 400; }
    section.dicas .node p {
      color: #333;
      font-size: 16px;
      line-height: 1.5; }
      section.dicas .node p b, section.dicas .node p strong {
        font-weight: 600; }
    section.dicas .node ul li {
      color: #333;
      font-size: 16px;
      line-height: 1.5; }
  section.dicas.vertical {
    text-align: left; }
    section.dicas.vertical h2 {
      font-size: 18px;
      text-transform: uppercase;
      padding-left: 0; }
      section.dicas.vertical h2:after {
        display: none; }
    section.dicas.vertical h3 {
      font-size: 16px;
      line-height: 1.5;
      padding-left: 0;
      font-family: "Open Sans"; }
    section.dicas.vertical .node {
      display: block;
      width: auto;
      text-align: left; }
  section.dicas .panel-group {
    background: none;
    font-size: 16px;
    line-height: 1.5; }
    section.dicas .panel-group .panel {
      padding: 0;
      border: none;
      background: none; }
      section.dicas .panel-group .panel .panel-heading {
        background: none;
        padding: 15px 0;
        position: relative; }
        section.dicas .panel-group .panel .panel-heading:after {
          font-family: yammi;
          content: "";
          right: 15px;
          top: 50%;
          position: absolute;
          transform: translateY(-50%);
          font-size: 12px;
          font-weight: 400;
          transition: transform .2s ease-in-out;
          transform-origin: center 0%; }
        section.dicas .panel-group .panel .panel-heading a:hover, section.dicas .panel-group .panel .panel-heading a:active {
          text-decoration: none; }
        section.dicas .panel-group .panel .panel-heading a:focus {
          color: #333; }
        section.dicas .panel-group .panel .panel-heading.active:after {
          transform: rotate(180deg); }
        section.dicas .panel-group .panel .panel-heading.active a {
          text-decoration: none;
          color: #333; }
      section.dicas .panel-group .panel.panel-default > .panel-heading {
        background: none; }
        section.dicas .panel-group .panel.panel-default > .panel-heading + .panel-collapse > .panel-body {
          border: none; }
    section.dicas .panel-group .collapse:last-of-type {
      border-bottom: 1px solid #d0d0d0; }
    section.dicas .panel-group .collapse + .panel-heading,
    section.dicas .panel-group .collapsing + .panel-heading {
      border-top: 1px solid #d0d0d0; }
    section.dicas .panel-group .collapse .panel-body,
    section.dicas .panel-group .collapsing .panel-body {
      font-size: 16px;
      line-height: 1.5;
      color: #333;
      padding: 0 0 15px; }
      section.dicas .panel-group .collapse .panel-body p,
      section.dicas .panel-group .collapsing .panel-body p {
        font-size: 16px;
        line-height: 1.5;
        color: #333; }

section.combina {
  text-align: center;
  padding-top: 30px; }
  section.combina .container > h3 {
    color: #e40f1b;
    font-size: 30px;
    line-height: 1.5;
    font-family: "Pacifico";
    text-transform: none; }
  section.combina .container > p {
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    max-width: 540px;
    margin: 0 auto; }
  section.combina .items {
    padding: 50px 0;
    font-size: 0;
    line-height: 0; }
    section.combina .items .item {
      display: inline-block;
      vertical-align: top;
      width: 25%;
      padding: 0 15px; }
      section.combina .items .item img {
        margin: 0 auto;
        width: 113px;
        height: 113px; }
      section.combina .items .item h4 {
        font-size: 22px;
        line-height: 1;
        font-family: "Pacifico";
        text-transform: none;
        padding-top: 10px; }
      section.combina .items .item span {
        color: #e40f1b;
        font-family: "Pacifico";
        font-size: 20px;
        line-height: 1.5; }
      section.combina .items .item p {
        font-family: "Pacifico";
        color: #999;
        font-size: 16px;
        line-height: 1.5;
        padding-top: 10px; }
    section.combina .items .slick-dots {
      bottom: 0; }

/*
    Full HD Devices, Wide Screens - Large DESKTOP  // 1920
*/
/*
    Very Large Devices, Wide Screens - DESKTOP  // 1440
*/
/*
    Large Devices, Wide Screens - HORIZONTAL TABLET, SMALL DESKTOP  // 1200
*/
/*
    Medium Devices, Desktops - TABLET VERTICAL  // 992
*/
@media only screen and (max-width: 991px) {
  section.dicas .node {
    width: 50%; } }

/*
    Small Devices, Tablets - SMARTPHONE  // 768
*/
@media only screen and (max-width: 767px) {
  section.dicas.vertical h2,
  section.dicas.vertical h3 {
    padding-left: 15px;
    padding-right: 15px; }
  section.dicas .panel-group {
    font-size: 14px; }
    section.dicas .panel-group .panel .panel-heading {
      padding: 15px;
      font-size: 14px; }
      section.dicas .panel-group .panel .panel-heading:after {
        font-size: 10px; }
    section.dicas .panel-group .collapse .panel-body,
    section.dicas .panel-group .collapsing .panel-body {
      padding: 0 15px 15px;
      font-size: 14px; }
      section.dicas .panel-group .collapse .panel-body p,
      section.dicas .panel-group .collapsing .panel-body p {
        font-size: 14px; } }

/*
    Extra Small Devices, Phones - SMALL SMARTPHONE  // 480
*/
@media only screen and (max-width: 479px) {
  section.dicas .node {
    width: 100%; } }

/*
    Custom, iPhone Retina
*/

@charset "UTF-8";
/*====================================
=            DEPENDENCIES            =
====================================*/
/*
    Colors
*/
/*
    Fonts
*/
/*
    Slick
*/
/*
    Breakpoints
*/
/*
	INTERACTIONS
*/
/*
	CLEARFIX
*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/*
    ICON CONTENT VAR
*/
section.faqs .faq-title {
  background-color: #f8f8f8; }
  section.faqs .faq-title h3 {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 20px; }

section.faqs h4 {
  font-family: "Open Sans";
  font-size: 16px;
  text-transform: none; }
  section.faqs h4 a {
    color: #333;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    display: block;
    transition: color .4s, border-bottom .4s;
    line-height: 18px;
    padding-top: 21px;
    padding-bottom: 21px; }
    section.faqs h4 a:hover, section.faqs h4 a:active {
      color: #e40f1b; }
    section.faqs h4 a.collapsed {
      font-weight: 400;
      border-bottom: 1px solid #d0d0d0; }

section.faqs .videoIframe {
  margin: 15px 0; }

section.faqs .panel-body {
  padding: 0;
  font-weight: 400;
  font-family: "Open Sans"; }

section.faqs .field-collection-view-links {
  list-style: none;
  padding: 15px 0;
  margin: 0; }
  section.faqs .field-collection-view-links li {
    list-style: none; }
    section.faqs .field-collection-view-links li a {
      color: #e40f1b;
      text-decoration: none; }
      section.faqs .field-collection-view-links li a:hover, section.faqs .field-collection-view-links li a:active {
        text-decoration: underline; }

section.faqs .panel-default {
  border: none;
  box-shadow: none; }
  section.faqs .panel-default > .panel-heading {
    background-color: transparent;
    background: none;
    padding: 0;
    padding-top: 0;
    position: relative; }
    section.faqs .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top: none; }
    section.faqs .panel-default > .panel-heading:after {
      font-family: yammi;
      content: "";
      right: 15px;
      top: 50%;
      position: absolute;
      transform: translateY(-50%);
      font-size: 12px;
      font-weight: 400;
      transition: transform .2s ease-in-out;
      transform-origin: center 0%; }
    section.faqs .panel-default > .panel-heading.active:after {
      transform: rotate(180deg); }
  section.faqs .panel-default .panel-collapse a {
    color: #e40f1b;
    text-decoration: none; }
    section.faqs .panel-default .panel-collapse a:hover, section.faqs .panel-default .panel-collapse a:active {
      text-decoration: underline; }

section.faqs .faq-content {
  padding-top: 15px;
  padding-bottom: 45px; }
  section.faqs .faq-content p {
    padding: 0;
    margin: 0; }
  section.faqs .faq-content ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    section.faqs .faq-content ul li {
      list-style: none;
      padding: 10px 0;
      padding-right: 30px;
      margin: 0;
      position: relative;
      font-size: 16px; }
    section.faqs .faq-content ul a, section.faqs .faq-content ul tel {
      color: #333;
      text-decoration: none;
      cursor: pointer; }
      section.faqs .faq-content ul a:hover, section.faqs .faq-content ul a:active, section.faqs .faq-content ul tel:hover, section.faqs .faq-content ul tel:active {
        color: #e40f1b; }
  section.faqs .faq-content.manuais ul .file-size,
  section.faqs .faq-content.manuais ul .file-icon {
    display: none; }
  section.faqs .faq-content.manuais ul a {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
    line-height: 0;
    color: #333;
    text-decoration: none; }
    section.faqs .faq-content.manuais ul a:before {
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      font-family: 'yammi';
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      line-height: 37px;
      font-size: 22px;
      content: ""; }
    section.faqs .faq-content.manuais ul a:hover, section.faqs .faq-content.manuais ul a:active {
      color: #e40f1b; }

@charset "UTF-8";
/*====================================
=            DEPENDENCIES            =
====================================*/
/*
    Colors
*/
/*
    Fonts
*/
/*
    Slick
*/
/*
    Breakpoints
*/
/*
	INTERACTIONS
*/
/*
	CLEARFIX
*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/*
    ICON CONTENT VAR
*/
/*====================================
=            DEPENDENCIES            =
====================================*/
/*
    Colors
*/
/*
    Fonts
*/
/*
    Slick
*/
/*
    Breakpoints
*/
/*
	INTERACTIONS
*/
/*
	CLEARFIX
*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/*
    ICON CONTENT VAR
*/
section.workshop .workshop-item {
  display: none; }
  section.workshop .workshop-item.active {
    display: block; }

section.workshop p {
  font-weight: 400;
  max-width: 550px;
  margin: 0 auto 30px;
  line-height: 25px;
  font-size: 16px;
  font-family: "Open Sans"; }

section.workshop .claim {
  margin: 50px 0;
  max-width: 680px; }

section.workshop figure {
  position: relative;
  top: 30px; }
  section.workshop figure img {
    max-width: 100%;
    height: auto; }

section.workshop .signup {
  text-align: left; }
  section.workshop .signup ul.stores {
    list-style: none;
    margin: 0;
    margin-top: 20px;
    padding: 0;
    font-size: 20px;
    line-height: 20px; }
    section.workshop .signup ul.stores li {
      display: inline-block;
      vertical-align: bottom;
      position: relative; }
      section.workshop .signup ul.stores li a {
        color: #b7b7b7;
        text-decoration: none;
        font-weight: 700; }
        section.workshop .signup ul.stores li a:hover, section.workshop .signup ul.stores li a:active {
          color: #e40f1b; }
      section.workshop .signup ul.stores li.active a {
        color: #333;
        text-transform: uppercase; }
      section.workshop .signup ul.stores li + li {
        padding-left: 20px; }
        section.workshop .signup ul.stores li + li :before {
          content: '|';
          position: absolute;
          font-size: 15px;
          display: inline-block;
          color: #333;
          left: 3px;
          top: 0px; }
  section.workshop .signup .session {
    margin: 20px 0;
    display: none; }
    section.workshop .signup .session h4 {
      font-size: 20px;
      text-transform: none; }
    section.workshop .signup .session .date {
      font-size: 15px;
      margin: 20px 0 0;
      font-weight: 400;
      line-height: 20px; }
    section.workshop .signup .session.active {
      display: block; }
  section.workshop .signup a.calendario {
    font-size: 20px;
    line-height: 26px;
    font-family: "Pacifico";
    color: #111;
    text-decoration: none;
    vertical-align: bottom; }
    section.workshop .signup a.calendario:before {
      font-size: 26px;
      line-height: 26px;
      font-family: yammi;
      color: #e40f1b;
      margin-right: 7px;
      vertical-align: bottom; }
    section.workshop .signup a.calendario:hover, section.workshop .signup a.calendario:active {
      color: #e40f1b; }
  section.workshop .signup form {
    text-align: center;
    padding-top: 30px; }
    section.workshop .signup form input[type="text"] {
      width: 100%;
      text-align: center; }
      section.workshop .signup form input[type="text"] + input[type="text"] {
        margin-top: 10px; }
    section.workshop .signup form .form-actions {
      position: relative;
      margin-top: 40px;
      left: -50%;
      text-align: left;
      margin-left: auto;
      margin-right: auto;
      width: 220px;
      white-space: nowrap; }
      section.workshop .signup form .form-actions .form-submit {
        display: inline-block;
        vertical-align: middle; }
      section.workshop .signup form .form-actions input[type='submit'] {
        display: inline-block;
        width: 100%; }
    section.workshop .signup form .ajax-progress {
      right: -30px;
      width: 24px;
      height: 24px; }
      section.workshop .signup form .ajax-progress .throbber {
        background-size: 24px 24px;
        width: 24px;
        height: 24px; }

section.workshop .workshopcal {
  display: none; }
  section.workshop .workshopcal h5 {
    color: #e40f1b;
    font-family: "Pacifico";
    font-size: 22px;
    font-weight: 400;
    text-transform: lowercase;
    margin-bottom: 20px; }
  section.workshop .workshopcal .dates {
    /* background: $grey-lightness; */
    padding: 30px 0;
    margin: 0 95px; }
    section.workshop .workshopcal .dates .node-workshop {
      padding: 0 30px;
      float: left;
      position: relative;
      padding: 5px 30px; }
      section.workshop .workshopcal .dates .node-workshop h6 {
        display: none; }
      section.workshop .workshopcal .dates .node-workshop .session {
        text-align: left;
        position: relative;
        padding-left: 80px; }
        section.workshop .workshopcal .dates .node-workshop .session:before {
          content: "";
          font-family: yammi;
          color: #e40f1b;
          font-size: 18px;
          position: absolute;
          top: 5px;
          left: 0px; }
        section.workshop .workshopcal .dates .node-workshop .session + .session {
          margin-top: 20px; }
      section.workshop .workshopcal .dates .node-workshop .cal {
        display: inline-block;
        width: 30px;
        height: 30px;
        position: absolute;
        font-size: 30px;
        margin: 0px 13px;
        text-align: center;
        top: -3px;
        left: 18px; }
        section.workshop .workshopcal .dates .node-workshop .cal .day {
          position: absolute;
          font-family: "Open Sans";
          left: 0;
          top: 12px;
          color: #e40f1b;
          font-weight: 700;
          font-size: 15px;
          width: 100%; }
        section.workshop .workshopcal .dates .node-workshop .cal .month {
          position: absolute;
          font-family: "Open Sans";
          left: 0;
          top: 100%;
          margin-top: 2px;
          font-size: 9px;
          color: #333;
          width: 100%; }
      section.workshop .workshopcal .dates .node-workshop .info {
        display: inline-block; }
      section.workshop .workshopcal .dates .node-workshop a.session-title {
        font-size: 15px;
        line-height: 1;
        color: #333;
        font-weight: 700;
        text-decoration: none; }
        section.workshop .workshopcal .dates .node-workshop a.session-title:hover, section.workshop .workshopcal .dates .node-workshop a.session-title:active {
          color: #e40f1b; }
      section.workshop .workshopcal .dates .node-workshop p.session-date {
        font-family: "Open Sans";
        font-size: 15px;
        line-height: 1;
        color: #333;
        font-weight: 400;
        margin: 0;
        padding: 0; }
    section.workshop .workshopcal .dates .slick-prev,
    section.workshop .workshopcal .dates .slick-next {
      width: 30px;
      height: 30px; }
      section.workshop .workshopcal .dates .slick-prev:before,
      section.workshop .workshopcal .dates .slick-next:before {
        color: #333;
        font-size: 30px;
        font-family: yammi; }
      section.workshop .workshopcal .dates .slick-prev:hover:before, section.workshop .workshopcal .dates .slick-prev:active:before,
      section.workshop .workshopcal .dates .slick-next:hover:before,
      section.workshop .workshopcal .dates .slick-next:active:before {
        color: #e40f1b; }
    section.workshop .workshopcal .dates .slick-disabled {
      pointer-events: none; }
    section.workshop .workshopcal .dates .slick-prev {
      left: -50px; }
      section.workshop .workshopcal .dates .slick-prev:before {
        content: ""; }
    section.workshop .workshopcal .dates .slick-next {
      right: -50px; }
      section.workshop .workshopcal .dates .slick-next:before {
        content: ""; }
  section.workshop .workshopcal a.goback {
    margin-top: 30px; }

section.workshop.alt .form-workshop-signup {
  display: none; }

section.workshop.alt .workshopcal {
  display: block; }

/*
    Full HD Devices, Wide Screens - Large DESKTOP // 1920
*/
/*
    Very Large Devices, Wide Screens - DESKTOP // 1440
*/
/*
    Large Devices, Wide Screens - HORIZONTAL TABLET, SMALL DESKTOP // 1200
*/
@media only screen and (max-width: 1199px) {
  section.workshop .signup a.calendario {
    font-size: 16px; } }

/*
    Medium Devices, Desktops - TABLET VERTICAL // 992
*/
@media only screen and (max-width: 991px) {
  section.workshop .claim {
    display: block;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto; } }

/*
    Small Devices, Tablets - SMARTPHONE // 768
*/
@media only screen and (max-width: 767px) {
  section.workshop .signup form .form-actions {
    display: block;
    text-align: center;
    left: 0;
    margin-top: 30px;
    margin-left: 0px;
    width: auto; }
    section.workshop .signup form .form-actions input[type='submit'] {
      padding-left: 50px;
      padding-right: 50px;
      width: auto; }
  section.workshop .workshopcal .dates {
    margin: 0 45px; }
  section.workshop .claim {
    display: block; } }

/*
    Extra Small Devices, Phones - SMALL SMARTPHONE // 480
*/
@media only screen and (max-width: 479px) {
  section.workshop .bannerfixed .left {
    padding: 0; }
  section.workshop .bannerfixed .right {
    padding-left: 0;
    padding-right: 0; }
  section.workshop .workshopcal .dates {
    margin: 0 30px; }
    section.workshop .workshopcal .dates .slick-prev {
      left: -40px; }
    section.workshop .workshopcal .dates .slick-next {
      right: -40px; }
    section.workshop .workshopcal .dates .slick-prev:before,
    section.workshop .workshopcal .dates .slick-next:before {
      font-size: 20px; } }

/*
    Custom, iPhone Retina
*/
/*
    BODY
*/
/*
    Full HD Devices, Wide Screens - Large DESKTOP
*/
/*
    Very Large Devices, Wide Screens - DESKTOP
*/
/*
    Large Devices, Wide Screens - HORIZONTAL TABLET, SMALL DESKTOP
*/
/*
    Medium Devices, Desktops - TABLET VERTICAL
*/
/*
    Small Devices, Tablets - SMARTPHONE
*/
/*
    Extra Small Devices, Phones - SMALL SMARTPHONE
*/
/*
    Custom, iPhone Retina
*/
/*
    SECTION
*/
section.slider {
  font-size: 0;
  line-height: 0;
  position: relative;
  white-space: nowrap;
  text-align: center;
  margin-bottom: 120px;
  background: #f4f4f4; }
  section.slider,
  section.slider .slide .slide-container {
    height: 0;
    padding-bottom: 37.5%; }
  section.slider .slide {
    position: relative;
    vertical-align: top;
    display: inline-block;
    opacity: 0;
    transition: opacity 2s ease-out;
    height: 100%;
    /*
            SLIDE VIDEO
        */
    /*
            SLIDE CATEGORY
        */
    /*
            SLIDE REGISTAR
        */
    /*
            SLIDE BASIC
        */ }
    section.slider .slide .over-link {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 5;
      display: block; }
    section.slider .slide .slide-container {
      position: relative;
      height: 0;
      padding-bottom: 37.5%;
      background-color: #333;
      background-position: center center;
      background-size: cover; }
      section.slider .slide .slide-container .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-position: center center;
        background-size: cover;
        opacity: .65; }
    section.slider .slide .claim {
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      display: block;
      vertical-align: middle;
      white-space: nowrap; }
      section.slider .slide .claim:before {
        content: '';
        display: inline-block;
        height: 100%;
        width: 0;
        vertical-align: middle; }
    section.slider .slide .claim-content {
      width: 100%;
      display: inline-block;
      vertical-align: middle;
      white-space: normal;
      padding: 0 7%;
      position: relative; }
    section.slider .slide img {
      height: auto;
      max-width: 100%; }
    section.slider .slide h1 {
      color: #fa2c38;
      margin-top: 0;
      font-size: 60px;
      text-transform: uppercase; }
    section.slider .slide p {
      font-size: 20px;
      color: #fff;
      line-height: 1.4; }
    section.slider .slide.video .slide-container {
      transition: opacity .5s; }
    section.slider .slide.video .player-container {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      display: none; }
      section.slider .slide.video .player-container .player {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }
      section.slider .slide.video .player-container a.close {
        background: #e40f1b;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        text-align: center;
        position: absolute;
        right: 30px;
        top: 30px;
        z-index: 999;
        opacity: 1;
        border: 2px solid #e40f1b;
        transition: background .4s, transform .4s ease-out;
        text-shadow: none; }
        section.slider .slide.video .player-container a.close:before {
          color: #fff;
          font-size: 16px;
          line-height: 36px;
          transition: color .4s;
          font-weight: 900; }
        section.slider .slide.video .player-container a.close:hover, section.slider .slide.video .player-container a.close:active {
          background: transparent; }
          section.slider .slide.video .player-container a.close:hover:before, section.slider .slide.video .player-container a.close:active:before {
            color: #e40f1b; }
        section.slider .slide.video .player-container a.close:active {
          transform: scale(0.95, 0.95); }
    section.slider .slide.video.playing .slide-container {
      opacity: 0; }
    section.slider .slide.video.playing .player-container {
      opacity: 1; }
    section.slider .slide.video p {
      color: #fff;
      line-height: 1.1em;
      font-size: 20px;
      text-transform: uppercase; }
    section.slider .slide.video .calltoaction {
      width: 80px;
      height: 80px;
      color: #fff;
      margin-top: 60px;
      font-size: 34px;
      text-indent: 7px;
      line-height: 68px;
      text-align: center;
      border-radius: 100%;
      display: inline-block;
      text-decoration: none;
      border: 6px solid #fff;
      transition: color .4s, border-color .4s, transform .2s; }
      section.slider .slide.video .calltoaction:hover, section.slider .slide.video .calltoaction:active {
        color: #e40f1b;
        border-color: #e40f1b; }
      section.slider .slide.video .calltoaction:active {
        transform: scale(0.95); }
    section.slider .slide.category .claim {
      width: 100%;
      height: 50%;
      margin: auto;
      white-space: normal;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
    section.slider .slide.category .tipo-icon {
      width: 90px;
      height: 90px;
      display: inline-block;
      margin: 30px 60px;
      font-size: 90px;
      color: #fff; }
    section.slider .slide.category p {
      color: #fff;
      line-height: 1;
      font-size: 20px;
      text-transform: uppercase; }
    section.slider .slide.category .calltoaction {
      width: 80px;
      height: 80px;
      color: #fff;
      margin-top: 60px;
      font-size: 34px;
      text-indent: 7px;
      line-height: 68px;
      text-align: center;
      border-radius: 100%;
      display: inline-block;
      text-decoration: none;
      border: 6px solid #fff; }
    section.slider .slide.textright .bg {
      opacity: 1; }
    section.slider .slide.textright .claim {
      width: 50%;
      height: 70%;
      margin: auto;
      padding-left: 100px;
      text-align: left;
      white-space: normal;
      top: 0;
      left: 50%;
      bottom: 0;
      right: 0; }
    section.slider .slide.textright p {
      color: #111;
      line-height: 1;
      font-size: 20px;
      text-transform: uppercase; }
    section.slider .slide.textright .calltoaction {
      margin-top: 50px; }
    section.slider .slide.basic .slide-container .bg {
      background-position: center center;
      background-size: cover;
      opacity: .5; }
    section.slider .slide.basic .claim {
      height: auto;
      max-width: 1140px;
      margin-left: auto;
      margin-right: auto;
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    section.slider .slide.basic h1 {
      font-size: 40px;
      color: white;
      font-weight: 500;
      line-height: 1;
      letter-spacing: -0.4px; }
    section.slider .slide.basic p {
      font-family: "Pacifico";
      font-weight: 400;
      font-size: 32px;
      line-height: 1;
      border-top: 2px solid white;
      padding: 15px 30px 0;
      display: inline-block;
      text-transform: none;
      margin-top: 15px; }
    section.slider .slide.basic .tipo-icon {
      width: 77px;
      height: 77px;
      font-size: 77px;
      color: white;
      margin: 20px;
      display: inline-block; }
    section.slider .slide.default .btn {
      margin-top: 20px; }
    section.slider .slide.default p {
      text-transform: uppercase; }
  section.slider.active .slide {
    opacity: 1; }

/*
    Full HD Devices, Wide Screens - Large DESKTOP
*/
/*
    Very Large Devices, Wide Screens - DESKTOP
*/
@media only screen and (max-width: 1439px) {
  section.slider .slide.category .tipo-icon {
    width: 60px;
    height: 60px;
    font-size: 60px; } }

/*
    Large Devices, Wide Screens - HORIZONTAL TABLET, SMALL DESKTOP
*/
@media only screen and (max-width: 1199px) {
  section.slider,
  section.slider .slide .slide-container {
    height: 0;
    padding-bottom: 45%; }
  section.slider .slide h1 {
    margin-top: 0;
    font-size: 50px; }
  section.slider .slide.category .tipo-icon {
    width: 70px;
    height: 70px;
    font-size: 70px; } }

/*
    Medium Devices, Desktops - TABLET VERTICAL
*/
@media only screen and (max-width: 991px) {
  section.slider {
    margin-bottom: 80px; }
    section.slider,
    section.slider .slide .slide-container {
      height: 0;
      padding-bottom: 55%; }
    section.slider .slide {
      /*
	            SLIDE REGISTAR
	        */ }
      section.slider .slide h1 {
        margin-top: 0;
        font-size: 45px; }
      section.slider .slide p {
        font-size: 14px; }
      section.slider .slide.category .tipo-icon {
        width: 55px;
        height: 55px;
        margin-bottom: 15px;
        margin-top: 15px;
        font-size: 55px; }
      section.slider .slide.basic .claim {
        max-width: 80%; }
      section.slider .slide.basic h1 {
        font-size: 35px; }
      section.slider .slide.basic p {
        font-size: 28px; }
      section.slider .slide.basic .tipo-icon {
        width: 70px;
        height: 70px;
        font-size: 70px; }
      section.slider .slide.textright .claim {
        width: 100%;
        height: auto;
        padding: 0 60px;
        text-align: center;
        left: 0;
        background: rgba(255, 255, 255, 0.5); }
      section.slider .slide.textright .calltoaction {
        margin-top: 30px; } }

/*
    Small Devices, Tablets - SMARTPHONE
*/
@media only screen and (max-width: 767px) {
  section.slider,
  section.slider .slide .slide-container {
    height: 0;
    padding-bottom: 75%; }
  section.slider .slide {
    /*
	            SLIDE VIDEO
	        */
    /*
	            SLIDE REGISTAR
	        */ }
    section.slider .slide h1 {
      margin-top: 0;
      font-size: 36px; }
    section.slider .slide p {
      font-size: 12px; }
    section.slider .slide.category .tipo-icon {
      width: 40px;
      height: 40px;
      font-size: 40px;
      margin-bottom: 15px;
      margin-top: 15px; }
    section.slider .slide.basic .claim {
      max-width: 80%; }
    section.slider .slide.basic h1 {
      font-size: 30px; }
    section.slider .slide.basic p {
      font-size: 22px; }
    section.slider .slide.basic .tipo-icon {
      width: 60px;
      height: 60px;
      font-size: 60px; }
    section.slider .slide.video .calltoaction {
      width: 55px;
      height: 55px;
      margin-top: 40px;
      border-width: 4px;
      font-size: 25px;
      line-height: 47px; }
      section.slider .slide.video .calltoaction p {
        font-size: 14px; }
    section.slider .slide.textright .claim {
      padding: 0 30px; }
    section.slider .slide.textright .calltoaction {
      margin-top: 20px; } }

/*
    Extra Small Devices, Phones - SMALL SMARTPHONE
*/
@media only screen and (max-width: 479px) {
  section.slider,
  section.slider .slide .slide-container {
    height: 0;
    padding-bottom: 90%; }
  section.slider .slide {
    /*
	            SLIDE REGISTAR
	        */ }
    section.slider .slide h1 {
      margin-top: 0;
      font-size: 28px; }
    section.slider .slide p {
      font-size: 12px; }
    section.slider .slide.video .calltoaction {
      width: 48px;
      height: 48px;
      margin-top: 25px;
      border-width: 3px;
      font-size: 20px;
      line-height: 42px; }
    section.slider .slide.video p {
      font-size: 12px; }
    section.slider .slide.basic .claim {
      max-width: 80%; }
    section.slider .slide.basic h1 {
      font-size: 28px; }
    section.slider .slide.basic p {
      font-size: 20px; }
    section.slider .slide.basic .tipo-icon {
      width: 55px;
      height: 55px;
      font-size: 55px; }
    section.slider .slide.textright .claim {
      padding: 0 20px; }
    section.slider .slide.textright .calltoaction {
      margin-top: 20px; } }

/*
    Custom, iPhone Retina
*/
@media only screen and (max-width: 320px) {
  section.slider,
  section.slider .slide .slide-container {
    height: 0;
    padding-bottom: 100%; }
  section.slider.basic .claim {
    max-width: 90%; }
  section.slider.basic h1 {
    font-size: 24px; }
  section.slider.basic p {
    font-size: 18px; }
  section.slider.basic .tipo-icon {
    width: 55px;
    height: 55px;
    font-size: 55px; } }

/*
    SECTION
*/
.bannerfixed {
  padding-top: 30px;
  background: #f8f8f8;
  max-height: 350px;
  margin-bottom: 20px; }
  .bannerfixed .left {
    text-align: right;
    position: relative;
    padding-left: 60px; }
    .bannerfixed .left .figure {
      position: relative;
      height: 135%;
      display: inline-block; }
      .bannerfixed .left .figure img {
        height: auto;
        max-width: 100%; }
  .bannerfixed .price {
    left: -44px;
    top: -70px;
    width: 160px;
    height: 160px;
    color: #fff;
    display: block;
    font-size: 24px;
    padding-top: 25px;
    position: absolute;
    text-align: center;
    border-radius: 100%;
    background: rgba(228, 15, 27, 0.9); }
    .bannerfixed .price em, .bannerfixed .price i {
      font-style: normal;
      padding: 0 10px 10px;
      border-bottom: 2px solid #fff; }
    .bannerfixed .price .value {
      display: block;
      margin-top: 10px; }
    .bannerfixed .price sub {
      line-height: 0;
      font-size: 37px;
      vertical-align: text-bottom; }
    .bannerfixed .price strong {
      font-size: 47px;
      vertical-align: top; }
  .bannerfixed .right {
    z-index: 0;
    padding-top: 30px;
    text-align: left; }
  .bannerfixed .claim {
    max-width: 460px;
    text-align: center; }
  .bannerfixed h2 {
    margin: 0;
    font-size: 22px;
    text-transform: uppercase; }
  .bannerfixed hr {
    max-width: 140px;
    margin: 20px auto;
    border-top: 2px solid #999; }
  .bannerfixed p {
    font-size: 20px;
    line-height: 1; }
  .bannerfixed .brands {
    margin-top: 20px; }
  .bannerfixed .continente {
    top: -6px;
    line-height: 0;
    /*        margin-right: 30px;*/
    position: relative; }
    .bannerfixed .continente img {
      height: auto;
      max-width: 180px; }
  .bannerfixed .worten {
    margin-left: 30px; }
    .bannerfixed .worten img {
      height: auto;
      line-height: 0;
      max-width: 177px; }

.workshop .bannerfixed {
  max-height: none; }

/*
    Full HD Devices, Wide Screens - Large DESKTOP
*/
/*
    Very Large Devices, Wide Screens - DESKTOP
*/
/*
    Large Devices, Wide Screens - HORIZONTAL TABLET, SMALL DESKTOP
*/
/*
    Medium Devices, Desktops - TABLET VERTICAL
*/
@media only screen and (max-width: 991px) {
  .bannerfixed {
    padding: 30px 20px;
    max-height: none;
    margin-bottom: 0px;
    background: linear-gradient(#f8f8f8, #fff);
    text-align: center; }
    .bannerfixed .left {
      text-align: center;
      max-width: 600px;
      display: inline-block;
      padding-left: 0px; }
      .bannerfixed .left figure {
        height: 100%; }
    .bannerfixed .price {
      left: -44px;
      top: -70px;
      transform: scale(0.75, 0.75); }
    .bannerfixed .claim {
      display: inline-block;
      margin-bottom: 0; }
    .bannerfixed h2 {
      font-size: 20px; }
    .bannerfixed p {
      font-size: 18px; }
    .bannerfixed .right {
      z-index: 0;
      padding-top: 30px;
      text-align: center; }
    .bannerfixed .brands {
      margin-top: 20px; }
    .bannerfixed .continente {
      top: -6px;
      line-height: 0;
      margin-right: 30px;
      position: relative; }
      .bannerfixed .continente img {
        height: auto;
        max-width: 180px; }
    .bannerfixed .worten img {
      height: auto;
      line-height: 0;
      max-width: 177px; } }

/*
    Small Devices, Tablets - SMARTPHONE
*/
@media only screen and (max-width: 767px) {
  .bannerfixed .price {
    transform: scale(0.7, 0.7); }
  .bannerfixed h2 {
    font-size: 17px; }
  .bannerfixed p {
    font-size: 14px; } }

/*
    Extra Small Devices, Phones - SMALL SMARTPHONE
*/
@media only screen and (max-width: 479px) {
  .bannerfixed .price {
    top: -80px;
    transform: scale(0.5, 0.5); }
  .bannerfixed .continente {
    top: -4px;
    line-height: 0;
    margin-right: 15px;
    position: relative; }
    .bannerfixed .continente img {
      height: auto;
      max-width: 120px; }
  .bannerfixed .worten img {
    height: auto;
    line-height: 0;
    max-width: 110px; } }

/*
    Custom, iPhone Retina
*/
/*
    SECTION
*/
section.community {
  /*
		For IE 6/7 only
		Include this rule to trigger hasLayout and contain floats.
	*/
  *zoom: 1;
  padding: 0; }
  section.community:after, section.community:before {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  section.community:after {
    clear: both; }
  section.community .left {
    padding: 0; }
    section.community .left .left {
      padding: 0; }
      section.community .left .left img {
        width: 100%;
        height: auto; }
    section.community .left .right {
      top: 0;
      right: 0;
      bottom: 0;
      padding: 0;
      text-align: center;
      position: absolute;
      background: #f1f1f1;
      /*
                ICON
            */ }
      section.community .left .right article {
        top: 0;
        left: 0;
        right: 0;
        bottom: 50%;
        position: absolute; }
        section.community .left .right article .data {
          top: -30px;
          left: 0;
          right: 0;
          bottom: 0;
          height: 50%;
          margin: auto;
          position: absolute; }
      section.community .left .right article + article {
        top: 50%;
        bottom: 0; }
      section.community .left .right [class^="i-"], section.community .left .right [class*=" i-"] {
        color: #e40f1b;
        display: block;
        line-height: 1;
        font-size: 60px;
        margin-bottom: 30px; }
      section.community .left .right .under {
        margin-top: 0;
        margin-bottom: 15px; }
        section.community .left .right .under:after {
          margin-top: 15px;
          border-color: #999; }
      section.community .left .right p {
        font-size: 16px;
        font-weight: 600;
        font-style: italic;
        color: #555;
        font-family: "Open Sans"; }
      section.community .left .right article.pleaseregister {
        white-space: nowrap;
        height: 100%; }
        section.community .left .right article.pleaseregister:before {
          content: '';
          display: inline-block;
          height: 100%;
          vertical-align: middle;
          width: 0; }
        section.community .left .right article.pleaseregister .centered {
          white-space: normal;
          display: inline-block;
          vertical-align: middle; }
        section.community .left .right article.pleaseregister .btn {
          margin-top: 40px; }
  section.community .right {
    padding: 0; }
    section.community .right article {
      padding: 0; }
    section.community .right .body .cell .info .tipo-icon {
      width: 50px;
      height: 50px;
      font-size: 50px;
      margin-bottom: 20px; }
    section.community .right .body .info img {
      max-width: 50px;
      margin-bottom: 10px; }
    section.community .right a {
      color: #fff; }
    section.community .right h5 {
      font-size: 19px;
      margin-bottom: 8px; }
      section.community .right h5:after {
        margin: 12px auto 0; }
    section.community .right p {
      color: #fff;
      margin: 0 auto;
      max-width: 180px;
      font-size: 20px;
      font-family: "Pacifico";
      line-height: 1; }
    section.community .right .under:after {
      max-width: 70px;
      border-color: #fff; }
  section.community .data a {
    text-decoration: none;
    transition: transform .4s ease-out, color .4s ease-out;
    display: inline-block; }
    section.community .data a:hover {
      transform: scale(1.05); }
  section.community .data h5 a {
    color: #333; }
    section.community .data h5 a:hover {
      color: #e40f1b; }
  section.community .data p a {
    color: #555; }
    section.community .data p a:hover {
      color: #e40f1b; }

/*
    Full HD Devices, Wide Screens - Large DESKTOP
*/
/*
    Very Large Devices, Wide Screens - DESKTOP
*/
/*
    Large Devices, Wide Screens - HORIZONTAL TABLET, SMALL DESKTOP
*/
/*
    Medium Devices, Desktops - TABLET VERTICAL
*/
@media only screen and (max-width: 991px) {
  section.community .left .right {
    position: relative;
    bottom: auto;
    right: auto;
    /*
	                ICON
	            */ }
    section.community .left .right article {
      width: 50%;
      float: left;
      right: auto;
      bottom: auto;
      position: relative; }
      section.community .left .right article .data {
        top: 0px;
        left: 0;
        right: auto;
        bottom: auto;
        height: auto;
        margin: 30px 0;
        position: relative; }
    section.community .left .right article + article {
      top: 0;
      bottom: auto; }
    section.community .left .right article.pleaseregister {
      width: 100%; }
      section.community .left .right article.pleaseregister i,
      section.community .left .right article.pleaseregister .info,
      section.community .left .right article.pleaseregister .btn {
        display: inline-block;
        vertical-align: middle; }
      section.community .left .right article.pleaseregister .info {
        padding: 50px; }
      section.community .left .right article.pleaseregister .btn {
        margin-top: 0px; }
    section.community .left .right [class^="i-"], section.community .left .right [class*=" i-"] {
      color: #e40f1b;
      display: block;
      line-height: 1;
      font-size: 60px;
      margin-bottom: 30px; }
    section.community .left .right .under {
      margin-top: 0;
      margin-bottom: 15px; }
      section.community .left .right .under:after {
        margin-top: 15px;
        border-color: #999; }
    section.community .left .right p {
      font-size: 18px;
      font-weight: 600;
      font-style: italic;
      color: #555;
      font-family: "Open Sans"; }
  section.community .right {
    padding: 0; }
    section.community .right article {
      padding: 0; }
    section.community .right .body .info img {
      width: 60px;
      max-width: 60px;
      margin-bottom: 10px; }
    section.community .right a {
      color: #fff; }
    section.community .right h5 {
      font-size: 26px;
      margin-bottom: 8px; }
      section.community .right h5:after {
        margin: 12px auto 0; }
    section.community .right p {
      max-width: 220px;
      font-size: 24px; }
    section.community .right .under:after {
      max-width: 70px;
      border-color: #fff; } }

/*
    Small Devices, Tablets - SMARTPHONE
*/
@media only screen and (max-width: 767px) {
  section.community .left .right {
    /*
	                ICON
	            */ }
    section.community .left .right article .data {
      margin: 25px 0;
      position: relative; }
    section.community .left .right article.pleaseregister {
      width: 100%;
      padding: 30px 0; }
      section.community .left .right article.pleaseregister i,
      section.community .left .right article.pleaseregister .info,
      section.community .left .right article.pleaseregister .btn {
        display: block;
        vertical-align: middle; }
      section.community .left .right article.pleaseregister .info {
        padding: 15px; }
      section.community .left .right article.pleaseregister .btn {
        margin-top: 0px; }
    section.community .left .right [class^="i-"], section.community .left .right [class*=" i-"] {
      font-size: 60px;
      margin-bottom: 25px; }
    section.community .left .right .under {
      margin-bottom: 15px; }
      section.community .left .right .under:after {
        margin-top: 14px; }
    section.community .left .right p {
      font-size: 17px; }
  section.community .right .body .info img {
    width: 55px; }
  section.community .right a {
    color: #fff; }
  section.community .right h5 {
    font-size: 22px;
    margin-bottom: 8px; }
    section.community .right h5:after {
      margin: 12px auto 0; }
  section.community .right p {
    font-size: 18px; } }

/*
    Extra Small Devices, Phones - SMALL SMARTPHONE
*/
@media only screen and (max-width: 479px) {
  section.community .left .right {
    /*
	                ICON
	            */ }
    section.community .left .right article .data {
      margin: 22px 0;
      position: relative; }
    section.community .left .right [class^="i-"], section.community .left .right [class*=" i-"] {
      font-size: 60px;
      margin-bottom: 22px; }
    section.community .left .right .under {
      margin-bottom: 15px; }
      section.community .left .right .under:after {
        margin-top: 12px; }
    section.community .left .right p {
      font-size: 16px; }
  section.community .right .body .info img {
    width: 55px; }
  section.community .right a {
    color: #fff; }
  section.community .right h5 {
    font-size: 20px;
    margin-bottom: 8px; }
    section.community .right h5:after {
      margin: 12px auto 0; }
  section.community .right p {
    font-size: 18px; } }

/*
    Custom, iPhone Retina
*/

@charset "UTF-8";
/*====================================
=            DEPENDENCIES            =
====================================*/
/*
    Colors
*/
/*
    Fonts
*/
/*
    Slick
*/
/*
    Breakpoints
*/
/*
	INTERACTIONS
*/
/*
	CLEARFIX
*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/*
    ICON CONTENT VAR
*/
/*============================
=            BODY            =
============================*/
section.slider-3d {
  background: url("/sites/all/themes/custom/assets/img/dummy/maquinas-acessorios/bkg-maquina.jpg") center top no-repeat;
  background-size: cover;
  /* 28-10-2016 */
  position: relative;
  display: block;
  /* padding-bottom: 56%; */
  height: 578px;
  max-height: 578px;
  margin-bottom: 230px;
  /**/ }
  section.slider-3d .frames {
    position: relative;
    z-index: 1;
    max-width: 799px;
    height: 578px;
    margin: 114px auto 0;
    /* 28-10-2016 */
    position: absolute;
    top: 2%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    /**/ }
    section.slider-3d .frames figure {
      display: block;
      position: relative;
      z-index: 3;
      top: -30px;
      /* 28-10-2016 */
      position: relative;
      margin: auto;
      height: auto;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      /**/ }
      section.slider-3d .frames figure img {
        display: block;
        width: 100%;
        height: auto; }
  section.slider-3d small {
    font-family: "Pacifico";
    color: #999;
    font-size: 16px;
    position: absolute;
    top: 100%;
    width: 100%;
    text-align: center;
    margin-top: -110px;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity .5s; }
    section.slider-3d small img {
      display: block;
      width: 74px;
      height: auto;
      margin: 0 auto 15px; }
  section.slider-3d .tooltips {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: inherit;
    padding: 0; }
    section.slider-3d .tooltips li {
      position: absolute;
      display: block;
      opacity: 0;
      font-family: "Pacifico";
      font-size: 24px;
      list-style: none;
      color: #333;
      transition: opacity .5s; }
      section.slider-3d .tooltips li span {
        position: absolute;
        display: block;
        width: 52px;
        height: 40px;
        top: 20px;
        left: 100%;
        margin-left: 10px;
        background-image: url("/sites/all/themes/custom/assets/img/arrow-red-right.png"); }
        section.slider-3d .tooltips li span.top {
          background-image: url("/sites/all/themes/custom/assets/img/arrow-red-left.png");
          transform: rotate(172deg);
          top: -13px; }
        section.slider-3d .tooltips li span.left {
          left: auto;
          right: 100%;
          margin-left: 0;
          margin-right: 10px;
          background-image: url("/sites/all/themes/custom/assets/img/arrow-red-left.png"); }
          section.slider-3d .tooltips li span.left.top {
            top: -13px;
            background-image: url("/sites/all/themes/custom/assets/img/arrow-red-right.png");
            transform: rotate(172deg); }

section.slider-3d.v1 .tooltips li.tt1 {
  top: -17%;
  left: 8%; }

section.slider-3d.v1 .tooltips li.tt2 {
  top: -15%;
  right: 4%; }

section.slider-3d.v1 .tooltips li.tt3 {
  left: -22%;
  top: -8%; }

section.slider-3d.v1 .tooltips li.tt4 {
  top: -9%;
  right: -14%; }

section.slider-3d.v1 .tooltips li.tt5 {
  left: -20%;
  bottom: 13%; }

section.slider-3d.v1 .tooltips li.tt6 {
  right: -16%;
  bottom: 13%; }

section.slider-3d.v1 .tooltips li.tt7 {
  left: 14%;
  bottom: 6%; }

section.slider-3d.v1 .tooltips li.tt8 {
  right: 13%;
  bottom: 6%; }

section.slider-3d.v1[data-frame='0'] .tooltips li.tt1, section.slider-3d.v1[data-frame='0'] .tooltips li.tt3, section.slider-3d.v1[data-frame='0'] .tooltips li.tt4, section.slider-3d.v1[data-frame='0'] .tooltips li.tt6, section.slider-3d.v1[data-frame='16'] .tooltips li.tt1, section.slider-3d.v1[data-frame='16'] .tooltips li.tt3, section.slider-3d.v1[data-frame='16'] .tooltips li.tt4, section.slider-3d.v1[data-frame='16'] .tooltips li.tt6 {
  opacity: 1; }

section.slider-3d.v1[data-frame='0'] small, section.slider-3d.v1[data-frame='16'] small {
  opacity: 1; }

section.slider-3d.v1[data-frame='15'] .tooltips li.tt1, section.slider-3d.v1[data-frame='15'] .tooltips li.tt4, section.slider-3d.v1[data-frame='15'] .tooltips li.tt5, section.slider-3d.v1[data-frame='15'] .tooltips li.tt6, section.slider-3d.v1[data-frame='15'] .tooltips li.tt7 {
  opacity: 1; }

section.slider-3d.v1[data-frame='14'] .tooltips li.tt1, section.slider-3d.v1[data-frame='14'] .tooltips li.tt3, section.slider-3d.v1[data-frame='14'] .tooltips li.tt4, section.slider-3d.v1[data-frame='14'] .tooltips li.tt5, section.slider-3d.v1[data-frame='14'] .tooltips li.tt6 {
  opacity: 1; }

section.slider-3d.v1[data-frame='13'] .tooltips li.tt1, section.slider-3d.v1[data-frame='13'] .tooltips li.tt2, section.slider-3d.v1[data-frame='13'] .tooltips li.tt3, section.slider-3d.v1[data-frame='13'] .tooltips li.tt4, section.slider-3d.v1[data-frame='13'] .tooltips li.tt5, section.slider-3d.v1[data-frame='13'] .tooltips li.tt6 {
  opacity: 1; }

section.slider-3d.v1[data-frame='12'] .tooltips li.tt1, section.slider-3d.v1[data-frame='12'] .tooltips li.tt2, section.slider-3d.v1[data-frame='12'] .tooltips li.tt3, section.slider-3d.v1[data-frame='12'] .tooltips li.tt4, section.slider-3d.v1[data-frame='12'] .tooltips li.tt5, section.slider-3d.v1[data-frame='12'] .tooltips li.tt6, section.slider-3d.v1[data-frame='12'] .tooltips li.tt7 {
  opacity: 1; }

section.slider-3d.v1[data-frame='11'] .tooltips li.tt1, section.slider-3d.v1[data-frame='11'] .tooltips li.tt2, section.slider-3d.v1[data-frame='11'] .tooltips li.tt3, section.slider-3d.v1[data-frame='11'] .tooltips li.tt4, section.slider-3d.v1[data-frame='11'] .tooltips li.tt5, section.slider-3d.v1[data-frame='11'] .tooltips li.tt6, section.slider-3d.v1[data-frame='11'] .tooltips li.tt7, section.slider-3d.v1[data-frame='11'] .tooltips li.tt8 {
  opacity: 1; }

section.slider-3d.v1[data-frame='10'] .tooltips li.tt1, section.slider-3d.v1[data-frame='10'] .tooltips li.tt2, section.slider-3d.v1[data-frame='10'] .tooltips li.tt3, section.slider-3d.v1[data-frame='10'] .tooltips li.tt4, section.slider-3d.v1[data-frame='10'] .tooltips li.tt5, section.slider-3d.v1[data-frame='10'] .tooltips li.tt6, section.slider-3d.v1[data-frame='10'] .tooltips li.tt7, section.slider-3d.v1[data-frame='10'] .tooltips li.tt8 {
  opacity: 1; }

section.slider-3d.v1[data-frame='9'] .tooltips li.tt1, section.slider-3d.v1[data-frame='9'] .tooltips li.tt2, section.slider-3d.v1[data-frame='9'] .tooltips li.tt3, section.slider-3d.v1[data-frame='9'] .tooltips li.tt4, section.slider-3d.v1[data-frame='9'] .tooltips li.tt5, section.slider-3d.v1[data-frame='9'] .tooltips li.tt6, section.slider-3d.v1[data-frame='9'] .tooltips li.tt7, section.slider-3d.v1[data-frame='9'] .tooltips li.tt8 {
  opacity: 1; }

section.slider-3d.v1[data-frame='8'] .tooltips li.tt1, section.slider-3d.v1[data-frame='8'] .tooltips li.tt2, section.slider-3d.v1[data-frame='8'] .tooltips li.tt3, section.slider-3d.v1[data-frame='8'] .tooltips li.tt4, section.slider-3d.v1[data-frame='8'] .tooltips li.tt5, section.slider-3d.v1[data-frame='8'] .tooltips li.tt6, section.slider-3d.v1[data-frame='8'] .tooltips li.tt7, section.slider-3d.v1[data-frame='8'] .tooltips li.tt8 {
  opacity: 1; }

section.slider-3d.v1[data-frame='7'] .tooltips li.tt1, section.slider-3d.v1[data-frame='7'] .tooltips li.tt2, section.slider-3d.v1[data-frame='7'] .tooltips li.tt3, section.slider-3d.v1[data-frame='7'] .tooltips li.tt4, section.slider-3d.v1[data-frame='7'] .tooltips li.tt5, section.slider-3d.v1[data-frame='7'] .tooltips li.tt6, section.slider-3d.v1[data-frame='7'] .tooltips li.tt7, section.slider-3d.v1[data-frame='7'] .tooltips li.tt8 {
  opacity: 1; }

section.slider-3d.v1[data-frame='6'] .tooltips li.tt1, section.slider-3d.v1[data-frame='6'] .tooltips li.tt2, section.slider-3d.v1[data-frame='6'] .tooltips li.tt3, section.slider-3d.v1[data-frame='6'] .tooltips li.tt4, section.slider-3d.v1[data-frame='6'] .tooltips li.tt5, section.slider-3d.v1[data-frame='6'] .tooltips li.tt6, section.slider-3d.v1[data-frame='6'] .tooltips li.tt7, section.slider-3d.v1[data-frame='6'] .tooltips li.tt8 {
  opacity: 1; }

section.slider-3d.v1[data-frame='5'] .tooltips li.tt1, section.slider-3d.v1[data-frame='5'] .tooltips li.tt2, section.slider-3d.v1[data-frame='5'] .tooltips li.tt3, section.slider-3d.v1[data-frame='5'] .tooltips li.tt4, section.slider-3d.v1[data-frame='5'] .tooltips li.tt5, section.slider-3d.v1[data-frame='5'] .tooltips li.tt6, section.slider-3d.v1[data-frame='5'] .tooltips li.tt7, section.slider-3d.v1[data-frame='5'] .tooltips li.tt8 {
  opacity: 1; }

section.slider-3d.v1[data-frame='4'] .tooltips li.tt1, section.slider-3d.v1[data-frame='4'] .tooltips li.tt2, section.slider-3d.v1[data-frame='4'] .tooltips li.tt3, section.slider-3d.v1[data-frame='4'] .tooltips li.tt4, section.slider-3d.v1[data-frame='4'] .tooltips li.tt5, section.slider-3d.v1[data-frame='4'] .tooltips li.tt6, section.slider-3d.v1[data-frame='4'] .tooltips li.tt7, section.slider-3d.v1[data-frame='4'] .tooltips li.tt8 {
  opacity: 1; }

section.slider-3d.v1[data-frame='3'] .tooltips li.tt1, section.slider-3d.v1[data-frame='3'] .tooltips li.tt2, section.slider-3d.v1[data-frame='3'] .tooltips li.tt3, section.slider-3d.v1[data-frame='3'] .tooltips li.tt4, section.slider-3d.v1[data-frame='3'] .tooltips li.tt5, section.slider-3d.v1[data-frame='3'] .tooltips li.tt6, section.slider-3d.v1[data-frame='3'] .tooltips li.tt7, section.slider-3d.v1[data-frame='3'] .tooltips li.tt8 {
  opacity: 1; }

section.slider-3d.v1[data-frame='2'] .tooltips li.tt1, section.slider-3d.v1[data-frame='2'] .tooltips li.tt2, section.slider-3d.v1[data-frame='2'] .tooltips li.tt3, section.slider-3d.v1[data-frame='2'] .tooltips li.tt4, section.slider-3d.v1[data-frame='2'] .tooltips li.tt5, section.slider-3d.v1[data-frame='2'] .tooltips li.tt6, section.slider-3d.v1[data-frame='2'] .tooltips li.tt7, section.slider-3d.v1[data-frame='2'] .tooltips li.tt8 {
  opacity: 1; }

section.slider-3d.v1[data-frame='1'] .tooltips li.tt1, section.slider-3d.v1[data-frame='1'] .tooltips li.tt2, section.slider-3d.v1[data-frame='1'] .tooltips li.tt3, section.slider-3d.v1[data-frame='1'] .tooltips li.tt4, section.slider-3d.v1[data-frame='1'] .tooltips li.tt5, section.slider-3d.v1[data-frame='1'] .tooltips li.tt6 {
  opacity: 1; }

section.slider-3d.v1[data-frame='1'] small {
  opacity: 1; }

section.slider-3d.v2 .frames {
  height: 700px; }

section.slider-3d.v2 .tooltips li.tt1 {
  left: -6%;
  top: -1%; }

section.slider-3d.v2 .tooltips li.tt2 {
  top: -10%;
  right: 20%; }

section.slider-3d.v2 .tooltips li.tt3 {
  left: -6%;
  top: 7%; }

section.slider-3d.v2 .tooltips li.tt4 {
  top: -3%;
  right: -3%; }

section.slider-3d.v2 .tooltips li.tt5 {
  left: -8%;
  bottom: 26%; }

section.slider-3d.v2 .tooltips li.tt6 {
  right: -13%;
  bottom: 31%; }

section.slider-3d.v2 .tooltips li.tt7 {
  left: -1%;
  bottom: 9%; }

section.slider-3d.v2 .tooltips li.tt8 {
  right: 11%;
  bottom: 9%; }

section.slider-3d.v2 .tooltips li.tt9 {
  right: -16%;
  bottom: 79%; }

section.slider-3d.v2 .tooltips li.tt10 {
  left: -11%;
  bottom: 39%; }

section.slider-3d.v2 .tooltips li.tt11 {
  right: -21%;
  bottom: 49%; }

section.slider-3d.v2[data-frame='0'] .tooltips li.tt1, section.slider-3d.v2[data-frame='0'] .tooltips li.tt2, section.slider-3d.v2[data-frame='0'] .tooltips li.tt3, section.slider-3d.v2[data-frame='0'] .tooltips li.tt4, section.slider-3d.v2[data-frame='0'] .tooltips li.tt5, section.slider-3d.v2[data-frame='0'] .tooltips li.tt6, section.slider-3d.v2[data-frame='0'] .tooltips li.tt7, section.slider-3d.v2[data-frame='0'] .tooltips li.tt8, section.slider-3d.v2[data-frame='0'] .tooltips li.tt9, section.slider-3d.v2[data-frame='0'] .tooltips li.tt10, section.slider-3d.v2[data-frame='0'] .tooltips li.tt11, section.slider-3d.v2[data-frame='13'] .tooltips li.tt1, section.slider-3d.v2[data-frame='13'] .tooltips li.tt2, section.slider-3d.v2[data-frame='13'] .tooltips li.tt3, section.slider-3d.v2[data-frame='13'] .tooltips li.tt4, section.slider-3d.v2[data-frame='13'] .tooltips li.tt5, section.slider-3d.v2[data-frame='13'] .tooltips li.tt6, section.slider-3d.v2[data-frame='13'] .tooltips li.tt7, section.slider-3d.v2[data-frame='13'] .tooltips li.tt8, section.slider-3d.v2[data-frame='13'] .tooltips li.tt9, section.slider-3d.v2[data-frame='13'] .tooltips li.tt10, section.slider-3d.v2[data-frame='13'] .tooltips li.tt11 {
  opacity: 1; }

section.slider-3d.v2[data-frame='0'] small, section.slider-3d.v2[data-frame='13'] small {
  opacity: 1; }

section.slider-3d.v2[data-frame='0'] .tooltips li.tt1, section.slider-3d.v2[data-frame='0'] .tooltips li.tt2, section.slider-3d.v2[data-frame='0'] .tooltips li.tt3, section.slider-3d.v2[data-frame='0'] .tooltips li.tt4, section.slider-3d.v2[data-frame='0'] .tooltips li.tt5, section.slider-3d.v2[data-frame='0'] .tooltips li.tt6, section.slider-3d.v2[data-frame='0'] .tooltips li.tt7, section.slider-3d.v2[data-frame='0'] .tooltips li.tt8, section.slider-3d.v2[data-frame='0'] .tooltips li.tt9, section.slider-3d.v2[data-frame='0'] .tooltips li.tt10, section.slider-3d.v2[data-frame='0'] .tooltips li.tt11, section.slider-3d.v2[data-frame='13'] .tooltips li.tt1, section.slider-3d.v2[data-frame='13'] .tooltips li.tt2, section.slider-3d.v2[data-frame='13'] .tooltips li.tt3, section.slider-3d.v2[data-frame='13'] .tooltips li.tt4, section.slider-3d.v2[data-frame='13'] .tooltips li.tt5, section.slider-3d.v2[data-frame='13'] .tooltips li.tt6, section.slider-3d.v2[data-frame='13'] .tooltips li.tt7, section.slider-3d.v2[data-frame='13'] .tooltips li.tt8, section.slider-3d.v2[data-frame='13'] .tooltips li.tt9, section.slider-3d.v2[data-frame='13'] .tooltips li.tt10, section.slider-3d.v2[data-frame='13'] .tooltips li.tt11 {
  opacity: 1; }

section.slider-3d.v2[data-frame='0'] small, section.slider-3d.v2[data-frame='13'] small {
  opacity: 1; }

section.slider-3d.v2[data-frame='12'] .tooltips li.tt1, section.slider-3d.v2[data-frame='12'] .tooltips li.tt2, section.slider-3d.v2[data-frame='12'] .tooltips li.tt3, section.slider-3d.v2[data-frame='12'] .tooltips li.tt4, section.slider-3d.v2[data-frame='12'] .tooltips li.tt5, section.slider-3d.v2[data-frame='12'] .tooltips li.tt6, section.slider-3d.v2[data-frame='12'] .tooltips li.tt7, section.slider-3d.v2[data-frame='12'] .tooltips li.tt8, section.slider-3d.v2[data-frame='12'] .tooltips li.tt9, section.slider-3d.v2[data-frame='12'] .tooltips li.tt10, section.slider-3d.v2[data-frame='12'] .tooltips li.tt11 {
  opacity: 1; }

section.slider-3d.v2[data-frame='11'] .tooltips li.tt1, section.slider-3d.v2[data-frame='11'] .tooltips li.tt2, section.slider-3d.v2[data-frame='11'] .tooltips li.tt3, section.slider-3d.v2[data-frame='11'] .tooltips li.tt4, section.slider-3d.v2[data-frame='11'] .tooltips li.tt5, section.slider-3d.v2[data-frame='11'] .tooltips li.tt6, section.slider-3d.v2[data-frame='11'] .tooltips li.tt7, section.slider-3d.v2[data-frame='11'] .tooltips li.tt9, section.slider-3d.v2[data-frame='11'] .tooltips li.tt10, section.slider-3d.v2[data-frame='11'] .tooltips li.tt11 {
  opacity: 1; }

section.slider-3d.v2[data-frame='10'] .tooltips li.tt1, section.slider-3d.v2[data-frame='10'] .tooltips li.tt2, section.slider-3d.v2[data-frame='10'] .tooltips li.tt3, section.slider-3d.v2[data-frame='10'] .tooltips li.tt4, section.slider-3d.v2[data-frame='10'] .tooltips li.tt5, section.slider-3d.v2[data-frame='10'] .tooltips li.tt6, section.slider-3d.v2[data-frame='10'] .tooltips li.tt7, section.slider-3d.v2[data-frame='10'] .tooltips li.tt9, section.slider-3d.v2[data-frame='10'] .tooltips li.tt10, section.slider-3d.v2[data-frame='10'] .tooltips li.tt11 {
  opacity: 1; }

section.slider-3d.v2[data-frame='9'] .tooltips li.tt1, section.slider-3d.v2[data-frame='9'] .tooltips li.tt3, section.slider-3d.v2[data-frame='9'] .tooltips li.tt5, section.slider-3d.v2[data-frame='9'] .tooltips li.tt6, section.slider-3d.v2[data-frame='9'] .tooltips li.tt7, section.slider-3d.v2[data-frame='9'] .tooltips li.tt9, section.slider-3d.v2[data-frame='9'] .tooltips li.tt11 {
  opacity: 1; }

section.slider-3d.v2[data-frame='8'] .tooltips li.tt2, section.slider-3d.v2[data-frame='8'] .tooltips li.tt4, section.slider-3d.v2[data-frame='8'] .tooltips li.tt6, section.slider-3d.v2[data-frame='8'] .tooltips li.tt8, section.slider-3d.v2[data-frame='8'] .tooltips li.tt9, section.slider-3d.v2[data-frame='8'] .tooltips li.tt11 {
  opacity: 1; }

section.slider-3d.v2[data-frame='7'] .tooltips li.tt2, section.slider-3d.v2[data-frame='7'] .tooltips li.tt4, section.slider-3d.v2[data-frame='7'] .tooltips li.tt5, section.slider-3d.v2[data-frame='7'] .tooltips li.tt6, section.slider-3d.v2[data-frame='7'] .tooltips li.tt8, section.slider-3d.v2[data-frame='7'] .tooltips li.tt9, section.slider-3d.v2[data-frame='7'] .tooltips li.tt10, section.slider-3d.v2[data-frame='7'] .tooltips li.tt11 {
  opacity: 1; }

section.slider-3d.v2[data-frame='6'] .tooltips li.tt1, section.slider-3d.v2[data-frame='6'] .tooltips li.tt2, section.slider-3d.v2[data-frame='6'] .tooltips li.tt3, section.slider-3d.v2[data-frame='6'] .tooltips li.tt4, section.slider-3d.v2[data-frame='6'] .tooltips li.tt6, section.slider-3d.v2[data-frame='6'] .tooltips li.tt9, section.slider-3d.v2[data-frame='6'] .tooltips li.tt11 {
  opacity: 1; }

section.slider-3d.v2[data-frame='5'] .tooltips li.tt1, section.slider-3d.v2[data-frame='5'] .tooltips li.tt2, section.slider-3d.v2[data-frame='5'] .tooltips li.tt3, section.slider-3d.v2[data-frame='5'] .tooltips li.tt4, section.slider-3d.v2[data-frame='5'] .tooltips li.tt9 {
  opacity: 1; }

section.slider-3d.v2[data-frame='4'] .tooltips li.tt2, section.slider-3d.v2[data-frame='4'] .tooltips li.tt3, section.slider-3d.v2[data-frame='4'] .tooltips li.tt4, section.slider-3d.v2[data-frame='4'] .tooltips li.tt5, section.slider-3d.v2[data-frame='4'] .tooltips li.tt7, section.slider-3d.v2[data-frame='4'] .tooltips li.tt8, section.slider-3d.v2[data-frame='4'] .tooltips li.tt9, section.slider-3d.v2[data-frame='4'] .tooltips li.tt10 {
  opacity: 1; }

section.slider-3d.v2[data-frame='3'] .tooltips li.tt1, section.slider-3d.v2[data-frame='3'] .tooltips li.tt2, section.slider-3d.v2[data-frame='3'] .tooltips li.tt3, section.slider-3d.v2[data-frame='3'] .tooltips li.tt4, section.slider-3d.v2[data-frame='3'] .tooltips li.tt5, section.slider-3d.v2[data-frame='3'] .tooltips li.tt7, section.slider-3d.v2[data-frame='3'] .tooltips li.tt8, section.slider-3d.v2[data-frame='3'] .tooltips li.tt9, section.slider-3d.v2[data-frame='3'] .tooltips li.tt10 {
  opacity: 1; }

section.slider-3d.v2[data-frame='2'] .tooltips li.tt1, section.slider-3d.v2[data-frame='2'] .tooltips li.tt2, section.slider-3d.v2[data-frame='2'] .tooltips li.tt3, section.slider-3d.v2[data-frame='2'] .tooltips li.tt5, section.slider-3d.v2[data-frame='2'] .tooltips li.tt10 {
  opacity: 1; }

section.slider-3d.v2[data-frame='1'] .tooltips li.tt2, section.slider-3d.v2[data-frame='1'] .tooltips li.tt3, section.slider-3d.v2[data-frame='1'] .tooltips li.tt5, section.slider-3d.v2[data-frame='1'] .tooltips li.tt6, section.slider-3d.v2[data-frame='1'] .tooltips li.tt8, section.slider-3d.v2[data-frame='1'] .tooltips li.tt10, section.slider-3d.v2[data-frame='1'] .tooltips li.tt11 {
  opacity: 1; }

section.slider-3d.v2[data-frame='1'] small {
  opacity: 1; }

section.maquina {
  padding-top: 34px;
  text-align: center; }
  section.maquina h3 {
    font-family: "Pacifico";
    font-size: 35px;
    text-align: center;
    text-transform: none;
    color: #e40f1b; }
  section.maquina p {
    margin: 0;
    margin-top: 24px;
    padding: 0;
    font-family: "Open Sans";
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #333; }
    section.maquina p strong {
      font-weight: 600; }
    section.maquina p .btn,
    section.maquina p .btn-buy {
      margin-right: 18px;
      margin-left: 18px;
      display: inline-block; }
    section.maquina p .btn-buy {
      text-decoration: none !important;
      font-size: 12px;
      color: #999;
      vertical-align: top;
      margin-top: -28px; }
      section.maquina p .btn-buy img {
        width: 120px;
        height: auto;
        display: block;
        margin-top: 5px; }
      section.maquina p .btn-buy.btn-continente img {
        width: 160px;
        height: auto;
        margin-top: 17px; }
  section.maquina ul {
    margin: 30px 0; }
    section.maquina ul.features {
      list-style: none;
      padding: 0; }
      section.maquina ul.features li {
        white-space: nowrap;
        width: 168px;
        text-align: left;
        vertical-align: top;
        display: inline-block;
        text-transform: uppercase; }
        section.maquina ul.features li img {
          margin-left: -15px;
          margin-right: -15px; }
        section.maquina ul.features li span {
          text-align: left;
          display: inline-block;
          white-space: normal;
          max-width: 60px;
          vertical-align: middle; }
        @media only screen and (max-width: 767px) {
          section.maquina ul.features li {
            width: 143px; }
            section.maquina ul.features li img {
              width: 80px !important;
              height: 80px !important;
              margin-right: -10px;
              margin-left: -10px; }
            section.maquina ul.features li span {
              font-size: 11px;
              max-width: 60px; } }
  section.maquina .new {
    margin: 45px 0 30px; }
    section.maquina .new span.ball {
      display: inline-block;
      width: 138px;
      height: 138px;
      vertical-align: middle;
      background: #e40f1b;
      border-radius: 50%;
      text-align: center;
      color: white;
      font-family: "Pacifico";
      font-size: 39px;
      text-align: center;
      line-height: 138px;
      position: relative; }
      section.maquina .new span.ball:before {
        content: '';
        display: block;
        position: absolute;
        top: -74px;
        left: 59px;
        width: 54px;
        height: 57px;
        background: url(../img/arrow-down.png);
        background-repeat: none;
        background-size: 54px 57px; }
      @media only screen and (max-width: 767px) {
        section.maquina .new span.ball {
          font-size: 30px;
          line-height: 100px;
          width: 100px;
          height: 100px; }
          section.maquina .new span.ball:before {
            display: none; } }
    section.maquina .new ul {
      list-style: none;
      font-size: 18px;
      display: inline-block;
      margin-left: 30px;
      vertical-align: middle;
      padding-left: 0;
      text-align: left; }
      section.maquina .new ul li {
        display: block; }
        section.maquina .new ul li:before {
          content: '\2022';
          display: inline-block;
          color: #e40f1b;
          font-size: inherit;
          margin-right: 10px; }
      @media only screen and (max-width: 767px) {
        section.maquina .new ul {
          margin-left: 0px;
          font-size: 15px; } }
  section.maquina .buy-buttons {
    padding-top: 30px; }
  section.maquina .desc {
    padding-bottom: 50px; }
  section.maquina .popover {
    box-shadow: none; }
  section.maquina .popover-content ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    section.maquina .popover-content ul li {
      font-size: 18px;
      line-height: 26px; }
      section.maquina .popover-content ul li a {
        color: #333;
        text-decoration: none; }
        section.maquina .popover-content ul li a:hover, section.maquina .popover-content ul li a:active {
          color: #e40f1b; }
      section.maquina .popover-content ul li + li {
        border-top: 1px solid #333; }

section.slider-video {
  margin-top: 0px;
  margin-bottom: 55px; }
  section.slider-video .video,
  section.slider-video .thumbs {
    float: left;
    width: 50%; }
  section.slider-video .video {
    padding-right: 3px; }
    section.slider-video .video .fechar {
      display: none; }
    section.slider-video .video iframe {
      width: 100%;
      height: 476px; }
  section.slider-video .thumbs .cell {
    width: 100%;
    height: 237px;
    margin-bottom: 2px;
    padding: 0 1px 0; }
    section.slider-video .thumbs .cell > a {
      position: relative;
      display: block;
      overflow: hidden;
      height: inherit; }
      section.slider-video .thumbs .cell > a:hover .bg, section.slider-video .thumbs .cell > a.active .bg {
        transform: scale(1.05) rotateZ(-0.5deg); }
      section.slider-video .thumbs .cell > a:hover h3:after, section.slider-video .thumbs .cell > a.active h3:after {
        background-color: #e40f1b; }
    section.slider-video .thumbs .cell .bg {
      display: block;
      width: 100%;
      height: 100%;
      transition: .6s;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% auto; }
    section.slider-video .thumbs .cell .info {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 50%;
      margin: auto;
      text-align: center; }
      section.slider-video .thumbs .cell .info .icon {
        font-size: 34px;
        color: #FFF; }
      section.slider-video .thumbs .cell .info h3 {
        position: relative;
        margin: 11px 0 0;
        font-family: "Open Sans";
        font-weight: 500;
        font-size: 20px;
        text-transform: uppercase;
        color: #FFF; }
        section.slider-video .thumbs .cell .info h3:after {
          position: absolute;
          right: 0;
          bottom: -21px;
          left: 0;
          width: 79px;
          height: 2px;
          margin-right: auto;
          margin-left: auto;
          content: '';
          transition: .6s;
          background-color: #FFF; }
  section.slider-video .thumbs .slider.slider-video:not(.slick-initialized) {
    overflow: hidden; }
    section.slider-video .thumbs .slider.slider-video:not(.slick-initialized) .slider {
      float: left; }
  section.slider-video .thumbs .slider.slider-video .slick-dots {
    margin-left: -30px;
    text-align: left;
    bottom: -75px; }

section.accessories {
  text-align: center; }
  section.accessories .intro {
    padding-bottom: 0; }
    section.accessories .intro h2 {
      font-weight: 400; }
      section.accessories .intro h2 a {
        text-decoration: none;
        color: #d0d0d0; }
        section.accessories .intro h2 a:hover, section.accessories .intro h2 a:active {
          color: #e40f1b; }
        section.accessories .intro h2 a.active {
          color: #333; }
    section.accessories .intro p {
      margin: 0 auto;
      font-family: "Open Sans";
      font-size: 22px; }
  section.accessories .slick-dots {
    bottom: -75px; }

.accessory-browser {
  display: none;
  padding-bottom: 50px; }
  .accessory-browser .intro {
    padding-top: 0; }
    .accessory-browser .intro p {
      margin: 0 auto;
      font-family: "Open Sans";
      font-size: 22px; }
  .accessory-browser.active {
    display: block; }
  .accessory-browser .accessory-slider {
    padding: 50px 0; }
    .accessory-browser .accessory-slider .accessory .photo {
      padding: 0 30px;
      text-align: center; }
    .accessory-browser .accessory-slider .accessory figure {
      position: relative;
      left: 0;
      top: 0;
      padding: 0px;
      width: 380px;
      height: 380px;
      text-align: center;
      white-space: nowrap;
      margin: 0 auto; }
      .accessory-browser .accessory-slider .accessory figure:before {
        content: '';
        background: white;
        border-radius: 50%;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%); }
      .accessory-browser .accessory-slider .accessory figure:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0; }
      .accessory-browser .accessory-slider .accessory figure img {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 1;
        display: inline-block;
        vertical-align: middle; }
    .accessory-browser .accessory-slider .accessory .description {
      padding-top: 20px;
      white-space: normal; }
      .accessory-browser .accessory-slider .accessory .description h3 {
        font-size: 38px;
        line-height: 1; }
        .accessory-browser .accessory-slider .accessory .description h3:after {
          content: '';
          display: block;
          width: 138px;
          height: 2px;
          background: #999;
          margin: 20px auto; }
      .accessory-browser .accessory-slider .accessory .description p {
        font-size: 18px;
        line-height: 1.5;
        margin: 0;
        padding: 0 15px;
        transition: color .4s; }
        .accessory-browser .accessory-slider .accessory .description p + p {
          margin-top: 15px; }
      .accessory-browser .accessory-slider .accessory .description #addToBasket {
        margin-top: 20px;
        display: inline-block; }
      .accessory-browser .accessory-slider .accessory .description a.btn {
        margin-top: 20px; }
    .accessory-browser .accessory-slider .slick-prev:before {
      content: ""; }
    .accessory-browser .accessory-slider .slick-next:before {
      content: ""; }
    .accessory-browser .accessory-slider .slick-prev,
    .accessory-browser .accessory-slider .slick-next {
      width: 30px;
      height: 30px; }
      .accessory-browser .accessory-slider .slick-prev:before,
      .accessory-browser .accessory-slider .slick-next:before {
        font-family: yammi;
        color: #999;
        font-size: 30px; }
      .accessory-browser .accessory-slider .slick-prev:hover:before,
      .accessory-browser .accessory-slider .slick-next:hover:before {
        color: #e40f1b; }
    .accessory-browser .accessory-slider .slick-disabled.disabled {
      opacity: .3;
      color: #999;
      pointer-events: none; }
  .accessory-browser .thumb-slider {
    border-top: 1px solid #d0d0d0;
    margin-top: 30px;
    padding-top: 15px; }
    .accessory-browser .thumb-slider .thumb {
      position: relative;
      padding-top: 20px;
      text-decoration: none;
      cursor: pointer; }
      .accessory-browser .thumb-slider .thumb figure {
        width: 100px;
        height: 100px;
        margin: 0px auto 15px;
        position: relative;
        white-space: nowrap;
        text-align: center;
        transition: transform .3s ease-out; }
        .accessory-browser .thumb-slider .thumb figure:before {
          content: '';
          width: 100%;
          height: 100%;
          border-radius: 50%;
          background: transparent;
          position: absolute;
          z-index: 0;
          left: 0;
          top: 0;
          transform: scale(0.5, 0.5);
          transition: transform .4s ease-out, background .4s; }
        .accessory-browser .thumb-slider .thumb figure:after {
          content: '';
          display: inline-block;
          vertical-align: middle;
          width: 0;
          height: 100%; }
        .accessory-browser .thumb-slider .thumb figure img {
          width: 100%;
          height: auto;
          position: relative;
          z-index: 1;
          display: inline-block;
          vertical-align: middle;
          transition: transform .4s ease-out;
          image-rendering: -webkit-optimize-contrast; }
      .accessory-browser .thumb-slider .thumb p {
        font-family: "Pacifico";
        color: #333;
        text-decoration: none;
        transition: color .4s;
        padding: 0 15px; }
      .accessory-browser .thumb-slider .thumb + .thumb:before {
        content: '';
        position: absolute;
        display: block;
        width: 1px;
        left: 0;
        right: 100%;
        top: 30px;
        bottom: 60px;
        background: #d0d0d0; }
      .accessory-browser .thumb-slider .thumb.active figure:before {
        transform: scale(1);
        background: white; }
      .accessory-browser .thumb-slider .thumb.active p {
        color: #e40f1b; }
      .accessory-browser .thumb-slider .thumb:hover figure:before, .accessory-browser .thumb-slider .thumb:active figure:before {
        transform: scale(1.1);
        background: white; }
      .accessory-browser .thumb-slider .thumb:hover figure img, .accessory-browser .thumb-slider .thumb:active figure img {
        transform: scale(1.05); }
      .accessory-browser .thumb-slider .thumb:hover p, .accessory-browser .thumb-slider .thumb:active p {
        color: #e40f1b; }
      .accessory-browser .thumb-slider .thumb:active figure {
        transform: scale(0.95); }
  .accessory-browser .accessory-slider:not(.slick-initialized) {
    white-space: nowrap;
    overflow: hidden; }
    .accessory-browser .accessory-slider:not(.slick-initialized) .accessory {
      display: inline-block; }
  .accessory-browser .thumb-slider:not(.slick-initialized) {
    white-space: nowrap;
    overflow: hidden; }
    .accessory-browser .thumb-slider:not(.slick-initialized) .thumb {
      width: 180px;
      display: inline-block; }

.rollerblade-img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none; }

.rollerblade-drag {
  cursor: move; }

/*
Full HD Devices, Wide Screens - Large DESKTOP // 1920
*/
@media only screen and (max-width: 1679px) {
  section.slider-video .thumbs .cell .bg {
    background-size: auto 100%; } }

/*
Very Large Devices, Wide Screens - DESKTOP // 1439
*/
@media only screen and (max-width: 1439px) {
  section.slider-video .video iframe {
    height: 402px !important; }
  section.slider-video .thumbs .cell {
    height: 200px; }
    section.slider-video .thumbs .cell .bg {
      background-size: auto 100%; } }

/*
Large Devices, Wide Screens - HORIZONTAL TABLET, SMALL DESKTOP // 1199
*/
@media only screen and (max-width: 1199px) {
  section.slider-3d .frames {
    max-width: 720px; }
  section.slider-video .video iframe {
    height: 342px !important; }
  section.slider-video .thumbs .cell {
    height: 170px; }
    section.slider-video .thumbs .cell .bg {
      background-size: auto 100%; }
    section.slider-video .thumbs .cell .info h3 {
      font-size: 18px; } }

/*
Medium Devices, Desktops - TABLET VERTICAL // 991
*/
@media only screen and (max-width: 991px) {
  section.slider-3d {
    background-size: auto 85%;
    margin-bottom: 50px; }
    section.slider-3d .frames {
      max-width: 510px; }
      section.slider-3d .frames figure {
        top: -30px;
        transform: none; }
    section.slider-3d.v1 .frames {
      height: auto;
      top: auto;
      bottom: -80px; }
    section.slider-3d.v2 .frames {
      height: auto;
      top: auto;
      bottom: -80px; }
    section.slider-3d .tooltips {
      display: none; }
  section.slider-video .video {
    display: none;
    width: 100%;
    padding: 0; }
    section.slider-video .video .fechar {
      position: absolute;
      top: -47px;
      right: 15px;
      display: block;
      font-size: 35px;
      color: #e40f1b; }
    section.slider-video .video iframe {
      width: 100%;
      height: 435px !important; }
  section.slider-video .thumbs {
    width: 100%; }
    section.slider-video .thumbs .cell {
      height: 208px; }
      section.slider-video .thumbs .cell .bg {
        background-size: 100% auto; }
      section.slider-video .thumbs .cell .info h3 {
        font-size: 18px; }
    section.slider-video .thumbs .slider.slider-video .slick-dots {
      margin-left: auto;
      text-align: center; }
  .accessory-browser .accessory-slider .accessory figure {
    width: 300px;
    height: 300px; } }

/*
Small Devices, Tablets - SMARTPHONE // 767
*/
@media only screen and (max-width: 767px) {
  section.slider-3d {
    background-size: auto 85%; }
    section.slider-3d .frames {
      padding: 15px; }
      section.slider-3d .frames .tooltips {
        display: none; }
  section.slider-video .thumbs .cell {
    height: 190px; }
  section.slider-video .video iframe {
    width: 100%;
    height: 56.3vw !important; }
  section.maquina .buy-buttons button,
  section.maquina .buy-buttons a {
    margin-top: 5px;
    margin-bottom: 5px; }
  section.slider-3d.v1 .frames {
    height: auto;
    top: auto;
    bottom: -80px; }
  section.slider-3d.v2 .frames {
    height: auto;
    top: auto;
    bottom: -80px; }
  section.slider-3d small {
    font-size: 14px;
    margin-top: -90px; }
    section.slider-3d small img {
      width: 50px;
      margin: 0 auto 2px; } }

/*
Extra Small Devices, Phones - SMALL SMARTPHONE // 479
*/
@media only screen and (max-width: 479px) {
  section.slider-3d {
    margin-bottom: 50px;
    background-size: auto 85%; }
    section.slider-3d .frames {
      height: auto;
      margin: 30px auto 0px;
      top: 110px; }
  section.maquina p.info {
    font-size: 16px; }
    section.maquina p.info .btn {
      width: 215px;
      margin-bottom: 15px; }
  section.maquina p .btn-buy {
    margin-left: 5px;
    margin-right: 5px; }
    section.maquina p .btn-buy.btn-continente img {
      width: 120px; }
    section.maquina p .btn-buy.btn-worten img {
      width: 100px; }
  section.slider-video .video {
    width: 100%;
    padding: 0; }
  section.slider-video .thumbs .slider.slider-video {
    position: relative; }
    section.slider-video .thumbs .slider.slider-video:after, section.slider-video .thumbs .slider.slider-video:before {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 20px;
      z-index: 2;
      pointer-events: none;
      opacity: 1;
      content: '';
      background: linear-gradient(to right, #f8f8f8 11%, rgba(248, 248, 248, 0.97) 14%, rgba(255, 255, 255, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#00ffffff',GradientType=1 ); }
    section.slider-video .thumbs .slider.slider-video:after {
      left: auto;
      right: 0;
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(248, 248, 248, 0.97) 86%, #f8f8f8 89%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f8f8f8',GradientType=1 ); }
    section.slider-video .thumbs .slider.slider-video .slick-dots {
      bottom: -60px; }
  section.slider-video .thumbs .cell {
    width: 50%;
    float: left;
    height: 47vw; }
    section.slider-video .thumbs .cell .info h3 {
      font-size: 14px;
      padding: 0 11px; }
    section.slider-video .thumbs .cell .bg {
      background-size: cover; }
  section.accessories .intro h2 {
    font-size: 15px; }
    section.accessories .intro h2 a {
      width: 40%;
      display: inline-block;
      vertical-align: middle; }
  section.accessories .intro p {
    font-size: 14px; }
  .accessory-browser {
    padding-bottom: 0; }
    .accessory-browser .thumb-slider:not(.slick-initialized) {
      white-space: nowrap;
      overflow: hidden; }
      .accessory-browser .thumb-slider:not(.slick-initialized) .thumb {
        width: 170px;
        display: inline-block; }
    .accessory-browser .accessory-slider {
      padding: 15px 0; }
      .accessory-browser .accessory-slider .accessory .photo {
        padding: 0 15px; }
      .accessory-browser .accessory-slider .accessory figure {
        width: 260px;
        height: 260px; }
      .accessory-browser .accessory-slider .accessory .description h3 {
        font-size: 23px; }
        .accessory-browser .accessory-slider .accessory .description h3:after {
          margin: 10px auto; }
      .accessory-browser .accessory-slider .accessory .description p {
        font-size: 13px; }
    .accessory-browser .thumb-slider {
      margin-top: 0px;
      padding-top: 0px; }
      .accessory-browser .thumb-slider .thumb {
        width: 170px; } }

/* Touch devices only */
html.touch section.slider-3d {
  margin-bottom: 0; }
  html.touch section.slider-3d small {
    display: none !important; }

@charset "UTF-8";
/*====================================
=            DEPENDENCIES            =
====================================*/
/*
    Colors
*/
/*
    Fonts
*/
/*
    Slick
*/
/*
    Breakpoints
*/
/*
	INTERACTIONS
*/
/*
	CLEARFIX
*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/*
    ICON CONTENT VAR
*/
section.newsletter .form-item {
  position: relative; }
  section.newsletter .form-item.icheck-error .icheckbox_minimal {
    border-color: #e40f1b; }

section.newsletter .icheckbox_minimal {
  position: absolute;
  left: 0;
  top: 5px;
  text-align: left; }
  section.newsletter .icheckbox_minimal + .description {
    text-align: left;
    padding-left: 25px;
    font-size: 14px;
    max-width: 200px; }

#formNewsletterSubscribe .btn {
  width: auto;
  padding-left: 30px;
  padding-right: 30px; }

#formNewsletterSubscribe .accept-block {
  position: relative;
  margin-top: 40px;
  margin-bottom: 60px; }
  #formNewsletterSubscribe .accept-block .form-item {
    text-align: left;
    display: inline; }
    #formNewsletterSubscribe .accept-block .form-item .icheckbox_minimal {
      top: 3px;
      position: relative;
      overflow: hidden;
      float: left; }
  #formNewsletterSubscribe .accept-block .terms {
    text-align: left;
    font-size: 12px;
    padding: 0  0 0 25px; }
    #formNewsletterSubscribe .accept-block .terms ul {
      list-style-type: none;
      padding-left: 0;
      margin-bottom: 0; }
      #formNewsletterSubscribe .accept-block .terms ul li {
        margin-bottom: 5px; }
        #formNewsletterSubscribe .accept-block .terms ul li:last-child {
          margin-bottom: 0; }

section.news-archive {
  padding: 30px 0; }
  section.news-archive .filters {
    text-align: center;
    display: block;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 30px; }
    section.news-archive .filters .btn-group {
      display: inline-block; }
  section.news-archive .noresults {
    text-align: center;
    font-size: 16px;
    padding: 0 25px; }
  section.news-archive .issues {
    text-align: left;
    padding-top: 30px; }
  section.news-archive .panel-group .panel {
    box-shadow: none; }
  section.news-archive .panel-default {
    border: none; }
    section.news-archive .panel-default > .panel-heading {
      border: none;
      background-color: transparent;
      padding: 0; }
    section.news-archive .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top: none; }
    section.news-archive .panel-default .panel-body {
      text-align: center; }
      section.news-archive .panel-default .panel-body img {
        max-width: 100%;
        height: auto; }
      section.news-archive .panel-default .panel-body .actions {
        list-style: none;
        padding: 0;
        margin: 0;
        padding-bottom: 10px; }
        section.news-archive .panel-default .panel-body .actions li {
          list-style: none;
          padding: 0;
          margin: 0;
          display: inline-block;
          font-family: "Open Sans";
          vertical-align: middle; }
          section.news-archive .panel-default .panel-body .actions li a {
            font-size: 16px;
            line-height: 28px;
            color: #999;
            text-decoration: none;
            vertical-align: middle; }
            section.news-archive .panel-default .panel-body .actions li a.i-print {
              font-size: 28px; }
            section.news-archive .panel-default .panel-body .actions li a:hover, section.news-archive .panel-default .panel-body .actions li a:active {
              color: #e40f1b; }
          section.news-archive .panel-default .panel-body .actions li + li {
            margin-left: 20px; }
  section.news-archive .panel-title > a {
    text-decoration: none;
    text-transform: none;
    color: #333;
    font-family: "Open Sans";
    font-weight: 600;
    display: block;
    border-bottom: 1px solid transparent;
    line-height: 20px;
    padding: 20px 0;
    padding-right: 30px;
    position: relative;
    transition: border-bottom .4s; }
    section.news-archive .panel-title > a:after {
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      font-family: 'yammi';
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 17px;
      color: #e40f1b;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -9px;
      transition: transform .4s;
      transform: scale(1, -1); }
    section.news-archive .panel-title > a.collapsed {
      border-bottom: 1px solid #d0d0d0; }
      section.news-archive .panel-title > a.collapsed:after {
        transform: scale(1, 1); }
    section.news-archive .panel-title > a:hover, section.news-archive .panel-title > a:active {
      color: #e40f1b; }
    section.news-archive .panel-title > a span {
      font-weight: 300; }
      section.news-archive .panel-title > a span:before {
        content: '-';
        display: inline-block;
        color: inherit;
        font-size: inherit;
        font-family: inherit;
        margin: 0 10px; }
  section.news-archive .newsletter-gridpreview {
    margin-bottom: 80px; }
    section.news-archive .newsletter-gridpreview h4, section.news-archive .newsletter-gridpreview span {
      font-size: 14px; }
    section.news-archive .newsletter-gridpreview .btn {
      margin-top: 30px; }
    section.news-archive .newsletter-gridpreview-image {
      float: left;
      max-width: 150px;
      width: 43%;
      vertical-align: top;
      padding: 0; }
      section.news-archive .newsletter-gridpreview-image img {
        width: 100%;
        height: auto; }
    section.news-archive .newsletter-gridpreview-copy {
      float: left;
      width: 57%;
      vertical-align: top;
      padding: 0 15px; }

/*
    Medium Devices, Desktops - TABLET VERTICAL
*/
@media only screen and (max-width: 991px) {
  #formNewsletterSubscribe .form-item {
    max-width: 310px;
    margin: 0 auto;
    display: block;
    width: auto; }
    #formNewsletterSubscribe .form-item + .form-item,
    #formNewsletterSubscribe .form-item + .btn {
      margin-top: 20px; }
    #formNewsletterSubscribe .form-item .icheckbox_minimal {
      top: 3px; }
      #formNewsletterSubscribe .form-item .icheckbox_minimal + .description {
        width: auto;
        max-width: none; }
  #formNewsletterSubscribe input {
    margin: 0 auto;
    display: block;
    width: 100%; }
  #formNewsletterSubscribe .btn {
    width: 310px;
    max-width: 100%; } }

/*
Small Devices, Tablets - SMARTPHONE // 767
*/
@media only screen and (max-width: 767px) {
  section.news-archive .panel-title > a {
    font-size: 14px; }
    section.news-archive .panel-title > a:after {
      font-size: 14px;
      margin-top: -7px; }
    section.news-archive .panel-title > a span {
      display: block;
      font-size: 12px; }
      section.news-archive .panel-title > a span:before {
        display: none;
        margin: 0; } }

/*
Very Small Devices, Tablets - SMARTPHONE // 479
*/
@media only screen and (max-width: 479px) {
  #formNewsletterSubscribe .accept-block {
    margin-top: 30px;
    margin-bottom: 30px; } }

/*====================================
=            DEPENDENCIES            =
====================================*/
/*
    Colors
*/
/*
    Fonts
*/
/*
    Slick
*/
/*
    Breakpoints
*/
/*
	INTERACTIONS
*/
/*
	CLEARFIX
*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/*
    ICON CONTENT VAR
*/
/*===============================
=            HELPERS            =
===============================*/
.m-r-35 {
  margin-right: 35px; }

/*==============================
=            BANNER            =
==============================*/
section.banner-onde-comprar img {
  width: 100%; }

/*============================
=            BODY            =
============================*/
section .intro p.small {
  max-width: 920px;
  margin-top: 20px;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: normal;
  line-height: 26px; }

section .intro p strong {
  font-weight: 500; }

section .pos-venda p {
  max-width: 920px;
  margin-top: 20px;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: normal;
  line-height: 26px; }

section.onde-comprar {
  padding: 55px 0;
  background-color: #f8f8f8; }
  section.onde-comprar .values {
    position: relative;
    padding: 62px 0 0 48px; }
    section.onde-comprar .values li {
      border-radius: 50%;
      display: inline-block;
      width: 121px;
      height: 121px;
      font-size: 20px;
      font-size: 27px;
      font-weight: 300;
      list-style: none;
      text-align: center;
      color: #fff;
      background-color: #e40f1b; }
      section.onde-comprar .values li strong {
        font-size: 30px;
        font-weight: 600; }
      section.onde-comprar .values li small {
        display: block;
        font-size: 20px; }
      section.onde-comprar .values li:not(.large) {
        position: absolute;
        top: 0;
        left: 295px;
        padding-top: 40px;
        line-height: 26px; }
        section.onde-comprar .values li:not(.large) > span {
          font-size: 22px;
          font-weight: 300; }
      section.onde-comprar .values li:last-child {
        top: 204px; }
      section.onde-comprar .values li.large {
        position: relative;
        width: 164px;
        height: 164px;
        padding-top: 52px;
        font-size: 41px; }
        section.onde-comprar .values li.large strong {
          font-size: 41px;
          font-weight: 600;
          font-weight: 45; }
        section.onde-comprar .values li.large:after, section.onde-comprar .values li.large:before {
          position: absolute;
          top: 0;
          left: 163px;
          display: block;
          width: 68px;
          height: 35px;
          content: '';
          background-image: url("/sites/all/themes/custom/assets/img/arrow-top.png"); }
        section.onde-comprar .values li.large:after {
          top: 158px;
          left: 148px;
          background-image: url("/sites/all/themes/custom/assets/img/arrow-bottom.png"); }
  section.onde-comprar article {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    color: #333; }
    section.onde-comprar article.centered {
      text-align: center; }
    section.onde-comprar article h5 {
      margin-bottom: 5px;
      padding: 0;
      font-size: 20px;
      text-transform: initial; }
      section.onde-comprar article h5 a {
        color: #333;
        text-decoration: none; }
        section.onde-comprar article h5 a:hover, section.onde-comprar article h5 a:active {
          color: #e40f1b; }
    section.onde-comprar article p {
      font-style: italic;
      padding: 15px 0; }
      section.onde-comprar article p strong {
        font-weight: 600; }
    section.onde-comprar article a.btn.btn-primary {
      transition: .3s;
      width: 204px;
      margin-top: 20px;
      height: 60px;
      position: relative;
      text-align: center; }
      section.onde-comprar article a.btn.btn-primary img {
        max-height: 27px; }
      section.onde-comprar article a.btn.btn-primary:hover, section.onde-comprar article a.btn.btn-primary:focus, section.onde-comprar article a.btn.btn-primary:active {
        opacity: .7;
        background-color: #e40f1b; }

/*
    Full HD Devices, Wide Screens - Large DESKTOP // 1920
*/
/*
    Very Large Devices, Wide Screens - DESKTOP // 1440
*/
/*
    Large Devices, Wide Screens - HORIZONTAL TABLET, SMALL DESKTOP // 1200
*/
@media only screen and (max-width: 1199px) {
  section.onde-comprar article {
    font-size: 14px; } }

/*
    Medium Devices, Desktops - TABLET VERTICAL // 992
*/
@media only screen and (max-width: 991px) {
  section .intro p.small {
    font-size: 14px; }
  section.onde-comprar .values {
    max-width: 415px;
    margin: 0 auto 140px; }
  section.onde-comprar article {
    text-align: center; } }

/*
    Small Devices, Tablets - SMARTPHONE // 768
*/
@media only screen and (max-width: 767px) {
  section.onde-comprar article a.btn.btn-primary {
    margin: 0 4px 10px;
    width: 205px; }
  section .pos-venda p {
    font-size: 15px;
    line-height: 22px; } }

/*
    Extra Small Devices, Phones - SMALL SMARTPHONE // 480
*/
@media only screen and (max-width: 479px) {
  section.onde-comprar {
    padding: 30px 0; }
    section.onde-comprar .values {
      max-width: 280px;
      margin-bottom: 70px;
      padding-top: 30px;
      padding-left: 0; }
      section.onde-comprar .values li {
        transform: scale(0.7); }
        section.onde-comprar .values li.large {
          left: -20px; }
        section.onde-comprar .values li:not(.large) {
          right: 0;
          left: auto; }
        section.onde-comprar .values li:last-child {
          top: 124px; }
    section.onde-comprar article h5 {
      font-size: 19px; }
    section.onde-comprar article a.btn.btn-primary {
      margin: 0 0 10px; }
  section .pos-venda p {
    font-size: 14px;
    line-height: 20px; } }

/*
    Custom, iPhone Retina
*/
@media only screen and (max-width: 320px) {
  section .intro p {
    font-size: 14px; }
  section.onde-comprar article a.btn.btn-primary {
    margin: 0 0 10px;
    width: 100%; } }

/*====================================
=            DEPENDENCIES            =
====================================*/
/*
    Colors
*/
/*
    Fonts
*/
/*
    Slick
*/
/*
    Breakpoints
*/
/*
	INTERACTIONS
*/
/*
	CLEARFIX
*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/*
    ICON CONTENT VAR
*/
/*============================
=            BODY            =
============================*/
body.page-passatempo section.slider {
  position: relative;
  margin-bottom: 0; }
  body.page-passatempo section.slider .slide {
    display: block; }
    body.page-passatempo section.slider .slide .player-container a.close {
      display: none; }
    body.page-passatempo section.slider .slide .claim-content {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: block; }
    body.page-passatempo section.slider .slide.video.playing .player-container a.close {
      display: block; }
    body.page-passatempo section.slider .slide.video .calltoaction {
      margin-top: 0px; }

body.page-passatempo section.slider-3d {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 380px; }
  @media only screen and (max-width: 1538px) {
    body.page-passatempo section.slider-3d {
      margin-bottom: 24%; } }
  body.page-passatempo section.slider-3d.slider-v-bottom-0 {
    margin-bottom: 0; }
  body.page-passatempo section.slider-3d .frames {
    position: relative;
    z-index: 1;
    /* max-width: 799px;
      height: 578px; */
    height: auto;
    max-width: 1539px;
    max-height: 578px;
    margin: 0;
    /*  auto 0; */
    top: 50%; }
    body.page-passatempo section.slider-3d .frames figure {
      display: block;
      position: relative;
      z-index: 3;
      top: 0px; }
      body.page-passatempo section.slider-3d .frames figure img {
        display: block;
        width: 100%;
        height: auto; }
    body.page-passatempo section.slider-3d .frames figcaption {
      display: block;
      position: absolute;
      top: 75px;
      left: 50%;
      transform: translate(-50%, 0);
      width: 100%;
      max-width: 100%;
      font-family: "Open Sans"; }
      body.page-passatempo section.slider-3d .frames figcaption p {
        font-family: "Open Sans";
        font-size: 24px;
        line-height: 1.2; }
    body.page-passatempo section.slider-3d .frames .elementos-composicao {
      width: 100%;
      position: relative; }
      body.page-passatempo section.slider-3d .frames .elementos-composicao:before {
        content: "";
        display: block;
        position: relative;
        /* padding-bottom: 52.501%; */
        height: 578px; }
      body.page-passatempo section.slider-3d .frames .elementos-composicao .elementos {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 50%;
        bottom: 0;
        height: 256px;
        transform: translate(-50%, 136%); }
        @media only screen and (max-width: 1538px) {
          body.page-passatempo section.slider-3d .frames .elementos-composicao .elementos {
            transform: translate(-50%, 0);
            margin-bottom: -1.5%; }
            body.page-passatempo section.slider-3d .frames .elementos-composicao .elementos .elemento,
            body.page-passatempo section.slider-3d .frames .elementos-composicao .elementos .maquina {
              margin-bottom: -21%; } }
      body.page-passatempo section.slider-3d .frames .elementos-composicao .elemento {
        display: block;
        position: absolute; }
        body.page-passatempo section.slider-3d .frames .elementos-composicao .elemento img {
          display: block;
          width: 100%;
          height: auto; }
        body.page-passatempo section.slider-3d .frames .elementos-composicao .elemento.esquerda-da-maquina {
          /* Galinha */
          width: 22.027%;
          max-width: 339px;
          left: calc(50% - 25.196%);
          margin-left: calc( 22.027%/-2);
          bottom: 20.668%;
          transform: translateX(-50%); }
          body.page-passatempo section.slider-3d .frames .elementos-composicao .elemento.esquerda-da-maquina + .esquerda-da-maquina {
            /* Ovo */
            width: 11.176%;
            max-width: 172px;
            left: calc(50% - 15.594%);
            margin-left: calc( 11.176%/-2);
            bottom: 9.529%;
            transform: translateX(-50%); }
        body.page-passatempo section.slider-3d .frames .elementos-composicao .elemento.direita-da-maquina {
          /* prato */
          width: 28.784%;
          max-width: 443px;
          left: calc(50% + 15.724%);
          bottom: 14.603%;
          transform: translateX(0%); }
          body.page-passatempo section.slider-3d .frames .elementos-composicao .elemento.direita-da-maquina + .direita-da-maquina {
            /* salsa */
            width: 11.176%;
            max-width: 172px;
            left: calc(50% + 10.786%);
            bottom: 11.881%;
            transform: translateX(50%); }
      body.page-passatempo section.slider-3d .frames .elementos-composicao .maquina {
        position: absolute;
        display: block;
        width: 47.758%;
        max-width: 735px;
        left: calc( 50%);
        margin-left: 4.808%;
        bottom: 9.900%;
        transform: translateX(-50%); }
        body.page-passatempo section.slider-3d .frames .elementos-composicao .maquina a.ball {
          display: inline-block;
          width: 138px;
          height: 138px;
          vertical-align: middle;
          background: #e40f1b;
          border-radius: 50%;
          text-align: center;
          color: white;
          font-family: "Pacifico";
          font-size: 20px;
          text-align: center;
          line-height: 138px;
          position: absolute;
          bottom: 76%;
          left: 81%; }
          body.page-passatempo section.slider-3d .frames .elementos-composicao .maquina a.ball:hover, body.page-passatempo section.slider-3d .frames .elementos-composicao .maquina a.ball:focus {
            text-decoration: none;
            border: none;
            outline: none; }
          body.page-passatempo section.slider-3d .frames .elementos-composicao .maquina a.ball:before {
            content: '';
            display: block;
            position: absolute;
            bottom: -74px;
            left: 0;
            width: 54px;
            height: 57px;
            background: url(/sites/all/themes/custom/assets/img/arrow-down.png);
            background-repeat: no-repeat;
            background-size: 54px 57px;
            transform: scale(-1, -1); }
  body.page-passatempo section.slider-3d small {
    font-family: "Pacifico";
    color: #999;
    font-size: 16px;
    position: absolute;
    top: 100%;
    width: 100%;
    text-align: center;
    margin-top: -110px;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity .5s; }
    body.page-passatempo section.slider-3d small img {
      display: block;
      width: 74px;
      height: auto;
      margin: 0 auto 15px; }

body.page-passatempo section.premios {
  text-align: center; }
  body.page-passatempo section.premios.premios-v-top-0 {
    margin-top: 0; }
  body.page-passatempo section.premios.premios-bg-cream {
    background: #fdfbee; }
  body.page-passatempo section.premios .premios-header h2 {
    text-transform: none;
    color: #e40f1b;
    font-family: "Pacifico";
    font-size: 30px;
    line-height: 26px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 25px; }
  body.page-passatempo section.premios .premios-header p {
    text-transform: none;
    color: #555;
    font-family: "Open Sans";
    font-size: 18px;
    text-align: center;
    line-height: 21px;
    margin-top: 25px; }
    body.page-passatempo section.premios .premios-header p strong {
      font-weight: 600; }
  body.page-passatempo section.premios .premio {
    text-align: center; }
    body.page-passatempo section.premios .premio:only-of-type {
      float: none;
      margin-right: auto;
      margin-left: auto; }
    body.page-passatempo section.premios .premio:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      overflow: hidden;
      background-color: transparent;
      position: absolute;
      top: auto;
      margin-top: 50%;
      left: 50%;
      transition: background-color .3s ease;
      z-index: 0;
      width: 80%;
      padding-bottom: 80%;
      border-radius: 100%;
      background-color: #fff;
      transform: translate(-50%, -50%); }
    body.page-passatempo section.premios .premio h3 {
      font-family: "Pacifico";
      font-size: 26px;
      text-transform: none;
      margin-top: 30px; }
      body.page-passatempo section.premios .premio h3 span {
        color: #e40f1b;
        font-size: 40px;
        font-style: italic; }
        body.page-passatempo section.premios .premio h3 span small {
          color: inherit;
          font-size: 30px;
          font-style: inherit; }
    body.page-passatempo section.premios .premio p {
      color: #555;
      font-family: "Open Sans";
      font-weight: 300;
      font-size: 18px; }
    body.page-passatempo section.premios .premio > div:first-child {
      background-size: contain;
      background-position: 50% 100%;
      background-repeat: no-repeat;
      display: block;
      z-index: 1;
      position: relative; }
      body.page-passatempo section.premios .premio > div:first-child:before {
        content: "";
        display: block;
        position: relative;
        padding-bottom: 96%; }
    body.page-passatempo section.premios .premio.smaller > div:first-child {
      background-size: 70% auto; }
  body.page-passatempo section.premios.winners .premio {
    margin-top: 30px; }
    body.page-passatempo section.premios.winners .premio:before {
      display: none; }
    body.page-passatempo section.premios.winners .premio h4 {
      text-transform: none;
      font-size: 24px;
      margin-bottom: 0; }
    body.page-passatempo section.premios.winners .premio h5 {
      text-transform: none;
      font-size: 18px;
      font-weight: 400;
      margin-top: 3px; }
    @media (max-width: 991px) {
      body.page-passatempo section.premios.winners .premio h4 {
        font-size: 20px; }
      body.page-passatempo section.premios.winners .premio h5 {
        font-size: 16px; } }
    @media (max-width: 767px) {
      body.page-passatempo section.premios.winners .premio h4 {
        font-size: 18px; }
      body.page-passatempo section.premios.winners .premio h5 {
        font-size: 14px; } }
    body.page-passatempo section.premios.winners .premio > div:first-child {
      width: 80%;
      padding-bottom: 80%;
      height: 0;
      background-size: cover;
      background-position: 50% 50%;
      border-radius: 50%;
      margin: 0 auto; }
      body.page-passatempo section.premios.winners .premio > div:first-child:before {
        display: none; }
      @media (max-width: 479px) {
        body.page-passatempo section.premios.winners .premio > div:first-child {
          max-width: none;
          width: 80%;
          padding-bottom: 80%; } }
    body.page-passatempo section.premios.winners .premio.smaller > div:first-child {
      background-size: cover; }

body.page-passatempo section.como-participar h2 {
  text-transform: none;
  color: #e40f1b;
  font-family: "Pacifico";
  font-size: 30px;
  line-height: 26px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 25px; }

body.page-passatempo section.como-participar p {
  text-transform: none;
  color: #555;
  font-family: "Open Sans";
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 25px; }

body.page-passatempo section.como-participar .btn-primary {
  padding-left: 48px;
  padding-right: 48px; }

body.page-passatempo section.como-participar p.regulamento {
  padding-top: 20px;
  font-size: 15px; }
  body.page-passatempo section.como-participar p.regulamento a {
    color: #e40f1b; }

body.page-passatempo .rollerblade-img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none; }

body.page-passatempo .rollerblade-drag {
  cursor: move; }

/*
Full HD Devices, Wide Screens - Large DESKTOP // 1920
*/
/*
Very Large Devices, Wide Screens - DESKTOP // 1439
*/
/*
Large Devices, Wide Screens - HORIZONTAL TABLET, SMALL DESKTOP // 1199
*/
/*
Medium Devices, Desktops - TABLET VERTICAL // 991
*/
@media only screen and (max-width: 991px) {
  body.page-passatempo section.slider-3d {
    height: 420px; }
    body.page-passatempo section.slider-3d .frames {
      bottom: 0;
      height: 100%;
      /* new */
      bottom: auto;
      top: 0; }
      body.page-passatempo section.slider-3d .frames figure {
        height: 100%; }
      body.page-passatempo section.slider-3d .frames figcaption {
        top: 30px;
        /* p{
              font-size: 16px;
          } */ }
      body.page-passatempo section.slider-3d .frames .elementos-composicao {
        position: absolute;
        bottom: -3.5%;
        display: block; }
        body.page-passatempo section.slider-3d .frames .elementos-composicao .elementos .maquina a.ball {
          width: 100px;
          height: 100px;
          line-height: 100px;
          font-size: 18px; }
          body.page-passatempo section.slider-3d .frames .elementos-composicao .elementos .maquina a.ball:before {
            bottom: -44px;
            left: -27px;
            width: 54px;
            height: 57px;
            background-repeat: no-repeat;
            background-size: 37px 42px; }
  body.page-passatempo section.premios .premio:before {
    width: 70%;
    padding-bottom: 70%; } }

/*
Small Devices, Tablets - SMARTPHONE // 767
*/
@media only screen and (max-width: 767px) {
  body.page-passatempo section.slider-3d {
    height: 320px; }
    body.page-passatempo section.slider-3d .frames {
      height: 100%; }
      body.page-passatempo section.slider-3d .frames figure {
        height: 100%; }
      body.page-passatempo section.slider-3d .frames figcaption {
        top: 30px; }
        body.page-passatempo section.slider-3d .frames figcaption p {
          font-size: 16px; }
      body.page-passatempo section.slider-3d .frames .elementos-composicao {
        position: absolute;
        bottom: -10%;
        display: block; }
        body.page-passatempo section.slider-3d .frames .elementos-composicao .elementos .maquina a.ball {
          width: 90px;
          height: 90px;
          line-height: 90px;
          font-size: 16px; }
          body.page-passatempo section.slider-3d .frames .elementos-composicao .elementos .maquina a.ball:before {
            left: -17px; } }

/*
For slider only
*/
@media only screen and (max-width: 540px) {
  body.page-passatempo section.slider-3d {
    height: 320px; } }

/*
Extra Small Devices, Phones - SMALL SMARTPHONE // 479
*/
@media only screen and (max-width: 479px) {
  body.page-passatempo section.slider-3d {
    margin-bottom: 34%;
    height: 300px; }
    body.page-passatempo section.slider-3d .frames figure {
      height: 120%; }
    body.page-passatempo section.slider-3d .frames .elementos-composicao .elemento.esquerda-da-maquina {
      /* Galinha */
      width: 18.027%;
      max-width: 339px;
      left: calc(50% - 21.196%);
      margin-left: calc( 22.027%/-2);
      bottom: 16.668%;
      transform: translateX(-50%); }
      body.page-passatempo section.slider-3d .frames .elementos-composicao .elemento.esquerda-da-maquina + .esquerda-da-maquina {
        /* Ovo */
        width: 11.176%;
        max-width: 172px;
        left: calc(50% - 17.594%);
        margin-left: calc( 11.176%/-2);
        bottom: 9.529%;
        transform: translateX(-50%); }
    body.page-passatempo section.slider-3d .frames .elementos-composicao .elemento.direita-da-maquina {
      /* prato */
      width: 28.784%;
      max-width: 443px;
      left: calc(50% + 15.724%);
      bottom: 14.603%;
      transform: translateX(0%); }
      body.page-passatempo section.slider-3d .frames .elementos-composicao .elemento.direita-da-maquina + .direita-da-maquina {
        /* salsa */
        width: 11.176%;
        max-width: 172px;
        left: calc(50% + 12.786%);
        bottom: 11.881%;
        transform: translateX(50%); }
    body.page-passatempo section.slider-3d .frames .elementos-composicao .maquina {
      position: absolute;
      display: block;
      width: 55%;
      max-width: 735px;
      left: calc( 50%);
      margin-left: 4.808%;
      bottom: 9.900%;
      transform: translateX(-50%); }
      body.page-passatempo section.slider-3d .frames .elementos-composicao .maquina a.ball {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 14px; }
        body.page-passatempo section.slider-3d .frames .elementos-composicao .maquina a.ball:before {
          bottom: -35px;
          left: -27px;
          width: 54px;
          height: 57px;
          background-repeat: no-repeat;
          background-size: 24px 27px; }
  body.page-passatempo section.premios .premio {
    width: 100%; }
    body.page-passatempo section.premios .premio:before {
      width: 50%;
      padding-bottom: 50%;
      top: auto;
      margin-top: 130px; }
    body.page-passatempo section.premios .premio:first-of-type {
      margin-top: 25px; }
    body.page-passatempo section.premios .premio > * {
      width: 100%;
      float: none;
      display: block; }
      body.page-passatempo section.premios .premio > *:first-child {
        max-width: 220px;
        margin-left: auto;
        margin-right: auto; } }

/*
Extra Extra Small Devices, Phones - SMALL SMARTPHONE // 380
*/
@media only screen and (max-width: 380px) {
  body.page-passatempo section.como-participar .btn-primary {
    padding-left: 12px;
    padding-right: 12px; }
  body.page-passatempo section.slider-3d {
    height: 240px; } }

/* Touch devices only */
html.touch body.page-passatempo section.slider-3d {
  /* margin-bottom: 0; */ }
  html.touch body.page-passatempo section.slider-3d small {
    display: none !important; }

@charset "UTF-8";
/*====================================
=            DEPENDENCIES            =
====================================*/
/*
    Colors
*/
/*
    Fonts
*/
/*
    Slick
*/
/*
    Breakpoints
*/
/*
	INTERACTIONS
*/
/*
	CLEARFIX
*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/*
    ICON CONTENT VAR
*/
.recipe section.main h2,
.recipe section.comments h2 {
  font-size: 25px;
  font-family: "Pacifico";
  color: #333;
  display: block;
  text-transform: none;
  border-bottom: 2px solid #e40f1b;
  padding: 10px 15px;
  margin-top: 40px;
  margin-bottom: 30px; }

.recipe .form-item {
  margin: 0; }

.recipe .slider {
  visibility: visible;
  background: black;
  margin-bottom: 0; }
  .recipe .slider .slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1; }
    .recipe .slider .slide .bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-position: center center;
      background-size: cover;
      opacity: .60; }
    .recipe .slider .slide p {
      font-size: 32px;
      line-height: 1;
      font-family: "Pacifico";
      color: #fff;
      max-width: 600px;
      margin: 0 auto;
      text-align: center;
      text-transform: none;
      padding: 0; }
    .recipe .slider .slide .category-icon {
      font-size: 72px;
      color: #fff; }
    .recipe .slider .slide h1 {
      font-size: 50px;
      color: #fff !important;
      font-weight: 600;
      text-transform: uppercase;
      margin: 30px 0; }
      .recipe .slider .slide h1:after {
        content: '';
        border-bottom: 1px solid #fff;
        width: 140px;
        height: 0;
        display: block;
        margin: 30px auto 0; }
    .recipe .slider .slide h2 {
      font-size: 32px;
      line-height: 1;
      font-family: "Pacifico";
      color: #fff;
      max-width: 600px;
      margin: 0 auto;
      text-align: center;
      text-transform: none;
      padding: 0; }
  .recipe .slider .actions {
    position: absolute;
    left: 40px;
    top: 20px;
    z-index: 3; }
    .recipe .slider .actions a {
      font-size: 43px;
      width: 43px;
      height: 43px;
      margin: 15px 0;
      color: #fff;
      display: block;
      text-decoration: none;
      transition: transform .25s ease-out, color .4s ease-out; }
      .recipe .slider .actions a:before {
        font-family: 'yammi'; }
      .recipe .slider .actions a:hover {
        color: #d0d0d0; }
      .recipe .slider .actions a:active {
        color: #b7b7b7;
        transform: scale(0.95, 0.95); }
      .recipe .slider .actions a.active {
        color: #e40f1b; }

.recipe.node-unpublished .container.comments,
.recipe.node-unpublished .share-actions {
  opacity: .3;
  pointer-events: none; }

.recipe section.info {
  background-color: #f1f1f1;
  width: auto;
  position: relative;
  top: 100%; }
  .recipe section.info .part {
    float: left;
    line-height: 28px;
    color: #999;
    margin: 20px 0;
    text-transform: uppercase;
    font-size: 0;
    line-height: 0;
    font-family: "Open Sans"; }
    .recipe section.info .part span {
      font-size: 28px;
      line-height: 28px;
      vertical-align: middle;
      display: inline-block; }
      .recipe section.info .part span.i-yammi-filled.vs1 {
        transform: translateY(-3px); }
        .recipe section.info .part span.i-yammi-filled.vs1:before {
          font-size: 20px; }
      .recipe section.info .part span.i-yammi-filled.vs2 {
        transform: translateY(-2px); }
        .recipe section.info .part span.i-yammi-filled.vs2:before {
          font-size: 23px; }
    .recipe section.info .part i {
      font-size: 14px;
      line-height: 28px;
      display: inline-block;
      vertical-align: middle;
      font-style: normal;
      padding-left: 10px; }
    .recipe section.info .part + .part {
      margin-left: 40px; }
    .recipe section.info .part.category {
      font-family: "Pacifico";
      text-transform: none; }
      .recipe section.info .part.category i {
        font-size: 16px; }
    .recipe section.info .part.rating-widget {
      float: right;
      text-transform: none;
      font-weight: 400;
      /****** Style Star Rating Widget *****/ }
      .recipe section.info .part.rating-widget b {
        float: left;
        font-weight: 400;
        font-size: 13px;
        line-height: 28px; }
      .recipe section.info .part.rating-widget fieldset, .recipe section.info .part.rating-widget label {
        margin: 0;
        padding: 0; }
      .recipe section.info .part.rating-widget .rating {
        border: none;
        float: left;
        margin-left: 10px;
        /***** CSS Magic to Highlight Stars on Hover *****/
        /* hover previous stars in list */ }
        .recipe section.info .part.rating-widget .rating > input {
          display: none; }
        .recipe section.info .part.rating-widget .rating > label:before {
          margin: 5px 2px;
          font-size: 17px;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          font-family: 'yammi';
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: inline-block;
          content: ""; }
        .recipe section.info .part.rating-widget .rating > label {
          color: #999;
          float: right; }
        .recipe section.info .part.rating-widget .rating > input:checked ~ label:before,
        .recipe section.info .part.rating-widget .rating:not(:checked) > label:hover:before,
        .recipe section.info .part.rating-widget .rating:not(:checked) > label:hover ~ label:before {
          content: "";
          color: #e40f1b; }
        .recipe section.info .part.rating-widget .rating > input:checked + label:hover:before,
        .recipe section.info .part.rating-widget .rating > input:checked ~ label:hover:before,
        .recipe section.info .part.rating-widget .rating > label:hover ~ input:checked ~ label:before,
        .recipe section.info .part.rating-widget .rating > input:checked ~ label:hover ~ label :before {
          color: #fc2e36;
          content: ""; }
    .recipe section.info .part.profile {
      position: relative;
      line-height: 1;
      margin: 11px 0;
      text-transform: none; }
      .recipe section.info .part.profile .avatar-container {
        position: relative;
        display: inline-block;
        vertical-align: middle; }
        .recipe section.info .part.profile .avatar-container .star {
          position: absolute;
          left: 20px;
          top: 20px;
          color: #fff;
          text-shadow: 0px 0px 2px #999; }
          .recipe section.info .part.profile .avatar-container .star i {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            color: #999;
            text-shadow: none;
            font-style: normal;
            font-size: 10px;
            line-height: 28px;
            width: 28px;
            display: block;
            text-align: center;
            padding: 0; }
      .recipe section.info .part.profile p {
        font-size: 12px;
        padding: 6px 0px 0 15px;
        font-style: italic;
        line-height: 1.3;
        display: inline-block;
        vertical-align: middle; }

.recipe.newrecipe .rating-widget,
.recipe.newrecipe .btn-buy,
.recipe.newrecipe .steps small,
.recipe.newrecipe .steps .actions,
.recipe.newrecipe section.comments,
.recipe.newrecipe .share-actions {
  opacity: .3 !important;
  pointer-events: none !important; }

.recipe.newrecipe section.newrecipe {
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  padding: 45px 30px 60px;
  font-weight: 500;
  border-top: 1px solid #d0d0d0;
  margin-top: 45px; }

.recipe section.main .ingredients ul {
  margin: 0;
  padding: 0; }
  .recipe section.main .ingredients ul li {
    list-style: none;
    vertical-align: top;
    position: relative;
    line-height: 18px;
    font-size: 15px;
    padding: 5px 10px 5px 20px;
    font-family: "Open Sans"; }
    .recipe section.main .ingredients ul li:before {
      content: '\2022';
      color: #e40f1b;
      display: inline-block;
      vertical-align: top;
      position: absolute;
      left: 0;
      top: 4px;
      font-size: 22px; }
    .recipe section.main .ingredients ul li + li {
      border-top: 1px solid #d0d0d0; }
    .recipe section.main .ingredients ul li.grouptitle {
      font-weight: 700;
      padding-left: 0;
      padding-top: 15px; }
      .recipe section.main .ingredients ul li.grouptitle:before {
        display: none; }

.recipe section.main .ingredients .btn {
  margin-top: 30px; }

.recipe section.main .steps .note, .recipe section.main .steps .tip {
  font-size: 16px;
  margin-top: 25px;
  margin-left: 35px; }
  .recipe section.main .steps .note p, .recipe section.main .steps .tip p {
    display: inline; }

.recipe section.main .steps .step {
  position: relative;
  padding-left: 35px;
  font-family: "Open Sans"; }
  .recipe section.main .steps .step i {
    color: #e40f1b;
    display: block;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 18px;
    font-weight: 700;
    font-style: normal; }
  .recipe section.main .steps .step h3 {
    font-family: "Open Sans";
    text-transform: none;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    line-height: 1.4; }
  .recipe section.main .steps .step p {
    font-size: 16px;
    line-height: 1.4; }
  .recipe section.main .steps .step + .step {
    margin-top: 25px; }

.recipe section.main .steps a.conversion-table {
  font-family: "Pacifico";
  font-size: 22px;
  text-decoration: none;
  color: #333;
  transition: color .4s;
  line-height: 44px;
  padding-left: 35px;
  margin: 20px 0;
  display: inline-block; }
  .recipe section.main .steps a.conversion-table:before {
    display: inline-block;
    vertical-align: top;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'yammi';
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 44px;
    color: #e40f1b;
    margin-right: 5px; }
  .recipe section.main .steps a.conversion-table.vs1:before {
    content: ""; }
  .recipe section.main .steps a.conversion-table.vs2:before {
    content: ""; }
  .recipe section.main .steps a.conversion-table:hover, .recipe section.main .steps a.conversion-table:active {
    color: #e40f1b; }

.recipe section.main .steps small {
  font-family: "Open Sans";
  display: block;
  font-size: 11px;
  color: #333;
  font-weight: 400;
  line-height: 14px;
  padding: 15px 0;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0; }

.recipe section.main .steps .actions {
  padding-top: 20px; }
  .recipe section.main .steps .actions a {
    font-size: 11px;
    color: #333;
    text-decoration: none;
    transition: color .4s;
    display: inline-block;
    text-align: center;
    font-family: inherit; }
    .recipe section.main .steps .actions a:before {
      font-family: 'yammi';
      color: #e40f1b;
      font-size: 30px;
      display: block;
      margin: 5px; }
    .recipe section.main .steps .actions a:hover, .recipe section.main .steps .actions a:active {
      color: #e40f1b; }
    .recipe section.main .steps .actions a + a {
      margin-left: 25px; }

.recipe section.main .steps a.conversion + .actions {
  border-top: 1px solid #d0d0d0; }

.recipe section.comments h2 {
  border-color: #333; }

.recipe section.comments h3 {
  float: left;
  font-family: "Pacifico";
  text-transform: none;
  padding-left: 15px;
  margin: 0;
  margin-bottom: 15px;
  color: #999; }

.recipe section.comments .offline {
  font-family: "Pacifico";
  font-size: 23px;
  color: #999;
  padding: 0 15px 30px;
  font-weight: 400; }
  .recipe section.comments .offline a {
    color: #e40f1b;
    text-decoration: none;
    display: inline-block;
    border-bottom: 2px solid transparent;
    transition: border-bottom .4s, transform .4s ease-out; }
    .recipe section.comments .offline a:hover, .recipe section.comments .offline a:active {
      border-bottom: 2px solid #e40f1b; }

.recipe section.comments a.quit-notifications {
  float: right;
  display: block;
  margin-top: 10px;
  color: #333;
  text-decoration: underline;
  font-family: "Pacifico";
  font-size: 15px; }
  .recipe section.comments a.quit-notifications:hover, .recipe section.comments a.quit-notifications:active {
    color: #e40f1b; }

.recipe section.comments .new.disabled {
  pointer-events: none;
  opacity: .5;
  cursor: default; }
  .recipe section.comments .new.disabled h3,
  .recipe section.comments .new.disabled a.quit-notifications {
    display: none; }

.recipe section.comments input.message-title {
  width: 100%;
  border-bottom: none;
  border-radius: 0;
  border-color: #999;
  font-family: "Open Sans";
  font-size: 16px;
  padding: 10px 15px; }

.recipe section.comments .comment {
  padding-left: 60px;
  font-family: "Open Sans";
  position: relative;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #d0d0d0; }
  .recipe section.comments .comment a.quote {
    position: absolute;
    top: 28px;
    right: 0px;
    font-size: 18px;
    font-family: "Pacifico";
    color: #999;
    text-decoration: none; }
    .recipe section.comments .comment a.quote span {
      color: #e40f1b;
      font-size: 26px; }
    .recipe section.comments .comment a.quote:hover, .recipe section.comments .comment a.quote:active {
      color: #e40f1b; }
  .recipe section.comments .comment .avatar {
    position: absolute;
    left: 0;
    top: 28px; }
  .recipe section.comments .comment h4 {
    font-family: "Open Sans";
    text-transform: none;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin: 2px 0; }
  .recipe section.comments .comment small {
    font-style: italic;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 10px; }
  .recipe section.comments .comment p {
    padding: 0;
    margin: 0;
    padding-top: 10px;
    font-size: 14px;
    font-weight: 400; }
    .recipe section.comments .comment p a {
      color: #e40f1b;
      text-decoration: none;
      display: inline-block;
      margin: 0 5px; }
      .recipe section.comments .comment p a:hover, .recipe section.comments .comment p a:active {
        text-decoration: underline; }

.recipe section.comments .indented {
  margin-left: 60px; }

/*
    Full HD Devices, Wide Screens - Large DESKTOP
*/
/*
    Very Large Devices, Wide Screens - DESKTOP
*/
/*
    Large Devices, Wide Screens - HORIZONTAL TABLET, SMALL DESKTOP
*/
/*
    Medium Devices, Desktops - TABLET VERTICAL
*/
@media only screen and (max-width: 991px) {
  .recipe section.main h2,
  .recipe section.comments h2 {
    font-size: 20px; }
  .recipe .slider .slide .claim-content {
    top: -30px; }
  .recipe .slider .slide h1 {
    font-size: 40px;
    margin: 15px 0; }
    .recipe .slider .slide h1:after {
      margin-top: 20px; }
  .recipe .slider .slide .category-icon {
    font-size: 50px; }
  .recipe .slider .slide p {
    font-size: 22px; }
  .recipe .slider .slide h2 {
    font-size: 22px; }
  .recipe .slider .actions a {
    font-size: 40px; }
  .recipe section.main .ingredients ul li {
    font-size: 14px; }
  .recipe section.main .steps .step p, .recipe section.main .steps .step h3 {
    font-size: 14px; }
  .recipe section.comments h3 {
    font-size: 20px; }
  .recipe section.comments .comment {
    padding-left: 55px; } }

/*
    Small Devices, Tablets - SMARTPHONE
*/
@media only screen and (max-width: 767px) {
  .recipe section.main h2,
  .recipe section.comments h2 {
    font-size: 20px; }
  .recipe .slider .slide .claim-content {
    top: -30px; }
  .recipe .slider .slide h1 {
    font-size: 25px;
    margin: 10px 0; }
    .recipe .slider .slide h1:after {
      margin-top: 20px; }
  .recipe .slider .slide .category-icon {
    font-size: 44px; }
  .recipe .slider .slide p {
    font-size: 16px; }
  .recipe .slider .slide h2 {
    font-size: 16px; }
  .recipe .slider .actions {
    top: auto;
    bottom: 10px;
    left: 0;
    width: 100%; }
    .recipe .slider .actions a {
      display: inline-block;
      font-size: 32px; }
  .recipe section.main .ingredients ul li {
    font-size: 13px; }
  .recipe section.main .steps .step p, .recipe section.main .steps .step h3 {
    font-size: 13px; }
  .recipe section.main .steps .actions {
    text-align: center; }
  .recipe section.info {
    text-align: center;
    border-bottom: 1px solid #d0d0d0; }
    .recipe section.info .part {
      display: inline-block;
      vertical-align: middle;
      float: none; }
      .recipe section.info .part,
      .recipe section.info .part + .part {
        margin: 10px 15px; }
    .recipe section.info .part.profile {
      display: block;
      text-align: center;
      float: none; }
      .recipe section.info .part.profile p {
        text-align: left; }
    .recipe section.info .part.time:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    .recipe section.info .part.rating-widget {
      float: none;
      display: block; }
      .recipe section.info .part.rating-widget b, .recipe section.info .part.rating-widget fieldset, .recipe section.info .part.rating-widget .rating {
        float: none;
        display: inline-block;
        vertical-align: middle; }
  .recipe section.comments h2 {
    margin-bottom: 20px; }
  .recipe section.comments h3 {
    font-size: 18px;
    float: none;
    margin-bottom: 0; }
  .recipe section.comments .offline {
    font-size: 16px;
    padding: 0 15px 20px; }
  .recipe section.comments a.quit-notifications {
    float: none;
    padding-left: 15px;
    margin-top: 0;
    margin-bottom: 15px; }
  .recipe section.comments .comment {
    padding-left: 50px; }
    .recipe section.comments .comment a.quote {
      position: relative;
      margin-top: 15px;
      right: auto;
      left: 0;
      top: 0; } }

/*
    Extra Small Devices, Phones - SMALL SMARTPHONE
*/
/*
    Custom, iPhone Retina
*/
/*
    Comentários
*/
section.comments .text-panel.form-textarea {
  border: none; }

@charset "UTF-8";
/*====================================
=            DEPENDENCIES            =
====================================*/
/*
    Colors
*/
/*
    Fonts
*/
/*
    Slick
*/
/*
    Breakpoints
*/
/*
	INTERACTIONS
*/
/*
	CLEARFIX
*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/*
    ICON CONTENT VAR
*/
section.slider.slider-receitas {
  position: relative;
  margin-bottom: 0; }
  section.slider.slider-receitas .slide .slide-container {
    display: block; }
  section.slider.slider-receitas .slide .claim-content {
    position: relative;
    top: -30px; }
  section.slider.slider-receitas .slide .weather-icon {
    font-size: 72px;
    color: #fff; }
  section.slider.slider-receitas .slide p {
    font-size: 22px;
    line-height: 1;
    font-family: "Pacifico";
    color: #fff;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    padding: 15px 0; }
  section.slider.slider-receitas .slide h1 {
    font-size: 50px;
    color: #fff !important;
    font-weight: 600;
    text-transform: uppercase; }
    section.slider.slider-receitas .slide h1:after {
      content: '';
      border-bottom: 1px solid #fff;
      width: 140px;
      height: 0;
      display: block;
      margin: 15px auto; }
  section.slider.slider-receitas .slick-dots {
    text-align: center;
    position: absolute;
    bottom: 50px;
    z-index: 1;
    width: 100%; }
    section.slider.slider-receitas .slick-dots li {
      list-style: none;
      padding: 0;
      margin: 0 40px;
      display: inline-block; }
      section.slider.slider-receitas .slick-dots li a {
        color: #fff;
        font-size: 36px;
        display: block;
        text-decoration: none;
        opacity: .5;
        transition: opacity .4s;
        display: inline-block; }
        section.slider.slider-receitas .slick-dots li a.active, section.slider.slider-receitas .slick-dots li a:hover, section.slider.slider-receitas .slick-dots li a:active {
          opacity: 1; }
      section.slider.slider-receitas .slick-dots li .tooltip {
        width: 70px; }
      section.slider.slider-receitas .slick-dots li.slick-active a {
        opacity: 1; }

section.receitas #recipes-total-count {
  display: none; }

section.receitas .receitas-filtros-top .popover {
  box-shadow: none; }

section.receitas .receitas-filtros-top .popover-content {
  text-align: center; }
  section.receitas .receitas-filtros-top .popover-content ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    section.receitas .receitas-filtros-top .popover-content ul li {
      font-size: 18px;
      line-height: 26px; }
      section.receitas .receitas-filtros-top .popover-content ul li a {
        color: #333;
        text-decoration: none;
        display: inline-block;
        padding: 5px 0; }
        section.receitas .receitas-filtros-top .popover-content ul li a:hover, section.receitas .receitas-filtros-top .popover-content ul li a:active {
          color: #e40f1b; }
      section.receitas .receitas-filtros-top .popover-content ul li + li {
        border-top: 1px solid #333; }

section.receitas .receitas-filtros-top .form-group + .form-group {
  margin-left: 10px; }

section.receitas .receitas-filtros-top .form-group .input-search {
  width: 260px; }

section.receitas .receitas-filtros-top .livro-receitas {
  border-width: 1px !important;
  display: none; }
  section.receitas .receitas-filtros-top .livro-receitas.active {
    display: block; }

section.receitas .receitas-filtros-top .toggle-filters {
  font-family: inherit;
  font-size: 18px;
  position: relative; }
  section.receitas .receitas-filtros-top .toggle-filters:after {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'yammi';
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 16px;
    color: #e40f1b;
    display: inline-block;
    margin-left: 10px; }
  section.receitas .receitas-filtros-top .toggle-filters:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 0px solid white;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    top: 100%;
    margin-top: 15px;
    opacity: 0;
    transition: border .3s ease-in-out .1s, opacity 0s; }
  section.receitas .receitas-filtros-top .toggle-filters.active {
    color: #e40f1b;
    background-color: #fff;
    border-color: #e40f1b;
    transition-delay: .1s; }
    section.receitas .receitas-filtros-top .toggle-filters.active:before {
      opacity: 1;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 20px solid white; }

section.receitas .receitas-filtros-top .livro-disabled {
  background-color: #333;
  opacity: .3;
  border-color: #333;
  transition: opacity .4s; }
  section.receitas .receitas-filtros-top .livro-disabled:hover, section.receitas .receitas-filtros-top .livro-disabled:active {
    color: white;
    opacity: .4; }

.receitas-cookingstar {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 80px; }
  .receitas-cookingstar .cookingstar-slick article {
    padding-top: 30px;
    padding-bottom: 5px; }
  .receitas-cookingstar .cookingstar-slick .contextual-links-wrapper {
    right: 50px;
    top: 8px; }
  .receitas-cookingstar .slick-dots {
    bottom: -65px; }
  .receitas-cookingstar .slick:not(.slick-initialized) {
    white-space: nowrap; }
    .receitas-cookingstar .slick:not(.slick-initialized) article {
      display: inline-block; }
  .receitas-cookingstar .info {
    margin: auto;
    text-align: center;
    transition: transform .4s ease-out; }
    .receitas-cookingstar .info .tipo-icon {
      width: 70px;
      height: 70px;
      font-size: 70px;
      line-height: 1;
      display: inline-block;
      color: #fff;
      margin-top: -40px;
      margin-bottom: 30px; }
    .receitas-cookingstar .info h3 {
      border: none;
      margin: 0;
      color: #fff; }
      .receitas-cookingstar .info h3:after {
        border-color: #fff; }
    .receitas-cookingstar .info .list {
      margin: 0;
      padding: 0;
      margin-top: 30px;
      list-style: none; }
      .receitas-cookingstar .info .list li {
        text-align: center;
        display: inline-block;
        padding: 0 30px;
        vertical-align: top; }
        .receitas-cookingstar .info .list li a:not(.icon) {
          white-space: normal; }
        .receitas-cookingstar .info .list li a.icon {
          color: #111;
          font-size: 18px;
          background: none;
          font-family: "Pacifico";
          white-space: normal;
          display: block;
          text-decoration: none; }
          .receitas-cookingstar .info .list li a.icon:before {
            width: 70px;
            height: 70px;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            font-family: 'yammi';
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #f8f8f8;
            display: block;
            font-size: 40px;
            line-height: 70px;
            background: #999;
            margin: 0 auto 10px;
            border-radius: 100%;
            transition: background .3s; }
          .receitas-cookingstar .info .list li a.icon:hover:before, .receitas-cookingstar .info .list li a.icon:focus:before {
            background: #797979; }
          .receitas-cookingstar .info .list li a.icon.active:before {
            background: #e40f1b; }
        .receitas-cookingstar .info .list li:first-child {
          margin-left: 0; }
  .receitas-cookingstar h5 {
    color: #e40f1b;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: none;
    font-family: "Pacifico"; }
  .receitas-cookingstar h4 {
    color: #111;
    font-size: 24px;
    white-space: normal; }
  .receitas-cookingstar p {
    max-width: 300px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2em;
    font-style: italic;
    white-space: normal; }
  .receitas-cookingstar a.i-cross {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 20px;
    height: 20px;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    opacity: 1; }
    .receitas-cookingstar a.i-cross:hover, .receitas-cookingstar a.i-cross:active {
      color: #e40f1b; }
  .receitas-cookingstar .busy {
    pointer-events: none; }
    .receitas-cookingstar .busy a {
      opacity: .5; }

/*
    Full HD Devices, Wide Screens - Large DESKTOP
*/
/*
    Very Large Devices, Wide Screens - DESKTOP
*/
/*
    Large Devices, Wide Screens - HORIZONTAL TABLET, SMALL DESKTOP
*/
@media only screen and (max-width: 1199px) {
  section.slider-receitas .slide .claim-content {
    top: -20px; }
  section.slider-receitas .slide .weather-icon {
    font-size: 65px; }
  section.slider-receitas .slide p {
    font-size: 22px;
    max-width: 500px;
    padding: 15px 0; }
  section.slider-receitas .slide h1:after {
    width: 140px; }
  section.slider-receitas .slick-dots {
    bottom: 40px; }
    section.slider-receitas .slick-dots li {
      margin: 0 35px; }
      section.slider-receitas .slick-dots li a {
        font-size: 32px; } }

/*
    Medium Devices, Desktops - TABLET VERTICAL
*/
@media only screen and (max-width: 991px) {
  section.slider.slider-receitas .slide .claim-content {
    top: -20px; }
  section.slider.slider-receitas .slide .weather-icon {
    font-size: 57px; }
  section.slider.slider-receitas .slide p {
    font-size: 20px;
    max-width: 400px;
    padding: 15px 0; }
  section.slider.slider-receitas .slide h1:after {
    width: 120px; }
  section.slider.slider-receitas .slick-dots {
    bottom: 35px; }
    section.slider.slider-receitas .slick-dots li {
      margin: 0 30px; }
      section.slider.slider-receitas .slick-dots li a {
        font-size: 30px; }
  section.receitas .head {
    text-align: center;
    padding-bottom: 15px; }
  section.receitas .receitas-filtros-top {
    float: none !important; }
    section.receitas .receitas-filtros-top .input-group .form-control {
      float: none; } }

/*
    Small Devices, Tablets - SMARTPHONE
*/
@media only screen and (max-width: 767px) {
  section.slider.slider-receitas .slide .claim-content {
    top: -20px; }
  section.slider.slider-receitas .slide .weather-icon {
    font-size: 54px; }
  section.slider.slider-receitas .slide p {
    font-size: 19px;
    max-width: 380px;
    padding: 15px 0; }
  section.slider.slider-receitas .slide h1:after {
    width: 120px; }
  section.slider.slider-receitas .slick-dots {
    bottom: 30px; }
    section.slider.slider-receitas .slick-dots li {
      margin: 0 28px; }
      section.slider.slider-receitas .slick-dots li a {
        font-size: 28px; }
  section.receitas .head {
    padding-bottom: 20px; }
  section.receitas .receitas-filtros-top {
    float: none !important; }
    section.receitas .receitas-filtros-top .form-group {
      margin: 15px 0;
      float: none;
      display: block; }
      section.receitas .receitas-filtros-top .form-group > button,
      section.receitas .receitas-filtros-top .form-group .input-group {
        width: 100%;
        display: block;
        max-width: 290px;
        float: none;
        margin: 0 auto; }
    section.receitas .receitas-filtros-top .toggle-filters:before {
      margin-top: 30px; } }

/*
    Extra Small Devices, Phones - SMALL SMARTPHONE
*/
@media only screen and (max-width: 479px) {
  section.slider.slider-receitas .slide .claim-content {
    top: -15px; }
  section.slider.slider-receitas .slide .weather-icon {
    font-size: 46px; }
  section.slider.slider-receitas .slide p {
    font-size: 18px;
    max-width: 280px;
    padding: 10px 0; }
  section.slider.slider-receitas .slide h1 {
    font-size: 20px; }
    section.slider.slider-receitas .slide h1:after {
      width: 100px;
      margin: 15px auto 0; }
  section.slider.slider-receitas .slick-dots {
    bottom: 25px; }
    section.slider.slider-receitas .slick-dots li {
      margin: 0 25px; }
      section.slider.slider-receitas .slick-dots li a {
        font-size: 25px; } }

/*
    Custom, iPhone Retina
*/

@charset "UTF-8";
/*====================================
=            DEPENDENCIES            =
====================================*/
/*
    Colors
*/
/*
    Fonts
*/
/*
    Slick
*/
/*
    Breakpoints
*/
/*
	INTERACTIONS
*/
/*
	CLEARFIX
*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/*
    ICON CONTENT VAR
*/
.page-search .ds-search-extra {
  padding: 160px 40px 30px;
  font-size: 18px; }
  .page-search .ds-search-extra strong {
    font-weight: 400;
    color: #e40f1b; }

.page-search .footer {
  padding: 30px 0; }

.search-results {
  padding-top: 130px;
  padding-bottom: 60px;
  margin: 40px auto; }
  .search-results .results {
    padding: 60px 0; }

.ds-search-highlight {
  background: transparent;
  position: relative;
  display: inline-block;
  text-decoration: inherit;
  transition: transform .4s; }
  .ds-search-highlight:hover {
    transform: scale(1.1); }

.search-result {
  padding-top: 20px;
  padding-bottom: 20px; }
  .search-result figure img {
    max-width: 100%;
    height: auto; }
  .search-result a {
    color: #333;
    font-size: 18px;
    line-height: 18px; }
    .search-result a:hover, .search-result a:active {
      color: #e40f1b;
      text-decoration: none; }
  .search-result h4 {
    margin: 0;
    padding-top: 5px;
    line-height: 20px;
    margin-bottom: 8px;
    font-family: "Open Sans"; }
    .search-result h4 a {
      color: #e40f1b;
      font-size: 20px;
      font-weight: 600;
      text-transform: none; }
      .search-result h4 a:hover, .search-result h4 a:active {
        text-decoration: underline; }
  .search-result p {
    margin-top: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4; }
  .search-result ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .search-result ul li {
      display: inline-block;
      vertical-align: middle;
      margin: 0; }
      .search-result ul li a {
        color: #e40f1b;
        text-decoration: none; }
        .search-result ul li a:hover, .search-result ul li a:active {
          text-decoration: underline; }
      .search-result ul li.special {
        margin-left: 20px; }
      .search-result ul li ~ li:not(.special):before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        background: #e40f1b;
        width: 4px;
        height: 4px;
        margin: 0 8px 0 6px;
        border-radius: 50%;
        position: relative;
        top: -2px; }
  .search-result.recipe .info {
    position: relative;
    margin-bottom: 0; }
    .search-result.recipe .info .part {
      display: inline-block;
      vertical-align: middle;
      line-height: 28px;
      color: #999;
      margin: 0;
      text-transform: uppercase;
      font-size: 0;
      line-height: 0;
      font-family: "Open Sans"; }
      .search-result.recipe .info .part span {
        font-size: 24px;
        line-height: 24px;
        vertical-align: middle;
        display: inline-block; }
        .search-result.recipe .info .part span.i-yammi-filled.vs1 {
          transform: translateY(-2px); }
          .search-result.recipe .info .part span.i-yammi-filled.vs1:before {
            font-size: 17px; }
        .search-result.recipe .info .part span.i-yammi-filled.vs2 {
          transform: translateY(-1px); }
          .search-result.recipe .info .part span.i-yammi-filled.vs2:before {
            font-size: 20px; }
      .search-result.recipe .info .part i {
        font-size: 14px;
        line-height: 24px;
        display: inline-block;
        vertical-align: middle;
        font-style: normal;
        padding-left: 10px; }
      .search-result.recipe .info .part + .part {
        margin-left: 20px; }
      3
.search-result.recipe .info .part.category {
        font-family: "Pacifico";
        text-transform: none; }
        3
.search-result.recipe .info .part.category i {
          font-size: 16px; }
      .search-result.recipe .info .part.rating-widget {
        float: right;
        text-transform: none;
        font-weight: 400;
        /****** Style Star Rating Widget *****/ }
        .search-result.recipe .info .part.rating-widget b {
          float: left;
          font-weight: 400;
          font-size: 13px;
          line-height: 28px; }
        .search-result.recipe .info .part.rating-widget fieldset, .search-result.recipe .info .part.rating-widget label {
          margin: 0;
          padding: 0; }
        .search-result.recipe .info .part.rating-widget .rating {
          border: none;
          float: left;
          margin-left: 10px;
          /***** CSS Magic to Highlight Stars on Hover *****/
          /* hover previous stars in list */ }
          .search-result.recipe .info .part.rating-widget .rating > input {
            display: none; }
          .search-result.recipe .info .part.rating-widget .rating > label:before {
            margin: 5px 2px;
            font-size: 17px;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            font-family: 'yammi';
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: inline-block;
            content: ""; }
          .search-result.recipe .info .part.rating-widget .rating > label {
            color: #999;
            float: right; }
          .search-result.recipe .info .part.rating-widget .rating > input:checked ~ label:before,
          .search-result.recipe .info .part.rating-widget .rating:not(:checked) > label:hover:before,
          .search-result.recipe .info .part.rating-widget .rating:not(:checked) > label:hover ~ label:before {
            content: "";
            color: #e40f1b; }
          .search-result.recipe .info .part.rating-widget .rating > input:checked + label:hover:before,
          .search-result.recipe .info .part.rating-widget .rating > input:checked ~ label:hover:before,
          .search-result.recipe .info .part.rating-widget .rating > label:hover ~ input:checked ~ label:before,
          .search-result.recipe .info .part.rating-widget .rating > input:checked ~ label:hover ~ label :before {
            color: #fc2e36;
            content: ""; }
      .search-result.recipe .info .part.profile {
        position: relative;
        line-height: 1;
        margin: 11px 0;
        text-transform: none; }
        .search-result.recipe .info .part.profile .avatar-container {
          position: relative;
          display: inline-block;
          vertical-align: middle; }
          .search-result.recipe .info .part.profile .avatar-container .star {
            position: absolute;
            left: 20px;
            top: 20px;
            color: #fff;
            text-shadow: 0px 0px 2px #999; }
            .search-result.recipe .info .part.profile .avatar-container .star i {
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              color: #999;
              text-shadow: none;
              font-style: normal;
              font-size: 10px;
              line-height: 28px;
              width: 28px;
              display: block;
              text-align: center;
              padding: 0; }
        .search-result.recipe .info .part.profile p {
          font-size: 12px;
          padding: 6px 0px 0 15px;
          font-style: italic;
          line-height: 1.3;
          display: inline-block;
          vertical-align: middle; }

/*
Small Devices, Tablets - SMARTPHONE // 767
*/
@media only screen and (max-width: 767px) {
  .search-results {
    padding-top: 50px;
    padding-bottom: 15px;
    margin: 40px auto 0px; }
  .search-result {
    padding: 10px 0; }
    .search-result a {
      font-size: 14px; }
    .search-result h4 {
      padding-top: 0; }
      .search-result h4 a {
        font-size: 18px; }
    .search-result p {
      font-size: 14px; }
    .search-result .col-xs-8 {
      padding-left: 0; } }

@charset "UTF-8";
/*====================================
=            DEPENDENCIES            =
====================================*/
/*
    Colors
*/
/*
    Fonts
*/
/*
    Slick
*/
/*
    Breakpoints
*/
/*
	INTERACTIONS
*/
/*
	CLEARFIX
*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/*
    ICON CONTENT VAR
*/
.universo {
  /*
        CSS adicionado para os comentários e as mensagens a partir daqui
        TODO: fazer merge com o CSS acima
    */ }
  .universo .jumbotron h2,
  .universo .jumbotron p {
    max-width: 1000px; }
  .universo section.digital picture,
  .universo section.digital img {
    margin: 50px auto 0;
    max-width: 100%; }
  .universo section.digital .free-download {
    height: auto;
    left: 0px;
    top: 0;
    z-index: 1;
    white-space: nowrap;
    font-size: 0;
    text-align: center;
    position: relative;
    max-width: 1440px;
    margin: 0 auto; }
    .universo section.digital .free-download span {
      font-family: "Pacifico";
      font-size: 20px;
      white-space: normal;
      background: #e40f1b;
      border-radius: 50%;
      width: 118px;
      height: 118px;
      color: #fff;
      display: inline-block;
      vertical-align: middle;
      position: absolute;
      left: 60px;
      top: 50px; }
      .universo section.digital .free-download span:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 100%;
        vertical-align: middle; }
      .universo section.digital .free-download span:after {
        content: '';
        background: url("../img/universo/seta.png");
        width: 55px;
        height: 37px;
        position: absolute;
        left: 57%;
        top: 105%;
        background-size: contain; }
      .universo section.digital .free-download span i {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.2; }
  .universo section.community-space {
    background: #f4f4f4; }
  .universo section.more .part {
    text-decoration: none;
    height: 400px;
    display: block;
    padding: 0; }
    .universo section.more .part.part-left {
      background-color: #f8f8f8; }
    .universo section.more .part.part-right {
      background-color: #e9e8e8; }
    .universo section.more .part .intro-container {
      text-decoration: none;
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      font-size: 0;
      text-align: center; }
      .universo section.more .part .intro-container .icon,
      .universo section.more .part .intro-container h2 {
        transition: color .4s; }
      .universo section.more .part .intro-container .icon {
        font-size: 111px;
        display: block;
        width: 111px;
        height: 111px;
        margin: 0 auto 10px;
        color: #333; }
      .universo section.more .part .intro-container .intro {
        display: inline-block;
        vertical-align: middle;
        padding: 25px 50px; }
        .universo section.more .part .intro-container .intro a.btn-grey {
          margin-top: 20px;
          clear: both; }
      .universo section.more .part .intro-container:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 100%;
        vertical-align: middle; }
  .universo section.inbox nav.filters {
    padding: 35px 0;
    background: #f8f8f8; }
    .universo section.inbox nav.filters ul {
      padding: 0;
      margin: 0;
      font-size: 0;
      line-height: 24px; }
      .universo section.inbox nav.filters ul li {
        display: inline-block; }
    .universo section.inbox nav.filters .filter {
      float: left;
      font-family: "Pacifico";
      font-size: 24px; }
      .universo section.inbox nav.filters .filter li a {
        color: #999;
        text-decoration: none; }
        .universo section.inbox nav.filters .filter li a span {
          font-family: "Open Sans";
          font-size: 18px;
          color: #e40f1b; }
        .universo section.inbox nav.filters .filter li a.active, .universo section.inbox nav.filters .filter li a:hover, .universo section.inbox nav.filters .filter li a:active {
          color: #333; }
      .universo section.inbox nav.filters .filter li + li {
        margin-left: 20px; }
    .universo section.inbox nav.filters .scope {
      float: right;
      font-size: 18px;
      color: #333;
      font-weight: 300; }
      .universo section.inbox nav.filters .scope li a {
        color: inherit;
        text-decoration: none; }
        .universo section.inbox nav.filters .scope li a:hover, .universo section.inbox nav.filters .scope li a:active {
          color: #e40f1b; }
        .universo section.inbox nav.filters .scope li a.active {
          font-weight: 400; }
      .universo section.inbox nav.filters .scope li + li:before {
        content: '|';
        display: inline-block;
        color: #333;
        margin: 0 10px; }
  .universo section.inbox .table th:first-child,
  .universo section.inbox .table td:first-child {
    width: 30px;
    padding-right: 10px; }
  .universo section.inbox .toolbar {
    padding: 0 15px;
    border-bottom: 1px solid #d0d0d0; }
    .universo section.inbox .toolbar > input,
    .universo section.inbox .toolbar > .dropdown,
    .universo section.inbox .toolbar > button {
      display: inline-block;
      line-height: 44px;
      margin-right: 15px; }
    .universo section.inbox .toolbar button {
      border: none;
      box-shadow: none;
      background: #fff;
      font-family: "Open Sans";
      font-size: 15px;
      padding: 0 5px; }
    .universo section.inbox .toolbar .dropdown.more .caret {
      margin-left: 5px; }
  .universo section.inbox .footer {
    padding: 20px 0 60px;
    text-align: center; }
  .universo section.inbox .message .message-title {
    padding: 10px 15px;
    border-bottom: 1px solid #d0d0d0; }
    .universo section.inbox .message .message-title h3, .universo section.inbox .message .message-title h4 {
      float: left;
      font-family: "Open Sans";
      text-transform: none;
      padding: 0;
      margin: 0;
      line-height: 20px; }
    .universo section.inbox .message .message-title h3 {
      font-size: 20px; }
    .universo section.inbox .message .message-title h4 {
      font-size: 14px; }
      .universo section.inbox .message .message-title h4:before {
        content: '-';
        float: left;
        display: block;
        margin: 0 10px; }
    .universo section.inbox .message .message-title .date {
      float: right; }
  .universo section.inbox .message .message-body {
    padding: 20px 15px;
    border-bottom: 1px solid #d0d0d0; }
  .universo section.inbox .message .message-reply {
    padding: 20px 15px;
    padding-left: 40px;
    border-bottom: 1px solid #d0d0d0; }
  .universo section.inbox .message .message-body a,
  .universo section.inbox .message .message-reply a {
    color: #066cb3; }
    .universo section.inbox .message .message-body a:hover, .universo section.inbox .message .message-body a:active,
    .universo section.inbox .message .message-reply a:hover,
    .universo section.inbox .message .message-reply a:active {
      color: #e40f1b; }
  .universo section.inbox .message .message-write {
    padding: 20px 15px;
    margin-bottom: 30px; }
    .universo section.inbox .message .message-write .actions {
      float: right; }
  .universo section.workshops {
    margin-bottom: 60px; }
    .universo section.workshops .tiles {
      height: 0%;
      padding-bottom: 25%;
      position: relative; }
      .universo section.workshops .tiles .tile {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover; }
        .universo section.workshops .tiles .tile.tile1 {
          width: 40%;
          background-image: url(../img/universo/community1.jpg); }
        .universo section.workshops .tiles .tile.tile2 {
          left: 40%;
          width: 30%;
          background-image: url(../img/universo/community2.jpg); }
        .universo section.workshops .tiles .tile.tile3 {
          left: 70%;
          width: 30%;
          background-image: url(../img/universo/community3.jpg); }
  .universo .message-new .bootstrap-select.btn-group.error button {
    border-color: #A9A9AB;
    border-width: 1px; }
  .universo .message-new .bootstrap-select button.dropdown-toggle {
    box-shadow: none !important;
    font-style: italic;
    font-family: "Open Sans";
    font-size: 14px;
    color: #c1c1c1 !important; }
  .universo .message-new input#edit-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
    width: 100%;
    font-style: italic;
    font-family: "Open Sans";
    font-size: 14px;
    color: #c1c1c1 !important;
    border-color: #A9A9AB !important;
    border-width: 1px !important; }
    .universo .message-new input#edit-title:focus {
      box-shadow: none; }
  .universo .message-new .note-editor {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0; }
  .universo .message-new .ajax-progress {
    margin-left: 10px; }
    .universo .message-new .ajax-progress .message {
      display: none; }
  .universo .note-editor .panel-body {
    font-family: "Open Sans";
    font-size: 14px;
    color: #c1c1c1 !important;
    font-weight: 300; }
  .universo .toolbar a.btn {
    border: none;
    box-shadow: none;
    background: #fff;
    font-family: "Open Sans";
    font-size: 15px;
    padding: 0 5px;
    display: inline-block;
    line-height: 44px;
    margin-right: 15px; }
  .universo .filter i.fa-paper-plane {
    font-size: 26px;
    margin-left: 5px; }
  .universo .table > tbody > tr.active.error > td {
    background-color: #fef5f1; }
  .universo section.inbox .message a.view-comment {
    font-family: "Pacifico";
    display: block;
    color: #333333 !important;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    margin-top: 16px; }
    .universo section.inbox .message a.view-comment:after {
      content: '>';
      color: #e40f1b;
      font-weight: normal;
      font-family: "Open Sans";
      position: relative;
      top: 1px;
      left: 6px; }
  .universo section.inbox .message a.user_picture {
    position: absolute;
    top: 16px;
    left: 16px; }
    .universo section.inbox .message a.user_picture img.avatar {
      width: 36px;
      height: auto; }
  .universo section.inbox .message div.message-container {
    padding-left: 68px;
    font-size: 13px;
    min-height: 36px; }
  .universo section.inbox .message .message-body {
    position: relative;
    padding: 16px 16px 16px 0 !important; }
  .universo section.inbox .message .message-reply {
    position: relative;
    padding: 16px 16px 16px 0 !important; }
    .universo section.inbox .message .message-reply a.user_picture {
      position: absolute;
      top: 15px;
      left: 64px; }
    .universo section.inbox .message .message-reply div.message-container {
      padding-left: 116px; }

.profile {
  margin: 0; }
  .profile section.banner .bg {
    height: 400px;
    background-color: #e9e8e8;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
    .profile section.banner .bg .container {
      position: relative; }
    .profile section.banner .bg .i-camera {
      font-size: 30px;
      color: #999;
      position: absolute;
      right: 30px;
      top: 30px;
      text-decoration: none;
      transform: scale(1);
      transition: transform .4s; }
      .profile section.banner .bg .i-camera:hover, .profile section.banner .bg .i-camera:active {
        color: #e40f1b;
        transform: scale(1.1); }
  .profile section.banner .info {
    height: 60px;
    background: #f8f8f8; }
    .profile section.banner .info .container {
      position: relative; }
    .profile section.banner .info .picture {
      position: absolute;
      width: 200px;
      height: 200px;
      left: 0;
      top: 0;
      border-radius: 50%;
      border: 1px solid #e9e8e8;
      overflow: hidden;
      z-index: 1;
      transition: border-color .6s; }
      .profile section.banner .info .picture .user-picture {
        padding: 0;
        margin: 0; }
      .profile section.banner .info .picture img {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 0;
        transition: transform .6s ease-out; }
      .profile section.banner .info .picture:hover, .profile section.banner .info .picture:active {
        border-color: #e40f1b; }
        .profile section.banner .info .picture:hover img, .profile section.banner .info .picture:active img {
          transform: scale(1.05); }
    .profile section.banner .info h1, .profile section.banner .info ul, .profile section.banner .info li {
      float: left; }
    .profile section.banner .info h1, .profile section.banner .info ul, .profile section.banner .info li, .profile section.banner .info a, .profile section.banner .info a:before {
      line-height: 60px;
      vertical-align: middle; }
    .profile section.banner .info h1 {
      text-transform: none;
      font-size: 20px;
      margin: 0;
      padding: 0;
      padding-left: 210px; }
    .profile section.banner .info ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .profile section.banner .info ul li {
        list-style: none;
        margin: 0;
        padding: 0; }
    .profile section.banner .info ul.stats {
      margin-left: 50px;
      font-size: 16px; }
      .profile section.banner .info ul.stats li {
        font-weight: 300; }
        .profile section.banner .info ul.stats li span, .profile section.banner .info ul.stats li a {
          color: #333;
          vertical-align: top;
          transition: color .4s; }
        .profile section.banner .info ul.stats li span {
          font-weight: 400;
          margin: 0; }
        .profile section.banner .info ul.stats li a:hover, .profile section.banner .info ul.stats li a:active, .profile section.banner .info ul.stats li a:focus {
          color: #e40f1b;
          text-decoration: none; }
          .profile section.banner .info ul.stats li a:hover span, .profile section.banner .info ul.stats li a:active span, .profile section.banner .info ul.stats li a:focus span {
            color: #e40f1b; }
        .profile section.banner .info ul.stats li + li {
          margin-left: 20px; }
    .profile section.banner .info ul.actions {
      float: right; }
      .profile section.banner .info ul.actions li a {
        color: #333;
        text-decoration: none; }
        .profile section.banner .info ul.actions li a:before {
          color: #e40f1b;
          height: 28px;
          font-size: 28px;
          margin-right: 10px; }
        .profile section.banner .info ul.actions li a:hover, .profile section.banner .info ul.actions li a:active {
          color: #e40f1b; }
        .profile section.banner .info ul.actions li a span {
          font-family: "Open Sans"; }
      .profile section.banner .info ul.actions li + li {
        margin-left: 20px; }
    .profile section.banner .info .activity {
      display: block;
      text-align: center;
      float: right; }
      .profile section.banner .info .activity li {
        display: inline-block; }
        .profile section.banner .info .activity li a {
          height: 28px;
          font-size: 28px;
          width: 28px;
          margin: 22px 25px;
          position: relative;
          color: #333;
          text-decoration: none; }
          .profile section.banner .info .activity li a span {
            position: absolute;
            right: -10px;
            top: -5px;
            background-color: #e40f1b;
            z-index: 3;
            font-family: "Open Sans"; }
          .profile section.banner .info .activity li a:hover {
            color: #e40f1b; }
    .profile section.banner .info .photo-box {
      position: absolute;
      top: -100px;
      width: 200px;
      height: 200px; }
      .profile section.banner .info .photo-box .form-item {
        margin: 0; }
      .profile section.banner .info .photo-box .picture {
        position: absolute;
        top: 0;
        left: 0; }
      .profile section.banner .info .photo-box .glyphicon-trash {
        background-color: #e40f1b;
        border: none;
        font-size: 16px;
        padding: 10px;
        color: #fff;
        z-index: 2;
        position: absolute;
        left: 10px;
        top: 10px;
        border-radius: 30px;
        display: inline-block;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.4s; }
        .profile section.banner .info .photo-box .glyphicon-trash:hover {
          background: #94060e;
          transition: color .4s, background .2s; }
      .profile section.banner .info .photo-box:hover .glyphicon-trash {
        visibility: visible;
        opacity: 1; }
    .profile section.banner .info .picture-box {
      position: absolute;
      width: 200px;
      height: 200px;
      top: -100px;
      left: 0; }
    .profile section.banner .info .star {
      position: absolute;
      right: 10px;
      bottom: 10px;
      color: #fff;
      text-shadow: 0px 0px 2px #999;
      font-size: 50px;
      line-height: 50px;
      vertical-align: middle;
      display: inline-block;
      z-index: 2; }
      .profile section.banner .info .star i {
        position: absolute;
        left: 0;
        top: 3px;
        width: 100%;
        height: calc(100% - 3px);
        color: #999;
        text-shadow: none;
        font-style: normal;
        font-size: 18px;
        line-height: 47px;
        width: 50px;
        display: block;
        text-align: center;
        padding: 0;
        font-family: "Open Sans"; }
  .profile .friends .content {
    background: #f8f8f8;
    padding: 40px 0; }
  .profile .friends .list {
    margin-top: 30px;
    text-align: center;
    font-size: 0;
    line-height: 1; }
  .profile .friends nav ul.scope {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    line-height: 32px; }
    .profile .friends nav ul.scope li {
      font-weight: 300;
      font-size: 18px;
      list-style: none;
      display: inline-block; }
      .profile .friends nav ul.scope li + li:before {
        content: "|";
        margin: 0 10px;
        display: inline-block; }
    .profile .friends nav ul.scope a {
      color: #333;
      text-decoration: none; }
      .profile .friends nav ul.scope a span {
        color: #e40f1b; }
      .profile .friends nav ul.scope a:hover, .profile .friends nav ul.scope a:active {
        color: #e40f1b; }
      .profile .friends nav ul.scope a.active {
        font-weight: 400; }
  .profile .friends nav .input-search {
    float: right;
    width: 240px; }
  .profile .friends nav .input-search-novos {
    float: none;
    width: 300px;
    margin-left: auto;
    margin-right: auto; }
  .profile .friends .friend {
    margin: 15px auto 30px;
    text-align: center;
    display: inline-block;
    float: none; }
    .profile .friends .friend .avatar {
      width: 100px;
      height: 100px;
      transition: transform .4s ease-out, border-color .4s; }
      .profile .friends .friend .avatar img {
        width: 100%;
        height: 100%; }
      .profile .friends .friend .avatar:hover {
        transform: scale(1.1, 1.1);
        transition: transform 3s, border-color .4s; }
        .profile .friends .friend .avatar:hover + p {
          transform: translateY(5px);
          transition: transform 3s ease-out; }
      .profile .friends .friend .avatar:active {
        transform: scale(0.97, 0.97);
        transition: transform .2s ease-out, border-color .4s; }
    .profile .friends .friend p {
      font-size: 14px;
      margin: 15px 0 20px;
      transition: transform .4s ease-out; }
    .profile .friends .friend .actions a {
      background: #999;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      text-align: center;
      display: inline-block;
      margin: 0 5px;
      transition: transform .4s, background .4s; }
      .profile .friends .friend .actions a:before {
        color: #fff;
        font-size: 10px;
        line-height: 30px;
        vertical-align: middle;
        display: inline-block;
        font-weight: 900; }
      .profile .friends .friend .actions a:hover, .profile .friends .friend .actions a:active {
        background: #e40f1b; }
      .profile .friends .friend .actions a:hover {
        transform: scale(1.1, 1.1);
        transition: transform 3s, background .4s; }
      .profile .friends .friend .actions a:active {
        transform: scale(0.95, 0.95);
        transition-duration: .2s;
        transition-timing-function: ease-out; }

/*
    Full HD Devices, Wide Screens - Large DESKTOP
*/
@media only screen and (max-width: 1679px) {
  .profile section.banner .bg {
    height: 310px; } }

/*
    Very Large Devices, Wide Screens - DESKTOP
*/
@media only screen and (max-width: 1439px) {
  .universo section.digital .free-download span {
    font-size: 20px;
    width: 118px;
    height: 118px;
    left: 14%;
    top: 35%;
    margin-left: -130px;
    margin-top: -141px; }
    .universo section.digital .free-download span:after {
      width: 55px;
      height: 37px; } }

/*
    Large Devices, Wide Screens - HORIZONTAL TABLET, SMALL DESKTOP
*/
@media only screen and (max-width: 1199px) {
  .universo section.more .part {
    height: 440px; }
  .universo section.digital .free-download span {
    font-size: 17px;
    width: 100px;
    height: 100px;
    left: 15%;
    top: 38%;
    margin-left: -130px;
    margin-top: -141px; }
    .universo section.digital .free-download span:after {
      width: 55px;
      height: 37px; }
  .universo section.inbox nav.filters {
    padding: 30px 0; }
    .universo section.inbox nav.filters ul {
      line-height: 20px; }
    .universo section.inbox nav.filters .filter {
      font-size: 20px; }
      .universo section.inbox nav.filters .filter li {
        display: block; }
        .universo section.inbox nav.filters .filter li a span {
          font-size: 16px; }
        .universo section.inbox nav.filters .filter li + li {
          margin-left: 0px; }
    .universo section.inbox nav.filters .scope {
      font-size: 16px; }
      .universo section.inbox nav.filters .scope li + li:before {
        margin: 0 8px; }
  .profile section.banner .bg {
    height: 244px; }
  .profile section.banner .info {
    height: 60px; }
    .profile section.banner .info .picture-box {
      width: 160px;
      height: 160px;
      left: 50%;
      margin-left: -80px;
      top: -200px; }
    .profile section.banner .info .picture {
      width: 160px;
      height: 160px;
      left: 0;
      margin-left: 0px;
      top: 0; }
    .profile section.banner .info .photo-box {
      width: 160px;
      height: 160px;
      left: 50%;
      margin-left: -80px;
      top: -200px; }
      .profile section.banner .info .photo-box .picture {
        width: 160px;
        height: 160px;
        margin: 0;
        top: 0;
        left: 0; }
    .profile section.banner .info h1, .profile section.banner .info ul, .profile section.banner .info li, .profile section.banner .info a, .profile section.banner .info a:before {
      line-height: 60px; }
    .profile section.banner .info h1 {
      font-size: 20px;
      padding-left: 0px; }
    .profile section.banner .info ul.stats {
      margin-left: 50px;
      font-size: 15px; }
    .profile section.banner .info ul.actions li a:before {
      height: 28px;
      font-size: 28px; } }

/*
    Medium Devices, Desktops - TABLET VERTICAL
*/
@media only screen and (max-width: 991px) {
  .universo section.more .part {
    height: 520px; }
  .universo section.digital .free-download span {
    left: 20%;
    top: 48%;
    margin-left: -130px;
    margin-top: -141px; }
    .universo section.digital .free-download span:after {
      width: 55px;
      height: 37px; }
  .profile section.banner .info {
    text-align: center;
    height: auto;
    padding-bottom: 15px; }
    .profile section.banner .info ul {
      display: block;
      line-height: 40px; }
    .profile section.banner .info ul, .profile section.banner .info li, .profile section.banner .info a, .profile section.banner .info a:before {
      line-height: 40px; }
    .profile section.banner .info h1 {
      font-size: 20px;
      padding-left: 0px;
      padding: 15px 0;
      float: none;
      line-height: 1; }
    .profile section.banner .info ul.stats {
      margin-left: 0px;
      font-size: 14px; }
    .profile section.banner .info ul.actions li a:before {
      height: 28px;
      font-size: 28px; }
  .profile .friends nav ul.scope li {
    font-size: 14px; } }

/*
    Small Devices, Tablets - SMARTPHONE
*/
@media only screen and (max-width: 767px) {
  .universo section.more .part {
    height: 380px; }
  .universo section.digital .free-download span {
    left: 5%;
    top: 11%;
    margin-left: 0;
    margin-top: 0; }
    .universo section.digital .free-download span:after {
      width: 55px;
      height: 37px; }
  .universo section.inbox nav.filters {
    text-align: center;
    padding: 20px 0; }
    .universo section.inbox nav.filters ul {
      line-height: 17px; }
    .universo section.inbox nav.filters .filter {
      font-size: 17px;
      float: none; }
      .universo section.inbox nav.filters .filter li {
        display: block; }
        .universo section.inbox nav.filters .filter li a span {
          font-size: 14px; }
        .universo section.inbox nav.filters .filter li + li {
          margin-left: 0px; }
    .universo section.inbox nav.filters .scope {
      font-size: 14px;
      float: none;
      margin-top: 20px; }
      .universo section.inbox nav.filters .scope li + li:before {
        margin: 0 5px; }
  .profile section.banner .info {
    padding-bottom: 10px; }
    .profile section.banner .info ul {
      display: block;
      line-height: 40px;
      float: none;
      text-align: center; }
      .profile section.banner .info ul li {
        float: none;
        display: inline-block; }
    .profile section.banner .info ul, .profile section.banner .info li, .profile section.banner .info a, .profile section.banner .info a:before {
      line-height: 40px; }
    .profile section.banner .info h1 {
      font-size: 20px;
      padding: 20px 0 10px; }
    .profile section.banner .info ul.actions {
      float: none; }
      .profile section.banner .info ul.actions li a:before {
        height: 28px;
        font-size: 28px; }
    .profile section.banner .info .activity {
      float: none; }
  .profile .friends nav {
    text-align: center; }
    .profile .friends nav ul.scope {
      float: none; }
      .profile .friends nav ul.scope li {
        font-size: 14px; }
    .profile .friends nav .input-search {
      float: none;
      width: 300px;
      display: block;
      margin: 15px auto; } }

/*
    Extra Small Devices, Phones - SMALL SMARTPHONE
*/
@media only screen and (max-width: 479px) {
  .universo section.more .part {
    height: 340px; }
  .profile section.banner .info ul li {
    font-size: 12px;
    float: none;
    display: inline-block; }
  .profile section.banner .info ul, .profile section.banner .info li, .profile section.banner .info a, .profile section.banner .info a:before {
    line-height: 40px; }
  .profile section.banner .info h1 {
    font-size: 20px;
    padding: 20px 0 10px; }
  .profile section.banner .info ul.actions {
    float: none; }
    .profile section.banner .info ul.actions li a:before {
      height: 22px;
      font-size: 22px;
      margin-right: 5px; }
    .profile section.banner .info ul.actions li + li {
      margin-left: 10px; }
  .profile .friends nav ul.scope li {
    font-size: 12px; }
    .profile .friends nav ul.scope li + li:before {
      margin: 5px 0; }
  .profile .friends nav .input-search {
    float: none;
    width: 300px;
    display: block;
    margin: 15px auto; } }

/*
    Custom, iPhone Retina
*/

/*# sourceMappingURL=pages.min.css.map */