*{
  margin: 0;
  padding:0;
}

  ul, li
   { list-style: none; padding: 0; margin: 0; }

   button{
    margin: 0;
    padding: 0;
    border: none;
    padding-inline:0 ;
    background: none;
   }
   img{
    /*width: 100%;*/
    object-fit: cover;
   }


.col1{width: 21% ;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  
}
.col2{width: 58% ;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;

}

.listmenu2{ width: 100%}
.title-listmenu2{ }
.listmenu2_item{ padding:5px 0; clear:both; }

.listmenu2_item .p-dropdown-content{ left:100% !important; top:0px !important }

.grid-item img{ max-width: 100% }
.welcome{ background: url(../images/bg-ab.png) #27539b no-repeat; 
	background-size: cover;
width: 100%;
    overflow: hidden;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff
  }
.store{}
.store ul li{ list-style:none; }
.pro-extra{}
.company-info{}
.company-info h3{font-size: 18px}
.company-info ul{ display:block; }
.company-info ul li{ display:inline-block; width:48%; }
.company-info .auth-li{ width:100% }
.company-info .auth-li .auth{ float:left; width:50% }
.company-info .auth-li .auth-as{}

  .welcome .heading-text.heading-section h2:before{ background-color: #fff }
  .welcome .heading-text.heading-section h2 { font-weight: 700; font-size: 40px;color: #fff }
  .fullscreen{  background-size: cover !important; background-repeat: no-repeat; background-position: center; }
  .text-align-center {text-align: center;}
  .hinhanh .heading-text.heading-section h2{ font-size: 40px; font-weight: 700 }
  .dichvu .heading-text.heading-section h2{ font-size: 40px; font-weight: 700 } 

.header-page{ background-color: #2f3350 !important }
.header-page #mainMenu nav > ul > li > a{color: #fff !important}

.supp_ab{ margin-left:100px;  line-height:30px }
.tip{ float:left; width:50% }

.shop-ab{}
.ab-description
.shop-ab .ab-description .ab-text{}
.shop-ab .ab-description .ab-text ul{ display:block; } 
.shop-ab .ab-description .ab-text ul li{ list-style:none;display:inline-block; float:left; }
.shop-ab .ab-description .ab-text ul li.col-1{ width:40%}
.shop-ab .ab-description .ab-text ul li.col-2{width:60%}




.body-inner-360{ 
        width: 100%;
    height: 100%;
    overflow: hidden;
    min-height: 100vh;
       }


      #gallery-container {

    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 100vh;
      }

      .title {
        width: 100%;
        height: 80px;
        line-height: 80px;
        text-align: center;
        font-size: 24px;
      }

      #panorama-container {
        position: fixed;
        display: flex;
        width: 100%;
        height: 100%;
        top: 0;
        background: rgba(0,0,0,0.9);
        transform: scale(0,0);
        opacity: 0;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;z-index: 10;
      }

      #panorama-container.open {
        opacity: 1;
        transform: scale(1,1);
      }

      .photo {
        flex-grow: 1;
        width: 23%;
        height: 330px;
        background-size: cover;
        margin: 10px;
        border: 1px solid #ccc;
        cursor: pointer;
      }

      .photo:hover {
        border-color: #000;
      }

      #progress-bar {
        position: fixed;
        top: 0;
        width: 0;
        height: 5px;
        background-color: #fff;
        transition: opacity 0.5s ease;
      }

      .close {
        width: 44px;
        height: 44px;
        position: absolute;
        right: 0;
        margin: 20px;
        cursor: pointer;
      }

      .close > i {
        color: #fff;
        font-size: 30px; z-index: 10;
      }

      #main-container {
        width: 100%;
        height: 80%;
        align-self: center;
        background-color: #000;
      }
       

.menu-left nav > ul > li.left-dropdown{ position: relative;}
.menu-left nav > ul > li .left-dropdown-menu{
    
    z-index: 1000; display: block;
    min-width: 11rem;
    padding: 1rem 0;
    margin: 0;
    font-size: .875rem;
    color: #3c4043;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    border-radius: 0.42rem;
    box-shadow: 0 0.625rem 2.5rem 0.625rem rgba(140,

}
.menu-left nav > ul > li > a {
 font-family: "Montserrat", sans-serif; padding: 13px 20px; 
    letter-spacing: 0.6px; color: #000; border-radius: 0; border-width: 0; 
    border-style: solid; border-color: transparent; -webkit-transition: all .3s ease;
     transition: all .3s ease; line-height: normal; 
}

