/* FONTS
   ----------------------------- */
/* SPACINGS
   ----------------------------- */
/* COLORS
   ----------------------------- */
/* BAR
   ----------------------------- */
/* MEDIA QUERIES
   ----------------------------- */
@font-face {
  font-family: 'Bebas Neue';
  src: url("../fonts/BebasNeueBold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

.color-01, .category-01 .section--hero .hero__header {
  background: linear-gradient(180deg, #01266F 0%, #B14DC5 100%); }

.color-02, .category-02 .section--hero .hero__header {
  background: linear-gradient(180deg, #01266F 0%, #74BE29 100%); }

.color-03, .category-03 .section--hero .hero__header {
  background: linear-gradient(180deg, #01266F 0%, #FF9037 100%); }

.color-04, .category-04 .section--hero .hero__header {
  background: linear-gradient(180deg, #01266F 0%, #2974AA 100%); }

.color-05, .category-05 .section--hero .hero__header {
  background: linear-gradient(180deg, #01266F 0%, #FF8B99 100%); }

.color-06, .category-06 .section--hero .hero__header {
  background: linear-gradient(180deg, #01266F 0%, #B3D0DE 100%); }

.color-07, .category-07 .section--hero .hero__header {
  background: linear-gradient(180deg, #01266F 0%, #FBD628 100%); }

.color-08, .category-08 .section--hero .hero__header {
  background: linear-gradient(180deg, #01266F 0%, #AC5A12 100%); }

.color-09, .category-09 .section--hero .hero__header {
  background: linear-gradient(180deg, #01266F 0%, #E4ACF9 100%); }

.color-10, .category-10 .section--hero .hero__header {
  background: linear-gradient(180deg, #01266F 0%, #B0E9ED 100%); }

.color-11, .category-11 .section--hero .hero__header {
  background: linear-gradient(180deg, #01266F 0%, #F9CE9D 100%); }

.prod-01 {
  background: linear-gradient(to top, #85BC00 0%, #dcff89 100%); }

.prod-02 {
  background: linear-gradient(to top, #5FBBA5 0%, #b8e1d7 100%); }

.prod-03 {
  background: linear-gradient(to top, #1EA980 0%, #63e3be 100%); }

.prod-04 {
  background: linear-gradient(to top, #00B3DF 0%, #dff9ff 100%); }

.prod-05 {
  background: linear-gradient(to top, #6AB3E6 0%, #d7ebf8 100%); }

.prod-06 {
  background: linear-gradient(to top, #957AB8 0%, #d7cde4 100%); }

.prod-07 {
  background: linear-gradient(to top, #C0078A 0%, #fdc9ee 100%); }

.prod-08 {
  background: linear-gradient(to top, #E8333E 0%, #f5a6aa 100%); }

.prod-09 {
  background: linear-gradient(to top, #2974AA 0%, #75b2de 100%); }

.prod-10 {
  background: linear-gradient(to top, #FBD628 0%, #fdeea5 100%); }

@media print {
  footer,
  header.nav--main,
  iframe,
  .section__print,
  .block--social,
  .section--product-video {
    display: none; } }

/* COMMON
   ----------------------------- */
.nav--main,
.nav--sticky {
  z-index: 99;
  width: 100%;
  top: 0;
  position: relative;
  transition: top .5s ease-in-out;
  font-size: 15px; }
  @media screen and (max-width: 576px) {
    .nav--main,
    .nav--sticky {
      position: fixed; } }
  .login .nav--main, .login
  .nav--sticky {
    border-bottom: 2px solid #1C397B;
    position: relative; }
  .nav--main .menu__sub,
  .nav--sticky .menu__sub {
    position: absolute;
    z-index: 99;
    display: none;
    min-width: 12rem; }
    .nav--main .menu__sub a,
    .nav--sticky .menu__sub a {
      width: 100%;
      display: inline-block; }

/* PRE HEADER
   ----------------------------- */
.nav--pre {
  background: url("../img/header-bg.png") no-repeat center center;
  background-size: cover;
  position: relative; }
  .nav--pre .nav__logo {
    width: 9rem;
    height: auto;
    max-width: 100%; }
  .nav--pre .menu--secondary > .menu__item > a {
    background: #1C397B;
    border-radius: 30rem;
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px; }
    .nav--pre .menu--secondary > .menu__item > a:hover {
      text-decoration: none; }
  .nav--pre .menu--secondary .menu__sub {
    background: #FFF;
    border-radius: 3px;
    border: 1px solid #D8D8D8;
    padding: 1rem;
    left: 1rem;
    top: 2rem;
    z-index: 100;
    margin-top: .5rem !important;
    text-align: left !important;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.09);
    display: none; }
    .nav--pre .menu--secondary .menu__sub:before {
      content: '';
      display: inline-block;
      height: .8rem;
      width: .8rem;
      background: #FFF;
      transform: rotate(45deg);
      position: absolute;
      top: -0.4rem;
      border-left: 1px solid #d8d8d8;
      border-top: 1px solid #d8d8d8; }
    .nav--pre .menu--secondary .menu__sub .menu__sub-item {
      color: #1C397B; }
      .nav--pre .menu--secondary .menu__sub .menu__sub-item:hover {
        text-decoration: none; }
  .nav--pre .menu--options .menu__item {
    background: linear-gradient(180deg, #0083c1 0%, #01266f 100%);
    height: 2rem;
    width: 2rem;
    position: relative; }
    .nav--pre .menu--options .menu__item a {
      padding-right: 0; }
      .nav--pre .menu--options .menu__item a:after {
        content: none; }
    .nav--pre .menu--options .menu__item img {
      width: 100%;
      height: auto; }
    .nav--pre .menu--options .menu__item .menu__sub {
      background: #FFF;
      border-radius: 3px;
      border: 1px solid #D8D8D8;
      padding: 1rem;
      right: -.5rem;
      margin-top: .5rem !important;
      text-align: left !important;
      box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.09);
      display: none; }
      .nav--pre .menu--options .menu__item .menu__sub:before {
        content: '';
        display: inline-block;
        height: .8rem;
        width: .8rem;
        background: #FFF;
        transform: rotate(45deg);
        position: absolute;
        top: -0.4rem;
        right: 1rem;
        border-left: 1px solid #D8D8D8;
        border-top: 1px solid #D8D8D8; }
      .nav--pre .menu--options .menu__item .menu__sub .menu__sub-item {
        color: #1C397B;
        padding: .3rem 0; }
        .nav--pre .menu--options .menu__item .menu__sub .menu__sub-item:last-child {
          border-top: 1px solid #D8D8D8;
          margin-top: .3rem; }
        .nav--pre .menu--options .menu__item .menu__sub .menu__sub-item a:hover {
          text-decoration: none; }
        .nav--pre .menu--options .menu__item .menu__sub .menu__sub-item .lang__flag {
          width: 2rem;
          height: auto; }
  .nav--pre .menu--social img {
    height: 1.5rem;
    width: auto; }

/* MENU PRIMARY
   ----------------------------- */
.nav--menu {
  background: linear-gradient(180deg, #0083c1 0%, #01266f 100%);
  position: relative; }
  .nav--menu .menu__icon {
    background: #FFF;
    width: 2rem;
    top: 50%;
    transform: translateY(-50%);
    padding: 0.8rem;
    box-sizing: content-box;
    border: 1px solid #1C397B; }
    .nav--menu .menu__icon img {
      width: 100%;
      height: auto; }
  .nav--menu .menu__item {
    font-weight: bold;
    position: relative;
    color: #FFF;
    text-transform: uppercase; }
    .nav--menu .menu__item a:hover {
      color: #FFF;
      text-decoration: none; }
    .nav--menu .menu__item p {
      margin-left: 4.3rem;
      margin-bottom: 0; }
  .nav--menu .menu__sub {
    background: #01266F;
    border-radius: 3px;
    padding: .5rem 1.5rem;
    left: 3.5rem; }

/* STICKY
   ----------------------------- */
.nav--sticky {
  top: -100%;
  width: 100%;
  transition: top .3s ease-in-out; }
  .nav--sticky.is-visible {
    top: 0; }
  .nav--sticky .nav__logo {
    width: 3rem;
    margin: 0.5rem; }
  .nav--sticky .nav--menu .menu__icon {
    padding: .6rem;
    width: 1.8rem; }
  .nav--sticky .nav--menu .menu__item p {
    padding: .6rem 0 !important;
    margin-left: 3.8rem;
    height: 3.5rem;
    font-size: .9rem;
    display: flex;
    align-items: center; }
  .nav--sticky .nav--menu .menu__item.menu__item-logo {
    position: absolute;
    left: 2rem; }
    @media screen and (max-width: 80rem) {
      .nav--sticky .nav--menu .menu__item.menu__item-logo {
        position: static; } }
  .nav--sticky .nav--menu .menu__item.menu__item-search {
    height: 2rem;
    width: 2rem;
    position: relative;
    background: #FFF;
    top: 0.6rem;
    cursor: pointer; }
    .nav--sticky .nav--menu .menu__item.menu__item-search a {
      padding-right: 0; }
      .nav--sticky .nav--menu .menu__item.menu__item-search a:after {
        content: none; }
    .nav--sticky .nav--menu .menu__item.menu__item-search img {
      width: 100%;
      height: auto; }

/* OFFCANVAS
   ----------------------------- */
.nav--offcanvas {
  background: #1C397B;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: all .5s ease-in-out; }
  .nav--offcanvas.open {
    max-height: 89vh;
    width: 100vw;
    transition: max-height .5s ease-in-out;
    overflow-y: scroll; }
  .nav--offcanvas .menu--primary {
    border-bottom: 3px solid #A3BFFF; }
  .nav--offcanvas .menu__item {
    position: relative; }
    .nav--offcanvas .menu__item.has-sub-menu .menu__arrow {
      content: '';
      position: absolute;
      height: 1.75rem;
      width: 1.75rem;
      background: url("../img/icon/arrow-w.png") no-repeat center center;
      background-size: 80%;
      right: .5rem;
      top: .5rem;
      transform: rotate(90deg);
      cursor: pointer;
      transition: all .3s ease-out; }
      .nav--offcanvas .menu__item.has-sub-menu .menu__arrow.rotate {
        transform: rotate(-90deg); }
    .nav--offcanvas .menu__item > a {
      color: #FFF;
      text-transform: uppercase;
      padding: 1rem; }
      .nav--offcanvas .menu__item > a:hover {
        text-decoration: none; }
    .nav--offcanvas .menu__item .menu__icon img {
      width: 1.5rem;
      height: auto;
      margin-right: 1rem;
      padding: .2rem 0; }
    .nav--offcanvas .menu__item .menu__sub {
      position: relative;
      background: #A3BFFF;
      z-index: 9;
      width: 100%;
      padding: 0 1rem;
      display: block;
      max-height: 0;
      overflow: hidden;
      transition: all .3s ease-in-out; }
      .nav--offcanvas .menu__item .menu__sub.open {
        max-height: 25rem;
        transition: max-height .3s ease-in-out;
        padding: 1rem; }
      .nav--offcanvas .menu__item .menu__sub .menu__sub-item {
        font-size: 1.2rem;
        padding: .3rem 0;
        position: relative; }
        .nav--offcanvas .menu__item .menu__sub .menu__sub-item.menu__item-social:after {
          content: '';
          position: absolute;
          height: 1.75rem;
          width: 1.75rem;
          right: .5rem;
          top: .5rem;
          pointer-events: none; }
        .nav--offcanvas .menu__item .menu__sub .menu__sub-item.menu__item-social.facebook:after {
          background: url("../img/icon/sb-facebook.png") no-repeat center center;
          background-size: contain; }
        .nav--offcanvas .menu__item .menu__sub .menu__sub-item.menu__item-social.youtube:after {
          background: url("../img/icon/sb-youtube.png") no-repeat center center;
          background-size: contain; }

footer {
  margin-top: 0;
  background: #1C397B;
  font-size: .8rem; }
  .login footer,
  .lang footer,
  .search footer,
  .not-found footer {
    margin-top: 0; }

@media screen and (max-width: 990px) {
  .footer__menu {
    display: none; } }

.footer__menu .menu__item {
  text-transform: uppercase;
  color: #CBE9FB;
  font-weight: bold; }
  .footer__menu .menu__item a:hover {
    color: #CBE9FB; }
  .footer__menu .menu__item .menu__sub-item {
    text-transform: none;
    color: #FFF;
    font-weight: normal; }

@media screen and (max-width: 768px) {
  .footer__social {
    padding-bottom: 4rem !important; } }

.footer__social img {
  height: 1.5rem;
  width: auto; }

.footer__copyright {
  background: #EEE;
  color: #A4A4A4;
  text-transform: uppercase; }
  @media screen and (max-width: 768px) {
    .footer__copyright {
      padding: 0 !important; } }
  .footer__copyright a:hover {
    color: #717171; }
  .footer__copyright img {
    max-width: 5.6rem; }
    @media screen and (max-width: 768px) {
      .footer__copyright img {
        max-width: 7rem; } }
  @media screen and (max-width: 768px) {
    .footer__copyright .row > * {
      text-align: center !important; }
      .footer__copyright .row > *:not(.col-md-2) {
        background: #1C397B;
        padding-bottom: 1.5rem;
        width: 100%; }
        .footer__copyright .row > *:not(.col-md-2) a, .footer__copyright .row > *:not(.col-md-2) span {
          color: #FFF; } }
  @media screen and (max-width: 768px) {
    .footer__copyright .row .col-md-2 {
      order: 1;
      padding: 2.5rem 0; } }

.slick-slider .col-md-4 {
  max-width: 100%; }

.slick-slider .slick-arrow {
  top: 35%;
  width: auto;
  height: auto;
  z-index: 2; }
  @media screen and (max-width: 576px) {
    .slick-slider .slick-arrow {
      top: 25%; } }
  .slick-slider .slick-arrow.slick-next {
    right: -1rem; }
    @media screen and (max-width: 78rem) {
      .slick-slider .slick-arrow.slick-next {
        right: 0; } }
  .slick-slider .slick-arrow.slick-prev {
    left: -1rem; }
    @media screen and (max-width: 78rem) {
      .slick-slider .slick-arrow.slick-prev {
        left: 0; } }
    .slick-slider .slick-arrow.slick-prev:before {
      transform: rotate(180deg); }
  .slick-slider .slick-arrow:before {
    content: '';
    width: 4.6rem;
    height: 4.2rem;
    display: inline-block;
    background: url("../img/butterfly_right.png") no-repeat center center;
    background-size: contain;
    opacity: 1; }
    @media screen and (max-width: 576px) {
      .slick-slider .slick-arrow:before {
        width: 3.5rem;
        height: 3.5rem; } }

.section--home-slider .slick-slider .slick-dots {
  bottom: -2rem; }

.section--page-preview .slick-slider .slick-dots {
  bottom: 0rem; }

.slick-slider .slick-dots li {
  width: auto;
  height: auto; }
  .slick-slider .slick-dots li.slick-active button {
    background: #1C397B; }

.slick-slider .slick-dots button {
  height: .8rem;
  width: .8rem;
  border-radius: 100%;
  background: #D8D8D8; }
  .slick-slider .slick-dots button:before {
    display: none; }

#responsive-menu-toggle {
  height: 3rem;
  cursor: pointer; }
  #responsive-menu-toggle.animate {
    position: fixed;
    right: 1rem; }

.bar,
.bar:after,
.bar:before {
  width: 1.5rem;
  height: 2px;
  background: #1C397B; }

.bar {
  transform: translateY(-50%);
  transition: all .3s ease;
  top: 50%; }
  .bar:before, .bar:after {
    content: '';
    position: absolute;
    left: 0; }
  .bar:before {
    bottom: 0.375rem;
    transition: bottom .3s ease, transform .3s ease; }
  .bar:after {
    top: 0.375rem;
    transition: top .3s ease, transform .3s ease; }
  .bar.animate {
    background: transparent; }
    .bar.animate:after, .bar.animate:before {
      background: #1C397B; }
    .bar.animate:after {
      transform: rotate(-45deg);
      top: 0;
      transition: top .3s ease, transform .3s ease; }
    .bar.animate:before {
      transform: rotate(45deg);
      bottom: 0;
      transition: bottom .3s ease, transform .3s ease; }

html {
  font-size: 15px; }

body {
  font-size: 1.2rem;
  font-weight: 400;
  font-family: "Roboto Condensed", sans-serif;
  color: #000;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

* {
  box-sizing: border-box; }

ul,
ul li {
  list-style-type: disc; }

a {
  text-decoration: none;
  color: inherit; }
  a:hover {
    text-decoration: underline; }

h1, h2, h3 {
  line-height: 1.2em; }

h4, h5, h6, p {
  line-height: 1.4em; }

.max-width-3 {
  max-width: 40rem;
  margin: 0 auto !important; }

.max-width-4 {
  max-width: 52rem;
  margin: 0 auto !important; }

.max-width-5 {
  max-width: 78rem;
  margin: 0 auto !important; }
  body.article .article--content .max-width-5,
  body.article .section--steps .max-width-5,
  body.article .section--steps-video .max-width-5 {
    max-width: 69rem; }

#main {
  min-height: 50rem; }
  @media screen and (max-width: 576px) {
    #main {
      padding-top: 18%; } }
  @media screen and (max-width: 450px) {
    #main {
      padding-top: 19%; } }
  .login #main {
    padding-top: 0 !important; }

#popup-container {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(28, 57, 123, 0.8);
  justify-content: center;
  align-items: flex-start;
  visibility: hidden; }
  body.popup-active #popup-container {
    visibility: visible; }

/* HERO
   ----------------------------- */
.section--hero .hero__header {
  min-height: 22rem;
  background: linear-gradient(180deg, #01266F 0%, #A3BFFF 100%); }
  @media screen and (max-width: 576px) {
    .section--hero .hero__header {
      min-height: 12rem; } }
  .article .section--hero .hero__header,
  .login .section--hero .hero__header {
    background: transparent;
    min-height: 2rem;
    margin-top: 4rem; }
    @media screen and (max-width: 576px) {
      .article .section--hero .hero__header,
      .login .section--hero .hero__header {
        min-height: 2rem; } }
  .page-secondary .section--hero .hero__header {
    min-height: 14rem; }
    @media screen and (max-width: 576px) {
      .page-secondary .section--hero .hero__header {
        min-height: 6rem; } }

.section--hero .hero__title {
  color: #FFF;
  font-family: "Bebas Neue", "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  font-size: 4.2rem; }
  @media screen and (max-width: 576px) {
    .section--hero .hero__title {
      font-size: 2.4rem; } }
  .article .section--hero .hero__title,
  .login .section--hero .hero__title {
    color: #1C397B; }

.section--hero .hero__abstract {
  color: #FFF;
  font-size: 1.6rem; }
  @media screen and (max-width: 576px) {
    .section--hero .hero__abstract {
      display: none; }
      .article .section--hero .hero__abstract {
        display: inline-block;
        font-size: 1.3rem; } }
  .article .section--hero .hero__abstract,
  .login .section--hero .hero__abstract {
    color: #1C397B; }

.section--hero .hero__icon {
  text-align: center;
  top: -3.4rem; }
  .section--hero .hero__icon img {
    width: 13rem;
    position: absolute;
    top: -.2rem;
    left: 50%;
    transform: translateX(-50%); }
  .section--hero .hero__icon.sconfiggere-muffa img {
    width: 12rem; }

.section--hero .hero__circle {
  height: 6.8rem;
  width: 6.8rem;
  background: #FFF;
  border: 3px solid #1C397B; }

.section--hero.section--home-slider {
  padding-bottom: 6rem !important; }

.section--hero .hero__slide-header {
  color: #FFF;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  padding: 1.5rem !important;
  width: 100%; }

.section--hero .hero__slide-title {
  text-transform: uppercase;
  font-family: "Bebas Neue", "Roboto Condensed", sans-serif;
  font-size: 3.8rem;
  letter-spacing: 0.2rem;
  line-height: normal;
  margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    .section--hero .hero__slide-title {
      font-size: 3.2rem; } }

.section--hero .hero__slide-abstract {
  font-size: 1.8rem; }
  @media screen and (max-width: 576px) {
    .section--hero .hero__slide-abstract {
      font-size: 1.4rem; } }

.section--hero .hero__slide-link {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 0; }

.section--hero .hero__video {
  max-width: 100%;
  height: auto;
  width: 100%; }

/* SECTIONS COMMON
   ----------------------------- */
.section__title {
  text-transform: uppercase;
  font-family: "Bebas Neue", "Roboto Condensed", sans-serif;
  color: #D72043;
  font-size: 2.4rem; }
  @media screen and (max-width: 576px) {
    .section__title {
      font-size: 1.8rem; } }

.section__abstract {
  color: #1C397B;
  font-size: 1.4rem; }

.section {
  padding: 2rem 0 1.5rem; }
  .section.section--hero {
    padding: 0; }
  .article .section {
    padding-bottom: 0rem; }
  .section:nth-of-type(3n) {
    background: #F6F6F6; }
  .section .section__cat-title {
    text-transform: uppercase;
    font-family: "Bebas Neue", "Roboto Condensed", sans-serif;
    color: #1C397B;
    font-size: 2rem; }
  .section .section__link {
    display: inline-block;
    text-transform: uppercase;
    color: #FFF;
    padding: 1rem 2rem;
    background: linear-gradient(180deg, #0083c1 0%, #01266f 100%);
    border-radius: 30rem;
    font-size: .9rem;
    font-weight: bold;
    letter-spacing: .15rem;
    z-index: 9; }
    @media screen and (max-width: 576px) {
      .section .section__link {
        padding: .8rem 1.6rem;
        letter-spacing: .1rem; } }
    .section .section__link:hover {
      text-decoration: none; }
  .section .section__border {
    border-bottom: 1px solid #1C397B; }

/* HOMEPAGE PREVIEW
   ----------------------------- */
.section--page-preview {
  background: linear-gradient(to bottom, #FFF 0%, #E4F3FF 100%) !important;
  position: relative;
  padding: 5rem 0 4rem; }
  .section--page-preview .section__preview-icon {
    text-align: center;
    top: -3.4rem; }
    .section--page-preview .section__preview-icon:not(.rimuovere-macchie) {
      position: absolute !important;
      width: calc(100% - 2rem);
      top: -126px; }
    .section--page-preview .section__preview-icon:after, .section--page-preview .section__preview-icon:before {
      content: '';
      display: inline-block;
      width: 40%;
      height: 1px;
      background: #1C397B;
      position: absolute;
      top: 50%; }
      @media screen and (max-width: 768px) {
        .section--page-preview .section__preview-icon:after, .section--page-preview .section__preview-icon:before {
          width: 35%; } }
      @media screen and (max-width: 576px) {
        .section--page-preview .section__preview-icon:after, .section--page-preview .section__preview-icon:before {
          width: 25%; } }
    .section--page-preview .section__preview-icon:before {
      left: 0; }
    .section--page-preview .section__preview-icon:after {
      right: 0; }
    .section--page-preview .section__preview-icon img {
      width: 13rem;
      position: absolute;
      top: -.2rem;
      left: 50%;
      transform: translateX(-50%); }
    .section--page-preview .section__preview-icon.sconfiggere-muffa img {
      width: 12rem; }
    .section--page-preview .section__preview-icon.bucato img {
      top: -1rem; }
    .section--page-preview .section__preview-icon img[alt*='casa'] {
      width: 11rem;
      top: .2rem; }
  .section--page-preview .section__preview-circle {
    height: 6.8rem;
    width: 6.8rem;
    background: #FFF;
    border: 3px solid #1C397B; }
  .section--page-preview .section__title {
    color: #1C397B; }
    @media screen and (max-width: 768px) {
      .section--page-preview .section__title {
        font-size: 2.4rem; } }
  @media screen and (max-width: 768px) {
    .section--page-preview .section__abstract {
      display: none; } }

/* CARE SYMBOLS
   ----------------------------- */
.section--care-symbols {
  background: url("../img/pattern.png") no-repeat center center !important;
  background-size: cover !important; }
  .section--care-symbols .section__title {
    color: #FFF; }
  .section--care-symbols .mt-5 {
    margin-top: 2rem !important; }
  .section--care-symbols .section__link {
    background: linear-gradient(180deg, #0083c1 0%, #01266f 60%); }
  .section--care-symbols .slick-arrow {
    top: 60%; }

@media screen and (max-width: 768px) {
  .section--care-symbols-page .section__cat-title {
    text-align: center;
    margin-bottom: 3rem; } }

@media screen and (max-width: 768px) {
  .section--care-symbols-page .col-md-10 {
    margin: auto !important; } }

@media screen and (max-width: 768px) {
  .section--care-symbols-page .col-md-10 .slick-dots {
    left: 0;
    bottom: 1rem; } }

/* PRODUCTS RELATED
   ----------------------------- */
.section.section--product-used {
  background: transparent;
  padding: 2rem 0 !important; }
  .section.section--product-used .section__title-wrapper {
    position: relative; }
    .section.section--product-used .section__title-wrapper:after {
      content: '';
      display: inline-block;
      width: 100%;
      border-bottom: 1px solid #1C397B;
      position: absolute;
      bottom: 55%;
      left: 0; }
  .section.section--product-used .section__title {
    background: #FFF;
    position: relative;
    z-index: 9; }
  .section.section--product-used .row.onechild .col-md-4 {
    margin: 0 auto; }

/* PRODUCTS LIST
   ----------------------------- */
@media screen and (max-width: 768px) {
  .section--products-list {
    background: transparent !important; } }

.section--products-list .section__title {
  color: #1C397B;
  margin-top: 4rem !important; }
  @media screen and (max-width: 768px) {
    .section--products-list .section__title {
      text-align: center; } }

.section--products-list .row:not(:last-child) {
  border-bottom: 1px solid #1C397B; }

.section--products-list .product .card__image {
  margin: 3rem; }

.section--products-list .slick-dots {
  bottom: 1rem; }

.section--products-list .slick-arrow {
  top: 35%; }

/* PRODUCT CATEGORY
   ----------------------------- */
.section--product-category .section__title-wrapper {
  position: relative; }
  .section--product-category .section__title-wrapper:after {
    content: '';
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #1C397B;
    position: absolute;
    bottom: 55%;
    left: 0; }

.section--product-category .section__title {
  color: #1C397B;
  background: #FFF;
  position: relative;
  z-index: 9; }

@media screen and (max-width: 768px) {
  .section--product-category {
    display: none; } }

/* NEWS RELATED
   ----------------------------- */
body.article .section--related {
  background: #F6F6F6; }

body.product .section--related {
  margin-top: 3rem; }

/* ARTICLE STEPS
   ----------------------------- */
.section--steps,
.section--steps-video {
  margin-bottom: 2rem;
  background: transparent !important; }
  .section--steps .section__steps-title,
  .section--steps-video .section__steps-title {
    margin-bottom: 3rem;
    text-transform: uppercase;
    color: #1C397B;
    position: relative; }
    .section--steps .section__steps-title h2,
    .section--steps-video .section__steps-title h2 {
      background: #FFF;
      position: relative;
      z-index: 2;
      display: inline-block;
      padding: 0 1rem; }
    .section--steps .section__steps-title:after,
    .section--steps-video .section__steps-title:after {
      content: '';
      display: inline-block;
      width: 100%;
      height: 1px;
      background-color: #1C397B;
      position: absolute;
      top: 50%;
      left: 0; }

.section--steps .step,
.section--steps .no-step {
  background: url("../img/bg-gray.jpg") no-repeat top center;
  background-size: 100% 400px;
  padding-bottom: 2rem; }
  @media screen and (max-width: 576px) {
    .section--steps .step,
    .section--steps .no-step {
      background-size: 100% 100%; } }
  .section--steps .step:not(:last-child),
  .section--steps .no-step:not(:last-child) {
    margin-bottom: 4rem;
    padding-bottom: 2rem; }

.section--steps .no-step img {
  padding-top: 4rem; }

.section--steps img, .section--steps video {
  border: 5px solid #1C397B;
  max-width: 40rem;
  margin: 0 auto;
  display: block; }
  .section--steps img.fullscreen, .section--steps video.fullscreen {
    max-width: none;
    border: 0; }

@media screen and (max-width: 768px) {
  .section--steps video {
    display: none; } }

.section--steps .image-gif {
  display: none; }
  @media screen and (max-width: 768px) {
    .section--steps .image-gif {
      display: block; } }

.section--steps-video .section__steps-title {
  padding: 3rem 0; }

.section--steps-video .step {
  margin-bottom: 3rem; }

/* PRODUCT STEPS
   ----------------------------- */
.section--steps-product {
  background: transparent !important; }
  .section--steps-product .step {
    padding: 3rem 0; }
    @media screen and (max-width: 768px) {
      .section--steps-product .step {
        text-align: justify; } }
    .section--steps-product .step:not(:last-child) {
      border-bottom: 1px solid #A4A4A4; }
  .section--steps-product .section__step-title {
    text-transform: uppercase;
    font-family: "Bebas Neue", "Roboto Condensed", sans-serif;
    font-size: 2rem; }
  .section--steps-product .section__step-image {
    width: 10rem;
    height: auto;
    max-width: 100%; }
    @media screen and (max-width: 768px) {
      .section--steps-product .section__step-image {
        margin: 0 auto;
        margin-bottom: 3rem; } }
  @media screen and (max-width: 768px) {
    .section--steps-product .section__print {
      margin-top: 3rem !important; } }
  .section--steps-product .section__print a:before {
    content: '';
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    background: url("../img/icon/ico-print.png") no-repeat center bottom;
    background-size: cover;
    margin-right: .75rem;
    position: relative;
    top: .3rem; }

/* PRODUCT VIDEO
   ----------------------------- */
.section--product-video {
  border-bottom: 1px solid #A4A4A4; }

/* CONTEST
   ----------------------------- */
.section.section--contest-archive {
  background: transparent; }
  .section.section--contest-archive .section__title {
    color: #1C397B; }
  .section.section--contest-archive .section__contest-title {
    color: #1C397B;
    text-transform: uppercase;
    font-size: 1.2rem;
    max-width: 90%; }
  .section.section--contest-archive .section__contest-link img {
    width: 1.4rem;
    height: auto; }
  .section.section--contest-archive .row:nth-child(even) {
    background: #E4F3FF; }

/* FAQ
   ----------------------------- */
.section--faq .faq:nth-child(odd) .faq__header {
  background: #E4F3FF; }

.section--faq .faq.open .faq__header .faq__icon {
  transform: rotate(-90deg); }

.section--faq .faq.open .faq__list {
  max-height: 100%;
  margin-bottom: 1rem !important; }

.section--faq .faq__category {
  text-transform: uppercase;
  color: #1C397B;
  font-size: 1.4rem;
  max-width: 85%; }

.section--faq .faq__icon {
  height: 1.75rem;
  width: 1.75rem;
  padding: .3rem;
  background: url("../img/icon/arrow.png") no-repeat center center;
  background-size: 1rem;
  transform: rotate(90deg);
  float: right;
  cursor: pointer;
  transition: all .3s ease-in-out; }

.section--faq .faq__list {
  max-height: 0;
  overflow: hidden;
  transition: all .3s ease-in-out; }

.section--faq .faq__item {
  border-bottom: 1px solid #1C397B; }
  .section--faq .faq__item.open .faq__q-wrapper .faq__icon {
    transform: rotate(-90deg); }
  .section--faq .faq__item.open .faq__a {
    padding-top: 1rem;
    padding-bottom: 1rem;
    max-height: 100rem; }

.section--faq .faq__q {
  color: #1C397B;
  max-width: 85%; }

.section--faq .faq__a {
  background: #EEE;
  max-height: 0;
  overflow: hidden;
  transition: all .3s ease-in-out; }

/* ARTICLE
   ----------------------------- */
body.article .article--content {
  padding: 2rem 0 1rem; }

body.article .article__body {
  color: #1C397B;
  font-size: 1.2rem;
  margin-bottom: 4rem;
  text-align: justify; }

body.article .article__video {
  padding-bottom: 2rem; }
  body.article .article__video iframe {
    height: 51.45vw;
    max-height: 37.5rem; }
  body.article .article__video.video-small {
    max-width: 40rem;
    margin: 0 auto; }
    body.article .article__video.video-small iframe {
      height: 340px; }
      @media screen and (max-width: 768px) {
        body.article .article__video.video-small iframe {
          height: 56.25vw; } }

body.article .article__img-main img {
  max-width: 40rem;
  width: 100%;
  height: auto; }

body.article .article__video-subtitle {
  color: #1C397B;
  font-size: 1.6rem; }

body.article .article__sub-title {
  text-transform: uppercase;
  color: #D72043;
  font-size: 1.6rem;
  font-weight: bold; }

body.article .article__counter {
  top: -2rem; }
  body.article .article__counter > div {
    margin: 0 auto;
    width: 4.5rem;
    height: 4rem;
    background: url("../img/butterfly.png") no-repeat center center;
    background-size: contain; }
  body.article .article__counter p {
    margin: 0;
    color: #FFF;
    font-size: 1.2rem; }

body.article .article__title {
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  color: #D72043;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center; }
  @media screen and (max-width: 576px) {
    body.article .article__title {
      font-size: 1.2rem; } }
  body.article .article__title span {
    color: #1C397B; }

body.article .article__step-content {
  color: #1C397B;
  text-align: justify;
  font-size: 1.2rem;
  margin-bottom: 0 !important;
  margin-top: 2rem !important; }
  body.article .article__step-content p {
    margin: 0; }

/* SINGLE PRODUCT
   ----------------------------- */
body.product {
  color: #1C397B; }
  body.product .product__content {
    padding: 4rem 0 2rem; }
    body.product .product__content .row {
      padding-bottom: 2rem;
      border-bottom: 1px solid #A4A4A4; }
  body.product .product__title {
    text-transform: uppercase;
    font-family: "Bebas Neue", "Roboto Condensed", sans-serif;
    font-size: 2.4rem;
    margin: 1rem 0; }
    @media screen and (max-width: 768px) {
      body.product .product__title {
        text-align: center;
        width: 100%; } }
  @media screen and (max-width: 768px) {
    body.product .product__type-list {
      text-align: center; } }
  body.product .product__type-item {
    list-style-type: none;
    font-size: 1.2rem; }
  body.product .product__abstract {
    font-size: 1.2rem; }
  @media screen and (max-width: 768px) {
    body.product .product__size {
      text-align: center; } }
  body.product .product__size li {
    display: inline-block;
    padding: 0 .3rem;
    font-size: 1.2rem; }
  body.product .product__video {
    padding-bottom: 2rem; }
    body.product .product__video iframe {
      height: 51.45vw;
      max-height: 37.5rem; }
    body.product .product__video.video-small {
      max-width: 40rem;
      margin: 0 auto; }
      body.product .product__video.video-small iframe {
        height: 340px; }
        @media screen and (max-width: 768px) {
          body.product .product__video.video-small iframe {
            height: 56.25vw; } }
  body.product .block--social {
    text-align: center !important; }

/* PAGES
   ----------------------------- */
body.login .hero,
body.lang .hero,
body.search .hero,
body.not-found .hero {
  margin-top: 0; }

body.login .main-content,
body.lang .main-content,
body.search .main-content,
body.not-found .main-content {
  padding: 4rem 10px 10rem;
  background: url("../img/login-bg.jpg") no-repeat center center;
  background-size: cover;
  min-height: 50rem; }

body.login .login--content,
body.login .lang--content,
body.login .search--content,
body.lang .login--content,
body.lang .lang--content,
body.lang .search--content,
body.search .login--content,
body.search .lang--content,
body.search .search--content,
body.not-found .login--content,
body.not-found .lang--content,
body.not-found .search--content {
  background: #FFF;
  border-radius: .75rem;
  padding: 4rem 6rem; }
  @media screen and (max-width: 576px) {
    body.login .login--content,
    body.login .lang--content,
    body.login .search--content,
    body.lang .login--content,
    body.lang .lang--content,
    body.lang .search--content,
    body.search .login--content,
    body.search .lang--content,
    body.search .search--content,
    body.not-found .login--content,
    body.not-found .lang--content,
    body.not-found .search--content {
      padding: 4rem 2rem; } }
  body.login .login--content .login__title,
  body.login .login--content .lang__title,
  body.login .login--content .search__title,
  body.login .login--content .page__title,
  body.login .lang--content .login__title,
  body.login .lang--content .lang__title,
  body.login .lang--content .search__title,
  body.login .lang--content .page__title,
  body.login .search--content .login__title,
  body.login .search--content .lang__title,
  body.login .search--content .search__title,
  body.login .search--content .page__title,
  body.lang .login--content .login__title,
  body.lang .login--content .lang__title,
  body.lang .login--content .search__title,
  body.lang .login--content .page__title,
  body.lang .lang--content .login__title,
  body.lang .lang--content .lang__title,
  body.lang .lang--content .search__title,
  body.lang .lang--content .page__title,
  body.lang .search--content .login__title,
  body.lang .search--content .lang__title,
  body.lang .search--content .search__title,
  body.lang .search--content .page__title,
  body.search .login--content .login__title,
  body.search .login--content .lang__title,
  body.search .login--content .search__title,
  body.search .login--content .page__title,
  body.search .lang--content .login__title,
  body.search .lang--content .lang__title,
  body.search .lang--content .search__title,
  body.search .lang--content .page__title,
  body.search .search--content .login__title,
  body.search .search--content .lang__title,
  body.search .search--content .search__title,
  body.search .search--content .page__title,
  body.not-found .login--content .login__title,
  body.not-found .login--content .lang__title,
  body.not-found .login--content .search__title,
  body.not-found .login--content .page__title,
  body.not-found .lang--content .login__title,
  body.not-found .lang--content .lang__title,
  body.not-found .lang--content .search__title,
  body.not-found .lang--content .page__title,
  body.not-found .search--content .login__title,
  body.not-found .search--content .lang__title,
  body.not-found .search--content .search__title,
  body.not-found .search--content .page__title {
    font-family: "Bebas Neue", "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    font-size: 3.8rem;
    color: #1C397B; }
  body.login .login--content .search__abstract,
  body.login .lang--content .search__abstract,
  body.login .search--content .search__abstract,
  body.lang .login--content .search__abstract,
  body.lang .lang--content .search__abstract,
  body.lang .search--content .search__abstract,
  body.search .login--content .search__abstract,
  body.search .lang--content .search__abstract,
  body.search .search--content .search__abstract,
  body.not-found .login--content .search__abstract,
  body.not-found .lang--content .search__abstract,
  body.not-found .search--content .search__abstract {
    color: #1C397B;
    font-size: 1.2rem; }
  body.login .login--content .search__body,
  body.login .lang--content .search__body,
  body.login .search--content .search__body,
  body.lang .login--content .search__body,
  body.lang .lang--content .search__body,
  body.lang .search--content .search__body,
  body.search .login--content .search__body,
  body.search .lang--content .search__body,
  body.search .search--content .search__body,
  body.not-found .login--content .search__body,
  body.not-found .lang--content .search__body,
  body.not-found .search--content .search__body {
    color: #1C397B; }
    body.login .login--content .search__body span,
    body.login .lang--content .search__body span,
    body.login .search--content .search__body span,
    body.lang .login--content .search__body span,
    body.lang .lang--content .search__body span,
    body.lang .search--content .search__body span,
    body.search .login--content .search__body span,
    body.search .lang--content .search__body span,
    body.search .search--content .search__body span,
    body.not-found .login--content .search__body span,
    body.not-found .lang--content .search__body span,
    body.not-found .search--content .search__body span {
      font-weight: bold; }
    body.login .login--content .search__body .search__item h3,
    body.login .lang--content .search__body .search__item h3,
    body.login .search--content .search__body .search__item h3,
    body.lang .login--content .search__body .search__item h3,
    body.lang .lang--content .search__body .search__item h3,
    body.lang .search--content .search__body .search__item h3,
    body.search .login--content .search__body .search__item h3,
    body.search .lang--content .search__body .search__item h3,
    body.search .search--content .search__body .search__item h3,
    body.not-found .login--content .search__body .search__item h3,
    body.not-found .lang--content .search__body .search__item h3,
    body.not-found .search--content .search__body .search__item h3 {
      font-size: 1.4rem; }
  body.login .login--content .field-group,
  body.login .lang--content .field-group,
  body.login .search--content .field-group,
  body.lang .login--content .field-group,
  body.lang .lang--content .field-group,
  body.lang .search--content .field-group,
  body.search .login--content .field-group,
  body.search .lang--content .field-group,
  body.search .search--content .field-group,
  body.not-found .login--content .field-group,
  body.not-found .lang--content .field-group,
  body.not-found .search--content .field-group {
    color: #1C397B; }
    body.login .login--content .field-group.field-group-privacy,
    body.login .lang--content .field-group.field-group-privacy,
    body.login .search--content .field-group.field-group-privacy,
    body.lang .login--content .field-group.field-group-privacy,
    body.lang .lang--content .field-group.field-group-privacy,
    body.lang .search--content .field-group.field-group-privacy,
    body.search .login--content .field-group.field-group-privacy,
    body.search .lang--content .field-group.field-group-privacy,
    body.search .search--content .field-group.field-group-privacy,
    body.not-found .login--content .field-group.field-group-privacy,
    body.not-found .lang--content .field-group.field-group-privacy,
    body.not-found .search--content .field-group.field-group-privacy {
      border-bottom: 1px solid #A4A4A4; }
  body.login .login--content .field-group__title,
  body.login .lang--content .field-group__title,
  body.login .search--content .field-group__title,
  body.lang .login--content .field-group__title,
  body.lang .lang--content .field-group__title,
  body.lang .search--content .field-group__title,
  body.search .login--content .field-group__title,
  body.search .lang--content .field-group__title,
  body.search .search--content .field-group__title,
  body.not-found .login--content .field-group__title,
  body.not-found .lang--content .field-group__title,
  body.not-found .search--content .field-group__title {
    font-size: 1.3rem;
    font-weight: bold; }
  body.login .login--content .field-group__subtitle,
  body.login .lang--content .field-group__subtitle,
  body.login .search--content .field-group__subtitle,
  body.lang .login--content .field-group__subtitle,
  body.lang .lang--content .field-group__subtitle,
  body.lang .search--content .field-group__subtitle,
  body.search .login--content .field-group__subtitle,
  body.search .lang--content .field-group__subtitle,
  body.search .search--content .field-group__subtitle,
  body.not-found .login--content .field-group__subtitle,
  body.not-found .lang--content .field-group__subtitle,
  body.not-found .search--content .field-group__subtitle {
    text-transform: uppercase;
    font-size: .9rem; }
  body.login .login--content .form__span,
  body.login .lang--content .form__span,
  body.login .search--content .form__span,
  body.lang .login--content .form__span,
  body.lang .lang--content .form__span,
  body.lang .search--content .form__span,
  body.search .login--content .form__span,
  body.search .lang--content .form__span,
  body.search .search--content .form__span,
  body.not-found .login--content .form__span,
  body.not-found .lang--content .form__span,
  body.not-found .search--content .form__span {
    font-size: .9rem; }
  body.login .login--content .form__error,
  body.login .lang--content .form__error,
  body.login .search--content .form__error,
  body.lang .login--content .form__error,
  body.lang .lang--content .form__error,
  body.lang .search--content .form__error,
  body.search .login--content .form__error,
  body.search .lang--content .form__error,
  body.search .search--content .form__error,
  body.not-found .login--content .form__error,
  body.not-found .lang--content .form__error,
  body.not-found .search--content .form__error {
    color: #D72043;
    font-size: 1.1rem;
    padding-top: .5rem; }
  body.login .login--content .form__alert,
  body.login .lang--content .form__alert,
  body.login .search--content .form__alert,
  body.lang .login--content .form__alert,
  body.lang .lang--content .form__alert,
  body.lang .search--content .form__alert,
  body.search .login--content .form__alert,
  body.search .lang--content .form__alert,
  body.search .search--content .form__alert,
  body.not-found .login--content .form__alert,
  body.not-found .lang--content .form__alert,
  body.not-found .search--content .form__alert {
    color: #D72043; }
  body.login .login--content .form__submit:disabled,
  body.login .lang--content .form__submit:disabled,
  body.login .search--content .form__submit:disabled,
  body.lang .login--content .form__submit:disabled,
  body.lang .lang--content .form__submit:disabled,
  body.lang .search--content .form__submit:disabled,
  body.search .login--content .form__submit:disabled,
  body.search .lang--content .form__submit:disabled,
  body.search .search--content .form__submit:disabled,
  body.not-found .login--content .form__submit:disabled,
  body.not-found .lang--content .form__submit:disabled,
  body.not-found .search--content .form__submit:disabled {
    background: linear-gradient(180deg, #D8D8D8 0%, #A4A4A4 100%) !important; }
  body.login .login--content .field,
  body.login .lang--content .field,
  body.login .search--content .field,
  body.lang .login--content .field,
  body.lang .lang--content .field,
  body.lang .search--content .field,
  body.search .login--content .field,
  body.search .lang--content .field,
  body.search .search--content .field,
  body.not-found .login--content .field,
  body.not-found .lang--content .field,
  body.not-found .search--content .field {
    color: #1C397B;
    font-size: 1.2rem; }
    @media screen and (max-width: 576px) {
      body.login .login--content .field-options label,
      body.login .lang--content .field-options label,
      body.login .search--content .field-options label,
      body.lang .login--content .field-options label,
      body.lang .lang--content .field-options label,
      body.lang .search--content .field-options label,
      body.search .login--content .field-options label,
      body.search .lang--content .field-options label,
      body.search .search--content .field-options label,
      body.not-found .login--content .field-options label,
      body.not-found .lang--content .field-options label,
      body.not-found .search--content .field-options label {
        max-width: 60% !important; } }
    body.login .login--content .field label[for*="promo"],
    body.login .lang--content .field label[for*="promo"],
    body.login .search--content .field label[for*="promo"],
    body.lang .login--content .field label[for*="promo"],
    body.lang .lang--content .field label[for*="promo"],
    body.lang .search--content .field label[for*="promo"],
    body.search .login--content .field label[for*="promo"],
    body.search .lang--content .field label[for*="promo"],
    body.search .search--content .field label[for*="promo"],
    body.not-found .login--content .field label[for*="promo"],
    body.not-found .lang--content .field label[for*="promo"],
    body.not-found .search--content .field label[for*="promo"] {
      font-size: 1rem;
      max-width: 90%; }
    body.login .login--content .field label a,
    body.login .lang--content .field label a,
    body.login .search--content .field label a,
    body.lang .login--content .field label a,
    body.lang .lang--content .field label a,
    body.lang .search--content .field label a,
    body.search .login--content .field label a,
    body.search .lang--content .field label a,
    body.search .search--content .field label a,
    body.not-found .login--content .field label a,
    body.not-found .lang--content .field label a,
    body.not-found .search--content .field label a {
      text-decoration: underline; }
    body.login .login--content .field input,
    body.login .lang--content .field input,
    body.login .search--content .field input,
    body.lang .login--content .field input,
    body.lang .lang--content .field input,
    body.lang .search--content .field input,
    body.search .login--content .field input,
    body.search .lang--content .field input,
    body.search .search--content .field input,
    body.not-found .login--content .field input,
    body.not-found .lang--content .field input,
    body.not-found .search--content .field input {
      border: 0;
      border-radius: .5rem;
      padding: 1rem; }
      body.login .login--content .field input:not([type="checkbox"]),
      body.login .lang--content .field input:not([type="checkbox"]),
      body.login .search--content .field input:not([type="checkbox"]),
      body.lang .login--content .field input:not([type="checkbox"]),
      body.lang .lang--content .field input:not([type="checkbox"]),
      body.lang .search--content .field input:not([type="checkbox"]),
      body.search .login--content .field input:not([type="checkbox"]),
      body.search .lang--content .field input:not([type="checkbox"]),
      body.search .search--content .field input:not([type="checkbox"]),
      body.not-found .login--content .field input:not([type="checkbox"]),
      body.not-found .lang--content .field input:not([type="checkbox"]),
      body.not-found .search--content .field input:not([type="checkbox"]) {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09);
        border: 1px solid #D8D8D8; }
      body.login .login--content .field input[type="text"], body.login .login--content .field input[type="email"], body.login .login--content .field input[type="password"],
      body.login .lang--content .field input[type="text"],
      body.login .lang--content .field input[type="email"],
      body.login .lang--content .field input[type="password"],
      body.login .search--content .field input[type="text"],
      body.login .search--content .field input[type="email"],
      body.login .search--content .field input[type="password"],
      body.lang .login--content .field input[type="text"],
      body.lang .login--content .field input[type="email"],
      body.lang .login--content .field input[type="password"],
      body.lang .lang--content .field input[type="text"],
      body.lang .lang--content .field input[type="email"],
      body.lang .lang--content .field input[type="password"],
      body.lang .search--content .field input[type="text"],
      body.lang .search--content .field input[type="email"],
      body.lang .search--content .field input[type="password"],
      body.search .login--content .field input[type="text"],
      body.search .login--content .field input[type="email"],
      body.search .login--content .field input[type="password"],
      body.search .lang--content .field input[type="text"],
      body.search .lang--content .field input[type="email"],
      body.search .lang--content .field input[type="password"],
      body.search .search--content .field input[type="text"],
      body.search .search--content .field input[type="email"],
      body.search .search--content .field input[type="password"],
      body.not-found .login--content .field input[type="text"],
      body.not-found .login--content .field input[type="email"],
      body.not-found .login--content .field input[type="password"],
      body.not-found .lang--content .field input[type="text"],
      body.not-found .lang--content .field input[type="email"],
      body.not-found .lang--content .field input[type="password"],
      body.not-found .search--content .field input[type="text"],
      body.not-found .search--content .field input[type="email"],
      body.not-found .search--content .field input[type="password"] {
        height: 3rem; }
      body.login .login--content .field input[type="checkbox"],
      body.login .lang--content .field input[type="checkbox"],
      body.login .search--content .field input[type="checkbox"],
      body.lang .login--content .field input[type="checkbox"],
      body.lang .lang--content .field input[type="checkbox"],
      body.lang .search--content .field input[type="checkbox"],
      body.search .login--content .field input[type="checkbox"],
      body.search .lang--content .field input[type="checkbox"],
      body.search .search--content .field input[type="checkbox"],
      body.not-found .login--content .field input[type="checkbox"],
      body.not-found .lang--content .field input[type="checkbox"],
      body.not-found .search--content .field input[type="checkbox"] {
        height: 1.5rem; }
    body.login .login--content .field[class*='field-promo-option'],
    body.login .lang--content .field[class*='field-promo-option'],
    body.login .search--content .field[class*='field-promo-option'],
    body.lang .login--content .field[class*='field-promo-option'],
    body.lang .lang--content .field[class*='field-promo-option'],
    body.lang .search--content .field[class*='field-promo-option'],
    body.search .login--content .field[class*='field-promo-option'],
    body.search .lang--content .field[class*='field-promo-option'],
    body.search .search--content .field[class*='field-promo-option'],
    body.not-found .login--content .field[class*='field-promo-option'],
    body.not-found .lang--content .field[class*='field-promo-option'],
    body.not-found .search--content .field[class*='field-promo-option'] {
      width: calc(99.99% / 3); }
  body.login .login--content .btn,
  body.login .lang--content .btn,
  body.login .search--content .btn,
  body.lang .login--content .btn,
  body.lang .lang--content .btn,
  body.lang .search--content .btn,
  body.search .login--content .btn,
  body.search .lang--content .btn,
  body.search .search--content .btn,
  body.not-found .login--content .btn,
  body.not-found .lang--content .btn,
  body.not-found .search--content .btn {
    border-radius: 100rem;
    height: 3rem;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: .2rem;
    line-height: 2rem;
    font-family: "Roboto Condensed", sans-serif; }
    @media screen and (max-width: 576px) {
      body.login .login--content .btn,
      body.login .lang--content .btn,
      body.login .search--content .btn,
      body.lang .login--content .btn,
      body.lang .lang--content .btn,
      body.lang .search--content .btn,
      body.search .login--content .btn,
      body.search .lang--content .btn,
      body.search .search--content .btn,
      body.not-found .login--content .btn,
      body.not-found .lang--content .btn,
      body.not-found .search--content .btn {
        letter-spacing: normal; } }
    body.login .login--content .btn.btn-primary,
    body.login .lang--content .btn.btn-primary,
    body.login .search--content .btn.btn-primary,
    body.lang .login--content .btn.btn-primary,
    body.lang .lang--content .btn.btn-primary,
    body.lang .search--content .btn.btn-primary,
    body.search .login--content .btn.btn-primary,
    body.search .lang--content .btn.btn-primary,
    body.search .search--content .btn.btn-primary,
    body.not-found .login--content .btn.btn-primary,
    body.not-found .lang--content .btn.btn-primary,
    body.not-found .search--content .btn.btn-primary {
      color: #FFF;
      background: linear-gradient(180deg, #0083c1 0%, #01266f 100%);
      border: 0; }
    body.login .login--content .btn.btn-secondary,
    body.login .lang--content .btn.btn-secondary,
    body.login .search--content .btn.btn-secondary,
    body.lang .login--content .btn.btn-secondary,
    body.lang .lang--content .btn.btn-secondary,
    body.lang .search--content .btn.btn-secondary,
    body.search .login--content .btn.btn-secondary,
    body.search .lang--content .btn.btn-secondary,
    body.search .search--content .btn.btn-secondary,
    body.not-found .login--content .btn.btn-secondary,
    body.not-found .lang--content .btn.btn-secondary,
    body.not-found .search--content .btn.btn-secondary {
      color: #1C397B;
      background: #FFF;
      border: 1px solid #1C397B; }
  body.login .login--content .form__link,
  body.login .lang--content .form__link,
  body.login .search--content .form__link,
  body.lang .login--content .form__link,
  body.lang .lang--content .form__link,
  body.lang .search--content .form__link,
  body.search .login--content .form__link,
  body.search .lang--content .form__link,
  body.search .search--content .form__link,
  body.not-found .login--content .form__link,
  body.not-found .lang--content .form__link,
  body.not-found .search--content .form__link {
    color: #1C397B;
    text-decoration: underline; }
    body.login .login--content .form__link.red,
    body.login .lang--content .form__link.red,
    body.login .search--content .form__link.red,
    body.lang .login--content .form__link.red,
    body.lang .lang--content .form__link.red,
    body.lang .search--content .form__link.red,
    body.search .login--content .form__link.red,
    body.search .lang--content .form__link.red,
    body.search .search--content .form__link.red,
    body.not-found .login--content .form__link.red,
    body.not-found .lang--content .form__link.red,
    body.not-found .search--content .form__link.red {
      color: #D72043; }
  body.login .login--content .lang__item a,
  body.login .lang--content .lang__item a,
  body.login .search--content .lang__item a,
  body.lang .login--content .lang__item a,
  body.lang .lang--content .lang__item a,
  body.lang .search--content .lang__item a,
  body.search .login--content .lang__item a,
  body.search .lang--content .lang__item a,
  body.search .search--content .lang__item a,
  body.not-found .login--content .lang__item a,
  body.not-found .lang--content .lang__item a,
  body.not-found .search--content .lang__item a {
    display: flex;
    align-items: center; }
    body.login .login--content .lang__item a:hover,
    body.login .lang--content .lang__item a:hover,
    body.login .search--content .lang__item a:hover,
    body.lang .login--content .lang__item a:hover,
    body.lang .lang--content .lang__item a:hover,
    body.lang .search--content .lang__item a:hover,
    body.search .login--content .lang__item a:hover,
    body.search .lang--content .lang__item a:hover,
    body.search .search--content .lang__item a:hover,
    body.not-found .login--content .lang__item a:hover,
    body.not-found .lang--content .lang__item a:hover,
    body.not-found .search--content .lang__item a:hover {
      text-decoration: none; }
    @media screen and (max-width: 576px) {
      body.login .login--content .lang__item a,
      body.login .lang--content .lang__item a,
      body.login .search--content .lang__item a,
      body.lang .login--content .lang__item a,
      body.lang .lang--content .lang__item a,
      body.lang .search--content .lang__item a,
      body.search .login--content .lang__item a,
      body.search .lang--content .lang__item a,
      body.search .search--content .lang__item a,
      body.not-found .login--content .lang__item a,
      body.not-found .lang--content .lang__item a,
      body.not-found .search--content .lang__item a {
        justify-content: center; } }
  body.login .login--content .lang__flag,
  body.login .lang--content .lang__flag,
  body.login .search--content .lang__flag,
  body.lang .login--content .lang__flag,
  body.lang .lang--content .lang__flag,
  body.lang .search--content .lang__flag,
  body.search .login--content .lang__flag,
  body.search .lang--content .lang__flag,
  body.search .search--content .lang__flag,
  body.not-found .login--content .lang__flag,
  body.not-found .lang--content .lang__flag,
  body.not-found .search--content .lang__flag {
    width: 2rem;
    height: auto; }
  body.login .login--content .lang__country,
  body.login .lang--content .lang__country,
  body.login .search--content .lang__country,
  body.lang .login--content .lang__country,
  body.lang .lang--content .lang__country,
  body.lang .search--content .lang__country,
  body.search .login--content .lang__country,
  body.search .lang--content .lang__country,
  body.search .search--content .lang__country,
  body.not-found .login--content .lang__country,
  body.not-found .lang--content .lang__country,
  body.not-found .search--content .lang__country {
    color: #1C397B;
    font-size: 1.2rem; }

body.login .login--content .field-privacy-text a,
body.lang .login--content .field-privacy-text a,
body.search .login--content .field-privacy-text a,
body.not-found .login--content .field-privacy-text a {
  text-decoration: underline;
  font-weight: bold; }

/* 404
   ----------------------------- */
body.not-found .page--content {
  padding: 3rem;
  color: #1C397B; }
  body.not-found .page--content .not-found-content {
    height: 100%;
    flex-direction: column;
    justify-content: center; }
  body.not-found .page--content .not-found-image {
    width: 100%;
    height: auto; }
  body.not-found .page--content .not-found-title,
  body.not-found .page--content .not-found-subtitle {
    font-family: "Bebas Neue", "Roboto Condensed", sans-serif; }
  body.not-found .page--content .not-found-title {
    font-size: 5rem; }
  body.not-found .page--content .not-found-subtitle {
    font-size: 3rem; }
  body.not-found .page--content .not-found-link {
    color: #D72043;
    text-decoration: underline; }

/* CARD
   ----------------------------- */
.card {
  margin-bottom: 4rem;
  border: 0;
  border-radius: .4rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  bottom: 0;
  transition: all .1s ease-in-out;
  display: inline-block; }
  .section--categories .card:hover {
    bottom: .4rem;
    box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.15); }
  .card a:hover {
    text-decoration: none; }
  .card .card__icon {
    background: #FFF;
    width: 3rem;
    padding: 0.8rem;
    box-sizing: content-box;
    bottom: 1rem;
    left: 1rem; }
    .card .card__icon img {
      width: 100%;
      height: auto; }
  .card .card__title,
  .card .card__abstract {
    color: #1C397B; }
  .card .card__title {
    font-size: 1.6rem;
    letter-spacing: .25rem;
    border-top: 1px solid #D8D8D8;
    text-transform: uppercase;
    font-family: "Bebas Neue", "Roboto Condensed", sans-serif; }
  .card .card__abstract {
    font-size: 1.3rem;
    letter-spacing: .05rem;
    min-height: 6rem; }
    @media screen and (max-width: 576px) {
      .card .card__abstract {
        font-size: 1.4rem; } }
  .card .card__link {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .card .card__button {
    text-transform: uppercase;
    color: #FFF;
    padding: 1rem 2rem;
    background: linear-gradient(180deg, #0083c1 0%, #01266f 100%);
    border-radius: 30rem;
    font-size: .9rem;
    font-weight: bold;
    letter-spacing: .15rem;
    top: .8rem;
    transition: all .1s ease-in-out;
    z-index: 9; }
    .card .card__button:hover {
      top: .4rem; }
  .card .card__mmln {
    top: -.5rem;
    right: 1rem;
    width: 4.5rem;
    height: auto; }

/* CARD ICON
   ----------------------------- */
.icon .card__image img {
  width: 8.5rem;
  height: auto; }
  @media screen and (max-width: 768px) {
    .icon .card__image img {
      max-width: 8.5rem;
      margin: 0 auto; } }

.icon .card__abstract {
  color: #1C397B; }

/* CARD PRODUCT
   ----------------------------- */
.card.product,
.card.product-category {
  overflow: hidden;
  width: 100%; }
  .card.product .card__header,
  .card.product-category .card__header {
    background: #1C397B; }
  .card.product .card__title,
  .card.product-category .card__title {
    color: #FFF;
    border: 0;
    min-height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: capitalize;
    letter-spacing: .15rem;
    font-size: 1.4rem; }

/* CARD SINGLE PRODUCT
   ----------------------------- */
.single {
  margin-bottom: 0; }

/* BLOCK CATEGORIES MENU
   ----------------------------- */
.block--categories-menu .menu--categories {
  padding: .75rem 1rem;
  border: 1px solid #1C397B;
  color: #1C397B;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1rem;
  cursor: pointer; }

.block--categories-menu span {
  width: 100%; }
  .block--categories-menu span img {
    width: 1.2rem;
    height: auto;
    transform: rotate(90deg);
    float: right; }

.block--categories-menu .menu__sub {
  position: absolute;
  background: #FFF;
  width: calc(100% + 2rem + 2px);
  top: 2.2rem;
  left: calc(-1rem - 1px);
  border: 1px solid #1C397B;
  padding: 0;
  max-height: 0;
  border: 0;
  color: #FFF;
  display: inline-block;
  opacity: 0; }
  .block--categories-menu .menu__sub.active {
    padding: 1rem;
    border: 1px solid #1C397B;
    max-height: 100rem;
    color: #1C397B;
    opacity: 1;
    z-index: 99; }
  .block--categories-menu .menu__sub a {
    width: 100%;
    display: inline-block;
    padding: .25rem 0; }

/* SOCIAL
   ----------------------------- */
.block--social {
  padding: 1rem 0 2rem !important; }
  .product .block--social {
    padding: 1rem 0 !important; }
  .block--social span {
    color: #1C397B;
    text-transform: uppercase; }
  .block--social .social__item a {
    font-size: 0;
    width: 1.3rem;
    height: 1.3rem;
    overflow: hidden;
    display: inline-block; }
  .block--social .social__item.facebook a {
    background: url("../img/icon/sb-facebook.png") no-repeat center center;
    background-size: contain; }
  .block--social .social__item.twitter a {
    background: url("../img/icon/sb-twitter.png") no-repeat center center;
    background-size: contain; }
  .block--social .social__item.whatsapp {
    display: none !important; }
    @media screen and (max-width: 768px) {
      .block--social .social__item.whatsapp {
        display: inline-block !important; } }
    .block--social .social__item.whatsapp a {
      background: url("../img/icon/sb-whatsapp.png") no-repeat center center;
      background-size: contain; }
  .block--social .social__item.email a {
    background: url("../img/icon/sb-email.png") no-repeat center center;
    background-size: contain; }
  .block--social .social__item.pinterest a {
    background: url("../img/icon/sb-pinterest.png") no-repeat center center;
    background-size: contain; }

/* POPUP
   ----------------------------- */
.card--popup {
  margin: 0 2rem;
  width: 24rem;
  color: #1C397B;
  position: relative;
  top: 25%; }
  .card--popup .popup__title {
    font-family: "Bebas Neue", "Roboto Condensed", sans-serif;
    font-size: 2.4rem; }
  .card--popup a:hover {
    text-decoration: underline; }
  .card--popup .popup__close {
    color: #D72043;
    text-decoration: underline; }

/* POPUP
   ----------------------------- */
.block--search__icon {
  top: 1rem;
  right: -5rem;
  width: 3.5rem;
  height: 3.5rem;
  z-index: 999;
  border-radius: 30rem !important;
  background: linear-gradient(180deg, #0083c1 0%, #01266f 100%);
  transition: all .2s ease-in-out; }
  .block--search__icon.is-visible {
    right: 1rem; }
  .block--search__icon.open {
    width: auto;
    padding-left: 1rem !important; }
  .block--search__icon img {
    width: 2rem;
    height: 2rem;
    cursor: pointer; }

.search__form {
  overflow: hidden;
  height: 2rem; }
  .search__form #search-input {
    display: inline-block;
    width: 0;
    padding: 0;
    border: 0;
    transition: all .2s ease-out;
    background: #CBE9FB;
    font-size: .8rem;
    color: #1C397B; }
    .search__form #search-input.show {
      width: 10rem;
      padding: .5rem;
      margin: 0 0 0 1.5rem; }
  .search__form #search-btn {
    display: inline-block;
    width: 0;
    padding: 0;
    border: 0;
    transition: all .2s ease-out;
    background: #FFF;
    font-size: .8rem;
    color: #1C397B;
    text-transform: uppercase;
    font-weight: bold; }
    .search__form #search-btn.show {
      width: 4.5rem;
      padding: .5rem;
      margin: 0 1.5rem 0 0; }