/* 2018-sis-dyson */
.wrap-sis-dyson {
  background-color: #ececec; }
  .wrap-sis-dyson .sis-dyson-menu h1 {
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 200;
    font-size: 25px;
    margin-top: 0;
    line-height: 25px;
    margin-bottom: 20px;
    text-transform: uppercase; }
    .wrap-sis-dyson .sis-dyson-menu h1 a {
      color: #000; }
      .wrap-sis-dyson .sis-dyson-menu h1 a:hover {
        color: #D01A19; }
  .wrap-sis-dyson .sis-dyson-menu .menu-level-1 li {
    list-style-type: none;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px; }
    .wrap-sis-dyson .sis-dyson-menu .menu-level-1 li a {
      color: #000;
      font-family: 'Poppins', Arial, sans-serif;
      font-weight: 400;
      font-size: 15px;
      margin-top: 0;
      line-height: 15px;
      text-transform: uppercase;
      display: block;
      position: relative;
      padding-right: 30px; }
      .wrap-sis-dyson .sis-dyson-menu .menu-level-1 li a i {
        position: absolute;
        display: inline-block;
        right: 0;
        top: 0;
        font-size: 20px;
        -webkit-transition: transform 0.3s ease-in-out;
        -moz-transition: transform 0.3s ease-in-out;
        -ms-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out; }
    .wrap-sis-dyson .sis-dyson-menu .menu-level-1 li.active a i {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
      -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      -o-transform-origin: 50% 50%;
      transform-origin: 50% 50%; }
    .wrap-sis-dyson .sis-dyson-menu .menu-level-1 li.active .menu-level-2 {
      height: auto; }
  .wrap-sis-dyson .sis-dyson-menu .menu-level-2 {
    overflow: hidden;
    height: 0;
    -webkit-transition: height  0.3s ease-in-out;
    -moz-transition: height  0.3s ease-in-out;
    -ms-transition: height  0.3s ease-in-out;
    -o-transition: height  0.3s ease-in-out;
    transition: height  0.3s ease-in-out;
    padding: 0; }
    .wrap-sis-dyson .sis-dyson-menu .menu-level-2 li {
      list-style-type: none;
      padding-left: 15px;
      border-bottom: none;
      margin: 0;
      padding-bottom: 10px; }
      .wrap-sis-dyson .sis-dyson-menu .menu-level-2 li:first-child {
        margin-top: 15px; }
      .wrap-sis-dyson .sis-dyson-menu .menu-level-2 li a {
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out; }
        .wrap-sis-dyson .sis-dyson-menu .menu-level-2 li a:hover {
          color: #D01A19; }
  .wrap-sis-dyson .sis-content__link {
    display: block;
    height: 100%;
    margin-bottom: 20px; }
  .wrap-sis-dyson .sotto-cat__products__item {
    background-color: #FFF; }

.js-dyson-slider {
  margin-bottom: 40px; }
  .js-dyson-slider .btn-slider a {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
    border-right: 1px solid #ccc;
    padding: 10px;
    color: #333;
    background-color: #fff; }
    .js-dyson-slider .btn-slider a.active, .js-dyson-slider .btn-slider a:hover {
      color: #D01A19; }
  .js-dyson-slider .btn-slider .col:last-child a {
    border-right: none; }

.sis-dyson-landing .container.wrap-img-resp {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .sis-dyson-landing .container.wrap-img-resp img {
    display: block; }

@media screen and (max-width: 767px) {
  .js-dyson-slider .btn-slider a {
    border-bottom: 1px solid #ccc;
    border-right: none; } }

/*# sourceMappingURL=2018-sis-dyson.css.map */