/* ===== AMIPI HOMEPAGE DIAMOND FILTER: START ===== */
/* Intentionally duplicated from diamonds.css because the homepage renders the same compact search filter. */

.diam-shape {
  width: 10%
}
.dia-filter.gray {
  background: #e9e8e8
}
.dia-filter.gray .collapse {
  padding: 15px 0 0
}
.dia-filter .well {
  border: 0; box-shadow: none; border-radius: 0; background: 0; padding: 0; margin-bottom: 0
}
.dia-input .bg {
  background-color: #f2f0f0; background-repeat: repeat-x; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f0f0), to(#fff)); background: -webkit-linear-gradient(top, #f2f0f0, #fff); background: -moz-linear-gradient(top, #f2f0f0, #fff); background: -ms-linear-gradient(top, #f2f0f0, #fff); background: -o-linear-gradient(top, #f2f0f0, #fff)
}
.dia-input .bg:hover {
  background-color: #fff; background-repeat: repeat-x; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f0f0)); background: -webkit-linear-gradient(top, #fff, #f2f0f0); background: -moz-linear-gradient(top, #fff, #f2f0f0); background: -ms-linear-gradient(top, #fff, #f2f0f0); background: -o-linear-gradient(top, #fff, #f2f0f0)
}
.dia-input select {
  width: 100%; border: solid 1px #d0cfcf; padding: 5px 2px; font-size: 12px; color: #666; font-family: "Lato", sans-serif !important ; text-transform: uppercase; margin: 0 0 8px;font-weight: normal !important;
}
.dia-input select option {
  background-color: #FFF; padding: 3px
}
.dia-input select option[disabled] {
  color: #ccc; opacity: .7
}
.dia-input .input-group {
  margin: 0
}
.dia-input .input-group .form-control:first-child,
.dia-input .input-group-addon:first-child,
.dia-input .input-group-btn:first-child>.btn,
.dia-input .input-group-btn:first-child>.btn-group>.btn,
.dia-input .input-group-btn:first-child>.dropdown-toggle,
.dia-input .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.dia-input .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
  border-radius: 0
}
.dia-input .input-group .form-control {
  box-shadow: none; font-size: 12px; font-family: "Lato", sans-serif; text-transform: uppercase; text-align: center; padding: 6px 3px
}
.dia-input .input-group-btn>.btn {
  border-radius: 0; box-shadow: none; font-family: "Lato", sans-serif; text-transform: uppercase
}
.dia-input .input-group-btn.blue>.btn {
  background: #2c3b5b; color: #fff; border: solid 1px #2c3b5b; outline: 0
}
.dia-input .input-group-btn.blue>.btn:hover {
  background: #3b507b
}
.dia-filter .input-block {
  margin-bottom: 5px
}
.dia-filter .filter-title {
  color: #2c3b5b; margin: 0 0 7px; text-transform: uppercase; font-size: 14px; font-weight: 400; line-height: 24px
}
.dia-filter .color-title {
  color: #2c3b5b; margin: 0; text-transform: uppercase; font-size: 14px; font-weight: 400; line-height: 24px
}
.dia-filter .filter-title .tab-btn {
  list-style: none; margin: 0; padding: 0; display: inline-flex; padding: 0 0 0 20px ; flex-wrap: wrap; width: 100%; align-items: center; justify-content: space-around;
}
.dia-filter .filter-title .tab-btn:after {
  display: block; content: ""; clear: both
}
.dia-filter .filter-title .tab-btn li {
  float: left
}
.dia-filter .filter-title .tab-btn .btn1 {
  background-color: white; border: 1px solid #2c3b5b; border-radius: 0 18px 18px 0; color: #2c3b5b; padding: 4px 12px; display: block; text-decoration: none; font-size: 12px; line-height: 14px
}
.dia-filter .filter-title .tab-btn .btn2 {
  background-color: #2c3b5b; border: 1px solid #2c3b5b; border-radius: 18px 0 0 18px; color: white; padding: 4px 12px; display: block; text-decoration: none; font-size: 12px; line-height: 14px
}
.dia-filter .filter-title .check {
  list-style: none; margin: 0; padding: 0; display: inline-flex; padding: 0 0 0 20px
}
.dia-filter .filter-title .check:after {
  display: block; content: ""; clear: both
}
.dia-filter .filter-title .check li {
  float: left; color: #666; text-transform: uppercase; font-size: 12px; line-height: 14px; margin: 0 10px 0 0
}
.dia-filter .filter-title .check li input {
  margin: 0 5px 0 0; outline: 0
}
.dia-input .btn-group.shape-list img {
  max-width: 100%; margin: 0 0 3px
}
.dia-input .btn-group.shape-list p {
  margin: 0; padding: 7px 0;
}
.dia-input .btn-group.shape-list>.btn,
.dia-input .btn-group-vertical.shape-list>.btn {
  border: 0; padding: 3px; background: 0; padding: 8px 0 0; margin: 0 1px; border: 1px solid #FFF;
}
.dia-input .btn-group.shape-list>.btn:hover,
.dia-input .btn-group-vertical.shape-list>.btn:hover {
  background: #f6f6f6
}
.dia-input .btn-group.shape-list .btn:active,
.dia-input .btn-group.shape-list .btn.active {
  box-shadow: none; background: #2c3b5b
}
.dia-input .btn-group.shape-list .btn:active p,
.dia-input .btn-group.shape-list .btn.active p {
  color: #fff
}
.dia-filter .filter-controll {
  margin: 0; padding: 0; list-style: none; display: inline-block
}
.dia-filter .filter-controll li {
  display: table-cell; vertical-align: top
}
.dia-filter .filter-controll li.sep {
  vertical-align: top
}
.dia-filter .filter-controll li.sep span {
  padding: 9px 7px 0 7px; display: block; color: #666; text-transform: uppercase; font-size: 12px
}
.dia-filter .filter-controll.location li span {
  color: #666; text-transform: uppercase; font-size: 12px
}
.dia-filter .filter-controll .input-group-btn>.btn {
  color: #375b9b; font-size: 14px; line-height: 20px; outline: 0; padding: 6px 3px; background: #dddd
}
.dia-filter .filter-controll .input-group-btn.first>.btn {
  border-radius: 20px 0 0 20px
}
.dia-filter .filter-controll .input-group-btn.last>.btn {
  border-radius: 0 20px 20px 0
}
.dia-filter .filter-controll .input-group-btn>.btn:hover {
  background: #eee
}
.dia-filter .filter-controll .input-group-btn>.btn i {
  color: #2c3b5b
}
.dia-input .btn-group {
  margin: 0 0 5px
}
.dia-input .btn-group>.btn {
  color: #666; border-radius: 0; text-transform: uppercase; font-size: 8px; padding: 6px 2px; position: relative; overflow: hidden
}
.dia-input .btn-group input {
  position: absolute; top: -20px
}
.dia-input .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-radius: 0
}
.dia-input .btn-group>.btn:last-child:not(:first-child) {
  border-radius: 0
}
.dia-input .input-group-btn:first-child>.btn,
.dia-input .input-group-btn:first-child>.btn-group {
  margin-right: -2px
}
.dia-input .btn.active {
  box-shadow: none;background: #2c3b5b;color: #fff
}
.dia-input.blue .btn:active,
.dia-input.blue .btn.active {
  box-shadow: none;background: #ccc;color: #666
}
.dia-input .btn-primary:hover {
  background: #ddd;border-color: #c9c9cb
}
.dia-filter .filter-title .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-radius:0
}
.dia-filter .filter-title .btn-group>.btn:last-child:not(:first-child),
.dia-filter .filter-title .btn-group>.dropdown-toggle:not(:first-child) {
  border-radius:0
}
.dia-filter .filter-title .btn-primary {
  background-color: #fff;border-color: #Fed700;font-size: 12px;color: #2c3b5b;padding: 6px
}
.dia-filter .filter-title .btn:active,
.dia-filter .filter-title .btn.active {
  box-shadow: none;background: #2c3b5b;color: #fff !important
}
.dia-filter .check-group {
  list-style: none; margin: 0; padding: 5px 0 0
}
.dia-filter .check-group:after {
  display: block; content: ""; clear: both
}
.dia-filter .check-group li {
  color: #666; text-transform: uppercase; font-size: 12px; margin: 0 7px 0 0; float: left
}
.dia-filter .check-group li input {
  margin: 0 2px 0 0; outline: 0
}
.dia-input .btn-group-vertical.shape-list>.btn {
  border: 0; padding: 3px; background: 0
}
.dia-input .btn-group-vertical.shape-list>.btn:hover {
  background: #ddd
}
.dia-input .btn-group.shape-list .btn.active {
  box-shadow: none; background: #2c3b5b
}
.dia-input .btn-group.shape-list .btn.active p {
  color: #fff
}
.input-block ul {
  padding: 0; list-style-type: none
}
.input-block .block-one {
  width: 66.6667%; padding: 0 15px; float: left
}
.input-block .block-two {
  width: 33.3333%; padding: 0 15px; float: left
}
.input-block .block-three {
  width: 33.3333%; padding: 0 15px; float: left
}
#quick-search-new #filter {
  padding: 0 0 10px
}
#quick-search-new li label {
  position: relative; color: #333
}
#quick-search-new .dropdown-menu.noclose input.size-dropdown {
  position: absolute !important; top: 0; width: 100%; left: 0; right: 0; cursor: pointer; opacity: 0; height: 100%
}
#quick-search-new .btn-group.btn-group-justified.open button {
  color: #FFF
}
#quick-search-new li label.active {
  color: #FFF !important
}
#quick-search-new .dropdown-menu>li>a:hover,
#quick-search-new .dropdown-menu>li>a:focus {
  background: none !important
}
.highlight-box.highlight-box-title-area h1.heading.quick-search-new-title {
  right: auto; font-size: 23px; width: 260px; font-family: "Lato", sans-serif
}
.dia-input .btn-group.shape-list .btn.active path {
  fill: white
}
.dia-input .btn-group.shape-list .btn.active svg#marquise path,
.dia-input .btn-group.shape-list .btn.active svg#marquise polyline {
  stroke: #FFF
}
.dia-filter.dia-input .dropdown-menu>li>a {
  padding: 3px 9px; width: 105px
}
.dia-input .btn-group.shape-list>.btn,
.dia-input .btn-group-vertical.shape-list>.btn {
  background: transparent !important;
}
.dia-filter.dia-input {
  max-width: 1920px; margin: auto;
}
.dia-input .btn-primary {
  background-color: #f2f0f0; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f0f0), to(#fff)); background: -webkit-linear-gradient(top, #f2f0f0, #fff); background: -moz-linear-gradient(top, #f2f0f0, #fff); background: -ms-linear-gradient(top, #f2f0f0, #fff); background: -o-linear-gradient(top, #f2f0f0, #fff);border-color:#c9c9cb;
}
.dia-input .btn.active {
  background:#2c3b5b;color:#fff;
}
.dia-input.blue .btn:active,
.dia-input.blue .btn.active {
  box-shadow:none;background:#ccc;color:#666;
}
.dia-filter .filter-controll .input-group-btn > .btn {
  background:#ddd;
}
.dia-filter .filter-controll .input-group-btn > .btn:hover {
  background:#eee;
}
.dia-filter .filter-controll .input-group-btn > .btn i {
  color:#2c3b5b;
}
.input-block li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
}
@media (min-width:2400px) {
  .input-block .block-one {
    width: 33.3333%; padding: 0 15px; display: inline-block
  }

  .input-block .block-two {
    width: 16.6666%; padding: 0 15px; display: inline-block
  }

  .input-block .block-three {
    width: 16.6666%; padding: 0 15px; display: inline-block
  }
}
@media (min-width:1501px) and (max-width:2399px) {
  .input-block .block-one {
    width: 50%; padding: 0 15px; display: inline-block
  }

  .input-block .block-two {
    width: 25%; padding: 0 15px; display: inline-block
  }

  .input-block .block-three {
    width: 25%; padding: 0 15px; display: inline-block; clear:  inherit !important;
  }
}
@media (min-width:1920px) and (max-width:2399px) {
  .input-block .block-one {
    width: 50%; padding: 0 15px; display: inline-block
  }

  .input-block .block-two {
    width: 25%; padding: 0 15px; display: inline-block
  }

  .input-block .block-three {
    width: 25%; padding: 0 15px; display: inline-block
  }

  .dia-input .btn-group.shape-list>.btn,
  .dia-input .btn-group-vertical.shape-list>.btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; padding: 8px 0 0; margin: 0 1px; border: 1px solid transparent;
  }

  .dia-filter .filter-controll {
    max-width: auto
  }
}
@media (max-width:3840px) and(min-width:2500px) {
  .input-block .block-one {
    width: 40%; padding: 0 15px; display: inline-block
  }

  .input-block .block-two {
    width: 15%; padding: 0 15px; display: inline-block
  }

  .input-block .block-three {
    width: 15%; padding: 0 15px; display: inline-block
  }
}
@media (max-width:1919px) {
  .input-block .block-three {
    clear: both
  }
}
@media (max-width:1600px) {
  .dia-input .btn-group.shape-list img {
    margin: 0 0 3px
  }
}
@media (min-width:1400px) {
  .dia-input .btn-group.shape-list>.btn,
  .dia-input .btn-group-vertical.shape-list>.btn {
    font-size: 12px
  }
}
@media (max-width:990px) {
  .input-block .block-one {
    width: 100%; padding: 0 15px; float: left
  }

  .input-block .block-two {
    width: 50%; padding: 0 15px; float: left
  }

  .input-block .block-three {
    width: 50%; padding: 0 15px; float: left; clear: none; min-height: 80px
  }

  .dia-input .btn-group.shape-list.full label {
    width: 9%
  }
}
@media only screen and (max-width:830px) and (min-width:768px) {
  .dia-input .btn-group.shape-list>.btn,
  .dia-input .btn-group-vertical.shape-list>.btn {
    width: 9.5%
  }
}
@media (max-width:600px) {
  .dia-input .btn-group.shape-list>.btn,
  .dia-input .btn-group-vertical.shape-list>.btn {
    width: 19%
  }
}
@media (max-width:550px) {
  .input-block .block-two {
    width: auto; padding: 0 15px; display: inline-block; width: auto
  }

  .input-block .block-three {
    width: auto; padding: 0 15px; width: auto; display: inline-block
  }
}
@media (max-width:450px) {
  .input-block .block-one {
    width: 100%; padding: 0 15px; float: left
  }

  .input-block .block-two {
    width: 100%; padding: 0 15px; float: left
  }

  .input-block .block-three {
    width: 100%; padding: 0 15px; float: left
  }
}
@media (max-width:450px) {
  .dia-input .btn-group.shape-list>.btn,
  .dia-input .btn-group-vertical.shape-list>.btn {
    width: 22%
  }
}
@media (min-width:2020px) and (max-width:3000px) {
  .dia-filter.dia-input #quick-search-new {
    max-width: 1600px; width: 100%; margin: 0 auto
  }
}
@media (min-width:3020px) and (max-width:10000px) {
  .dia-filter.dia-input #quick-search-new {
    max-width: 1600px; width: 100%; margin: 0 auto
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .dia-filter .filter-title {
    font-size: 13px !important
  }
}
@media (min-width:1199px) and (max-width:1400px) {
  .dia-filter .filter-title {
    font-size: 13px !important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .dia-input select {
    margin: 0
  }
}
@media (max-width:767px) {
  #quick-search-new span.red-color {
    display: block
  }
}
@media (max-width:390px) {
  .dia-filter .filter-title .tab-btn {
    flex-wrap: nowrap;
  }
}

/* Homepage-only layout: Weight, Color and Clarity remain three equal columns. */
#quick-search-new .input-block .block-one,
#quick-search-new .input-block .block-two,
#quick-search-new .input-block .block-three {
  width: 33.3333%;
  padding: 0 15px;
  float: left;
  clear: none;
}

/* Homepage action lists must not display browser bullets. */
#quick-search-new ul,
#quick-search-new li {
  list-style: none;
}

#quick-search-new ul {
  padding-left: 0;
}

@media (max-width: 990px) {
  #quick-search-new .input-block .block-one {
    width: 100%;
  }

  #quick-search-new .input-block .block-two,
  #quick-search-new .input-block .block-three {
    width: 50%;
  }
}

@media (max-width: 767px) {
  #quick-search-new .shape-center.home-shape .btn-group.shape-list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  #quick-search-new .shape-center.home-shape label,
  #quick-search-new .diam-shape {
    width: auto !important;
  }
}

@media (max-width: 550px) {
  #quick-search-new .input-block .block-two,
  #quick-search-new .input-block .block-three {
    width: 100%;
  }
}
/* ===== AMIPI HOMEPAGE DIAMOND FILTER: END ===== */