.greyscale {
    -webkit-filter: grayscale(100%)!important;
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%)!important;
    transition: 400ms all;
}

.greyscale:hover {
    -webkit-filter: inherit!important;
    /* Safari 6.0 - 9.0 */
    filter: inherit!important;
}

.pictures {
    z-index: 2;
}
/** FLOATING ICONS STYLE **/

.iconContainer {
    position: fixed;
    margin: 10px;
    right: 50px;
    float: left;
    z-index: 2;
    display: flex;
    flex-direction: column;
}

.icon1 {
    width: 40px;
    height: 40px;
    padding-left: 5px;
    fill: white !important;
    align: center;
    background-color: rgba(87, 87, 86, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.icon1 :hover {
    background-color: red;
}

.pantone {
    fill: white;
}

.icon2 {
    float: left;
    fill: white !important;
}

.text_vue3d_icon {
    visibility: hidden;
    text-transform: uppercase;
}

.appartements_icon {
    background: linear-gradient(to left, white 0%, white 80%, #af1625 80%, #af1625 100%);
    text-transform: uppercase;
    box-shadow: 8px 8px 12px #aaa;
    width:180px;
    align-items: center;
    padding-left: 10px;
    padding-top: 5px;
}

.appartements_icon a {
    text-transform: uppercase;
    color: #aeaeae;
}
/** END FLOATING ICONS STYLE **/

/** SLIDESHOW STYLE **/
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* The dots/bullets/indicators */
.dot {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    border-radius: 50%;
    border: 1px white solid;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.dotsPosition {
    position:relative;
    top:-55px;
    text-align:center;
}

.active {
    background-color: white;
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 2s;
    animation-name: fade;
    animation-duration: 8s;
}

@-webkit-keyframes fade {
    0% {opacity: .2}
    30% {opacity: 1}
    100% {opacity: 1}
}

@keyframes fade {
    0% {opacity: .2}
    30% {opacity: 1}
    100% {opacity: 1}
}

@media only screen and (max-width: 900px)
{
    .header-title {
        position: unset !important;
        margin-top: 0px !important;
        padding-bottom: 0px !important;
        margin: 0 !important;
        width: 100% !important;
        padding: 40px 40px 0 40px !important;
    }
    .mySlides {
        position: unset !important;
        top: 0 !important;
    }
    .dotsPosition {
        position: relative !important;
        margin: 16px 0 !important;
        top: 0 !important;
        text-align: center;
    }
    .container {
        position: relative !important;
        top: 0 !important;
        max-width: 100%;
    }
    .iconContainer {
        height: 42px !important;
    }
    .footer-action-buttons {
        flex: 1 !important;
    }
    .icons-container {
        height: 42px;
    }
    #preview-button {
        background-color: #2d312f;
    }
    #apartment-button {
        background-color: #af1625;
    }
}

.icons-container {
display: flex;
position: fixed;
z-index: 1010;
flex-direction: column;
}
.footer-action-button {
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
/* padding-left: 12px; */
text-transform: uppercase;
cursor: pointer;
}
.icon-slot, .text-slot {
/* max-width: 48px; */
/* max-height: 100%; */
padding: 10px;
display: flex;
/* margin-left: -12px; */
/* padding-left: 12px; */
flex-direction: column;
justify-content: center;
/* margin: 0 12px; */
/* padding-right: 12px; */
}
.icon-slot svg {
width: 24px;
}
.footer-action-button a,
.footer-action-button * {
color: white;
fill: white;
}

.text-slot {
height: 100%;
padding-left: 12px;
flex: 1;
}

.slick-dots li button {
  display: none;
}

@media only screen and (max-width: 900px) {

/*.icons-container {*/
/*height: 42px;*/
/*width: 100%;*/
/*bottom: 0;*/
/*right: 0;*/
/*flex-direction: row;*/
/*}*/
/*.footer-action-button {*/
/*justify-content: center;*/
/*}*/

header div.fusion-sticky-header-wrapper:last-of-type {
height: 150px !important;
}

}
/*@media only screen and (min-width: 901px) {*/
/*.icons-container {*/
/*right: 0px;*/
/*margin: 24px;*/
/*}*/
/*.footer-action-button {*/
/*height: 32px;*/
/*margin-bottom: 12px;*/
/*}*/
/*.icons-container a {*/
/*color: #AEAEAE;*/
/*}*/
/*.footer-action-button .text-slot {*/
/*background-color: white;*/
/*}*/
/*#apartment-button {*/
/*background-color: white;*/
/*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
/*}*/

/*div#preview-button .text-slot, div#preview-button .icon-slot {*/
/*transition: all cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s;*/
/*transition-property: margin width;*/
/*}*/
/*div.text-slot {*/
/*padding: 0;*/
/*flex: 0;*/
/*overflow: hidden;*/
/*opacity: 0;*/
/*white-space: nowrap;*/
/*}*/

/*div#preview-button:hover .icon-slot {*/
/*margin-left: 0;*/
/*}*/

/*div#preview-button:hover .text-slot {*/
/*padding:  10px;*/
/*flex: 1;*/
/*overflow: visible;*/
/*white-space: nowrap;*/
/*transition: white-space ease-in 1s;*/
/*opacity: 1;*/
/*}*/

/*div#preview-button .icon-slot {*/
/*margin-left: calc(100% - (24px + 10px*2);*/
/*}*/

/*div#preview-button .icon-slot {*/
/*background-color: #2d312f;*/
/*}*/
/*div#apartment-button .icon-slot {*/
/*background-color: #af1625;*/
/*}*/

/*}*/

/** END SLIDESHOW STYLE **/
/* @media only screen and (max-width: 900px) {
    .header-title {
      position: unset !important;
      margin-top: 0px !important;
      padding-bottom: 0px !important;
      margin: 0 !important;
      width: 100% !important;
      padding: 40px 40px 0 40px !important;
    }
    .mySlides {
      position: unset !important;
      top: 0 !important;
    }
    .dotsPosition {
      position: relative !important;
      margin: 16px 0 !important;
      top: 0 !important;
      text-align: center;
    }
    .container {
      position: relative !important;
      top: 0 !important;
      max-width: 100%;
    }
    .iconContainer {
      height: 42px !important;
    }
    .footer-action-buttons {
      flex: 1 !important;
    }
    .icons-container {
      height: 42px;
    }
    #preview-button {
      background-color: #2d312f;
    }
    #apartment-button {
      background-color: #af1625;
    }
  }

  .icons-container {
    display: flex;
    position: fixed;
    z-index: 1010;
    flex-direction: column;
  }
  .footer-action-button {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    /* padding-left: 12px; */
    /* text-transform: uppercase;
    margin-bottom: 12px;
    cursor: pointer;
  }
  .icon-slot,
  .text-slot { */
    /* max-width: 48px; */
    /* max-height: 100%; */
    /* padding: 10px;
    display: flex; */
    /* margin-left: -12px; */
    /* padding-left: 12px; */
    /* flex-direction: column;
    justify-content: center; */
    /* margin: 0 12px; */
    /* padding-right: 12px; */
  /* }
  .icon-slot svg {
    width: 24px;
  }
  .footer-action-button a,
  .footer-action-button * {
    color: white;
    fill: white;
  }

  .text-slot {
    height: 100%;
    padding-left: 12px;
    flex: 1;
  }  */