.container-diamond .diamond-pages{
  position:relative;
  display:block;
  width:100%
}

.diamond-pages .diamond-photo-iframe-outter video { 
  width: 100%; height: auto; 
}
.container-diamond .diamond-pages .diamond-page{
  position:relative;
  display:block;
  overflow:hidden
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing h1{
  display:block;
  width:100%;
  font-weight:400;
  font-size:36px;
  line-height:54px;
  color:#333;
  padding:30px 0;
  margin:0 0 50px;
  text-align:center;
  border-bottom:1px #F1F1F1 solid
}
@media (min-width:992px) and (max-width:1199px){
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing h1{
    margin:0 0 15px
  }
}
@media (max-width:991px){
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .row-title{
    background-color:#F8F8F8;
    margin-bottom:15px
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .row-title h1{
    font-size:24px;
    line-height:36px;
    margin-bottom:0
  }
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header{
  position:relative
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .btn-knowledge{
  display:inline-block;
  font-weight:400;
  font-size:14px;
  color:#D6B266;
  background-color:transparent;
  -webkit-border-radius:0;
  border-radius:0;
  border:none;
  text-align:left;
  outline:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  padding:5px 0 5px 25px;
  background-repeat:no-repeat;
  background-size:auto 16px;
  background-position:left center;
  background-image:url(../images/diamond/btn_knowledge.png)
}
@media (min-width:992px){
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .btn-knowledge{
    margin-bottom:10px
  }
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item{
  position:relative;
  display:block;
  margin-bottom:0px
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item .search-panel-item-inner{
  position:relative;
  display:block;
  float:left;
  width:100%;
  padding:0 5px
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item .search-panel-item-inner h3{
  font-weight:400;
  font-size:14px;
  line-height:20px;
  color:#333;
  text-align:left;
  margin:0;
  padding:5px 0
}

.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item .search-panel-item-inner .btn-group-justified .btn{
  background-color:#EBEBEB;
  color:#333;
  outline:0;
  font-size:12px;
  line-height:20px;
  padding:5px 0;
  -webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out;
  transition:color .2s ease-in-out,background-color .2s ease-in-out;
  border-right: 1px solid #FFF;

}
@media (min-width:992px){
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item .search-panel-item-inner .btn-group-justified .btn:hover{
    background-color:#E6D1A3
  }
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item .search-panel-item-inner .btn-group-justified .btn.active{
  background-color:#D6B266!important;
  color:#FFF
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-shape .btn-group-shape{
  display:block;
  float:left;
  width:100%
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-shape .btn-group-shape .btn{
  position:relative;
  float:left;
  display:block;
  width:30%;
  outline:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  max-height:60px;
  overflow:hidden;
  padding:0;
  margin:0 0 20px;
  background-color:transparent;
  background-position:center;
  background-repeat:no-repeat;
  background-size:auto 100%;
  opacity:.3;
  -webkit-transition:opacity .2s ease-in-out;
  transition:opacity .2s ease-in-out
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-shape .btn-group-shape .btn::before{
  position:relative;
  display:block;
  content:" ";
  width:100%;
  padding-top:100%
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-shape .btn-group-shape .btn.active{
  background-color: transparent !important;
  opacity:1
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-shape .btn-group-shape .btn:hover {
  background-color: transparent !important;
}



.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-carat .search-input-range,.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-price .search-input-range{
  position:relative;
  display:block;
  width:100%;
  
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-carat .search-input-range .input-range,.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-price .search-input-range .input-range{
  position:relative;
  display:inline-block;
  width:40%;
  border:1px solid #E5E5E5;
  background-color:#FFF;
  -webkit-border-radius:3px;
  border-radius:3px;
  overflow:hidden
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-carat .search-input-range .input-range input,.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-price .search-input-range .input-range input{
  display:inline-block;
  position:relative;
  z-index:1;
  text-align:center;
  line-height:20px;
  padding:5px;
  width:100%;
  font-size:16px;
  color:#333;
  border:none;
  background-color:transparent
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-carat .search-input-range .input-range::before,.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-price .search-input-range .input-range::before{
  position:absolute;
  display:block;
  top:5px;
  height:20px;
  font-size:12px;
  line-height:20px;
  color:#BBB
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-carat .search-input-range .input-range+.input-range,.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-price .search-input-range .input-range+.input-range{
  float:right;
  text-align:right
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-carat .search-slider .search-slider-bar,.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-price .search-slider .search-slider-bar{
  height:10px;
  background-color:#EBEBEB;
  border-color:#EBEBEB
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-carat .search-slider .search-slider-bar .ui-slider-range,.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-price .search-slider .search-slider-bar .ui-slider-range{
  background-color:#D6B266
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-carat .search-slider .search-slider-bar .ui-slider-handle,.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-price .search-slider .search-slider-bar .ui-slider-handle{
  width:8px;
  height:20px;
  border:#E6D1A3;
  -webkit-border-radius:0;
  border-radius:0;
  top:-5px;
  margin-left:-4px;
  background-color:#E6D1A3;
  outline:0;
  -webkit-box-shadow:none;
  box-shadow:none
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-price .search-input-range .input-range{
  max-width:120px
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-price .search-input-range .input-range input{
  padding-left:25px
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-price .search-input-range .input-range::before{
  left:5px;
  content:"HK$"
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-carat .search-input-range .input-range{
  max-width:100px
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-carat .search-input-range .input-range input{
  padding-right:15px
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-carat .search-input-range .input-range::before{
  right:5px;
  content:"ct"
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-fancy{
  position:absolute;
  z-index:100
}
@media (min-width:992px){
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header{
    margin-bottom:0px
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item{
    position:relative
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item .search-panel-item-inner{
    position:relative;
    display:block;
    z-index:1;

  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item .search-panel-item-inner h3{
    position:absolute;
    left:0;
    padding:5px
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-fancy{
    left:0;
    bottom:0
  }
}
@media (max-width:991px){
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item{
    position:relative
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item .search-panel-item-inner h3{
    width:100%
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-shape .search-panel-item-inner .btn-group-shape .btn-shape{
    width:16.66667%
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-header .search-panel-item.search-panel-item-fancy{
    right:0;
    bottom:0
  }
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-header{
  position:relative;
  display:block;
  width:100%;
  padding-bottom:15px;
  border-bottom:1px #D6B266 solid
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-header .btn,.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-header .result-count{
  display:inline-block;
  font-weight:400;
  font-size:14px;
  line-height:20px;
  padding-top:5px;
  padding-bottom:5px
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-header .btn{
  float:right;
  color:#D6B266;
  text-align:center;
  padding-left:30px;
  padding-right:30px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border:1px solid #D6B266;
  background-color:#FFF;
  -webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out;
  transition:background-color .2s ease-in-out,color .2s ease-in-out;
  margin:0 5px 15px
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-header .btn.active,.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-header .btn.selected,.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-header .btn:hover{
  color:#FFF;
  background-color:#D6B266
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-header .result-count{
  color:#9B9B9B;
  text-align:left
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table{
  position:relative;
  display:block;
  width:100%
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table thead tr th{
  position:relative;
  font-weight:400;
  font-size:14px;
  line-height:20px;
  color:#D6B266;
  padding:9px 0 12px;
  text-align:center
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table thead tr th.width-1{
  width:5.88235%
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table thead tr th.width-2{
  width:11.76471%
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table thead tr th::after,.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table thead tr th::before{
  position:absolute;
  display:block;
  content:" ";
  left:0;
  width:100%;
  height:1px;
  background-color:#D6B266
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table thead tr th::before,footer{
  bottom:0
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table thead tr th::after{
  bottom:3px
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table tbody tr td{
  padding:15px 0;
  font-weight:400;
  color:#333;
  font-size:14px;
  line-height:30px;
  text-align:center
}

.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table tbody tr td .btn{
  display:inline-block;
  font-weight:400;
  font-size:14px;
  line-height:20px;
  padding:4px 5px;
  height:30px;
  background-color:#D6B266;
  -webkit-border-radius:3px;
  border-radius:3px;
  color:#FFF;
  -webkit-transition:background-color .2s ease-in-out;
  transition:background-color .2s ease-in-out
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table tbody tr td .text-danger {
  color: #a94442 !important;
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table tbody tr td .btn:hover{
  background-color:#E6D1A3
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table tbody tr td .btn.btn-details{
  margin-right:5px
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table tbody tr td .diamond-photo-icon{
  display:block;
  margin:0 auto;
  font-size:12px;
  content:" ";
  padding:5px 0;
  line-height:20px;
  height:30px;
  width:30px
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table tbody tr td .diamond-photo-icon.active{
  background-size:20px auto;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url(../images/diamond/ds_camera.png)
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table tbody tr:nth-child(even),.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table tbody tr:nth-child(even) td{
  background-color:#FAF6EC
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-placeholder{
  display:none
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing.no-result .listing-placeholder{
  display:block!important;
  padding:60px 0 100px;
  text-align:center
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing.no-result .listing-placeholder .message{
  display:inline-block;
  width:80%;
  max-width:414px;
  text-align:left;
  font-size:14px;
  line-height:20px
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing.no-result .listing-placeholder .message p{
  margin-bottom:10px
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-pointer{
  display:block;
  width:100%;
  height:1px;
  background-color:#FFF
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-loader{
  display:none
}
.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing.loading .listing-loader{
  display:block;
  width:100%;
  height:250px;
  background-image:url(../images/diamond/loader.gif);
  background-repeat:no-repeat;
  background-size:auto 15px;
  background-position:center 100px
}
@media (min-width:992px){
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table .container-diamond-item{
    width:auto!important
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table .container-diamond-item .data-item{
    display:none!important
  }
}
@media (max-width:991px){
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing{
    padding:0 5px
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-header{
    padding-bottom:18px
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-header::before{
    display:block;
    position:absolute;
    content:" ";
    bottom:3px;
    left:0;
    width:100%;
    height:1px;
    background-color:#D6B266
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-header .result-count{
    font-size:12px
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-header .btn{
    padding:5px;
    margin-right:0
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-header .btn+.btn{
    margin-right:5px!important
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table tbody tr{
    -webkit-border-radius:3px;
    text-transform: uppercase;
    border-radius:3px;
    overflow:hidden
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table tbody tr td{
    padding:0 0 10px
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table tbody tr td .container-diamond-item{
    -webkit-border-radius:3px;
    border-radius:3px;
    overflow:hidden;
    padding:10px 10px 0;
    background-color:transparent
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table tbody tr td .container-diamond-item .data-item{
    display:block;
    text-align:left;
    margin-bottom:10px
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table tbody tr td .container-diamond-item .data-item label,.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table tbody tr td .container-diamond-item .data-item span{
    display:inline-block;
    font-weight:400;
    font-size:14px;
    line-height:20px;
    color:#333
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table tbody tr td .container-diamond-item .data-item label{
    margin:0 10px 0 0
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table tbody tr td .container-diamond-item .buttons .btn{
    width:40%
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table tbody tr:nth-child(even),.container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table tbody tr:nth-child(even) td{
    background-color:#FFF
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table tbody tr:nth-child(even) td .container-diamond-item{
    background-color:#FAF6EC
  }
}
@media (max-width:991px) and (min-width:375px){
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table tbody tr td .container-diamond-item .buttons .btn{
    float:left;
    margin:0 0 15px;
    width:49%
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table tbody tr td .container-diamond-item .buttons .btn+.btn{
    margin-left:2%
  }
}
@media (max-width:991px) and (max-width:374px){
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table tbody tr td .container-diamond-item .buttons .btn{
    float:left;
    margin:0 0 15px;
    width:49%
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table tbody tr td .container-diamond-item .buttons .btn+.btn{
    margin-left:2%
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table tbody tr td .container-diamond-item .col-xs-3{
    width:50%
  }
  .container-diamond .diamond-pages .diamond-page#diamond-page-listing .diamond-search-listing .listing-table table.table tbody tr td .container-diamond-item .col-xs-6{
    width:100%
  }
}