/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 8-feb-2019, 10.12.31
    Author     : davide
*/
.color-tabs-wrapper .color-tabs a,
.color-tabs-wrapper .color-tabs-content a {
  color: black; }
.color-tabs-wrapper .color-tabs {
  margin-bottom: 7px; }
  .color-tabs-wrapper .color-tabs:hover .open-color-tab img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%); }
  .color-tabs-wrapper .color-tabs .color-tab {
    max-width: calc(16% - 70px);
    display: inline-block;
    margin-right: 35px;
    margin-left: 35px;
    margin-bottom: 25px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top; }
    .color-tabs-wrapper .color-tabs .color-tab .open-color-tab img {
      transition: filter 0.5s ease; }
    .color-tabs-wrapper .color-tabs .color-tab .open-color-tab.deactive img {
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      filter: grayscale(100%); }
    .color-tabs-wrapper .color-tabs .color-tab .open-color-tab.active, .color-tabs-wrapper .color-tabs .color-tab .open-color-tab:hover {
      font-weight: bold;
      color: #018f85; }
      .color-tabs-wrapper .color-tabs .color-tab .open-color-tab.active img, .color-tabs-wrapper .color-tabs .color-tab .open-color-tab:hover img {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        filter: grayscale(0%); }
.color-tabs-wrapper .color-tabs-content .color-content {
  display: none;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  padding-top: 30px; }
  .color-tabs-wrapper .color-tabs-content .color-content .child-content {
    display: inline-block;
    max-width: calc(16% - 70px);
    margin-right: 35px;
    margin-left: 35px;
    vertical-align: top; }
    .color-tabs-wrapper .color-tabs-content .color-content .child-content p {
      padding-bottom: 15px !important; }
.color-tabs-wrapper.slider-elements .color-tabs-content .color-content {
  border-top: 0;
  margin-left: -5px;
  margin-right: -5px; }
  .color-tabs-wrapper.slider-elements .color-tabs-content .color-content .child-content {
    margin-left: 5px;
    margin-right: 5px;
    width: calc(33% - 10px);
    max-width: 100%; }
@media screen and (max-width: 999px) {
  .color-tabs-wrapper .color-tabs .color-tab,
  .color-tabs-wrapper .color-tabs-content .color-content .child-content {
    max-width: calc(25% - 10px) !important;
    margin-right: 3.5px;
    margin-left: 3.5px; } }
@media screen and (max-width: 690px) {
  .color-tabs-wrapper .color-tabs .color-tab,
  .color-tabs-wrapper .color-tabs-content .color-content .child-content {
    max-width: calc(50% - 7px) !important; } }

/* MODAL */
.colors-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 99999; }
  .colors-modal .modal__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4); }
  .colors-modal .modal__content {
    position: absolute;
    top: 20%;
    bottom: 20%;
    overflow: auto;
    max-width: 90%;
    width: 800px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: white;
    padding: 25px; }
    .colors-modal .modal__content .close-modal {
      position: absolute;
      top: 5px;
      right: 5px; }
    .colors-modal .modal__content .modal__content_inside {
      display: flex;
      flex-wrap: wrap; }
      .colors-modal .modal__content .modal__content_inside .color_name {
        width: 100%; }
      .colors-modal .modal__content .modal__content_inside .color_image,
      .colors-modal .modal__content .modal__content_inside .color_content {
        width: calc(50% - 15px); }
      .colors-modal .modal__content .modal__content_inside .color_image {
        margin-right: 15px; }
        .colors-modal .modal__content .modal__content_inside .color_image img {
          max-width: 100%;
          height: auto;
          margin-bottom: 10px; }
      .colors-modal .modal__content .modal__content_inside .color_content {
        margin-left: 15px; }
    @media screen and (max-width: 699px) {
      .colors-modal .modal__content {
        top: 10%;
        bottom: 10%; }
        .colors-modal .modal__content .modal__content_inside .color_image,
        .colors-modal .modal__content .modal__content_inside .color_content {
          width: 100%;
          margin: 0; } }

/* SLIDER ELEMENT */
.mvd-owl-carousel .owl-stage, .disabled-mvd-owl-carousel .owl-stage {
  padding: 0 !important; }
.mvd-owl-carousel .owl-nav span, .disabled-mvd-owl-carousel .owl-nav span {
  display: block;
  font-size: 50px;
  line-height: 0; }
.mvd-owl-carousel .owl-nav button, .disabled-mvd-owl-carousel .owl-nav button {
  margin: 0 !important; }
  .mvd-owl-carousel .owl-nav button:hover, .disabled-mvd-owl-carousel .owl-nav button:hover {
    background: transparent !important;
    color: black !important; }
.mvd-owl-carousel .owl-nav .owl-prev,
.mvd-owl-carousel .owl-nav .owl-next, .disabled-mvd-owl-carousel .owl-nav .owl-prev,
.disabled-mvd-owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: calc(50% - 11px); }
.mvd-owl-carousel .owl-nav .owl-prev, .disabled-mvd-owl-carousel .owl-nav .owl-prev {
  left: -5%; }
.mvd-owl-carousel .owl-nav .owl-next, .disabled-mvd-owl-carousel .owl-nav .owl-next {
  right: -5%; }
@media screen and (max-width: 999px) {
  .mvd-owl-carousel .owl-nav, .disabled-mvd-owl-carousel .owl-nav {
    text-align: left !important; }
    .mvd-owl-carousel .owl-nav .owl-prev,
    .mvd-owl-carousel .owl-nav .owl-next, .disabled-mvd-owl-carousel .owl-nav .owl-prev,
    .disabled-mvd-owl-carousel .owl-nav .owl-next {
      position: relative; }
    .mvd-owl-carousel .owl-nav .owl-prev, .disabled-mvd-owl-carousel .owl-nav .owl-prev {
      left: 0;
      margin-left: 5px !important; }
    .mvd-owl-carousel .owl-nav .owl-next, .disabled-mvd-owl-carousel .owl-nav .owl-next {
      right: 0;
      float: right;
      margin-right: 5px !important; } }

.slider-element {
  position: relative; }
  .slider-element img {
    width: 100% !important;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transition: all 0.62s;
    -moz-transition: all 0.62s;
    transition: all 0.62s;
    margin-bottom: 0 !important; }
  .slider-element a {
    display: block;
    -webkit-transition: background-color 0.62s;
    -moz-transition: background-color 0.62s;
    transition: background-color 0.62s;
    overflow: hidden;
    margin-bottom: 10px; }
    .slider-element a:hover, .slider-element a.active {
      background-color: rgba(0, 0, 0, 0.55); }
      .slider-element a:hover img, .slider-element a.active img {
        transform: scale(1.11); }
  .slider-element .title {
    text-align: left;
    margin-top: 0 !important;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    padding: 10px 15px;
    background-color: white; }
    .slider-element .title h3 {
      margin-bottom: 0 !important; }

.hidden {
  display: none !important; }

/*# sourceMappingURL=style.css.map */