html,body {
  margin:0;
  padding:0;
  font-family:'Droid San', arial, sans-serif;
  overflow:hidden;
}

.master-slider{
  height: 100%;
  font-family: 'Droid San', arial, sans-serif;
}


.pageWrap{
  position:absolute;
  z-index:100;
  right:50px;
  top:45%;
  transform:translateY(-45%);
  font-size:23px;
  line-height:50px;
  letter-spacing:-1px;
  text-align:center;
  color:rgb(255,255,255);
  padding-left:15px;
}

.pageWrap .arrow {
  display:inline-block;
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
  height:60px;
  width:60px;
  line-height:60px;
  font-size:20px;
  text-align:center;
  border:2px solid rgb(255,255,255);
  border-color:rgba(255,255,255,0.7);
}

.pageWrap .paging_ver {
  position:absolute;
  right:100%;
  top:0%;
  text-align:center;
  line-height:0;
  font-size:0;
  -ms-writing-mode:tb-rl;
  writing-mode:vertical-rl;
  visibility:hidden;
  transform:scaleX(1) scaleY(0);
  transition:visibility 0.5s,transform 0.5s;
}

.pageWrap:hover .paging_ver {
  visibility:visible;
  transform:scaleX(1) scaleY(1);
}

.pageWrap .paging_ver a {
  -ms-writing-mode:rl-tb;
  writing-mode: horizontal-tb;
  display:inline-block;
  margin:3px;
  width:20px;
  height:20px;
  line-height:20px;
  font-size:12px;
  border:1px solid transparent;
}

.pageWrap .paging_ver a.sel, .pageWrap .paging_ver a:hover {
  display:inline-block;
  border:1px solid #fff;
  border-color:rgba(255,255,255,0.7);
  line-height:20px;
  font-size:12px;
}

.pageWrap .arrow {
  cursor:pointer;
}


.room-button {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  cursor:pointer;
}

.room-button:hover {
  box-shadow: inset 0 100px 0 0 #fff;
  color: #000 !important;
}


.room-button-circle {
  cursor:pointer;
}

.room-button-circle:hover {
  background-color:#333 !important;
  color:#fff !important;
}

.imagebtn {
  cursor:pointer;
}
