body {
  font-family: 'Open Sans', sans-serif !important;
  <!-- overflow-x: hidden !important;
}

img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

.container-fluid {
  height: 100%;
  overflow-x: hidden !important;
  padding: 0;
  position: absolute;
  width: 100%;
/*  border-top: 25px solid transparent !important;
  border: 15px solid transparent;
  border-image-source: url('../../images/border.png');
  border-image-slice: 5;
  box-sizing: border-box; */
}
.wrapper {
  background-color: #fff;
  height: 100%;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.titleText{

}
.clear-all {
  background-color: #fff;
/*  border: 1px solid #3e4249; */
  cursor: pointer;
  display: inline;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 10px;
  text-align: center;
  text-transform: uppercase;
  float: right;
  z-index: 99;
  right: 20px;
  margin-right: 10px;
  margin-top: 5px;
}

.headerContainer {
  height: 35px;
  box-shadow: 0 2px 2px -2px grey;
}

.col-md-12 {
  height: 100%;
  width: 100%;
  right: 0%;
  position: absolute;
  text-align: center;
  padding: 0px;
}
.col-md-12 > #desktop_caption {
  float: right;
  margin: 25px 0;
  width: 325px;
}
.col-md-12 img {
  object-fit: contain;
  width: 100%;
}
.nav-title {
  font-size: 18px;
  margin-top: 70px;
  padding-left: 10px;
}
.navigation {
  margin-top: 25px;
  padding-left: 10px;
}
.nav-items {
  letter-spacing: 2px;
  border-top: 2px solid #bcb3aa;
  color: #a8a39f;
  cursor: pointer;
  font-size: 18px;
  line-height: 32px;
  overflow: hidden;
  padding: 15px 0 10px 15px;
}
.nav-items.active {
  background-color: #382e2d;
  color: #fff;
  border-top-width: 4px;
  border-bottom: 1px solid #c5b4a2;
}
.nav-items-last {
  border-bottom: 2px solid #c5b4a2;
}
.nav-items > i {
  float: right;
  margin-right: 10px;
  margin-top: -5px;
}
.nav-items > i.active {
  border: 1px solid #fff;
}

.front_panel {
  background-color: #fff;
  margin: -10px auto 0;
/*  position: relative;*/
  z-index: 999;
  -webkit-box-shadow: 1px 1px 3px 1px #111;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 1px 1px 3px 1px #111;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 1px 1px 3px 1px #111;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  padding: 10px 20px 0px;
  width: 100%;
/*  overflow: hidden;
  display: inline-block; */
}

.material_desk {
  float: left;
  margin-top: 10px;
  overflow: hidden;
  width: 110px;
}

.up-text {
  display: block;
  float: left;
  margin-left: 7px;
  margin-top: 3px;
}
.material-items {
  float: left;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 22px;
  margin-left: 50px;
  text-align: center;
}
.material-items > img {
  width: 65px;
}

.material_tablet {
  display: none !important;
}
#tablet_caption {
  display: none !important;
}
.close-btn {
  display: none !important;
}
#tablet_rooms {
  display: none !important;
}
.nav_tablet_rooms {
  display: none !important;
}
.mobile-close-btn {
  display: none !important;
}
.material_mobile {
  display: none !important;
}
.mobile-material-item-active {
  display: none !important;
}
.desktop_room_buttons {
  margin-top: 50px;
  float: left;
}
.desktop_room_buttons .btn {
  background-color: #444;
  border: medium none;
  border-radius: 0 !important;
  color: #fff;
  margin-right: 15px;
}
.desktop_room_buttons .btn:focus {
  background-color: #666 !important;
  color: #fff;
  outline: none !important;
}
.front_images {
  height: 90%;
  position: relative;
}
.front_images > img {
  height: 100%;
}
.other_images {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 99;
  display:block;
}

.thumbnail {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px !important;
  display: table;
  height: 110px;
  margin: 0 auto;
  position: relative;
}
.thumbnailSelected{
/*  border: 2px solid #38d2d2 !important; */
  border: 4px solid #95d0ed !important;
}
.thumbnailUnselected{
  border: 0px !important;
}

.materialItem {
  border: 0px;
  outline: none;
}
.selectedMaterial{
  color: #FFFFFF;
  background-color: #95d0ed;
  position: absolute;
  right: 0px;
  top: 0px;
}

.karlaRegular{
  font-family: 'Karla', sans-serif;
}
.karlaBold {
  font-family: 'Karla', sans-serif;
  font-weight: bold;
}

/******************************* SLICK NEXT AND PREV BUTTONS ***********************/

.slickPrev,
.slickNext {
  background-color: #FFffff;
  height: 100%; width: 48px;
  position: absolute;
  top: 0;
  cursor: pointer;
}

.slick-arrow.slick-hidden {
    display: relative !important;
}

.slickNext.slick-hidden{
  background-image: url("../images/rightArrowOver.png");

}

.slickPrev.slick-hidden {
  background-image: url("../images/leftArrowOver.png");
}

.slickPrev {
  left: 0;
  background-image: url("../images/leftArrowUp.png");
}
.slickNext {
  right: 0;
  background-image: url("../images/rightArrowUp.png");
}
.slickPrev:hover {
  background-image: url("../images/leftArrowOver.png");
}
.slickNext:hover {
  background-image: url("../images/rightArrowOver.png");
}
.slickNext.slick-disabled {
  background-image: url("../images/rightArrowOver.png");
}
.slickPrev.slick-disabled
{
  background-image: url("../images/leftArrowOver.png");
}


/******************************* LOADING SCREEN MODULE *****************************/

.loading-container {
  background-color: #808080;
  margin: 0 auto;
  padding: 20px;
  height: 100%;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
}
.loading-container-wrapper {
  margin: 0 auto;
  padding: 20px;
  background-color: #FFFFFF;
  background-repeat: repeat-x;
  height: 100%;
}

/****************************** MODAL ******************************/
.modal-fog {
  background: rgba(30, 30, 30, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
}
.modal-frame {
  position: absolute;
  top: calc( (100% - 580px) / 2);
  left: calc( (100% - 500px) / 2);
  border: 1px solid #333;
  background: #E5EDED;
  height: 525px;
  width: 500px;
}
.modal-title {
  position: absolute;
  width: 500px;
  height:30px;
  text-align: center;
  border-bottom: 2px solid black;
  line-height: 27px;
  background-color: #e2cece;
}
.modal-close {
  float:right;
  width: 50px;
  height:30px;
  border-bottom: 2px solid black;
  text-align: center;
  background-color: #e2cece;
}
.modal-iagree {
  float:right;
  width: 500px;
  height:30px;
  text-align: center;
  cursor: pointer;
}

.modal-body {
  margin-top: 40px;
  padding: 5px;
  overflow: hidden;
}
.modal-loading {
  background-color: #E5EDED;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 9999;
  display: inline-block;
}
.modal-loading_logo {
  width: 35%;
  margin: auto;
  position: relative;
}
.modal-loading_logo > img {
  width: 100%;
}
.modal-loading_logo > .loading_image {
  margin-top: 15px;
  text-align: center;
}

.closeIcon {
cursor: pointer;
color: white;
border: 1px solid #AEAEAE;
border-radius: 30px;
background: #605F61;
font-size: 31px;
font-weight: bold;
display: inline-block;
line-height: 0px;
padding: 11px 3px;
}
.closeIcon:before{
 content: "×";
}