/*!
Theme Name: citysquare
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: citysquare
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

citysquare is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@charset "utf-8";
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    padding: 8px 26px 0 26px
}

body {
    background: #158fcf url(../jpg/bg_main_mobile.jpg) no-repeat fixed center bottom;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    color: #000
}

h1 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px
}

h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px
}

h1 span,
h2 span {
    font-weight: 400
}

a {
    outline: 0
}

p {
    margin-bottom: 25px
}

h1.last,
h2.last,
p.last {
    margin-bottom: 0
}

ul {
    margin: 0;
    padding: 0
}

ul.common_list {
    margin: 0 0 25px 15px
}

.clear {
    clear: both
}

.dotted_divider {
    border-top: 1px dotted #000;
    margin-bottom: 25px
}

.desktop_table_row_480,
.desktop_table_row_600,
.desktop_768,
.display_none {
    display: none!important
}

.mobile_table_row_480,
.mobile_768,
.table_row_600 {
    display: block!important
}

.mobile_inline_480 {
    display: inline!important
}

.table_row_480 {
    display: block;
    width: 100%
}

.tnc {
    font-size: 12px
}

.font_18 {
    font-size: 16px
}

.font_21 {
    font-size: 21px
}

.font_22 {
    font-size: 22px
}

.underline_txt,
.underline_txt_480 {
    text-decoration: underline
}

.center_txt {
    text-align: center
}

.right_txt {
    text-align: right
}

.margin_left_15 {
    margin-left: 15px
}

.margin_right_10 {
    margin-right: 10px
}

.margin_right_20 {
    margin-right: 20px
}

.margin_bottom_5 {
    margin-bottom: 5px
}

.margin_bottom_10,
.margin_bottom_10_480 {
    margin-bottom: 10px
}

.margin_bottom_25,
.margin_bottom_25_600,
.margin_bottom_25_mobile {
    margin-bottom: 25px
}

.margin_bottom_50 {
    margin-bottom: 50px
}

.padding_top_6 {
    padding-top: 6px
}

.padding_bottom_10_600 {
    padding-bottom: 10px
}

.color_home {
    color: #00b1e6
}

.color_about {
    color: #72bf44
}

.color_shops {
    color: #ed008c
}

.color_happenings {
    color: #f9b200
}

.color_leasing {
    color: #e75114
}

.color_mailing {
    color: #9086ba
}

.color_contact {
    color: #717274
}

.color_red {
    color: red
}

.bg_home {
    background-color: #00b1e6
}

.bg_about {
    background-color: #72bf44
}

.bg_shops {
    background-color: #ed008c
}

.bg_happenings {
    background-color: #f9b200
}

.bg_leasing {
    background-color: #e75114
}

.bg_mailing {
    background-color: #9086ba
}

.bg_contact {
    background-color: #717274
}

.bg_lightblue {
    background-color: #01aef0
}

.bg_darkblue {
    background-color: #0072ae
}

.bg_darkgreen {
    background-color: #00a850
}

.csm_main_container {
    position: relative;
    padding: 0
}

.csm_header_container {
    background: #fff;
    position: relative;
    min-height: initial;
    margin: 0
}

.csm_header_logo {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    padding: 20px 30px
}

.csm_header_logo img {
    width: 40%
}

.csm_header_logo button {
    position: absolute;
    right: 30px;
    bottom: 20px;
    margin: 0
}

.csm_header_menu {
    position: absolute;
    width: 100%;
    padding: 0;
    border-top: 0;
    z-index: 99999999999;
}

.csm_header_menu ul li {
    background: #d6eefa;
    font-family: 'Cabin', sans-serif;
    font-size: 17px;
    font-weight: 700;
    list-style: none;
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #fff;
    float: none
}

.csm_header_menu ul li a {
	color: #000;
	padding: 20px 50px;
	display: block;
    text-decoration: none
}

.csm_header_menu ul li a:hover,
.csm_header_menu ul li.current-menu-item a  {
    color: inherit
}

.csm_header_menu ul li a[title="Home"] {
    color: #00b1e6
}

.csm_header_menu ul li a[title="About Us"],
.csm_header_menu ul li.current-page-ancestor a[title="About Us"]{
    color: #72bf44
}

.csm_header_menu ul li a[title="Shops"],
.csm_header_menu ul li.current-page-ancestor a[title="Shops"] {
    color: #ed008c
}

.csm_header_menu ul li a[title="Happenings"],
.csm_header_menu ul li.current-page-ancestor a[title="Happenings"] {
    color: #f9b200
}

.csm_header_menu ul li a[title="Leasing"],
.csm_header_menu ul li.current-menu-item a[title="Leasing"] {
    color: #e75114
}

.csm_header_menu ul li a[title="Mailing List"],
.csm_header_menu ul li.current-menu-item a[title="Mailing List"] {
    color: #9086ba
}

.csm_header_menu ul li a[title="Contact Us"],
.csm_header_menu ul li.current-menu-item a[title="Contact Us"] {
    color: #717274
}

.csm_header_menu ul li.last {
    border-right: 0
}

.csm_mobile_menu_btn {
    border: 1px solid #bcbdbf
}

.csm_mobile_menu_btn span {
    background: #bcbdbf
}

/* .csm_content {
    padding-bottom: 65px
} */

.csm_content .row {
    margin: 0
}

.csm_footer_container {
    background: #fff;
    position: relative;
    font-size: 11px;
    min-height: 134px;
    margin: 0;
    padding: 30px
}

.csm_footer_copyright {
    position: static;
    margin-top: 20px;
    text-align: center
}

.csm_footer_copyright a {
    color: #000
}

.csm_footer_linking {
    margin-top: 20px;
    text-align: center
}

.csm_footer_logo {
    position: static;
    text-align: left
}

.csm_footer_logo_desc {
    float: none
}

.csm_footer_logo img {
    margin-top: 10px
}

.home_content {
    padding-bottom: 0
}

.home_carousel_container {
    width: 100%;
    overflow: hidden
}

.home_carousel_container .swiper-slide{
  position: relative;
}
.home_carousel_container .swiper-slide .mobile_carousel_overlay{
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, .5);
  padding: 30px;
  z-index: 20;
  left: 0;
  right: 0;
  bottom: 60px;
}
.home_carousel_container .swiper-slide .mobile_carousel_overlay h2{
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 0;
}
.home_carousel_container .swiper-slide img.mobile{
  display: none;
}
@media screen and (max-width:600px){
  .home_carousel_container .swiper-slide img{
    display: none;
  }
  .home_carousel_container .swiper-slide img.mobile,
  .home_carousel_container .swiper-slide .mobile_carousel_overlay{
    display: block;
  }
}
.home_content_container .row {
    margin: 0
}

.home_content_container .row .col-xs-12,
.home_content_container .row .col-sm-12,
.home_content_container .row .col-lg-12 {
    padding: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    left: 15px;
    bottom: 15px;
    width: auto
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 15px
}

.swiper-pagination-bullet {
    background: #fff;
    width: 12px;
    height: 12px;
    opacity: 1
}

.swiper-pagination-bullet:hover,
.swiper-pagination-bullet-active {
    background: #00b1e6
}

.owl-theme .owl-controls,
.owl-carousel .owl-controls.clickable {
    margin-top: 0
}

.owl-carousel .owl-controls .owl-dots {
    position: absolute;
    left: 15px;
    bottom: 15px
}

.owl-carousel .owl-controls .owl-dots .owl-dot span {
    background: #fff;
    width: 12px;
    height: 12px;
    margin: 5px 15px;
    opacity: 1
}

.owl-carousel .owl-controls .owl-dots .owl-dot:hover span,
.owl-carousel .owl-controls .owl-dots .owl-dot.active span {
    background: #00b1e6
}

.subpage_menu_desktop_768 {
    box-shadow: none
}

.subpage_menu_desktop_768.navbar-collapse.in {
    overflow-y: visible
}

.subpage_menu_mobile_768 {
    display: block
}

.subpage_menu .navbar-collapse {
    padding: 0
}

.subpage_menu ul {
    margin-bottom: 4px
}

.subpage_menu ul li {
    font-size: 17px;
    list-style: none;
    margin-bottom: 0;
    /* padding: 0 26px; */
    text-align: left
}

.subpage_menu ul li a {
    text-decoration: none
}

.subpage_menu ul li .common_menu_box {
	background: #d1d2d4;
	display: block;
    color: #000;
    padding: 10px 30px;
    border-bottom: 1px solid #fff;
    cursor: pointer
}

.subpage_menu ul li .common_main_dropdown {
    position: static;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0
}

.subpage_menu ul li .common_main_dropdown li {
    margin: 0;
    padding: 0;
    text-align: left
}

.subpage_menu ul li .common_main_dropdown li a {
    outline: 0;
    padding: 10px 50px;
    white-space: normal
}

.subpage_menu ul li .common_main_dropdown li a:focus,
.subpage_menu ul li .common_main_dropdown li a:hover {
    font-weight: 700
}

.subpage_menu ul li .common_sub_dropdown_left {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    margin-top: 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #d1d2d4;
    border-radius: 0
}

.subpage_menu ul li .common_sub_dropdown_right {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    margin-top: 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #d1d2d4;
    border-radius: 0
}

.subpage_menu ul li .common_sub_dropdown_left li a,
.subpage_menu ul li .common_sub_dropdown_right li a {
    outline: 0;
    padding: 10px 50px 10px 70px
}

.subpage_menu_mobile_navigation {
    color: #fff;
    padding: 15px 26px
}

.subpage_menu_mobile {
    position: relative;
    padding: 0 26px;
    cursor: pointer
}

.subpage_menu_mobile_title {
    font-size: 17px;
    color: #fff;
    padding: 10px 53px 10px 30px
}

.subpage_menu_mobile_arrow_container {
    background: #bfbfbf;
    position: absolute;
    right: 26px;
    top: 0;
    padding: 12.5px 14px
}

.subpage_menu_mobile_arrow {
    background: url(../png/arrow_dropdown.png) no-repeat 0 0;
    width: 25px;
    height: 19px
}

.subpage_menu_mobile_arrow {
    background: url(../png/arrow_dropdown.png) no-repeat 0 0;
    width: 25px;
    height: 19px
}

.subpage_menu_mobile_arrow.active {
    background-position: 0 -19px
}

.about_dotted_divider {
    border-top: 1px dotted #72bf44;
    margin-bottom: 25px
}

.about_menu ul li:hover .common_menu_box,
.about_menu ul li.current-menu-item .common_menu_box,
.about_menu ul li.current-page-ancestor .common_menu_box,
.about_menu ul li .common_menu_box:hover {
    font-weight: 700;
    color: #72bf44
}

.about_menu .subpage_menu_mobile_title {
    background: #72bf44
}

.about_sub_menu {
    background: #fff
}

.about_sub_menu ul {
    padding: 15px 0
}

.about_sub_menu ul li a {
	font-size: 16px;
	display: block;
    color: #000;
    text-decoration: none
}

.about_sub_menu ul li {
    list-style: none;
    padding: 10px 48px 10px 30px
}

.about_sub_menu ul li a:hover,
.about_sub_menu ul li.current-menu-item a{
    color: #72bf44
}

.about_sub_menu ul li.current-menu-item {
    background: url(../png/arrow_right_about_bg.png) no-repeat right top
}

.about_sub_menu .about_sub_menu_arrow {
    display: none
}

.about_sub_menu .about_sub_menu_arrow.active {
    display: inline
}

.about_content {
    background: #fff;
    position: relative;
    min-height: initial;
    padding: 25px
}

.about_content_img {
    margin-bottom: 25px
}

.about_vision_container {
    position: relative;
    min-height: initial
}

.about_vision_content_img {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    margin-bottom: 25px
}

.about_vision_content_desc {
    margin-left: 0
}

.about_construction_row {
    position: relative;
    min-height: initial;
    margin-bottom: 25px
}

.about_construction_row.last {
    margin-bottom: 0
}

.about_construction_row_img {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    margin-bottom: 10px
}

.about_construction_row_desc {
    display: block;
    height: auto;
    padding-left: 0;
    vertical-align: initial
}

.about_amenities_list {}

.about_amenities_list li {
    position: relative;
    width: 100%;
    min-height: 80px;
    list-style: none;
    margin-bottom: 20px;
    float: left
}

.about_amenities_list li .amenities_logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 59px
}

.about_amenities_list li .amenities_desc {
    margin-left: 69px
}

.about_amenities_list li .amenities_desc_title {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 5px
}

.about_amenities_list li .amenities_desc_txt {
    font-size: 14px;
    line-height: 16px
}

.about_services_table {
    margin-bottom: 25px
}

.about_services_table tr td.about_services_table_width_70 {
    width: 75%
}

.about_services_table tr td img {
    margin-bottom: 10px
}

.about_services_sub_table {
    width: 100%
}

.about_awards_content ul li {
    margin-bottom: 25px
}

.about_awards_content ul li a {
    color: #000
}

.about_awards_content ul li a:hover {
    font-weight: 700
}

.about_awards_header {
    position: relative
}

.about_awards_header div:first-of-type {
    /* text-align: right; */
    margin-bottom: 25px
}

.about_awards_row {
    position: relative;
    margin-bottom: 40px
}

.about_awards_row.margin_bottom_25 {
    margin-bottom: 25px
}

.about_awards_row.last {
    margin-bottom: 0
}

.about_awards_row_img {
    width: 105px;
    margin: 0 auto 25px auto
}

.about_awards_certificate {
    width: 100%;
    max-width: 520px;
    margin: 0 auto 25px auto
}

.about_awards_type_2 ul li,
.about_awards_type_3 ul li {
    font-weight: 700
}

.about_getting_alternate_list {
    margin-bottom: 15px
}

.about_getting_alternate_list li {
    position: relative;
    min-height: 36px;
    list-style: none;
    margin-bottom: 10px;
    padding-left: 46px;
    float: left
}

.about_getting_alternate_list li.last {
    margin-right: 0
}

.about_getting_alternate_list li.about_getting_alternate_list_1 {
    background: url(../about_getting_4.html) no-repeat left top
}

.about_getting_alternate_list li.about_getting_alternate_list_2 {
    background: url(../about_getting_5.html) no-repeat left top
}

.about_getting_alternate_list li div.valign_txt {
    height: 36px;
    display: table-cell;
    vertical-align: middle
}

.about_carpark_table {
    font-size: 14px;
    color: #fff200;
    max-width: 650px;
    margin-bottom: 25px
}

.about_carpark_table tr {
    border-bottom: 1px solid #fff
}

.about_carpark_table tr.last {
    border-bottom: 0
}

.about_carpark_table tr th {
    font-size: 18px
}

.about_carpark_table tr th,
.about_carpark_table tr td {
    font-weight: 700;
    padding: 5px 15px
}

.about_carpark_table tr td.about_carpark_table_width_15 {
    width: 15px
}

.about_carpark_table tr th.about_carpark_table_width_55 {}

.about_carpark_table tr td span {
    font-weight: 400
}

.about_carpark_table tr td span.font_18 {
    font-size: 18px;
    font-weight: 700
}

.about_customer_row {
    position: relative;
    min-height: 100px;
    margin-bottom: 25px
}

.about_customer_row.last {
    margin-bottom: 0
}

.about_customer_row_logo {
    width: 100%;
    max-width: 160px;
    margin-bottom: 10px
}

.shop_menu ul li:hover .common_menu_box,
.shop_menu ul li.current-menu-item .common_menu_box,
.shop_menu ul li .common_menu_box:hover  {
    font-weight: 700;
    color: #e1007c
}

.shop_menu ul li .common_main_dropdown li a:focus,
.shop_menu ul li .common_main_dropdown li a:hover {
    color: #e1007c;
    background: #fff
}

.shop_menu .subpage_menu_mobile_title {
    background: #e1007c
}

.shop_sub_menu {
    background: #fff
}

.shop_sub_menu ul {
    padding: 15px 0
}

.shop_sub_menu ul a {
    display: block;
    color: #000;
    padding: 10px 48px 10px 30px;
    text-decoration: none
}

.shop_sub_menu ul li {
    font-size: 16px !important;
    list-style: none
}

.shop_sub_menu ul li a:hover,
.shop_sub_menu ul li a.active,
.shop_sub_menu ul li a.active_left {
    color: #e1007c
}

/* .shop_sub_menu ul li a.active {
    background: url(images/arrow_right_shops_bg.png) no-repeat right top
}

.shop_sub_menu ul li a.active_left {
    background: url(images/arrow_right_shops_bg.png) no-repeat right top
} */

.shop_sub_menu li a img.active_768 {
    display: none
}

.shop_sub_menu .shop_sub_menu_main_list {
    position: relative
}

.shop_sub_menu .shop_sub_menu_main_list#shop_food_galore {
    overflow: hidden
}

.shop_sub_menu .shop_sub_menu_main_list li.active a {
    color: #e1007c
}

.shop_sub_menu .shop_sub_menu_sub_list_left_container {
    background: #fff;
    width: 100%;
    border-top: 1px solid #d1d2d4;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.shop_sub_menu .shop_sub_menu_sub_list_left {
    background: #fff;
    width: 100%;
    overflow: hidden
}

.shop_sub_menu .shop_sub_menu_sub_list_right_container {
    background: #fff;
    width: 100%;
    border-top: 1px solid #d1d2d4;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.shop_sub_menu .shop_sub_menu_sub_list_right_container .shops_label_new,
.shop_sub_menu .shop_sub_menu_main_list .shops_label_new {
    max-width: 32px
}

.shop_sub_menu .shop_sub_menu_sub_list_right_container .shops_label_voucher,
.shop_sub_menu .shop_sub_menu_main_list .shops_label_voucher {
    max-width: 50px
}

.shop_sub_menu .shop_sub_menu_sub_list_right_container .shops_label_comingsoon,
.shop_sub_menu .shop_sub_menu_main_list .shops_label_comingsoon {
    max-width: 71px
}

.shop_sub_menu .shop_sub_menu_sub_list_right {
    background: #fff;
    width: 100%;
    overflow: hidden
}

.shop_sub_menu .shop_sub_menu_sub_list_left li a,
.shop_sub_menu .shop_sub_menu_sub_list_right li a {
    padding: 10px 30px 10px 40px
}

.shop_sub_menu .shop_sub_menu_scroll_up {
    display: none;
    padding: 25px 30px 10px;
    text-align: center
}

.shop_sub_menu .shop_sub_menu_scroll_down {
    display: none;
    padding: 10px 30px 25px;
    text-align: center
}

.shop_sub_menu .shop_sub_menu_scroll_up a,
.shop_sub_menu .shop_sub_menu_scroll_down a {
    padding: 0
}

/* .shop_content {
    position: relative;
    background: #fff;
    padding: 25px 25px 15px 25px
} */

.shop_detail_container {
    position: relative;
    margin-bottom: 40px
}

.shop_detail_container h1 {
    margin-bottom: 5px
}

.shop_detail_container p {
    font-size: 18px;
    margin-bottom: 5px
}

.shop_detail_desc_container {
    position: relative
}

.shop_detail_desc h1 {}

.shop_detail_logo {
    width: 100%;
    max-width: 200px;
    margin-bottom: 10px
}

.shop_gallery_container {
    position: relative;
    width: 100%;
    margin: 0 auto 15px auto
}

/* .shop_gallery {
    position: relative;
    width: 100%;
    max-width: 284px;
    height: 190px;
    margin: 0 10px 10px 0;
    border: 1px solid #ccc;
    float: left
}

.shop_gallery.last_col {
    margin-right: 0
}

.shop_gallery img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto
} */

.happen_dotted_divider {
    border-top: 1px dotted #f9b200;
    margin-bottom: 25px
}

.happen_menu ul li:hover .common_menu_box,
.happen_menu ul li.current-menu-item .common_menu_box,
.happen_menu ul li .common_menu_box:hover {
    font-weight: 700;
    color: #f9b200
}

.happen_menu ul li .common_main_dropdown li a:focus,
.happen_menu ul li .common_main_dropdown li a:hover {
    color: #f9b200;
    background: #fff
}

.happen_menu .subpage_menu_mobile_title {
    background: #f9b200
}

.happen_sub_menu {
    background: #fff
}

.happen_sub_menu ul {
    padding: 15px 0
}

.happen_sub_menu ul a {
    display: block;
    color: #000;
    padding: 10px 48px 10px 30px;
    text-decoration: none
}

.happen_sub_menu ul li {
    font-size: 16px;
    list-style: none
}

.happen_sub_menu ul li a:hover,
.happen_sub_menu ul li.active a {
    color: #f9b200
}

.happen_sub_menu ul li.active a {
    background: url(../png/arrow_right_happenings_bg.png) no-repeat right top
}

.happen_content {
    position: relative;
    background: #fff;
    padding: 25px
}

.happen_content_img {
    margin-bottom: 25px
}

.happen_deals_row {
    position: relative;
    min-height: 213px;
    margin-bottom: 25px
}

.happen_deals_row.last {
    margin-bottom: 0
}

.happen_deals_row_img {
    width: 151px;
    margin-bottom: 10px
}

.happen_deals_row_desc {
    font-size: 16px;
    color: #f9b200
}

.happen_newsroom_row {
    position: relative;
    margin-bottom: 25px
}

.happen_newsroom_row.last {
    margin-bottom: 0
}

.happen_newsroom_row a {
    text-decoration: none
}

.happen_newsroom_row a:hover {
    text-decoration: underline
}

.happen_newsroom_row_date {
    font-size: 16px;
    width: 100%;
    float: left
}

.happen_newsroom_row_desc {
    font-size: 16px;
    width: 100%;
    margin-bottom: 15px;
    float: left
}

.happen_newsroom_row_date.last,
.happen_newsroom_row_desc.last {
    margin-bottom: 0
}

.lease_content {
    position: relative;
    background: #fff;
    margin-top: 30px;
    padding: 25px
}

.mail_dotted_divider {
    border-top: 1px dotted #9086ba;
    margin-bottom: 5px
}

.mail_content {
    position: relative;
    background: #fff;
    margin-top: 30px;
    padding: 25px
}

.mail_content_row {
    position: relative;
    margin-bottom: 5px
}

.mail_content_row.last {
    margin-bottom: 25px
}

.mail_iframe_container {
    width: 100%;
    max-width: 760px;
    margin: auto;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

#mail_table {
    margin-bottom: 5px
}

#mail_form input[type="checkbox"] {
    margin-top: 0;
    margin-right: 2px;
    outline: 0
}

#mail_form label {
    font-weight: 400;
    margin-bottom: 0
}

#mail_form table {
    border-top: 1px solid #000;
    border-left: 1px solid #000
}

#mail_form table select {
    padding: 3px
}

#mail_form table th,
#mail_form table td {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 5px 10px
}

#mail_form table input#mail_name {
    width: 100%;
    max-width: 200px
}

#mail_form table input#mail_tel,
#mail_form table input#mail_tel_mobile,
#mail_form table input#mail_tel_oversea {
    width: 100%;
    max-width: 150px;
    margin-left: 10px
}

#mail_form table select#mail_country_code {
    width: 100%;
    max-width: 80px;
    margin-left: 10px
}

#mail_form table input#mail_area_code {
    width: 100%;
    max-width: 80px;
    margin-left: 10px
}

#mail_form table input#mail_email {
    width: 100%;
    max-width: 300px
}

#mail_form table input#mail_postal_code,
#mail_form table input#mail_unit_number,
#mail_form table input#mail_country_of_residence {
    width: 100%;
    max-width: 150px
}

#mail_form table input#mail_street_address {
    width: 100%;
    max-width: 400px
}

#mail_form .cb_box {
    margin-right: 20px;
    float: left
}

#mail_form .cb_box.last {
    margin-right: 0
}

#mail_form .cb_box div {
    margin-bottom: 5px
}

#mail_form .cb_box div:last-child {
    margin-bottom: 0
}

.contact_dotted_divider {
    border-top: 1px dotted #717274;
    margin-bottom: 25px
}

.contact_content {
    position: relative;
    background: #fff;
    margin-top: 30px;
    padding: 25px
}

.contact_row {
    position: relative;
    margin-bottom: 25px !important
}

.contact_row.last {
    margin-bottom: 0
}

.contact_row_title {
    width: 100%;
    margin-bottom: 5px
}

.contact_row_input {
    width: 100%
}

.contact_row select {
    padding: 3px
}

.contact_row select#contact_title {
    margin-bottom: 5px
}

.contact_row input#contact_name,
.contact_row input#contact_number,
.contact_row input#customer_name,
.contact_row input#contact-number {
    width: 100%;
    max-width: 250px
}

.contact_row input#contact_email,
.contact_row input#customer_email {
    width: 100%;
    max-width: 324px
}

.contact_row select#contact_message_type,
.contact_row select#ticket_category {
    width: 100%;
    max-width: 324px
}

.contact_row input#contact_subject,
.contact_row input#ticket_subject {
    width: 100%;
    max-width: 530px
}

.contact_row textarea#contact_message,
.contact_row textarea#ticket_description,
.contact_row .mce-container.mce-panel {
    width: 100%;
    max-width: 530px;
    margin-bottom: 10px;
    resize: none
}

.g-recaptcha,
#rc-imageselect {
    transform: scale(.6);
    -webkit-transform: scale(.6);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

/* Wordpress overwrite style */

/* General */
img{
	max-width: 100%;
	height: auto;
}
.csm_footer_container{
	text-align: center;
}
.csm_footer_logo{
	display: inline-block;
}
.csm_footer_logo img{
	width: 200px;
}
.about-the-mall-img  .qubely-block-image .qubely-image-media .qubely-image-container .qubely-image-image{
	width: 100%;
}
.general_content {
    position: relative;
    background: #fff;
    margin-top: 30px;
    padding: 25px
}
.csm_header_logo img{
	max-width: 66px;
}
@media screen and (min-width:768px) {
  .csm_header_logo img{
    max-width: 150px;
  }  
}

.csm_footer_copyright p{
	margin: 0;
}
.menu-footer-menu-container ul{
	list-style: none;
	display: flex;
	justify-content: center;
}
.menu-footer-menu-container ul li:first-child::after{
	margin: 0 5px;
	content: '    |';
}
.csm_footer_linking ul{
	list-style: none;
	display: flex;
	justify-content: center;
}
.csm_footer_linking ul li{
	margin-left: 15px;
}
.csm_footer_linking ul li:first-child{
	margin-left: 0;
}

/* Front page */
.swiper-slide a img{
	height: auto;
}

/* About Us */

/* Amenities */
.amenities_desc_txt p{
	margin: 0;
}
/* Amenities */

/* Services */

.services tr td{
	vertical-align: top;
	padding-bottom: 10px;
}
.services tr td:first-child{
	width: 200px;
	padding-right: 30px;
}
.services tr td:last-child{
	width: 160px;
}
/* Services */


/* Carpark */
.about_carpark_content_container .carpark-table tr td{
	vertical-align: top;
}
.about_carpark_content_container .carpark-table tr td{
	display: block;
}
.about_carpark_content_container .carpark-table tr td:first-child{
	text-decoration: underline;
}
.about_carpark_content_container .carpark-table tr td:nth-child(2){
	display: none;
}
.about_carpark_content_container .carpark-sign{
	max-width: 650px;
}
.about_carpark_content_container .carpark-parking-img img{
	width: auto !important;
	width: 100%;
}
@media screen and (max-width:640px) {
	.about_carpark_content_container .carpark-sign .qubely-column-front{
		max-width: 100% !important;
		display: block !important;
		flex: none!important;
		width: 100%;
	}
	.about_carpark_content_container .carpark-sign .qubely-column-front:last-child p{
		text-align: left;
	}
	.about_carpark_content_container .carpark-sign .qubely-block-image{
		text-align: left !important;
	}
}
/* Carpark */

/* Customer Services */
@media screen and (max-width:599px) {
	.about_customer_content_container .qubely-block-info-box.qubely-info-box-layout-2{
		display: block;
	}
	.about_customer_content_container .qubely-info-box-media{
		margin-right: 0;
		margin-bottom: 5px;
	}
}
/* Customer Services */
/* Contact Us */
.contact_content_container .ticket_form{
  padding: 0;
}
.contact_content_container .wpsc_ct_field_label{
	font-size: 14px;
	font-weight: normal;
}
.contact_content_container .bootstrap-iso .form-control{
	border-radius: 0 !important; 
	height: 26px !important;
	padding: 2px !important;
}
.contact_content_container .bootstrap-iso{
	font-size: 14px !important;
}
.contact_content_container .bootstrap-iso p{
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 25px;
}
.contact_content_container .bootstrap-iso p.tnc{
	font-size: 12px;
}
.contact_content_container #wpsc_tickets_container{
	border: none !important;
}
.contact_content_container .bootstrap-iso .form-control#wpsc_ticket_search{
	border-radius: 4px !important;
	height: 34px !important;
}
.contact_content_container .row.wpsc_tl_action_bar{
	display: none;
}
.contact_content_container .contact_error_msg{
	display: none;
}

/* Happening */
.happen_deals_row .happen_deals_row_desc p{
	color: #000000;
}
.services-image-container{
	max-width: 180px!important;
	flex: 180px!important;
}
.services-image-container img{
	max-width: 160px!important;
}
.swiper-slide a{
	display: block;
}
.sub-menu{
	display: none;
}
.csm_header_menu ul li a{
	position: relative;
}
.csm_header_menu ul li a[title="About Us"]::after{
	content: '';
	position: absolute;
	background: url(../png/arrow_down_about_bg.png) no-repeat right top;
	width: 100%;
	right: 0;
	top: 5px;
	height: 100%;
}
.csm_header_menu ul li a[title="About Us"].opened::after{
	background: url(../arrow_up_about_bg.html) no-repeat right top;
}
.csm_header_menu ul li a[title="Shops"]::after{
	content: '';
	position: absolute;
	background: url(../png/arrow_down_shops_bg.png) no-repeat right top;
	width: 100%;
	right: 0;
	top: 5px;
	height: 100%;
}
.csm_header_menu ul li a[title="Shops"].opened::after{
	background: url(../png/arrow_up_shops_bg.png) no-repeat right top;
}
.csm_header_menu ul li a[title="Happenings"]::after{
	content: '';
	position: absolute;
	background: url(../png/arrow_down_happenings_bg.png) no-repeat right top;
	width: 100%;
	right: 0;
	top: 5px;
	height: 100%;
}
.csm_header_menu ul li a[title="Happenings"].opened::after{
	background: url(../arrow_up_happenings_bg.html) no-repeat right top;
}
.csm_header_menu ul li .sub-menu li a{
	padding: 5px 50px;
}
.csm_header_menu ul li .sub-menu li{
	border-bottom: none;
}
.sub-menu li:first-child{
	border-top: 1px solid #ffffff;
}
.promotions-container{
	background: #ffffff;
	padding: 20px;
}
.promotion-img img{
	margin: auto;
	display: block;
}
.promotions-container .promotion-container{
	/* padding-right: 10px !important; */
	/* padding-left: 10px !important; */
	margin-bottom: 15px;
}
.promotions-container h2{
	font-size: 24px;
    font-weight: 700;
	margin-bottom: 50px;
	text-align: center;
}
.promotion-title{
	color: #00b1e6;
	font-size: 16px;
    font-weight: 700;
	margin: 15px 0;
	text-align: center;
}
.promotions-container .view-all{
	/* margin-top: 30px; */
	display: block;
	text-align: center;
}
.promotion-content p{
	margin-bottom: 15px;
}
@media screen and (min-width:565px) {
	.promotions-container{
		padding: 30px 60px;
	}
	.promotion-title{
		font-size: 18px;
	}
}
@media screen and (min-width:768px) {
	.promotion-title{
		font-size: 21px;
		margin: 25px 0;
	}
	.promotion-content p{
		margin-bottom: 0;
	}
	.promotions-container .promotion-container{
		padding-right: 22px !important;
		padding-left: 22px !important;
		margin-bottom: 25px;
	}
}
/* @media screen and (min-width: 1300px){
	.shop_gallery_container {
		width: 578px !important;
	}
} */
.contact_content_container .bootstrap-iso p{
	margin-bottom: 0;
}
.thread_messege{
	margin-bottom: 15px;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
	width:100%;
	left:auto;
	right:auto;
	/* bottom:-35px; */
}

.promotions-container {
    padding-top: 60px;
}

.swiper-pagination-bullet{
	border:1px solid #cccccc;
}
span.no-listings{
  display: block;
  padding: 10px 48px 10px 30px;
}

/* eMall Banner */
.emall-banner{
  background-color: #f0af13;
  padding: 10px 14px;
  width: 100%;
  position:relative;
  top:0;
  z-index:999999999999;
  /* display:none; */
}
@media screen and (min-width:768px) {
  .emall-banner{
    padding:18px 28px;
  }
}
.emall-banner-content{
  display: flex;
    justify-content: center;
    align-items: center;
}
.emall-banner-logo{
  padding:0 10px;
  flex-shrink:0;
}
@media screen and (min-width:768px) {
  .emall-banner-logo{
    padding:0 20px;
  }
}
.emall-banner-logo img{
  width:100%;
  max-width:85px;
}
@media screen and (min-width:768px) {
  .emall-banner-logo img{
    max-width:121px;
  }
}
.emall-banner-title{
  font-size: 16px;
  padding: 0 10px;
  color: #5a5b5c;
  text-align:center;
}
@media screen and (min-width:768px) {
  .emall-banner-title{
    font-size: 26px;
    padding: 0 20px;
  }
}

@media screen and (min-width:890px) {
  .emall-banner-title{
    font-size: 26px;
  }
}

.emall-banner-cta{
  /* margin-right:auto; */
  padding:0 10px;
}
@media screen and (min-width:890px) {
  .emall-banner-cta{
    padding:0 20px;
  }
}
.emall-banner-cta a{
  color: #5a5b5c;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 16px;
  background-color: #ffffff;
  text-decoration:none;
  border-radius: 25px;
}
@media screen and (min-width:890px) {
  .emall-banner-cta a{
    font-size: 18px;
    padding: 12px 24px;
  }
}
.emall-banner-close{
  margin-right: auto;
  cursor:pointer;
  flex-shrink:0;
}

.desk-inline-show{
  display:none;
}

@media screen and (min-width:890px) {
  .desk-inline-show{
    display:inline-block;
  }

  .desk-inline-hide{
    display:none !important;
  }
}
/* eMall Banner */

/* Quick Access */
.csm_main_footer_container.is-mobile{
  position: relative;
  margin-bottom: 74px;
}
.csm_main_footer_container.is-mobile .quick-access{
  display: block;
}
.quick-access{
  display: none;
  background-color: #ffffff;
  padding: 10px 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
}
.quick-access .quick-access-nav .quick-access-nav-item{
  padding: 0;
}
.quick-access .quick-access-nav .quick-access-nav-item a > div{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.quick-access .quick-access-nav .quick-access-nav-item span{
  color: #acacac;
  font-size: 12px;
}
.quick-access .quick-access-nav .quick-access-nav-item img{
  margin-bottom: 5px;
}
.quick-access .quick-access-nav .quick-access-nav-item img.selected{
  display: none;
}
.quick-access .quick-access-nav .quick-access-nav-item.current span{
  color: #00b1e6;
}
.quick-access .quick-access-nav .quick-access-nav-item.current img{
  display: none;
}
.quick-access .quick-access-nav .quick-access-nav-item.current img.selected{
  display: block;
}
/* Quick Access */

.mall-link{
  margin-top: 35px;
  font-size: 14px;
}
.mall-link a,
.mall-link a:hover{
  color: #e8a713;
  text-decoration: none;
}

.social{
  padding-bottom: 20px;
  position:absolute;
  right:40px;
  bottom:0
}
.social a > img{
  height: 30px;
}
.social a:nth-child(2){
  margin: 0 15px;
}
@media screen and (max-width:992px){
  .social{
    right:20px;
  }
}
@media screen and (max-width:767px){
  .social{
    right: 100px;
  }
}
@media screen and (max-width:480px){
  .social{
    padding-bottom: 25px;
  }
  .social a > img{
    height: 20px;
  }
  .social a:nth-child(2){
    margin: 0 5px;
  }
}

/* CDL Vouchers style */

.cdl_e_voucher, .cdl_gift_voucher {
    display: flex;
    align-items: center;
}
.cdl_e_voucher{
    margin-right: 10px;
}
.single_shop_cdl_vouchers{
    display: flex;
    align-items: center;
}

@media(max-width: 768px){
    .cdl_all_shop_vouchers{
        flex: none !important;
        height: 30px !important;
    }
}
@media(max-width: 567px){
    .cdl_all_shop_vouchers{
        height: 40px !important;
    }
    .cdl_shops_e_voucher{
        height: 30px !important;
        width: 20px !important;
    }
    /* .cdl_all_shop_vouchers img:last-child{
        width: 35px !important;
    } */
}