.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown:out-of-range .dropdown-menu {
    display: hidden;
}
.dropdown-item:hover {
    background-color: transparent !important;
    color: #910000;
}
.page-a {
    color: #666;
}
.page-a:hover, .page-a.focus, .page-a.active {
    color: #910000;
    text-decoration: none;
}
.page-a.disabled {
    color: #aaa;
}

.hover-shadow>div{
    overflow: hidden;
    scale: 1.0;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease-in-out;
}
.hover-shadow>div:hover{
    scale: 1.02;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease-in-out;
}

.hover-shadow-logo>div{
    overflow: hidden;
    scale: 1.0;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease-in-out;
}
.hover-shadow-logo>div:hover, .hover-shadow-logo.active>div{
    scale: 1.02;
    box-shadow: 0 0 10px #910000;
    transition: all 0.2s ease-in-out;
}
.hover-shadow-logo .vr-modal-mask {
    background-color: rgba(0, 0, 0, 0.7);
}
.hover-shadow-logo.active .vr-modal-mask {
    background-color: rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease-in-out;
}

.news-list a {
    color: #333;
}
.swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.5rem;
    background-color: #910000;
}

/*
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
  */
.bricklayer-column-sizer {
    width: 100%;
}

@media screen and (min-width: 992px) {
  .bricklayer-column-sizer {
    width: 50%;
  }
}

@media screen and (min-width: 1200px) {
  .bricklayer-column-sizer {
    width: 50%;
  }
}