/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
/*  margin-bottom: 60px;*/
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 8%;
  width: 100%;
  z-index:51;
}
#roomArea .bx-wrapper .bx-pager,
#roomArea .bx-wrapper .bx-controls-auto {
  bottom: -31px;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
  
}
#roomArea .bx-wrapper .bx-pager{
    text-align:right;
}
#spaceArea .bx-wrapper .bx-pager{display:none;}
#roomArea .bx-wrapper .bx-pager.bx-default-pager a{
    width:26px;
    height:6px;
    background:#737373;
    margin:0 4px 0 3px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  text-indent: -9999px;
  display: block;
  width: 16px;
  height: 15px;
  margin: 0 3px;
  outline: 0;
  /*-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;*/
  background:url(/MidCityHotel_common/images/homepage/main/pager_a.png) no-repeat;
}
#roomArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
#roomArea .bx-wrapper .bx-pager.bx-default-pager a.active,
#roomArea .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background:#ffffff;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background:url(/MidCityHotel_common/images/homepage/main/pager_a_over.png) no-repeat;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
}

#spaceArea .bx-wrapper .bx-prev{
    left:-91px;
    background: url('/MidCityHotel_common/images/homepage/main/slider2-prev.jpg') no-repeat;
	background-size:cover;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
}
#spaceArea .bx-wrapper .bx-next{
    right:-91px;
    background: url('/MidCityHotel_common/images/homepage/main/slider2-next.jpg') no-repeat;
	background-size:cover;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 99;
    display:inline-block;
}
#spaceArea .bx-wrapper .bx-controls-direction a{
    width:62px;
    height:95px;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}



/* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }
        
@media all and (max-width:640px) {
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:5%}
}

#jssor_1{position:relative;margin:0 auto;top:0px;left:0px;width:1200px;height:750px;visibility:hidden; }
.jssort101.jssorathumb{position:absolute;left:0px;bottom:0px;width:1200px;height:111px;}
.slides-inner{cursor:default;position:relative;top:0px;left:0px;width:1200px;height:626px;overflow:hidden;}
.slides-inner img{width:100%;}
.jssora106 {display:block;position:absolute;cursor:pointer;}
.jssora106 .c {fill:#fff;opacity:.3;}
.jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
.jssora106:hover .c {opacity:.5;}
.jssora106:hover .a {opacity:.8;}
.jssora106.jssora106dn .c {opacity:.2;}
.jssora106.jssora106dn .a {opacity:1;}
.jssora106.jssora106ds {opacity:.3;pointer-events:none;}

.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}



#jssor_1 .prev-icon,
#jssor_1 .next-icon{position:absolute; top:230px; width:62px; height:95px;top:230px;}

#jssor_1 .prev-icon{left:-90px;}
#jssor_1 .next-icon{right:-90px;}
#jssor_1 .arrow-box img{width:100%}