/***************************************
  BREAKS
***************************************/
/***************************************
  FONTS
***************************************/
/***************************************
  COLORS
***************************************/
/***************************************
  ANIMATION
***************************************/
/***************************************
  PRODUCT
***************************************/
#product {
  padding: 0;
  overflow: hidden; }
  #product > .slide-details {
    position: relative;
    vertical-align: top; }
    #product > .slide-details > .preload {
      top: 50%;
      left: 30%;
      z-index: 1;
      width: auto;
      height: auto;
      margin: -30px 0 0 45px; }
      @media only screen and (max-width: 1023px) {
        #product > .slide-details > .preload {
          top: 215px;
          left: 50%;
          margin: 0; } }
      @media only screen and (max-width: 767px) {
        #product > .slide-details > .preload {
          top: 165px; } }
      #product > .slide-details > .preload:before {
        width: 30px;
        height: 30px;
        margin: -15px 0 0 -15px; }
        @media only screen and (max-width: 1023px) {
          #product > .slide-details > .preload:before {
            border-color: #F4F4F4; } }
        @media only screen and (max-width: 767px) {
          #product > .slide-details > .preload:before {
            width: 20px;
            height: 20px;
            margin: -10px 0 0 -10px; } }
    #product > .slide-details > .content {
      z-index: 2;
      display: table;
      table-layout: fixed;
      width: 100%;
      padding-top: 0; }
      @media only screen and (max-width: 1023px) {
        #product > .slide-details > .content {
          display: block; } }
      #product > .slide-details > .content > .product-slide {
        position: relative;
        display: table-cell;
        vertical-align: middle; }
        @media only screen and (max-width: 1023px) {
          #product > .slide-details > .content > .product-slide {
            display: block;
            width: 100vw;
            left: -30px; } }
        @media only screen and (max-width: 768px) {
          #product > .slide-details > .content > .product-slide {
            left: -15px; } }
        #product > .slide-details > .content > .product-slide > .content {
          position: relative; }
          #product > .slide-details > .content > .product-slide > .content > ul.slick-product-images {
            width: calc(100% - 85px);
            background-color: #FFFFFF;
            margin-left: auto;
            overflow: hidden;
            max-height: 550px; }
            @media only screen and (max-width: 1023px) {
              #product > .slide-details > .content > .product-slide > .content > ul.slick-product-images {
                width: 100%;
                max-height: none; } }
            #product > .slide-details > .content > .product-slide > .content > ul.slick-product-images .slick-slide > div {
              display: table;
              vertical-align: middle;
              width: 100%;
              margin: 0 auto; }
              #product > .slide-details > .content > .product-slide > .content > ul.slick-product-images .slick-slide > div > span {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                font-size: 0;
                width: 100%;
                height: 550px; }
                @media only screen and (max-width: 1023px) {
                  #product > .slide-details > .content > .product-slide > .content > ul.slick-product-images .slick-slide > div > span {
                    height: 400px; } }
                @media only screen and (max-width: 767px) {
                  #product > .slide-details > .content > .product-slide > .content > ul.slick-product-images .slick-slide > div > span {
                    height: 300px; } }
                #product > .slide-details > .content > .product-slide > .content > ul.slick-product-images .slick-slide > div > span img {
                  position: relative;
                  text-align: center;
                  max-width: 100%;
                  max-height: 100%;
                  display: inline-block;
                  margin: 0 auto;
                  font-size: 16px; }
                  @media only screen and (max-width: 1130px) {
                    #product > .slide-details > .content > .product-slide > .content > ul.slick-product-images .slick-slide > div > span img {
                      max-width: 90%; } }
                  @media only screen and (max-width: 1023px) {
                    #product > .slide-details > .content > .product-slide > .content > ul.slick-product-images .slick-slide > div > span img {
                      max-width: 100%;
                      max-height: 390px; } }
                  @media only screen and (max-width: 767px) {
                    #product > .slide-details > .content > .product-slide > .content > ul.slick-product-images .slick-slide > div > span img {
                      max-height: 290px; } }
            #product > .slide-details > .content > .product-slide > .content > ul.slick-product-images > .slick-arrow:before {
              color: #9B9B9B; }
            #product > .slide-details > .content > .product-slide > .content > ul.slick-product-images > .slick-arrow.slick-prev {
              left: 25px; }
            #product > .slide-details > .content > .product-slide > .content > ul.slick-product-images > .slick-arrow.slick-next {
              right: 25px; }
            #product > .slide-details > .content > .product-slide > .content > ul.slick-product-images > .slick-dots {
              margin: -10px 0 0;
              padding: 0 25px 15px; }
          #product > .slide-details > .content > .product-slide > .content > ul.slick-product-thumbs {
            position: absolute;
            width: 70px;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%); }
            @media only screen and (max-width: 1023px) {
              #product > .slide-details > .content > .product-slide > .content > ul.slick-product-thumbs {
                display: none; } }
            #product > .slide-details > .content > .product-slide > .content > ul.slick-product-thumbs > .slick-arrow.slick-prev {
              left: 0px !important; }
      #product > .slide-details > .content > .product-details {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        width: 40%; }
        @media only screen and (max-width: 1023px) {
          #product > .slide-details > .content > .product-details {
            display: block;
            width: 100%;
            margin-top: 35px; } }
        @media only screen and (max-width: 767px) {
          #product > .slide-details > .content > .product-details {
            margin-top: 25px; } }
        #product > .slide-details > .content > .product-details > .content {
          background-color: #FFFFFF;
          padding: 60px; }
          @media only screen and (max-width: 1130px) {
            #product > .slide-details > .content > .product-details > .content {
              padding: 35px; }
              #product > .slide-details > .content > .product-details > .content > .new-balloon + h1 {
                margin-top: 25px; } }
          @media only screen and (max-width: 767px) {
            #product > .slide-details > .content > .product-details > .content {
              padding: 25px; } }
          #product > .slide-details > .content > .product-details > .content > h1:after {
            width: 2px;
            height: 30px;
            margin: 5px 0 0 1px; }
          #product > .slide-details > .content > .product-details > .content > .description {
            display: block;
            margin: 10px 0 35px; }
            @media only screen and (max-width: 767px) {
              #product > .slide-details > .content > .product-details > .content > .description {
                margin-bottom: 25px; } }
            #product > .slide-details > .content > .product-details > .content > .description > span {
              display: block;
              font-size: 16px; }
            #product > .slide-details > .content > .product-details > .content > .description > a {
              display: inline-block;
              font-size: 14px; }
          #product > .slide-details > .content > .product-details > .content > .colors {
            display: block; }
            #product > .slide-details > .content > .product-details > .content > .colors:before {
              content: '';
              display: block;
              margin-bottom: 35px;
              width: 70px;
              height: 1px;
              background-color: #9B9B9B; }
              @media only screen and (max-width: 767px) {
                #product > .slide-details > .content > .product-details > .content > .colors:before {
                  margin-bottom: 25px; } }
            #product > .slide-details > .content > .product-details > .content > .colors > .title {
              display: block;
              margin: 0; }
              #product > .slide-details > .content > .product-details > .content > .colors > .title > span {
                display: block;
                font-size: 14px;
                color: #9B9B9B; }
            #product > .slide-details > .content > .product-details > .content > .colors > .designation {
              position: relative;
              display: block;
              margin: 35px 0 5px;
              font-size: 18px;
              color: #9B9B9B;
              opacity: 0;
              will-change: opacity;
              -webkit-transition: opacity 0.2s linear;
              -o-transition: opacity 0.2s linear;
              transition: opacity 0.2s linear; }
              @media only screen and (max-width: 767px) {
                #product > .slide-details > .content > .product-details > .content > .colors > .designation {
                  margin-top: 25px;
                  font-size: 16px; } }
              #product > .slide-details > .content > .product-details > .content > .colors > .designation:after {
                position: absolute;
                top: -2px;
                right: 0;
                font-family: "europalco", sans-serif;
                content: "\e925";
                font-size: 20px;
                color: #000000;
                -webkit-transform: translateX(-10px);
                    -ms-transform: translateX(-10px);
                        transform: translateX(-10px);
                opacity: 0;
                will-change: transform, opacity;
                -webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.58, 0.3, 0.005, 1);
                transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.58, 0.3, 0.005, 1);
                -o-transition: transform 0.4s cubic-bezier(0.58, 0.3, 0.005, 1), opacity 0.2s linear;
                transition: transform 0.4s cubic-bezier(0.58, 0.3, 0.005, 1), opacity 0.2s linear;
                transition: transform 0.4s cubic-bezier(0.58, 0.3, 0.005, 1), opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.58, 0.3, 0.005, 1); }
                @media only screen and (max-width: 767px) {
                  #product > .slide-details > .content > .product-details > .content > .colors > .designation:after {
                    font-size: 18px; } }
              #product > .slide-details > .content > .product-details > .content > .colors > .designation.active {
                opacity: 1; }
                #product > .slide-details > .content > .product-details > .content > .colors > .designation.active:after {
                  opacity: 1;
                  -webkit-transform: translateX(0);
                      -ms-transform: translateX(0);
                          transform: translateX(0); }
  #product > .specifications-similar {
    padding-bottom: 0; }
    #product > .specifications-similar > .container {
      position: relative;
      display: table;
      table-layout: fixed; }
      @media only screen and (max-width: 1023px) {
        #product > .specifications-similar > .container {
          display: block; } }
      #product > .specifications-similar > .container > .specifications {
        position: relative;
        display: table-cell;
        width: 60%;
        vertical-align: top;
        padding: 60px; }
        @media only screen and (max-width: 1130px) {
          #product > .specifications-similar > .container > .specifications {
            padding: 40px; } }
        @media only screen and (max-width: 1023px) {
          #product > .specifications-similar > .container > .specifications {
            display: block;
            width: 100%;
            padding: 0 0 40px; } }
        #product > .specifications-similar > .container > .specifications:last-child {
          display: block;
          width: 100%;
          padding: 0 0 60px; }
          @media only screen and (max-width: 1130px) {
            #product > .specifications-similar > .container > .specifications:last-child {
              padding: 0 0 40px; } }
        #product > .specifications-similar > .container > .specifications > .title {
          display: table;
          margin: 0; }
          #product > .specifications-similar > .container > .specifications > .title:after {
            position: relative;
            height: 3px;
            top: 2px; }
        #product > .specifications-similar > .container > .specifications > .line {
          display: block;
          width: 100%;
          height: 1px;
          background-color: #9B9B9B; }
        #product > .specifications-similar > .container > .specifications > .text {
          display: block;
          margin-top: 35px;
          color: #9B9B9B; }
          #product > .specifications-similar > .container > .specifications > .text > strong {
            font-weight: 100;
            color: #000000; }
          @media only screen and (max-width: 767px) {
            #product > .specifications-similar > .container > .specifications > .text {
              margin-top: 25px; } }
        #product > .specifications-similar > .container > .specifications > .btn {
          margin-top: 35px;
          display: inline-block; }
          @media only screen and (max-width: 1023px) {
            #product > .specifications-similar > .container > .specifications > .btn {
              display: block; } }
          @media only screen and (max-width: 767px) {
            #product > .specifications-similar > .container > .specifications > .btn {
              margin-top: 25px; } }
      #product > .specifications-similar > .container > .similar-products {
        position: relative;
        display: table-cell;
        vertical-align: top;
        background-color: #F4F4F4;
        width: 40%; }
        @media only screen and (max-width: 1023px) {
          #product > .specifications-similar > .container > .similar-products {
            display: block;
            width: 100vw;
            left: -30px; } }
        @media only screen and (max-width: 768px) {
          #product > .specifications-similar > .container > .similar-products {
            left: -15px; } }
        #product > .specifications-similar > .container > .similar-products:first-child {
          display: block;
          width: 100%;
          left: 0;
          background-color: #FFFFFF; }
          #product > .specifications-similar > .container > .similar-products:first-child > .content {
            padding: 0 0 60px 0; }
            @media only screen and (max-width: 1130px) {
              #product > .specifications-similar > .container > .similar-products:first-child > .content {
                padding: 0 0 40px 0; } }
            #product > .specifications-similar > .container > .similar-products:first-child > .content > ul > li {
              width: calc(25% - 20px); }
              @media only screen and (max-width: 767px) {
                #product > .specifications-similar > .container > .similar-products:first-child > .content > ul > li {
                  width: calc(50% - 20px); } }
        #product > .specifications-similar > .container > .similar-products > .content {
          padding: 60px; }
          @media only screen and (max-width: 1130px) {
            #product > .specifications-similar > .container > .similar-products > .content {
              padding: 40px; } }
          @media only screen and (max-width: 1023px) {
            #product > .specifications-similar > .container > .similar-products > .content {
              padding: 40px 30px; } }
          @media only screen and (max-width: 768px) {
            #product > .specifications-similar > .container > .similar-products > .content {
              padding: 40px 15px; } }
          #product > .specifications-similar > .container > .similar-products > .content > .title {
            display: block;
            margin: 0; }
          #product > .specifications-similar > .container > .similar-products > .content > ul {
            font-size: 0;
            margin: 5px -10px 0; }
            @media only screen and (max-width: 1023px) {
              #product > .specifications-similar > .container > .similar-products > .content > ul {
                margin-bottom: 10px; } }
            #product > .specifications-similar > .container > .similar-products > .content > ul > li {
              display: inline-block;
              width: calc(50% - 20px);
              margin: 20px 10px 0; }
              @media only screen and (max-width: 1023px) {
                #product > .specifications-similar > .container > .similar-products > .content > ul > li {
                  width: calc(25% - 20px); } }
              @media only screen and (max-width: 767px) {
                #product > .specifications-similar > .container > .similar-products > .content > ul > li {
                  width: calc(50% - 20px); } }
