@charset "UTF-8";
/* Theme Name: Bất Động Sản Đắc Sinh
 * Version: 1.0
 */
@font-face {
  font-family: 'Iciel Century Gothic Pro';
  src: url('lib/fonts/ICIELCENTURYGOTHICPRO-BOLD.OTF') format('opentype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Iciel Century Gothic Pro';
  src: url('lib/fonts/ICIELCENTURYGOTHICPRO-BOLDITALIC.OTF') format('opentype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Iciel Century Gothic Pro';
  src: url('lib/fonts/ICIELCENTURYGOTHICPRO-ITALIC.OTF') format('opentype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Iciel Century Gothic Pro';
  src: url('lib/fonts/ICIELCENTURYGOTHICPRO-REGULAR.OTF') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --primary:  #f55a27;
  --third: #5f5f5f;
  --secondary: #333333;
  --size-title: 65px;
  --family:  'Iciel Century Gothic Pro';
  --border: #eaeaea;
  --bg: #f4f4f4; }

select, input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.primary-color {
  color: var(--primary); }

.second-color {
  color: var(--secondary); }

.third-color {
  color: var(--third); }

.four-color {
  color: var(--four); }

.five-color {
  color: var(--five); }

.font-title {
  font-family: var(--font-title);
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 65px; }

.row-collapse {
  margin: 0; }

.row-collapse > .col {
  padding: 0; }

/* width 
::-webkit-scrollbar {
  width: 10px; }

/* Track 
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px; }

/* Handle 
::-webkit-scrollbar-thumb {
  background: var(--primary);
  border-radius: 10px; }

/* Handle on hover 
::-webkit-scrollbar-thumb:hover {
  background: var(--primary); }*/

body {
  font-family: var(--family);
  font-weight: normal;
  font-size: 16px;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  line-height: 1.42857143; }

h1 {
  font-size: 2.25em; }

h2 {
  font-size: 1.953em; }

h3 {
  font-size: 1.563em; }

h4 {
  font-size: 1.25em; }

input, button, textarea, select {
  outline: none; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.icon {
  margin-right: 10px; }

.icon-right {
  margin-left: 10px; }
 .form-control-wrap{
      margin-bottom: 25px;
    }
    .form-control{
      width: 100%;
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 11px 20px;
    transition: 0.5s;
    }
    .form-control::placeholder{
      color: #bfbfbf;
		transition: 0.5s;
    }
    .form-control:focus{
      border-color: var(--secondary);
      color: var(--secondary);
    }
.home #header-cover-page{display: none;}

.overlay{
      position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.4;
}
@media (min-width: 1200px) {
  .container-big {
    max-width: 1480px; } }
    main{
      padding:  50px 0;
    }
    .home main{padding: 0}
    header{padding: 20px 0; position: relative; z-index: 20;}
    .logo a {
    position: relative;
    display: inline-block;
  }
  .logo a:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    user-select: none;
    overflow: hidden;
    background: linear-gradient( 90deg , rgb(255, 255, 255, 0%), #ffffffb3, rgb(255, 255, 255, 0%));
    background-size: 30%;
    background-repeat: no-repeat;
    animation: animate 10s linear infinite;
  }
    .oj-fit>img{width: 100%; height: 100%; object-fit: cover; transition: 0.5s}
    .nav-pc{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
.vbox-content{height: 100vh; margin: 0!important}
.vbox-container img{height: 100%; object-fit: contain; background:  unset!important}
    .nav-pc .sub-menu{
      position: absolute;
      opacity: 0;
      visibility: hidden;
      transition: 0.5s;
      transform: translateY(20px);
      width: max-content;
      padding: 10px 30px 10px 40px;
      background: #fff;
      font-weight: bold;
      list-style-type: disc;
      top: 55px;
    border-radius: 5px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
    }
    .sub-menu>.menu-item:hover{
      color: var(--primary);
      transform: translateX(10px);
    }
    .nav-pc .menu-item{
      position: relative;
      transition: 0.5s;
    }

    .main-menu{
      display: flex;
    }
    .main-menu>.menu-item{
      padding: 20px;
    }
    .main-menu .menu-item:hover > .sub-menu{
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
    .main-menu .nav_label{
      font-size: 16px;
      font-weight: bold;
		margin-bottom: 0;
    transition: 0.5s;
    }
    .menu-item-has-children::before{
      content: '\ea67';
    font-family: 'IcoFont';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

    }
.menu-item:hover>a{
	color: var(--primary);
}
    .current-menu-item{
      color: var(--primary);
    }
.top-menu .current-menu-item .nav_label{
	font-weight: bold; color: #fff
}
    
    .submenu{
      display: none !important;
    }
    
    .submenu ul{ 
      display: block !important;
      list-style-type: disc;
    
    }
    
    .menu:hover  .submenu{
      display: block !important;
      position: absolute;
      padding-left: 20px;
      background-image: linear-gradient(to bottom, #e4cc78 , #c6973d, #e4cc78 ,#c6973d);
      color: #523409;
      width: 220px;
      padding: 10px 50px 10px 50px;
      margin-top: 10px;
      font-size: 18px;
    }
    
    .menu-pc ul{
      display: flex;
    
    }
    
    .menu-pc ul li{
      margin-right: 20px;
      font-weight: lighter;
    }
    
    .menu-pc ul li:hover{
      color: #c2913a;
    }
.top-menu-mobile, .wrap-nav-mobile, .bottom-menu-mobile{display: none}
.wrap-nav-mobile.mb-search{
    height: 100%;
    background: var(--secondary);
    padding: 30px;
}
    
    .contact{
      border: 1px solid #e1e1e1;
      cursor: pointer;
      transition: 0.5s;
    }
    .contact:hover{
      color: var(--primary);
      border-color: var(--primary);
    }
    .contact:hover .icon{
      animation:  phone-ring 1s infinite ease-in-out;
    }
    
    #header-cover{
        color: white;
        font-weight: normal;
		position: relative;
    padding:  175px 0 75px;
    }
    #header-cover::before{
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background: #5f1800;
      opacity: 0.3;
      top: 0;
      left: 0;
      z-index: 1;
    }

    .header-cover-wrap{
      position: relative;
      z-index: 2;

    }
    .home #header-cover{text-align: center;}
    .img-items{
      height: 100%;
    }
    .page-title{
      text-align: center;
      font-size: 45px;
      margin-bottom: 15px;
      font-weight: bold;
    }
    .page-sub-title{
      font-size: 20px;
      margin-bottom: 80px;
    }
    .page-sub-title br, .footer-bottom br{display: none;}
    .btn{
      padding: 8px 20px;
      border-radius: 5px;
    transition: 0.5s;
    }
    .btn-primary{background: var(--primary); color: #fff; border: none;}
  .btn-search{
      padding: 10px 20px 10px 20px;
      outline: none;
    }
    .btn-search:hover .icon{
      animation:  phone-ring 1s infinite ease-in-out;
    }
    
    .wrap-product-content iframe{
      width: 100%;
    }
    .wrap-product-content table tr{
      background: #e9e9e9;
    }
    .wrap-product-content table tr:nth-child(2n){
      background: #f7f7f7;
    }
    .wrap-product-content table tr td{padding: 7px 0px 7px 25px;}
.wrap-product-content ul{
	list-style-type: disc; padding-left: 20px;margin-bottom: 15px;
}

    .page-number{
      display: flex;
      justify-content: center;
      color: #5c3e0c;
      font-size: 20px;
    }
    
    .page-number span{
      margin-right: 30px;
    }
    
    .page-number span:hover{
      border-bottom: 1px solid #5c3e0c;
    }
    
    .image-slider {
      padding-bottom: 50px;
    }
    
    .hidden{
      display: none;
    }
    #list-loai .list-child-option{display: none; cursor: pointer}
    #list-loai .list-child-option.active{display: block;}
    
    .slick-initialized .slick-slide {
      margin: 0 10px;
    }
    .slick-arrow {
      width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 18px 0px #0000003d;
    top: 49%;
    transform: translateY(-50%);
    z-index: 99;
    transition: 0.5s;
    }
    .img-click{
      cursor: pointer;
      margin-right: 100px;
    }
    
    .image {
      margin-bottom: 20px;
    }
    .image img {
      width: 100%;
      object-fit: cover;
      border-radius: 10px 10px 0 0;
    }
    
    .slick-arrow:hover {
      background-color:  #d7b562;
      color: white;
    }
    .slick-prev {
      left: 15px;
    }
    .slick-next {
      right: 15px;
    }
    .slick-dots {
      position: absolute;
      bottom: -15px;
      left: 50%;
      transform: translate(-50%, 0);
      display: flex !important;
      align-items: center;
      justify-content: center;
      gap: 0 10px;
    }
    .slick-dots li{width: 5px; height: 5px;}

    .slick-dots li button {
      font-size: 0;
      width: 5px;
      height: 5px;
      border-radius: 100rem;
      background-color: white;
      border: none;
      outline: none;
      transition: all 0.2s linear;
    }
    .slick-dots .slick-active button {
      background-color: #ee5731;
    }
    .slick-prev:before, .slick-next:before{
      font-family: 'IcoFont';
    color: #000;
    }
    .slick-next:before {
    content: '\ea94';
}
.slick-prev:before{
      content: '\ea93';
}
    .span-title{
      background-image: linear-gradient(to right, #c2913a, #e9d787, #c2913a, #e9d787);
      color: #5c3e0c;
      font-size: 23px;
      padding: 5px 30px 10px 30px;
      border-radius: 45px;
      outline: none;
      border: none;
      font-weight: 500;
    }
    .home .filter-form{
      padding: 10px;
    background: rgb(255, 255, 255, 20%);
    border-radius: 5px;
    }
    .wrap-filter{
      background: white;
    padding: 15px 10px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    }
    .product-type{
        margin-bottom: 15px;
        text-align: left;
    }
    .product-type-item{
      display: inline-block;
    padding: 11px 20px;
    background: #fff;
    color: #333;
    font-weight: bold;
    border-radius: 5px;
    margin-right: 10px;
    transition: 0.5s;
    cursor: pointer;
    }
    .product-type-item:hover{
      color: #fff;
      background: #b0b0b0;
    }
    .product-type-item.active{
      background: var(--primary);
      color: #fff;
    }
body:not(.home) #header-cover-page .search-main{
	display: flex;
    justify-content: space-between;
}
    .wrap-filter .single-form-data{   
      padding-left: 13px;
		display: inline-block;
    padding-right: 20px;
    min-width: 100%;
    max-width: 100%;
	
    }
.choose-data{cursor: pointer}
.wrap-filter .single-form-data .label{white-space: nowrap; display: block; overflow: hidden}
.form-min-max{
	position: absolute;
    opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
    display: flex;
    left: 0;
    width: 250px;
    justify-content: space-between;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);
	transition: 0.2s;
	flex-wrap: wrap;
	color: var(--primary);
	padding-top: 5px;
	z-index: 20;
}
.form-min-max .close-popup{
	position: absolute;
    right: -5px;
    top: -5px;
    display: inline-flex;
    width: 20px;
    height: 20px;
    background: var(--primary);
    color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    cursor: pointer;
}
.form-min-max-item{
	padding: 3px 7px;
    max-width: 45%;
    border-radius: 5px;
    font-size: 15px;
}
.form-min-max .list-option{
	margin-top: 10px;
    width: 100%;
    text-align: left;
    list-style-type: circle;
    padding-left: 20px;
    line-height: 30px;
}
.form-min-max .list-option .option-item{
	cursor: pointer;
	transition: 0.5s
}
.form-min-max .list-option .option-item:hover{
	padding-left: 10px;
}
.option-item-local{
	position: relative;
	cursor: pointer;
}
.show-local-child{
	position: absolute;
    width: 30px;
    height: 30px;
    top: 0px;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	transition: 0.3s;
}
.show-local-child.active{
	transform: rotate(90deg);
}
.list-local-child{
	display: none;
	width: 100%;
    max-height: 135px;
    overflow-y: auto;
    padding: 10px;
    background: #f1f1f1;
}
.list-local-child.active{
	display: block
}

.form-divider{
	display: flex;
	align-items: center;
}
.form-min-max .donvi {
	width: 100%;
	margin-bottom: 5px;
}
    .wrap-filter-item{
      position: relative;
		display: inline-block;
    width:  14%;
    }
.wrap-filter-item.active .form-min-max{
	opacity: 1;
	visibility: visible;
	transform: translateX(0)
}
#form-price .list-option{display: none}
#form-price .list-option.active{display: block}
    .wrap-filter .wrap-filter-item::before{
      position: absolute;
    content: '\ea67';
    top: 10px;
    right: 10px;
    color: #bbbbbb;
    font-family: 'IcoFont';
    z-index: 1;
    }

body:not(.home) #header-cover-page .search-main{
	display: flex;
	justify-content: space-between
}
body:not(.home) #header-cover-page .product-type{
	display: flex;
    margin-bottom: 0;
    width: 25%;
    align-items: center;
}
body:not(.home) #header-cover-page .filter-form{flex-grow: 1;}
body:not(.home) #header-cover-page .wrap-filter .single-form-data{border-radius: 5px}
body:not(.home) #header-cover-page .product-type-item{
border: 1px solid var(--border); border-radius: 5px; padding: 9px 20px}
body:not(.home) .wrap-filter{flex-wrap: wrap}
@media(max-width: 1479px){
	body:not(.home) #header-cover-page .product-type{
		width: auto;
	}
}
    
    .wrap-box-item{
      padding-bottom: 30px;
      padding-top: 50px;
      position: relative;
    }
    .wrap-box-item .home-title-wrap{
      display: flex;
      justify-content: space-between;
      margin-bottom: 40px;
      align-items: center;
    }
    .home-title-wrap-blog{
      margin-bottom: 50px;
      text-align: center;
    }

.wrap-local-home{
      position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 30px;
}
.wrap-local-home:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 30%, rgb(0 0 0 / 50%));
}
.wrap-local-home:hover img{transform: scale(1.1);}
.local-info{
  position: absolute;
    width: 100%;
    color: #fff;
    bottom: 0;
    padding-left: 20px;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    z-index: 3;
    transition: 0.5s;
}
.local-info p{
  margin-bottom: 0;
}
.local-info .local-count{font-size: 15px;}
.wrap-local-home:hover .local-info{
  padding-bottom: 30px;
  color: var(--primary);
}

.list-all-local{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	margin-bottom: 5px;
}
.list-child-local{
	margin-right: 10px;
	margin-bottom: 10px;
}
.list-child-local a{
	    display: block;
    padding: 6px 25px 10px;
    background: #fff;
    border-radius: 30px;    
	transition: 0.5s;
	text-align: center;
	border: 1px solid var(--primary);
}
.list-child-local a:hover{
	background: var(--secondary)!important;
	color: #fff;
	border-color: transparent;
}
.archive .list-child-local a{
	background: #e8e8e8;
}
.archive .list-all-local{
	margin-bottom: 20px;
}
.list-child-cate{
	max-width: 70%;
}

    .list-child-cate_item {
      padding: 13px 30px 17px;
      background: #fff;
      border-radius: 30px;
      margin-left: 15px;
      display: inline-block;
      margin-bottom: 20px;
      cursor: pointer;
      transition: 0.5s;
    }

    .cate-title{font-size: 22px; margin-bottom: 22px;}

    #bds-cho-thue .list-child-cate_item{background: #f8f8f3;}
    .wrap-box-item .list-child-cate_item.active{
      background: linear-gradient(to right, #c2913a, #e9d787, #c2913a, #e9d787)!important;

      color: #fff;
    }
    .wrap-blog{margin-bottom: 30px;}
    .list-post-home{
      border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--border);
    }
    .list-post-home .post-thumbnail{display: none;}
    .list-post-home li:first-child .post-thumbnail{
      display: block;
    width: 100%;
    height: 210px;
    }
    .post-thumbnail{position: relative;}
        .post-thumbnail .icon-play{
      position: absolute;
      width: 50px;
      height: 50px;
      background: #fff;
      color: #333333;
      border-radius: 50%;
      top: calc((100% - 50px)/2);
      left: calc((100% - 50px)/2);
      z-index: 2;
      display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 5px;
    cursor: pointer;
    transition: 0.5s;
    }
    .video-list .post-thumbnail .icon-play{
      background: rgb(255 255 255 / 50%);
      color: #fff;
    }
    .post-thumbnail .icon-play:hover{
      background: #fff;
      color: var(--primary);
    }

    .video-list .post_title{margin:  15px 0; font-weight: bold;}
    .video-list .post-thumbnail{height: 215px; border-radius: 5px; overflow: hidden;}
    .video-list:hover .wrap-content{color: var(--primary);}
    .video-list:hover .icon-play{
      animation:  bounce 1.5s ease-in-out;
    }
    .list-post-home .post-title{
      display: block;
    margin: 0 25px;
    padding: 15px 0;
    border-bottom: 1px solid var(--border);
    transition: 0.5s;
    }
    .list-post-home li:first-child .post-title{font-weight: bold;}
    .list-post-home li:last-child .post-title{
      border-bottom: none;
    }
    .list-post-home .post-title:hover{color: var(--primary); border-color: var(--primary);}
    a.post-link-cate{
      text-align: center;
    display: block;
    padding: 15px 0 10px;
    font-weight: bold;
    }

    .list-post-home.video-wrap .post-thumbnail{
      position: relative;
      display: block;
    }
    .news .list-post-home .post-title{
      overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 77px;
    }

    .video-wrap{
          background: linear-gradient(to bottom, var(--primary) 40%, #facc23);
    color: #fff;
    }
    .list-videos{
      max-height: 258px;
    overflow-y: auto;
    margin-left: 25px;
    margin-right: 7px;
    padding-right: 10px;
    margin-bottom: 20px;
    }
    .list-videos::-webkit-scrollbar{
      width:  8px;
      right: 20px;
    }
    .list-videos::-webkit-scrollbar-track{
     
      background: #fff;
      box-shadow: none;
    }

    .list-videos .video-item:first-child{display: none;}
    .video-hl .post-thumbnail{
      height: 210px;
    }
    .video-hl .post-thumbnail:before{
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: linear-gradient(to bottom, rgb(0 0 0 / 0) 30%, rgb(0 0 0 / 50%) 100%);
      z-index: 1;
    }
    .video-item{
      display: flex;
    padding: 15px 0;
    border-bottom: 1px solid var(--border);
    align-items: center;
    }
    .video-item .post-thumbnail{
     width: 95px;
    min-width: 95px;
    margin-right: 20px;
    height: 60px;
    border-radius: 10px;
    overflow: hidden;
    }
    .video-item .icon-play{
          width: 30px;
    height: 30px;
    font-size: 9px;
    padding-left: 0;
		top: calc((100% - 30px)/2);
    left: calc((100% - 30px)/2);
    }
    .video-item .post-title{
      padding: 0;
      border-bottom: 0;
      margin:  0;
    }
    .video-wrap .post-title:hover{
      color: #fff;
      border-color: #fff;
    }
    #cat-xu-huong{order:  1;}
    #blogs{padding-top: 0;}
    .wrap-tab-container{padding-top: 50px;}
    .btn-view-all{
     padding: 0 38px;
    transition: 0.5s;
    display: flex;
    align-items: center;
    background: #fff;
    height: 40px;
    overflow: hidden;
    position: relative;
    }
    .btn-view-all:before{
      content:  '';
      position: absolute;
      width: 30px;
      height: 30px;
      background: #fff;
      border-radius: 50%;
      top: -30px;
      right: -30px;
      transition: 1s;
    }

.btn-view-all:hover{
	background: var(--primary);
	color: #fff;
}
.btn-view-all:hover:before{
  top: -15px;
  right: -15px;
}
    
    .line{
     	display: block;
		width: 50px;
		height: 2px;
		background: linear-gradient(to right, #dc9d31 50%, var(--primary) 50%);
		margin-right: 10px;
		background-size: 200% 100%;
		transition: 0.5s;
    }
.title-section-wrap:hover .line{
	background-position: 100%;
}
    
    .title-section{
      font-size: 40px;
      color: #c79748;
    }
    .title-section-wrap{
    position: relative;
    margin-bottom: 20px;
    text-transform: uppercase;
  }
    .title-section-page{
	  font-weight: bold;
      font-size: 22px;
      color: #333333;
      margin-bottom: 0;
    }
.sub-title-section-page{
	padding-left: 50px;
    color: red;
    font-size: 20px;
}
    


    
    .content-intro{
      background-size: cover;
      background-repeat: no-repeat;
      display: flex;
      margin-top: 50px;
      flex-wrap: wrap;
    }
    
    .right-content-count{
      display: flex;
      justify-content: space-evenly;
      padding-top: 70px;
      padding-bottom: 70px;       
    }
    
    .left-content-count{
      background: #fef5e6;
      padding-top: 70px;
      padding-bottom: 70px;
    
    }
    
    .left-content-count p{
      margin-left: 30px;
      margin-right: 30px;
    }
    
    .right-content-count .infor{
      text-align: center;
      background: white;
      height: 110px;
      padding: 30px 40px 30px 40px;
      border-radius: 15px;
      line-height: 1em;
    }
    
    .size-number{
      font-size: 50px;
    }
    
    .post-related-title{    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 15px;}
    .list-post-related{
      list-style-type: disc;
      padding-left: 20px;
    }
    .post-related-item{margin-bottom: 10px;}
    .post-related-item::marker{color:  var(--primary)}


    .content-box {
        padding: 20px 15px;
		transition: 0.5s;
    }
.status{
  font-size: 14px;
    display: inline-block;
    padding: 3px 10px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 15px;
    border-radius: 3px;
}
.status.pending{
  background: #f8e6e6;
}
.status.selling{
  background: #ddecdc;
}
.content-box .title-item{
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 47px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: var(--primary);
    font-weight: bold;
    margin-bottom: 10px;
}
	.card:hover .content-box .view-icon{
		color: var(--primary);
		transform:  scale(1.1);
    transition: 0.5s;
	}
    .content-box p:last-child{
      margin-bottom: 0;
    }
    
    .content-box .post-view{
      display: flex;
    justify-content: space-between;
    align-items: center;
    color: #989898;
    }
    .price{
      font-weight: bold;
    }
.link-bds{
	display: flex;
	justify-content: space-between
}
.link-bds-item{
	    display: inline-block;
    border: 1px solid;
    color: var(--primary);
    border-radius: 20px;
    padding: 3px 15px;
}

    .card {
        border-radius: 7px;
        overflow: hidden;
        border: 1px solid #ececec;
        margin-bottom: 30px;
        background: #fff;
        transition: 0.2s;
    }
    .card:hover{
      transform: translateY(-5px);
      box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
    }
    .card .content-thumb{
      display: block;
      width: 100%;
      height: 190px;
		overflow: hidden;
    }
    .card.card-row .content-thumb{
      height: 190px;
    }
    .list-duan .card.card-row .content-thumb{height: 220px;}
    .card-row .price .dientich{
      flex-grow: 1;max-width: 60%;
    }
    .card-row .desc{
      overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    }
    .cards.card-post .card{border: none}
    .cards.card-post .card .content-thumb{
      border-radius: 5px;
      height: 205px;
    }
    .card-post .content-box{
      padding: 0 25px 0 15px;
    }
    .card-post .content-box .title-item{height: auto;}
    .card-post .card:hover{ box-shadow: none; }
    .card-post .card:hover .link-item{color: var(--primary);}
    .link-item{position: relative;padding-left: 25px;}
    .link-item:before{
          content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    background: #333;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    }
    .desc-item{
      overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    }

    #bds-cho-thue .content-box .title-item{
      -webkit-line-clamp: 1;
      height: auto;
      margin-bottom: 15px;
    }
    .card-wrap .content-box .price{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .price .option{margin-top: -2px;}
    .price .option b{
      margin-right: 15px;
      display: inline-flex;
      align-items: center;
    }
    .price .option b img{margin-bottom: 5px; margin-left: 7px;}
.card:hover .content-thumb img{
	transform: scale(1.05);
}
.wrap-list-cat-product .title-item{
  font-size: 18px;
  height: auto;
  margin-bottom: 15px;
}
.wrap-list-cat-product .content-thumb{
  height: 230px;
  border-radius: 7px;
}

    #bds-ban{
		background: #f4f4f4;
      
    }
    #bds-cho-thue .btn-view-all{border: 1px solid var(--border);}
    
    #duan-noibat::before{
      content: '';
      position: absolute;
      width: 100%;
      height: 312px;
      background: var(--bg);
      z-index: -1;
      top: 0;
    }
    .tag{
      display: flex;
      flex-wrap: wrap;
      justify-content: right;
    }
    
    .tag button{
      border: none;
      background: white;
      height: 50px;
      margin-right: 15px;
      padding: 5px 15px 5px 15px;
      border-radius: 45px;
    }

    .list-tag-wrap{border-bottom: 1px solid var(--border); padding-bottom: 5px;}
    .list-tag-wrap .tag-item a{
      padding: 5px 15px;
    color: #929292;
    border: 1px solid var(--border);
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 15px;
    display: inline-block;
    transition: 0.3s;
    }
    .list-tag-wrap .tag-item a:hover{
      background: var(--primary);
      color: #fff;
      border-color: rgb(0 0 0 / 0%);
    }
    
    .title-header, .bottom-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 20px 0;
        flex-wrap: wrap;
        padding: 20px 0;
        border-top: 1px solid #BBBBBB;
        border-bottom: 1px solid #BBBBBB;
    }
    
    .social-media a {
        background: #e7e7e7;
        border-radius: 50%;
        display: inline-flex;
        width: 40px;
        height: 40px;
        align-items: center;
        justify-content: center;
        margin-left: 5px;
		transition: 0.5s;
    }
    .social-media-item.zalo{font-size: 13px;}
span.meta-icon{
	color: var(--primary);
    min-width: 32px;
    display: inline-block;
    text-align: center;
}    
span.meta-value{
	font-weight: bold
}
.meta-data{line-height: 30px}


aside{
  position: sticky;
  top: 10px;
}
.sidebar-item{
  border: 1px solid var(--border);
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 30px;
}
.sidebar-item img{width: 100%; height:  auto}
.sidebar-title{
  margin: 0 30px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0;
    background: var(--primary);
    border-radius: 5px;
    color: #fff;
    margin-bottom: 20px;
    display: block;
}
.sidebar-list-item{
  padding:  0 30px;
  list-style-type: disc;
  padding-bottom: 10px;
}
.sidebar-list-item li{
  margin-left: 20px;
  margin-bottom: 10px;
  transition: 0.3s;
	cursor: pointer
}

.sidebar-list-item li:hover{
  color: var(--primary);
  transform: translateX(10px);
}
.list-option .option-item.active{
	font-weight: bold;
	color: var(--primary)
}
.wrap-sidebar-contact{
      padding: 30px;
    text-align: center;
}
.sidebar-logo{
  display: block;
    max-width: 232px;
    width: 80%;
    margin: auto;
    margin-bottom: 20px;
}
.bottom-contact{
  font-weight: bold;
    display: flex;
    justify-content: space-between;
    max-width: 285px;
    margin: 0 auto;
    align-items: center;
    color: var(--primary);
}
.bottom-contact .divider{width: 2px; height:  23px; background:  var(--border)}

    
    @media screen and (max-width: 1023px) {
      .cards {
        --columns: 2;
      }
    }
    @media screen and (max-width: 767px) {
      .cards {
        --spacing: 15px;
        --columns: 1;
      }
    
      .wrap-filter{
        border-radius: 30px;
      }
    
      .size-number{
        font-size: 40px !important;
      }
    
      .right-content-count .infor{
        padding: 20px 15px 20px 15px;
        height: 105px;
      }
    }
    
    @media (max-width: 460px){
      .right-content-count {
        flex-wrap: wrap;
        justify-content: center;
    
      }
    
      .right-content-count .infor{
        margin: 20px;
      }
    }
    
    footer{
      background: #f6f8f9;
		position: relative;
    }
footer .container{
	position: relative;
	z-index: 2;
}
footer .widgettitle{
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #000;
  text-align: left;
  text-transform: unset;
}
    .footer-main{
      display: flex;
      justify-content: space-between;
    padding: 50px 0 30px;
    border-bottom: 1px solid var(--border);
    }
    .footer-main .footer-left{max-width: 350px;}
    .footer-left .footer-content p{
      position: relative;
      padding-left: 50px;
    }
    .icon-footer{
      position: absolute;
      top: 0;
      left: 0;
      font-size: 18px;
    }
.footer-main .footer-item{
	margin-bottom: 15px;
}
.footer-main .social-media a{background: var(--secondary)}
.footer-main .social-media a:hover{background: var(--third)}
.footer-center{
  display: flex;
}
.footer-center .widget_nav_menu .menu{line-height: 40px;}
.footer-center .widget_nav_menu:first-child{
  margin-right: 70px;
}
#form-footer{
  display: flex;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 20px;
}

#footer-email{
  border: none;
  padding: 9px 20px;
}
#submit-footer{
  border: none;
  background: var(--primary);
  color: #fff;
  border-radius: 4px;
  padding: 0 20px;
}
.analytic p{
  margin-bottom: 7px;
}
#menu-menu-copyright{display: flex; justify-content: flex-end; list-style-type:none ; margin-bottom: 0;}
#menu-menu-copyright .menu-item{margin-left: 35px;}


    .footer-title{
      font-size: 24px;
      margin-bottom: 50px;
      padding-bottom: 20px;
      position: relative;
    }
    .footer-title::before{
      content: '';
      position: absolute;
      height: 3px;
      width: 55px;
      background: var(--secondary);
      bottom: 0;
      left: 0;
      border-radius: 3px;
    }
    
    .footer-bottom{
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 30px 0;
    }

    .single-form-data{
      padding: 9px;
    color: #000000;
    position: relative;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    min-width: 180px;
    max-width: 180px;
    text-align: left;
    }
.single-form-data b{font-weight: normal}
   
#mess{
	min-height: 137px
}
    .form-input{
      margin-bottom: 30px;
      padding-left: 20px;
      border-radius: 10px;
      border-color: #CCCCCC;
      padding-top: 5px;
      padding-bottom: 5px;
      color: #CCCCCC;
    }
    
    @media (max-width: 786px){
      .form-input{
        size: none;
        width: 100% !important;
      }
    
      
    }
    
    @media(max-width: 1289px){
      iframe{
        width: 100%;
      }
    }

    li.widget{
      list-style-type: none;
    }
    .footer-content .menu{
      display: flex;
      justify-content: space-between;
    }

    @media (max-width: 1199px){
    
      .tag{
        justify-content: left;
        margin-left: 130px;
      }
    
      .tag button{
        margin-bottom: 10px;
      }
      .btn-search{
       width: 32%
      }
    
      .infor-contact{
        
        padding-left: 15%;
        padding-top: 8%
      }
      
    }
     .wrap-submit{text-align: center;}
    .content-contact{
      display: flex;
      flex-wrap: wrap; 
      max-width: 60%;
      margin-top: 10px;
    }
    .wrap-form-home{
      max-width: 720px;
      margin: 0 auto;
    }
    @media (min-width: 355px){
      .img-items{
        height: 100% !important;
      }
    }
    
    .btn-submit{
      border-radius: 5px;
        background: var(--primary);
        color: white;
        border: 1px solid white;
        height: 55px;
        width: 170px;
    }
    


    
    @media (max-width: 1199px){
      .title-section-page{
        font-size: 30px;
      }

    
      .btn-view-all{
        position: relative;

      }
		.main-menu>.menu-item{padding: 20px 5px;}
		.contact{padding: 10px 15px}
    }
.menu-icon{display: none}

    #header-cover-page{
      background-blend-mode: multiply;
      position: relative;
      border-top: 1px solid var(--border);
      box-shadow: 0px 13px 20px rgb(0 0 0 / 5%);
    }
    .title-page{
      color: white;
      text-align: center;
      padding-top: 125px;
      padding-bottom: 70px;
      position: relative;
      z-index: 2;
    }
    .title-page .header-cover_wrap_title{
      font-weight: normal;
      font-size: 45px;
    }
    .wrap-list-cat-product{padding-top: 30px; border-top:  1px solid var(--border)}
     .breadcrumb{ font-size: 16px; margin-bottom: 15px;}
     .breadcrumb .divider{margin:  0 5px}
     .breadcrumb_last{color: var(--primary);}
    @media (max-width: 1290px){
 
      .main-menu{
        border-bottom: none;
      }
    
      #menu-mobile{
        position: fixed;
        z-index: 1000;
        left: -100%;
        transition: 0.5s;
        height: 100%;
        color: white;
        background: #c2913a;
        width: 100%;
        overflow-y:auto;
        top: 0;
      }
    
      #menu-mobile ul{
        margin-top: 55px;
      }
    
      #menu-mobile ul li{
        font-size: 30px;
        padding: 16.5px;
        text-align: center;
        border: 1px dashed white;
      }
    
    
    
      .menu-icon, .search-icon{
        margin-top: 5px;
        font-size: 25px;
        margin-bottom: 5px;
      }
        
    }

    .wrap-before-title{display: flex;
    align-items: center;
    justify-content: space-between; flex-wrap: wrap;}
    .wrap-title-header h1{
      margin-bottom: 20px;
      font-size: 28px;
    }

/* style mobile     */
@media(max-width: 1300px){
  .main-menu>.menu-item{padding:  20px 10px}
}
@media(max-width: 1199px){
  header{padding-bottom: 0;}
	#header-cover .hd-img{
		min-height: 500px;
	}
	.page-title{font-size: 40px;}
	.footer-title{margin-bottom: 30px;}
	.footer-content b{display: none}
	.footer-content span{display: block;}
	.wrap-filter{border-radius: 20px;display: inline-flex;
    flex-wrap: wrap;padding-bottom: 5px;
    justify-content: space-around;background: #ffffff61;}
	.wrap-filter-item{width: 32%; margin-right: 0; box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    text-align: left;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 20px;}
	.wrap-filter .wrap-filter-item::before{top: 8px; right: 10px}
	.wrap-filter .single-form-data{padding: 7px 20px;
    padding-right: 20px;
    width: 100%;}
	.btn-search{    width: 32%;
    border-radius: 30px;
    padding: 7px 10px; margin-bottom: 10px;}
	.list-child-cate{
		max-width: 55%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
	}
	.wrap-filter .single-form-data{display: block; border: none; border-radius: 30px;}
	.form-min-max{top: 115%; width: 100%;}
	.list-all-local{justify-content: space-between;}
	.list-child-local{
		margin-right: 0;
		width: 23%;
	}
  .main-menu{
    width: 100%;
    order: 1;
    justify-content: space-between;
  }
  .nav-pc{flex-wrap: wrap;}
  .footer-main{flex-wrap: wrap}
  .footer-center{
    order: 1;
    width: 100%;
    justify-content: space-between;
    margin-top: 15px;
    flex-wrap: wrap;
  }
  .footer-bottom br{display: block;}
  #menu-menu-copyright .menu-item{
    margin-left: 20px;
  }
  #bds-cho-thue .content-box .title-item{
    -webkit-line-clamp: 2;
  }
  .card.card-row .content-thumb{height: 185px;}
  .card-row .content-box{padding:  10px;}
	body:not(.home) #header-cover-page .product-type{
		width: 35%;
    flex-wrap: wrap;
    padding: 10px 0;
	}
	body:not(.home) #header-cover-page .wrap-filter-item{
		box-shadow: none;
    border: 1px solid var(--border);
    width: 23%;
	}
	body:not(.home) #header-cover-page .product-type-item{
		    padding: 6px 20px;
    display: block;
    width: 100%;
    text-align: center;
	}
	body:not(.home) #header-cover-page .btn-search{width: 48%}
	body:not(.home) #header-cover-page .wrap-filter .single-form-data{border-radius: inherit}
}
@media(max-width: 991px){
  header{padding-bottom: 20px;}
	.page-title{
		font-size: 35px;
    
		margin-bottom: 10px;
	}
  .page-sub-title{margin-bottom: 40px;}
	.list-child-cate{max-width: 100%}
	.list-child-cate_item{padding: 6px 12px 10px; margin-left: 3px;margin-right: 3px;}
	#header-cover .hd-img{min-height: 400px;}
	.nav-pc .main-menu{
		display: none;
	}

	
	.footer-title{margin-bottom: 20px; font-size: 20px;}
	.footer-left{margin-bottom: 20px;}
	.footer-content .menu{flex-wrap: wrap}
	.nav-pc .logo{flex-grow: 1;}
	.menu-icon{margin: 0;
    display: flex;
    width: 35px;
    height: 33px;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    background: #fff;
    border-radius: 10px;
    font-size: 18px;
    border: 1px solid;}
	.contact{padding: 5px 15px; margin-right: 10px; color: var(--primary); border-color: var(--primary);}
  .contact .icon {animation: phone-ring 1s infinite ease-in-out;}
	.title-page .header-cover_wrap_title{font-size: 40px;}
	.wrap-product-content{margin-bottom: 30px;}
	.content-contact{max-width: 100%;}
	.wrap-box-item .home-title-wrap{
		 margin-bottom: 20px;
		flex-wrap: wrap;
	}
	#contact-home .home-title-wrap{
		flex-wrap: wrap;
	}
	
  .home #header-cover{padding:  80px 0 50px}
  .wrap-footer-logo{
    order: 1;
    margin-top: 10px;
  }
  #cat-video{order: 1;}
	body:not(.home) #header-cover-page .search-main{
		    flex-wrap: wrap;
    padding-top: 10px;
	}
	body:not(.home) #header-cover-page .product-type, body:not(.home) #header-cover-page .product-type-item{
		width: auto
	}
	body:not(.home) #header-cover-page .wrap-filter{
		    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
	}
}
@media(max-width: 767px){
	.page-title{font-size: 25px;}

	.wrap-box-item .home-title-wrap{margin-bottom: 30px;}
	.title-section-page{font-size: 25px;}
	.line{width: 30px;}

	.contact-head{margin-bottom: 25px!important}
	.nav-pc .logo{flex-grow: unset}

	.title-page .header-cover_wrap_title{font-size: 25px;}
	.wrap-filter-item{width: 48%}
   .btn-search{width: 100%;}
	.title-page{padding: 80px 0 40px}
	.social-media{width: 100%;margin-top: 15px;}
	.bottom-title span:first-child{margin-right: 10px;}
	.sub-title-section-page{padding-left: 30px;}
  .page-sub-title br{display: block;}
  .footer-right{
    order: 2;
    margin-top: 20px;
  }
  .footer-bottom br{
    display: none;
  }
  .copyright{margin-bottom: 10px;}
  #menu-menu-copyright{justify-content: center;}
    .home-title-wrap-blog{margin-bottom: 30px;}
  #list-local, #duan-noibat{padding-bottom: 0;}

  .col-nav{padding: 0 5px}
  .col-nav .gallery_nav{margin-bottom: 10px;}

  .title-section-page{font-size: 18px;}
	body:not(.home) #header-cover-page .wrap-filter-item{width: 33%}
	body:not(.home) #header-cover-page .btn-search{
		width: 100%
	}
}
@media(max-width: 575px){
	.title-page .header-cover_wrap_title{font-size: 20px}
	.title-page{padding: 80px 0 50px}
	.wrap-box-item .home-title-wrap{flex-wrap: wrap}

	.wrap-box-item{padding-top: 30px; margin-top: 0;}
	.list-child-cate{max-width: 100%}
	#contact-home .title-section-wrap{margin-bottom: 36px;}
  .slick-initialized .slick-slide{margin:  0 5px; padding: 0;}
  .cards.card-post .card .content-thumb{margin-bottom: 15px;}
}
@media(max-width: 480px){
	.row-mobile{margin: 0;}
	.row-mobile .col-mobile{padding: 0}
	#header-cover-page{display: none}
	main{padding: 20px 0;}
	.wrap-filter-item, .btn-search{width: 100%}
	.title-section-page{font-size: 18px;}

	.btn-view-all{margin-top: 5px;height: 40px; padding:  0 20px}
	.btn-search{max-height: unset; padding: 8px 10px}
	#header-cover .hd-img{min-height: 500px}
	.page-title{font-size: 20px;
	font-weight: bold;
    }
    .contact{display: none;}
    .card.card-row .content-thumb{
      height: 100%;
    }
    #bds-cho-thue p{margin-bottom: 5px;}
    #bds-cho-thue .content-box .title-item{
      margin-bottom: 5px;
      -webkit-line-clamp: 2;
    }
	.card-wrap .content-box .price span:first-child{margin-bottom: 5px;}
	.top-menu-mobile{
		display: block;
		position: sticky;
		top: 0;
		background: var(--primary);
		color: #fff;
		z-index: 100;
		padding: 5px 0;
		box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
	}
	.top-menu-mobile .menu-item:hover>a{color: #fff;}
	.top-menu-mobile.sticky{color: #fff; background: var(--primary)}
	.wrap-top-menu-mobile{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.nav_wrap.top-menu{
		 display: flex;
		justify-content: space-between;
		flex-grow: 1;
		align-items: center;
	}
	.sticky-menu h2.nav_label{
		font-size: 17px; margin-bottom: 0; font-weight: normal
	}
	.icon-search-mobile{
		margin-left: 4%;
    font-size: 20px;
	}
	header{padding: 10px 0; border-bottom: 1px solid var(--border)}
	.logo a{max-width: 160px}
	.logo a img{width: 100%;}
	
	.bottom-menu-mobile{
		display: block;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 199;
    border-top: 1px solid var(--border);
	}
	.nav_wrap.bottom-menu{
		display: flex;
    justify-content: space-between;
    padding: 5px 0;
    color: var(--third);
	}
	.bottom-menu .nav_label i{margin-right: 5px}
	.cards.card-post .card .content-thumb{
		margin-bottom: 0;
		height: 90px
	}
	.card-post .content-box{padding: 0; }
	.card-post .content-box .desc-item{display: none}
	.cards.card-post .card{
		margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border);
    border-radius: 0;
	}
	
	.cards.card-post .card:first-child >a>span{width: 100%;
    max-width: 100%;
    flex: 100%;}
	.cards.card-post .card:first-child >a>span .content-thumb{height: 250px;}
	.cards.card-post .card:first-child >a>span .title-item{
		    font-size: 20px;
    margin-top: 15px;
    -webkit-line-clamp: unset;
	}
	.card-row .content-box{font-size: 14px;}
	.header-cover-wrap .search-main{display: none}
	.card-wrap .content-box p{margin-bottom: 5px;}
	.card-wrap .content-box p:last-child{margin-bottom: 0;}
	.wrap-title-header .title-single{font-size: 18px; margin-bottom: 10px;}
	span.meta-icon{min-width: auto}
	h1{font-size: 27px}
	h2{font-size: 24px}
	h3{font-size: 20px}
	.meta-data{font-size: 15px;}
	.wrap-nav-mobile .product-type-item{
		padding: 7px 10px
	}
	.wrap-filter .single-form-data{overflow: hidden}
}
    
    @media (max-width: 444px){
      .cate span{
        margin-bottom: 10px;
        margin-left: 5%;
      }   
      .single-form-data{
        width: 100% !important;
      }
    
      .wrap-filter{
        padding: 15px;
      }
    }
    
    @media (max-width: 414px){
      #footer-main{
        padding-left: 5%;
      }
      .footer-bottom br{display: block;}
      .copyright{
        text-align: center;
      }
    
      .footer-bar ul li{
        margin-right: 30px;
      }
    
      .btn-search {
          margin-left: 0% !important;
          width: 100% !important;
      }
    
      .single-form-data{
        width: 100% !important;
      }
    
      .wrap-filter{
        padding: 5px;
      }
    }
    
    @media (max-width: 767px){
    
      .footer-bar ul{
        display: flex !important;
      }
    
      .wrap-widget-bottom{
        display: flex !important;
        flex-direction: column-reverse;
      }
    
      .copyright{
        text-align: center;
      }
    
      .footer-bar, .logo{
        display: flex;
        justify-content: space-around;
      }
    
      .single-form-data{
        width: 28% ;
      }
    
      .wrap-filter{
        padding: 15px;
		  font-size: 18px;
		  display: block
      }
    }
    
.pagination{
	display: flex;
	align-items: center;
	justify-content: center;
  margin-bottom: 20px;
}
.page-numbers{
	    width: 40px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
	transition: 0.5s;
  border:  1px solid var(--border);
  border-radius: 5px;
}
.page-numbers.current, .page-numbers:hover{
	background: var(--primary);
    color: #fff;
    
}
.wrap-gallery-single{position: relative; overflow: hidden}

@keyframes borderScale{
	form{
		transform: scale(0);
		opacity: 1;
	}
	to{
		transform:scale(2);
		opacity:0;
	}
}

.nav-mobile{
      position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: -100%;
		z-index: 200;
		transition: 0.5s;
		background: #fff;
		color: #333333;
	transition: 0.5s;
	padding-top: 10px;
    }
.nav-mobile.active{
	left: 0;
	
}
.nav-mobile .main-menu{
	flex-flow: column;
    padding-left: 40px;
    margin-top: 20px;
    list-style-type: disc;
}
.nav-mobile .logo{
	padding-bottom: 10px; border-bottom: 1px solid var(--border);
}
.nav-mobile .menu-item{padding: 5px 0;}
.nav-mobile .sub-menu{padding-left: 20px;list-style-type: disc;}
.menu-close{
	    position: absolute;
    width: 30px;
    height: 30px;
    background: var(--primary);
    align-items: center;
    justify-content: center;
	color: #fff;
    display: flex;
    border-radius: 50%;
    top: 17px;
    right: 10px;
}

/* animation */
@keyframes phone-ring {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
@keyframes animate{
  0%{
    background-position: -500%;
  }
  100%{
    background-position: 500%;
  }
}
@keyframes btn-search{
  0%{
    transform:  scale(1.2);
  }
  100%{
    transform:  scale(1);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-20px);}
  60% {transform: translateY(-10px);}
}
.lds-roller {
  display: block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-top: 15px;
	transform: scale(0.7)
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #333;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}