@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@400;700;800&display=swap');

.bg-rlc {
  background-color: #c7171d;
}

.display-none {
  display: none;
}

.ml-neg {
  margin-left: -15px;
}

.mr-neg {
  margin-right: -15px;
}

.m-0 {
  margin-bottom: 0;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mt-5 {
    margin-top: 5rem;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 2rem;
}


.mb-3 {
    margin-bottom: 3rem;
}

.mb-5 {
    margin-bottom: 5rem;
}

.p-0 {
    padding: 0;
}

.p-1 {
    padding: 1rem;
}

.p-5 {
    padding: 5rem;
}

.pt-3 {
    padding-top: 3rem;
}

.pb-5 {
    padding-bottom: 5rem;
}

.text-light {
    color: white;
}

.font-700 {
    font-weight: 700;
}

h1, h2, h3, h4, p, span {
    font-family: 'Merriweather Sans';
}

button#edit-actions-submit {
    background-color: #AC1C21;
    padding: 7px 50px;
    border-radius: 0;
    margin-left: 20px;
    margin-top: 0;
}

.button-submit{
    background-color: #AC1C21;
    padding: 7px 50px;
    border-radius: 0;
    margin-left: 20px;
}

div#popup-text {
    color: white;
}

button.agree-button.eu-cookie-compliance-default-button {
    background: #c7171D;
    border: 1px solid;
    border-radius: 5px;
    color: white;
}

/*navbar*/
header#navbar {
    padding: 13px;
}

.navbar {
  margin-bottom: 0;
}

.navbar-default .navbar-nav>li>a
{
  color: white;
}

.navbar {
    border: none;
}

ul.menu.menu--main.nav.navbar-nav.mt-2 {
    margin-top: 23px;
}

.nav-item a:hover {
    text-shadow: 0 0 12px #fff;
    color: #fff;
}

/*end navbar*/

/*footer*/
.footer-item h2 {
    font-size: 16px;
    color: #fff;
    padding-bottom: 17px;
}

.footer-item {
  min-height: 120px;
}

.fab {
    color: white;
}

.footer-button a {
    display: inline-block;
    position: relative;
    bottom: 0;
    height: 25px;
    width: 115px;
    font-family: 'Merriweather Sans';
    letter-spacing: 2px;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
    text-align: center;
    line-height: 25px;
    box-sizing: border-box;
    font-size: 10px;
    background: #c7171d;
}

.footer-button a:hover {
    background: #fff;
    color: #c7171d;
    font-weight: bold;
}

.footer-spacer-vline{
    margin-left: 10px;
    margin-right: 10px;
}

.menu--footer.nav.navbar-nav li > a {
    padding: 0;
    color: #ffffff;
}

.menu--footer.nav.navbar-nav li > a:hover
{
    text-decoration: underline;
    background-color: transparent;
}

.menu--footer.nav.navbar-nav li.last span {
    display: none;
}

nav#block-rmall-footer {
    padding-left: 0;
}

#block-careers p, #block-stayconnected p, #block-stayconnected-2 p, #block-leaseinquiry p {
    font-size: 12px;
    font-weight: normal;
}

ul.menu.menu--footer.nav.navbar-nav.mt-1.mb-1 {
    float: left;
}

/*end footer*/

/*Frontpage*/
.path-frontpage {
    background: #f5f5f5;
}
/*End Frontpage*/

/*Hero Slider*/
/* div.main-container div.hero {
    position: relative;
    height: 82vh;
} */

.slick-dots {
    text-align: right;
}

/*End Hero Slider*/

/*feature*/
.feature-text h2, h2.feature-text {
    font-family: 'Merriweather Sans';
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: #c7171d;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.feature-text p {
    font-family: 'Merriweather Sans';
    padding: 20px 0;
    text-align: center;
    color: #4a4a4a;
    font-size: 12px;
    line-height: 1.5;
}

.views-col.col-1,.views-col.col-2,.views-col.col-3 {
    padding: 10px;
}
/*end featuer*/

/*whats new*/
#block-whatsnew h2 {
    text-align: center;
    font-family: 'Merriweather Sans';
    font-weight: bold;
    color: #4a4a4a;
    font-size: 40px;
    margin: 0;
    text-transform: uppercase;
}

#block-whatsnew h4 {
    padding: 10px 0;
    text-align: center;
    font-family: 'Merriweather Sans';
    font-weight: bold;
    color: #4a4a4a;
    font-size: 14px;
    letter-spacing: 3px;
    padding: 0;
}

#block-views-block-whats-new-block-1 img {
    width: 100%;
    height: auto;
    padding-bottom: 18px;
    border-bottom: 1px solid #d9d9d9;
}

#block-views-block-whats-new-block-1 p a {
    font-family: 'Merriweather Sans';
    font-size: 11px;
    text-align: right;
    color: #4a4a4a;
    text-decoration: none;
}

h2#lp-header {
    display: inline-block;
    font-family: 'Merriweather Sans';
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    color: #c7171d;
}

span#lp-read-more {
    /* position: relative;
    left: 344px; */
    font-family: 'Merriweather Sans';
    font-size: 11px;
    text-align: right;
    text-decoration: none;
}

span.views-field.views-field-field-lp-link-1 {
    width: 50%;
    float: left;
}

span.views-field.views-field-field-lp-link {
    width: 50%;
    float: right;
    text-align: right;
    margin-top: 20px;
}
/*end whats new*/

/*Subscribe*/
#block-dontmissanyupdate h2 {
    text-align: center;
    font-family: 'Merriweather Sans';
    font-weight: bold;
    color: #4a4a4a;
    font-size: 40px;
    margin: 0;
    text-transform: uppercase;
}

#block-dontmissanyupdate h4 {
    padding: 10px 0;
    text-align: center;
    font-family: 'Merriweather Sans';
    font-weight: bold;
    color: #4a4a4a;
    font-size: 14px;
    letter-spacing: 3px;
    padding: 0;
}

.region-subscribe section#block-webform {
    text-align: center;
}

.region-subscribe .form--inline .form-item {
    float: inherit;
    margin-right: 0.5em;
}

div#webform-submission-subscribe-form-ajax .messages__wrapper {
    display: none;
}

form.webform-submission-subscribe-form {
    display: inline-flex;
}

form.webform-submission-subscribe-form button.webform-button--submit {
   margin-top: 0;
}

.light-green {
  color: #a5dc86;
  font-size: 100px;
}

/*end subscribe*/

/*Modal for webform*/
.ui-dialog .ui-dialog-titlebar {
    background: transparent;
    border: none;
}

.ui-dialog .ui-dialog-title {
    display: none;
}

.webform-confirmation-modal {
    text-align: center;
    max-width: 300px;
    font-size: 21px;
}

/* End Modal for webform*/

/* About Us*/
.container-fluid.clearfix.bs-region.bs-region--top {
    padding: 0;
}

.container-fluid.clearfix.bs-region.bs-region--top img {
    width: 100%;
    /* height: 278px; */
    /* object-fit: cover; */
}

.sub-heading-text {
    padding: 10px 0;
    text-align: center;
    font-family: 'Merriweather Sans';
    font-weight: bold;
    color: #4a4a4a;
    font-size: 14px;
    letter-spacing: 3px;
}

.heading-text {
    text-align: center;
    font-family: 'Merriweather Sans';
    font-weight: bold;
    color: #4a4a4a;
    font-size: 40px;
}

.upper-transform {
    text-transform: uppercase;
}

.view-id-about_us .views-col.col-1 {
    padding: 0;
}
/* End about us*/

/*Privacy Policy*/
.view-id-privacy_policy .views-col.col-1 {
    padding: 0;
}
/*End Privacy Policy*/

/* Lease Inquiry */
.region.region-lease-inquiry h1 {
    text-align: center;
}

.region.region-lease-inquiry .page-header {
    border-bottom: none;
    font-family: 'Merriweather Sans';
    font-weight: bold;
    color: #4a4a4a;
    font-size: 40px;
    margin: 0;
    text-transform: uppercase;
}
/*End Lease Inquiry */

/*Careers*/
.form-group {
    margin-bottom: 5px;
}

h2.webform-section-title {
    font-size: 20px;
    margin-top: 10px;
}

.careers img {
    width: 100%;
    height: auto;
    max-height: 522px;
}

.careers .field--name-field-image {
    height: auto;
    max-height: 522px;
}

button#edit-actions-submit--2, button.webform-button--submit {
    background-color: #AC1C21;
    padding: 7px 50px;
    border-radius: 0;
    margin-top: 10px;
}

.webform-submission-job-application-form .alert.alert-danger.alert-dismissible {
    display: none;
}

/*End Careers*/

/* Cinemas */
.one-half {
    width: 48.5%;
    box-sizing: border-box;
}

.full-width {
    width: 100%;
}

.mall-map-filter-search {
    margin-left: 0;
}

.mall-map-filters {
    height: 57px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

.one-half {
    float: left;
    margin: 0 1.5%;
    position: relative;
    /* padding: 40px 0; */
    box-sizing: border-box;
}

.mall-map-filter-search .input-text {
    display: inline-block;
    line-height: 57px;
    margin-left: 15px;
    margin-right: 12px;
    font-size: 12px;
    color: #4a4a4a;
}

.mall-map-filter-toggle .input-text {
    display: inline-block;
    line-height: 57px;
    margin-right: 12px;
    font-size: 12px;
    color: #4a4a4a;
}

.mall-map-filter-toggle .toggle {
    cursor: pointer;
    padding: 0 15px;
    border-radius: 16px;
    height: 32px;
    display: inline-block;
    background: #d9d9d9;
    vertical-align: middle;
    margin-right: 8px;
}

.mall-map-filter-search .input-field {
    display: inline-block;
    height: 32px;
    background: #d9d9d9;
    height: 32px;
    border-radius: 16px;
    width: 260px;
}

.mall-map-filter-search input {
    outline: none;
    width: 200px;
    margin-left: 16px;
    margin-right: 16px;
    height: 30px !important;
    padding: 0;
    vertical-align: middle;
    font-size: 12px;
    color: #4a4a4a;
    background: #d9d9d9;
    border: none;
}

.mall-map-filter-toggle .toggle p {
    font-size: 14px;
    vertical-align: middle;
    line-height: 32px;
}

.mall-map-filter-toggle .active {
    background: #c7171d;
}

.mall-map-filter-toggle .toggle:hover p, .mall-map-filter-toggle .active p {
    color: #fff;
}

.cinema-list-panel .cinemas .cinema-region {
    border: none;
    width: 100%;
    float: none;
    height: auto;
    font-size: 14px;
    color: #333;
    position: relative;
    padding: 20px 0;
    padding-left: 15px;
    display: block;
}

.cinema-list-panel .cinemas li {
    border: 0.5px solid #eee;
    float: left;
    display: inline-block;
    margin-top: -2px;
}

.cinema-list-panel .cinemas li a {
    font-size: 14px;
    font-weight: bold;
    color: #c7171d;
    text-transform: uppercase;
    padding-bottom: 13px;
    position: relative;
    text-align: center;
    padding: 30px 0;
    display: block;
    margin: 0 auto;
    text-decoration: none;
}

.cinema-list-panel .cinemas li a:hover {
    text-decoration: underline;
}

.clear {
    clear: both;
}

.cinemas .one-third {
    width: 33.3%;
    box-sizing: border-box;
}

.mall-map-filter-search .input-field i {
    vertical-align: middle;
    font-size: 20px;
    color: #9a9a9a;
}

.cinemas .cinema-region {
    border: none;
    width: 100%;
    float: none;
    height: auto;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    position: relative;
    padding: 20px 0;
    padding-left: 15px;
    display: block;
}
/* end cinemas */


/* cookie compliance */
div#sliding-popup {
    width: 100%;
    background: #c7171d;
    color: white;
    opacity: 0.8;
    /* padding: 6px; */
}

div#popup-text,div#popup-buttons {
    margin-top: 5px;
}

button.agree-button.eu-cookie-compliance-secondary-button, button.decline-button.eu-cookie-compliance-default-button {
    background-color: transparent;
    border-radius: 0;
}

.eu-cookie-compliance-message {
    float: left;
    max-width: 80%;
}

/* end cookie compliance */

/* Promos and Events */
/* .owl-item {
  padding: 10px;
} */

button.owl-next {
    display: none;
}

button.owl-prev {
    display: none;
}

.promos-events-container {
   background: #e5e5e5;
}

.btn-circle {
  /* background: linear-gradient(0deg,rgba(254,206,206,0.4),rgba(254,206,206,0.4)),linear-gradient(0deg,rgba(196,196,196,0.4),rgba(196,196,196,0.4)),rgba(196,196,196,0.4); */
  background: #FFFFFF;
  border-radius: 30px;
  border: none;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.btn-circle span {
  color: #828282;
  font-size: 30px;
}

.owl-carousel-promo, .owl-carousel-events {
    background: white;
    padding: 0;
    border-radius: 5px;
    height: 325px;
}

.owl-item .views-field-body {
    padding: 10px;
}

.region.region-controller-event-carousel, .region.region-controller-promo-carousel {
  background: white;
  padding: 10px;
  border-radius: 5px;
}

.carousel-control-btn {
    /* text-align: center; */
    /* margin-bottom: -30px; */
    position: absolute;
    margin-top: -26%;
    width: 96%;
    justify-content: space-between;
    display: flex;
}

.footer-button.carousel-btn {
    text-align: center;
    padding: 20px;
}

.carousel-btn a {
    padding: 5px;
    height: 100%;
    width: 70%;
}

button.btn-circle:focus {
    outline: none;
}

button.btn-circle:hover {
    background: #c7171d;
}

.footer-button.carousel-btn a:hover {
    background: #fff;
    color: #c7171d;
    border: #c7171d 1px solid;
    font-weight: bold;
}

.view-id-related_promos .table, .view-id-related_events .table {
    border-spacing: 0px 15px;
    border-collapse: separate;
}

.table-striped>tbody>tr {
    background-color: #f9f9f9;
}
tr.all-events td img {
    height: auto !important;
    width: 100%;
}
tr.all-events a {
    font-size: 18px;
}
td.views-field.views-field-title {
    width: 80%;
    border-radius: 10px 0 0 10px;
}

td.views-field.views-field-field-image {
    border-radius: 0 10px 10px 0;
}
tr.all-events td
tr.all-events td.views-field.views-field-title {
    padding-left: 50px;
    padding-top: 50px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 14px;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

.promo-date p {
    font-size: 12px;
    color: gray;
    line-height: 32px;
}

div#edit-field-malls {
    column-count: 5;
}

#edit-field-malls {
    column-count: 5;
}

/* End Promos and Events */

/*List of Mall*/
ul.mall {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  list-style: none;
  padding: 0;
}

.mall-map-filter-toggle .toggle-mall {
    cursor: pointer;
    padding: 0 15px;
    border-radius: 16px;
    height: 32px;
    display: inline-block;
    background: #d9d9d9;
    vertical-align: middle;
    margin-right: 8px;
}

.mall-map-filter-toggle .toggle-mall p {
    font-size: 14px;
    vertical-align: middle;
    line-height: 32px;
}

.mall-map-filter-toggle .toggle-mall:hover p, .mall-map-filter-toggle-mall .active p {
    color: #fff;
}

.toggle-mall.active {
    background: #c7171d;
}

.mall a {
    color: #c7171D;
    font-weight: 700;
}

.mall li {
    padding: 10px 0;
    break-inside: avoid;
}

mark {
    background: #ff0 !important;
    color: #000;
}

/*End List of Mall*/

/* Mall Info */
.tab-content > .tab-pane {
     visibility: hidden;
     height: 0px;
     overflow:hidden;
}
.tab-content > .active {
     visibility: visible;
     height: auto;
     overflow: visible;
}

.pill h3 {
  text-align: center;
}

.etabs {
    list-style: none;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
    height: 57px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    text-decoration: none;
}

.tab:first-child {
    margin-left: 0;
}

.tab {
    display: inline-block;
    text-decoration: none;
    margin: 0;
    line-height: 57px;
    font-size: 15px;
    color: #c7171d;
    margin: 0 24px;
}

.tab a.active {
    color: #c7171d;
}

.tab-content .tab-pane {display: block;height:0}
.tab-content .active {height:auto}

ul.field--items.mall-feauture-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.mall-hours {
    background: #c7171d;
    text-align: center;
    color: white;
}

.item-list.item-list--linkicon {
    margin-top: 0;
}

span.linkicon__icon {
    color: #FFFFFF;
    background: #373232;
}

ul.field--items.mall-directory-list {
    list-style: none;
}

.custom-red {
    color: #C7171D;
    font-weight: 700;
}

h4.field--label.mall-directory-label {
    background: #c7171D;
    color: white;
    margin: 0;
    padding: 10px;
    border: 1px solid #c4c4c4;
}

.mall-directory-list li.field--item {
    background: #f8f8f8;
    border: 1px solid #c4c4c4;
    color: #333333;
    padding-left: 1.5rem;
    padding-top: 9px;
    padding-bottom: 9px;
}

ul.field--items.mall-directory-list {
    padding: 0;
}

ul.field--items.mall-directory-list,ul.field--items.lingkod-pinoy-list {
    list-style: none;
}

li.field--item.lingkod-pinoy-item:nth-child {
    /* background: rgba(254, 206, 206, 0.4); */
    background: #FFFFFF;
}

li.field--item.lingkod-pinoy-item:hover > p {
    color: white;
}

li.field--item.lingkod-pinoy-item:hover {
    background: red;
    color: white;
}

/* li.field--item.lingkod-pinoy-item:nth-child(even) {
    background: #FFFFFF;
} */

li.field--item.lingkod-pinoy-item {
    border: 1px solid rgba(233,233,233,0.8);
    box-sizing: border-box;
    padding-left: 5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    color: #C7171D;
    font-size: 20px;
    background: #FFFFFF;
}

li.field--item.lingkod-pinoy-item p{
    color: #706A6A;
    font-size: 14px;
}

.list-mall.container {
    /* background: #e5e5e5; */
    border-radius: 10px;
    padding-bottom: 10px;
}

.page-node-type-malls .main-container {
    background: #f4f4f4;
}

/* End Mall Info */

/*modal*/
div#drupal-modal--dialog {
  height: 100%;
  /* width: 50%; */
  /* width: 30%; */
  width: 35%;
  float: right;
}

div#drupal-modal--body {
    padding-top: 0;
}

#drupal-close {
    position: absolute;
    top: 0;
    right: 16px;
    background: rgba(255,255,255,0.7);
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 5px;
    text-shadow: none;
    -webkit-border-top-left-radius: 1px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 1px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
    border-bottom-left-radius: 13px;
}

.close {
    opacity: .7;
}

div#modal-content {
    background: white;
    width: 90%;
    clear: both;
    float: none;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -20px;
    height: 100%;
    min-height: 100%;
}

div#drupal-modal--content {
    height: 100%;
    min-height: 100%;
}

div#drupal-modal--body {
    height: 100%;
    overflow-x: hidden !important;
    background: #e5e5e5;
}

.round {
  -webkit-border-top-left-radius: 1px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 4px;

  -moz-border-radius-topleft: 1px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 4px;

  border-top-left-radius: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 4px;
}

div#drupal-modal {
    right: 0 !important;
    padding-right: 0 !important;
    height: 100%;
}

div#drupal-modal--header {
    display: none;
}

/* @media (min-width: 768px)
{
  .modal-dialog {
      margin: auto;
  }

  .view-whats-new .views-col.col-1 {
      width: 100% !important;
  }
} */

@media (min-width: 768px)
{
  .navbar-nav {
      float: left;
      margin: 0;
  }

  .nav > li {
      padding: 0px 5px;
  }

  .modal-dialog {
      margin: 0px auto;
  }

}


@media only screen and (max-width: 768px) {
  .modal-dialog {
      margin: auto;
  }

  .view-whats-new .views-col.col-1 {
      width: 100% !important;
  }

  .container {
      width: 100%;
  }

  .navbar {
      border-radius: 0;
  }

  .col-sm-3 {
      width: 50%;
      float: left;
  }

  .careers .field--name-field-image {
      height: auto;
  }

  .region.region-navigation img {
      width: 100% !important;
      max-width: 265px;
  }

  .navbar .logo {
      margin-right: -15px;
      padding-left: 0;
      padding-right: 0;
      /* max-width: 265px; */
      width: 70%;
  }

  .menu--footer li {
      display: inline-block;
  }

  .feature .col-sm-8 {
      margin-top: 10px;
      margin-bottom: 10px;
  }

  .region-controller-promo-carousel h2.block-title {
      margin-top: 0px;
  }


}

@media only screen and (max-width: 1183px) {
  .mall-map-filters.full-width {
      border: none;
  }

  .input-text.hide-640 {
      display: none;
  }

  .mall-map-filter-toggle.col-sm-6.full-800 {
      width: 100%;
      padding: 0;
  }
}

@media only screen and (max-width: 500px) {
  .mall-map-filter-search .input-text {
      display: none;
  }

  .mall-map-filter-search .input-field {
      margin-top: 10px;
      /* padding: 0; */
  }

  .cinema-search.mall-map-filter-search.col-sm-6.full-800 {
      width: 100%;
      padding: 0;
  }

  .views-col.col-1, .views-col.col-2, .views-col.col-3 {
      padding: 10px;
      width: 100% !important;
      float: none;
  }

  .carousel-control-btn {
      margin-top: -85%;
      width: 90%;
  }

  .region-content-promo-carousel .carousel-control-btn {
      margin-top: -67%;
  }

  div#drupal-modal--dialog {
      width: 100%;
  }

  div#drupal-modal--dialog {
      height: 95%;
      width: 95%;
      float: none;
      margin-top: 20px;
  }

  .pull-left {
      float: right !important;
  }

  .navbar-toggle {
      float: none;
  }

  .navbar .logo {
      padding-right: 10px;
      width: 70%;
  }

  header#navbar {
      padding: 0 13px;
  }

  #block-dontmissanyupdate h2 {
      font-size: 27px;
  }

  form.webform-submission-subscribe-form {
      display: block;
  }

  .mall-map-filter-toggle .toggle-mall {
      padding: 0 8px;
  }

  ul.mall {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
  }

  .etabs {
      border-top: none;
      border-bottom: none;
      height: inherit;
      padding-left: 0;
  }
  .tab {
      display: inherit;
      text-decoration: none;
      margin: inherit;
      line-height: 45px;
      font-size: inherit;
      color: #c7171d;
      margin: inherit;
      margin-bottom: 5px;
  }

  span.divider-bar {
      display: none;
  }

  li.tab.active {
      background: red;
  }

  .tab.active a {
      color: white;
      text-decoration: none;
      margin-left: 10px;
      font-weight: bold;
  }

  div#mall-directory .cinema-search {
      margin: 0 auto;
      width: 80%;
      padding-bottom: 10px;
  }

  .pill.mb-5 {
      margin-bottom: 1rem;
  }

  li.field--item.lingkod-pinoy-item {
      padding-left: 1rem;
      padding-right: 1rem;
  }

  .webform-element--title-inline .form-control, .webform-element--title-inline .select-wrapper {
      display: block;
      width: 100%;
  }

  .view-social-media-links .views-col.col-1, .view-social-media-links .views-col.col-2, .view-social-media-links .views-col.col-3 {
      width: 30% !important;
      float: left;
  }

  .region.region-navigation img {
      max-width: 142px;
  }

  .container-fluid.clearfix.bs-region.bs-region--top img {
      width: 100%;
      height: auto;
  }

  div#modal-content {
      margin-top: -8px;
  }

  a.logo.navbar-btn.pull-left {
      margin-top: 6px;
  }

  .region.region-navigation {
      margin-left: -80px;
  }

  .footer-item {
      min-height: 30px;
  }

  .mt-5 {
    margin-top: 1.5rem;
  }
  .mb-5 {
    margin-bottom: 1.5rem;
  }

  .contact-information.mt-5
  {
    margin-top: 0;
  }

  ul.field--items.lingkod-pinoy-list {
      padding-left: 0;
  }

  .promo-date p {
      font-size: 12px;
      color: gray;
      line-height: 20px;
      white-space: break-spaces;
  }

  tr td {
      display: block;
  }

  table {
      table-layout: fixed;
  }

  td.views-field.views-field-title {
      width: 100%;
      border-radius: 0;
  }

  td.views-field.views-field-title .col-sm-12 {
      width: 100%;
      border-radius: 0;
      padding: 0;
  }

  /* .views-field-field-carousel-square img.img-responsive {
      height: 226px;
  } */

  .owl-carousel-promo, .owl-carousel-events {
      background: white;
      padding: 0;
      border-radius: 5px;
      height: auto;
  }

  .feature.container.mt-5 {
    display: flex;
    flex-direction: column;
  }

  .col-sm-8 {
      order: 2;
  }
  .col-sm-4 {
      order: 1;
  }
  .owl-item.active
  {
    margin-left: 0 !important;
  }
}

/*end modal*/

.form-required:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0VFMDAwMCIgIGQ9Ik0wLDcuNTYybDEuMTE0LTMuNDM4YzIuNTY1LDAuOTA2LDQuNDMsMS42ODgsNS41OSwyLjM1QzYuMzk4LDMuNTUzLDYuMjM3LDEuNTQ0LDYuMjIsMC40NDdoMy41MTEgYy0wLjA1LDEuNTk3LTAuMjM0LDMuNi0wLjU1OCw2LjAwM2MxLjY2NC0wLjgzOCwzLjU2Ni0xLjYxMyw1LjcxNC0yLjMyNUwxNiw3LjU2MmMtMi4wNSwwLjY3OC00LjA2LDEuMTMxLTYuMDI4LDEuMzU2IGMwLjk4NCwwLjg1NiwyLjM3MiwyLjM4MSw0LjE2Niw0LjU3NWwtMi45MDYsMi4wNTljLTAuOTM1LTEuMjc0LTIuMDQxLTMuMDA5LTMuMzE2LTUuMjA2Yy0xLjE5NCwyLjI3NS0yLjI0NCw0LjAxMy0zLjE0Nyw1LjIwNiBsLTIuODU2LTIuMDU5YzEuODcyLTIuMzA3LDMuMjExLTMuODMyLDQuMDE3LTQuNTc1QzMuODQ5LDguNTE2LDEuODcyLDguMDYyLDAsNy41NjIiLz48L3N2Zz4K);
    background-size: 10px 7px;
    content: "";
    display: inline-block;
    vertical-align: super;
    line-height: 1;
    height: 7px;
    width: 10px;
}