/*
0 - 600px:		Phone
600 - 900px:	Tablet Portrait
900	- 1200px:	Tablet Landscape
[1200-1800] is where our normal styles apply
1800px +:		Big Desktop

$breakpoint argument choices:
- phone
- tab-port
- tab-land
- big-desktop

1em = 16px
*/
/*-------------------------------------------*/
/* Listing Detail Page Tabs
/*-------------------------------------------*/
.nav-tabs .fa {
  margin-top: inherit;
  vertical-align: inherit;
  font-size: 14px;
  margin-right: 10px;
}
.branch-office-tab {
  background-color: #f1f1f1;
}
.branch-address .fa {
  margin-right: 10px;
}
.branch-address .addr {
  font-size: 14px;
  font-style: italic;
}
.tab-pane {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 0.8em;
}
.share-info .fa {
  margin-right: 10px;
}
@media (min-width: 0) and (max-width: 467px) {
  .detail-tabs .fa, .share-info .fa {
    margin-right: 0px;
  }
}
/*
0 - 600px:		Phone
600 - 900px:	Tablet Portrait
900	- 1200px:	Tablet Landscape
[1200-1800] is where our normal styles apply
1800px +:		Big Desktop

$breakpoint argument choices:
- phone
- tab-port
- tab-land
- big-desktop

1em = 16px
*/
.view-box {
  background: #fff;
  border: 1px solid #dedede;
}
.view-nav ul li i {
  color: red;
}
.view-nav ul li a {
  color: #333;
  font-size: 16px;
}
.premium-member {
  padding: 12px 0px 0px 20px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 20px;
}
.premium-member a {
  font-size: 17px;
  color: #ff564b !important;
}
.king i {
  font-size: 32px;
  color: #ffc83c !important;
}
/*
0 - 600px:		Phone
600 - 900px:	Tablet Portrait
900	- 1200px:	Tablet Landscape
[1200-1800] is where our normal styles apply
1800px +:		Big Desktop

$breakpoint argument choices:
- phone
- tab-port
- tab-land
- big-desktop

1em = 16px
*/
.gal01 {
  margin-bottom: 0px;
  position: relative;
}
.gal01 .slick-prev.slick-arrow, .gal01 .slick-next.slick-arrow {
  font-size: 13px;
  border-radius: 100%;
  z-index: 1;
  width: 27px;
  height: 27px;
}
.gal01 .slick-prev.slick-arrow {
  left: 7px;
}
.gal01 .slick-next.slick-arrow {
  right: 7px;
}
.gal01 .img-fluid {
  height: 280px;
  padding-top: 5%;
  padding-bottom: 5%;
}
/* Oceanus Gallery */
.oceandtgallery__full {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.oceandtgallery__thumb {
  width: 100%;
  margin-top: 10px;
}
.oceandtgallery__thumb .slick-track {
  height: 85px;
}
.oceandtgallery__thumb .item.slick-slide {
  width: 104px !important;
  height: 104px !important;
}
.oceandtgallery .slick-slide img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  padding: 0 5px;
}
.oceandtgallery .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 50;
  margin-top: -12px;
}
.oceandtgallery .slick-prev {
  left: 25px !important;
  color: #ffffff;
}
.oceandtgallery .slick-next {
  right: 25px !important;
  color: #ffffff;
}
.oceandtgallery .slick-prev:before, .oceandtgallery .slick-next:before {
  opacity: 1;
  font-size: 20px !important;
  transition: all 0.2s ease-in-out 0s;
}
.oceandtgallery .slick-prev:hover:before, .oceandtgallery .slick-next:hover:before {
  color: #fdd935;
  transition: all 0.2s ease-in-out 0s;
}
