.grey_bg_slider{margin-top:80px;margin-bottom:80px;background:#f7f7f7;}
.swiper-container { height: 70vh; position:relative; }
.hero_bg .swiper-container { height: 80vh; }
.swiper-slide { text-align: left;
   /*border: 4px solid rgba(224, 223, 223, 0.5); */
   background: #fff;
   /* Center slide text vertically */
   display: -webkit-flex;
   display: flex;
   -webkit-justify-content: center;
           justify-content: center;
   -webkit-align-items: flex-end;
           align-items: flex-end;
   background-position: center !important;
 }

.swiper-button-next,
.swiper-button-prev {
    right: 45px;
    padding: 30px 40px;
    z-index: 3;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
}

.swiper-button-next span,
.swiper-button-prev span {
  font-size: 18px;
  color: #fff;
  text-shadow: 0 0 5px #555;
}

.swiper-button-prev span {
  margin-left: 50px;
}

.swiper-button-next span {
    margin-left: -85px;
}

.swiper-button-prev {
	background-image: url("../img/layout/line_swiper.svg") !important;
    background-size: cover;
}
.swiper-button-next {
  background-image: url("../img/layout/line_swiper.svg") !important;
  background-size: cover;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 45px !important;  }
.swiper-pagination {
  position: absolute;
  bottom:10px;  
  width:100%;
  text-align:center;
}

.swiper-pagination-bullet{
  width:10px;
  height:10px;
  margin:8px;
  display: none;
}

.navigation_swiper_suites{
  position: absolute;
  top:46%;
  text-indent: -9999px;
  width: 100%;
  padding:5px;
  opacity: 1!important;
}


.suite-button-prev {
  background-image: url("../img/layout/previous.svg") !important;
  background-repeat:no-repeat;
  width:28px;
  height:28px;
  position: absolute;
  left:10px;
  right:auto;
  cursor:pointer;
}
.suite-button-next {
  background-image: url("../img/layout/next.svg") !important;
  background-repeat:no-repeat;
  width:28px;
  height:28px;
  position: absolute;
  left:auto;
  right:0px;
  cursor:pointer;
}



.view_suites_description{position:absolute;top:45%;}
.view_suites_description h2{color:#fff;font-size:44px;font-weight:600;text-shadow:0px 0px 2px #000;}
.view_suites_specs {
  position: absolute;
  bottom: 20px;
  left: 40px;
  z-index: 2;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  height: 0;
}
.view_suites_specs a.more{color:#fff;letter-spacing: 1px;}
.description_left{position:relative;}
/* .description{padding:15% 20%;} */
.description h3{font-size: 40px;letter-spacing: normal;color: #29365b;text-transform: none;margin-bottom: 20px;}
/* .description p{font-size: 16px;line-height: 30px; margin: 10px 0 30px 0; font-weight: 300;} */
/* .description p.before_title{font-size: 14px;line-height: normal;letter-spacing: .1428571429em;color: #8d8774;text-transform: uppercase;margin-bottom: 15px;} */

.swiper-container-location{height:80vh;}

@media only screen and (min-width:1200px) and (max-width:1349px) {
	/*#header { background:red;  min-height:70px;}*/
	.suites_description {
      padding: 9% 17%;
  }
} 

@media (max-width:991px){
	/*#header { background:red;  min-height:70px;}*/
	.swiper-container-location {
    height: 67vh;
  }

  .swiper-container {
    height: 45vh;
  }

  .hero_bg .swiper-container { height: 60vh; }

} 


@media (max-width:767px){
	/*#header { background:red;  min-height:70px;}*/
	
	.suites_description {
    padding: 15% 10%;
  }
  .home_half_text {
    padding: 5px 42px;
  }
}

@media (max-width:575px){
  .swiper-container {
    height: 35vh;
  }
  .hero_bg .swiper-container {
    height: 45vh;
  }
}

@media (max-width:479px){
  .home_half_text {
    padding: 5px 15px;
  }

  .swiper-container-location {
    height: 40vh;
  }
  .swiper-container {
    height: 30vh;
  }
  .hero_bg .swiper-container {
    height: 40vh;
  }
  .view_suites_description{top:30%;}
  .view_suites_description h2{font-size: 26px;}
  .suite-button-prev { width:15px;  height:30px;left:10px;}
  .suite-button-next { width: 15px; height: 30px; right: 10px;}
}

@media (max-width:420px){
  .swiper-container {
    height: 25vh;
  }
}