/* line 12, ../../sass/threesixty.scss */
body {
  margin: 0;
}

/* line 14, ../../sass/threesixty.scss */
#threesixtyCanvasWrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
/* line 20, ../../sass/threesixty.scss */
#threesixtyCanvasWrapper #threesixtyCanvas {
  z-index: 8;
  position: relative;
  left: 0;
  top: 0;
  margin: 0 auto;
  display: block;
}

/* line 30, ../../sass/threesixty.scss */
#viewerContainer {
  cursor: ew-resize;
  background-color: white;
  height: 100%;
  max-height: 570px;
  width: 100%;
}

/* line 38, ../../sass/threesixty.scss */
#tooltipFloors {
  width: 100%;
  margin-bottom: 1px;
  top: 0px;
  right: 0;
  background: transparent;
  z-index: 200;
  text-align: center;
  cursor: pointer;
  position: absolute;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
                   /* Non-prefixed version, currently
						supported by Chrome and Opera */
}
/* line 55, ../../sass/threesixty.scss */
#tooltipFloors .menucontainer {
  width: 500px;
  margin: 0 auto;
  margin-top: 3px;
}
/* line 61, ../../sass/threesixty.scss */
#tooltipFloors .menucontainer #tabSet span {
  width: 40px;
  text-align: center;
  margin: 0 1px;
  display: inline-block;
  background-color: #2f2b2c;
  color: #fff;
  font: 12px Helvetica,Arial;
  letter-spacing: 1px;
  line-height: 35px;
  border: none;
  border-radius: 2px;
}
/* line 74, ../../sass/threesixty.scss */
#tooltipFloors .menucontainer #tabSet span i {
  font-size: 19px;
}
/* line 75, ../../sass/threesixty.scss */
#tooltipFloors .menucontainer #tabSet span .fa-car {
  top: 3px;
  position: relative;
}
/* line 79, ../../sass/threesixty.scss */
#tooltipFloors .menucontainer #tabSet span .fa-plane {
  top: 3px;
  position: relative;
}
/* line 84, ../../sass/threesixty.scss */
#tooltipFloors .menucontainer #tabSet span:hover {
  background-color: #CF9800;
}
/* line 85, ../../sass/threesixty.scss */
#tooltipFloors .menucontainer #tabSet span:active {
  background-color: #c2a653;
}
/* line 86, ../../sass/threesixty.scss */
#tooltipFloors .menucontainer #tabSet .selected span {
  background-color: #c2a653;
}
/* line 87, ../../sass/threesixty.scss */
#tooltipFloors .menucontainer #tabSet .rdcduplex span {
  width: 150px !important;
  font-size: 14px !important;
  margin-top: 10px;
}
/* line 91, ../../sass/threesixty.scss */
#tooltipFloors .menucontainer #tabSet .rdcduplex span i {
  font-size: 16px;
  margin-right: 12px;
}
/* line 96, ../../sass/threesixty.scss */
#tooltipFloors .menucontainer #tabSet .etageduplex span {
  margin-top: 10px;
  width: 150px !important;
  font-size: 14px !important;
}
/* line 100, ../../sass/threesixty.scss */
#tooltipFloors .menucontainer #tabSet .etageduplex span i {
  font-size: 16px;
  margin-right: 12px;
}

/* line 109, ../../sass/threesixty.scss */
.canvasAppart {
  margin: 0 auto;
}

/* line 110, ../../sass/threesixty.scss */
#appartementMenu {
  width: 100%;
  margin-bottom: 1px;
  top: 30px;
  right: 0;
  background: transparent;
  z-index: 100;
  text-align: center;
  cursor: pointer;
  position: absolute;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
                   /* Non-prefixed version, currently
						supported by Chrome and Opera */
}
/* line 128, ../../sass/threesixty.scss */
#appartementMenu i {
  font-size: 30px;
  color: #4e4e4e;
}
/* line 134, ../../sass/threesixty.scss */
#appartementMenu .menucontainer {
  width: 500px;
  margin: 0 auto;
  margin-top: -5px;
}
/* line 139, ../../sass/threesixty.scss */
#appartementMenu .menucontainer #tabSetAppart {
  text-align: center;
}
/* line 142, ../../sass/threesixty.scss */
#appartementMenu .menucontainer #tabSetAppart span {
  width: 39px;
  text-align: center;
  margin: 0 1px;
  display: inline-block;
  background-color: transparent;
  color: black;
  font: 15px Helvetica,Arial;
  font-weight: 300 !important;
  line-height: 35px;
  border: none;
  border-radius: 2px;
}
/* line 155, ../../sass/threesixty.scss */
#appartementMenu .menucontainer #tabSetAppart span i {
  font-size: 19px;
}
/* line 157, ../../sass/threesixty.scss */
#appartementMenu .menucontainer #tabSetAppart span:hover {
  background-color: #CF9800;
}
/* line 158, ../../sass/threesixty.scss */
#appartementMenu .menucontainer #tabSetAppart .selected span {
  background-color: #c2a653;
}
/* line 159, ../../sass/threesixty.scss */
#appartementMenu .menucontainer #tabSetAppart .T1 {
  background: #fff684 !important;
}
/* line 160, ../../sass/threesixty.scss */
#appartementMenu .menucontainer #tabSetAppart .T2 {
  background: #66c18c !important;
}
/* line 161, ../../sass/threesixty.scss */
#appartementMenu .menucontainer #tabSetAppart .T3 {
  background: #f287b7 !important;
}
/* line 162, ../../sass/threesixty.scss */
#appartementMenu .menucontainer #tabSetAppart .T4 {
  background: #40c8f4 !important;
}
/* line 163, ../../sass/threesixty.scss */
#appartementMenu .menucontainer #tabSetAppart .T5 {
  background: #f69679 !important;
}

/* line 168, ../../sass/threesixty.scss */
#tooltipMouvement {
  width: 100%;
  background: transparent;
  z-index: 100;
  text-align: center;
  cursor: pointer;
  position: absolute;
  margin-top: -45px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
                   /* Non-prefixed version, currently
						supported by Chrome and Opera */
}
/* line 183, ../../sass/threesixty.scss */
#tooltipMouvement ul {
  padding: 0;
  margin: 0;
  z-index: 15;
}
/* line 188, ../../sass/threesixty.scss */
#tooltipMouvement ul li {
  width: 60px;
  display: inline-block;
  background: #2f2b2c;
  padding: 8px 0;
  border-radius: 2px;
}
/* line 195, ../../sass/threesixty.scss */
#tooltipMouvement ul li i {
  color: white;
  font-size: 25px;
  -webkit-text-stroke: 4px #2f2b2c;
}
/* line 202, ../../sass/threesixty.scss */
#tooltipMouvement ul li:hover {
  background-color: #CF9800 !important;
}
/* line 204, ../../sass/threesixty.scss */
#tooltipMouvement ul li:hover i {
  -webkit-text-stroke: 3px #CF9800;
}
/* line 207, ../../sass/threesixty.scss */
#tooltipMouvement .selected li {
  background-color: #c2a653 !important;
}
/* line 209, ../../sass/threesixty.scss */
#tooltipMouvement .selected li i {
  -webkit-text-stroke: 3px #c2a653;
}

/* line 213, ../../sass/threesixty.scss */
#threesixty {
  z-index: 2500;
  pointer-events: none;
  position: absolute;
  width: 100%;
  margin: 0 auto;
  top: 0;
  text-align: center;
}
/* line 222, ../../sass/threesixty.scss */
#threesixty .spinner {
  margin: 0 auto;
  background: #616265;
  width: 350px;
  height: 180px;
  color: white;
  opacity: 0.7;
  text-align: center;
  padding-top: 40px;
  top: 35%;
  left: 50%;
  margin-left: -175px;
  position: fixed;
}
/* line 236, ../../sass/threesixty.scss */
#threesixty .spinner span {
  display: block;
  position: relative;
  font: 17px 'Open Sans', sans-serif;
  line-height: 0.6em;
  top: 25px;
}
/* line 243, ../../sass/threesixty.scss */
#threesixty .spinner p {
  position: relative;
  font: 17px 'Open Sans', sans-serif;
  display: block;
  top: 70px;
  padding: 0 15px;
}
/* line 250, ../../sass/threesixty.scss */
#threesixty .spinner #canvasLoader {
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  top: -100px;
  position: relative;
}

/* line 261, ../../sass/threesixty.scss */
#infoAppart {
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
  padding: 0px;
  border: 1px solid #bbbbbb;
  text-align: center;
  margin: 10px 0 0 10px;
  border-radius: 3px;
  font: 14px 'Open Sans', sans-serif;
  color: #343434;
  background: white;
  z-index: 300;
}
/* line 276, ../../sass/threesixty.scss */
#infoAppart .lot {
  text-align: center;
  width: 100%;
  background: #2f2b2c;
  margin: 0;
  padding: 5px 0;
  color: white;
}
/* line 283, ../../sass/threesixty.scss */
#infoAppart .lot i {
  margin-left: 10px;
}
/* line 287, ../../sass/threesixty.scss */
#infoAppart .infoAppart-content {
  margin: 15px 0;
}
/* line 289, ../../sass/threesixty.scss */
#infoAppart .infoAppart-content p {
  margin: 0;
  padding: 0;
}
/* line 294, ../../sass/threesixty.scss */
#infoAppart button {
  background: #2f2b2c;
  width: 99%;
  height: 40px;
  color: white;
  border-radius: 3px;
  border: 1px solid;
  font: 16px 'Open Sans', sans-serif;
}
/* line 303, ../../sass/threesixty.scss */
#infoAppart button:hover {
  background-color: #CF9800;
}
/* line 304, ../../sass/threesixty.scss */
#infoAppart button:active {
  background-color: #c2a653;
}

/* line 307, ../../sass/threesixty.scss */
#viewerContainer .close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 50px;
  display: inline-block;
  background: #2f2b2c;
  padding: 2px 0;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  z-index: 200;
}
/* line 319, ../../sass/threesixty.scss */
#viewerContainer .close i {
  color: white;
  font-size: 37px;
  -webkit-text-stroke: 7px #2f2b2c;
}

/* Sets the style of the visible current frame of the image slider animation */
/* line 329, ../../sass/threesixty.scss */
.current-image {
  visibility: visible;
  width: 100%;
}

/* Sets the style of the visible "previous" frame of the image slider animation */
/* line 334, ../../sass/threesixty.scss */
.previous-image {
  visibility: hidden;
  width: 0;
}

@media (max-device-width: 1400px) {
  /* line 342, ../../sass/threesixty.scss */
  #tooltipFloors {
    z-index: 100;
    left: 0%;
  }
  /* line 346, ../../sass/threesixty.scss */
  #tooltipFloors li a {
    height: 40px;
    padding-top: 20px !important;
    padding-bottom: 40px !important;
  }
}
@media (max-device-width: 1200px) {
  /* line 355, ../../sass/threesixty.scss */
  #viewerContainer {
    width: 100%;
  }
}
@media (max-device-width: 1000px) {
  /* line 361, ../../sass/threesixty.scss */
  #tooltipMouvement li {
    display: inline-block !important;
  }
}
@media (max-device-width: 480px) {
  /* line 367, ../../sass/threesixty.scss */
  #tooltipMouvement {
    bottom: 0;
  }
  /* line 369, ../../sass/threesixty.scss */
  #tooltipMouvement li {
    width: 43px !important;
  }

  /* line 373, ../../sass/threesixty.scss */
  #tooltipFloors {
    width: 100%;
  }
  /* line 375, ../../sass/threesixty.scss */
  #tooltipFloors .menucontainer {
    width: 98% !important;
  }

  /* line 380, ../../sass/threesixty.scss */
  #appartementMenu .menucontainer {
    width: 98% !important;
  }
}