/*Developer CSS*/
/* Throbber */
.loadingDiv{position:fixed; top:0px; right:0px; width:100%; height:100%; background-position:center; z-index:10000000;}
.loadingDiv.section-loader {position: absolute; min-height: 100px; background:rgba(255,255,255,1); background-position:center; z-index:380;}
.loadingDiv .lds-css {position: absolute; left:50%; top:50%; margin-left:-48px; margin-top:-48px;}

@keyframes lds-spin {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes lds-spin {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

.lds-spin div > div {position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #BF9775; -webkit-animation: lds-spin 1s linear infinite; animation: lds-spin 1s linear infinite;}
.lds-spin div:nth-child(1) > div {left: 122px; top: 92px; -webkit-animation-delay: -0.857142857142857s; animation-delay: -0.857142857142857s;}
.lds-spin > div:nth-child(1) {-webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 130px 100px; transform-origin: 130px 100px;}
.lds-spin div:nth-child(2) > div {left: 110.70469406000001px; top: 115.45494446000001px; -webkit-animation-delay: -0.714285714285714s; animation-delay: -0.714285714285714s;}
.lds-spin > div:nth-child(2) {-webkit-transform: rotate(51.42857142857143deg); transform: rotate(51.42857142857143deg); -webkit-transform-origin: 118.70469406000001px 123.45494446000001px; transform-origin: 118.70469406000001px 123.45494446000001px;}
.lds-spin div:nth-child(3) > div {left: 85.32437198px; top: 121.24783736px; -webkit-animation-delay: -0.571428571428571s; animation-delay: -0.571428571428571s;}
.lds-spin > div:nth-child(3) {-webkit-transform: rotate(102.85714285714286deg); transform: rotate(102.85714285714286deg); -webkit-transform-origin: 93.32437198px 129.24783736px; transform-origin: 93.32437198px 129.24783736px;}
.lds-spin div:nth-child(4) > div {left: 64.97093396px; top: 105.01651217px; -webkit-animation-delay: -0.428571428571429s; animation-delay: -0.428571428571429s;}
.lds-spin > div:nth-child(4) {-webkit-transform: rotate(154.28571428571428deg); transform: rotate(154.28571428571428deg); -webkit-transform-origin: 72.97093396px 113.01651217px; transform-origin: 72.97093396px 113.01651217px;}
.lds-spin div:nth-child(5) > div {left: 64.97093396px;top: 78.98348783px; -webkit-animation-delay: -0.285714285714286s; animation-delay: -0.285714285714286s;}
.lds-spin > div:nth-child(5) {-webkit-transform: rotate(205.71428571428572deg); transform: rotate(205.71428571428572deg); -webkit-transform-origin: 72.97093396px 86.98348783px; transform-origin: 72.97093396px 86.98348783px;}
.lds-spin div:nth-child(6) > div {left: 85.32437198px; top: 62.752162639999995px; -webkit-animation-delay: -0.142857142857143s; animation-delay: -0.142857142857143s;}
.lds-spin > div:nth-child(6) {-webkit-transform: rotate(257.14285714285717deg); transform: rotate(257.14285714285717deg); -webkit-transform-origin: 93.32437198px 70.75216264px; transform-origin: 93.32437198px 70.75216264px;}
.lds-spin div:nth-child(7) > div {left: 110.70469406000001px; top: 68.54505553999999px; -webkit-animation-delay: 0s; animation-delay: 0s;}
.lds-spin > div:nth-child(7) {-webkit-transform: rotate(308.57142857142856deg); transform: rotate(308.57142857142856deg); -webkit-transform-origin: 118.70469406000001px 76.54505553999999px; transform-origin: 118.70469406000001px 76.54505553999999px;}
.lds-spin div:nth-child(8) > div {left: 122px; top: 92px; -webkit-animation-delay: 0.142857142857143s; animation-delay: 0.142857142857143s;}
.lds-spin > div:nth-child(8) {-webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform-origin: 130px 100px; transform-origin: 130px 100px;}
.lds-spin {width: 97px !important; height: 97px !important; -webkit-transform: translate(-48.5px, -48.5px) scale(0.485) translate(48.5px, 48.5px); transform: translate(-48.5px, -48.5px) scale(0.485) translate(48.5px, 48.5px);}

/*set pointer*/
.admin .my-account, .modal-close {cursor: pointer;}

#addressForm .zip-code {width:100%;float: left;display: block;clear: both;}

/*No Record Availble*/
.no-records, .product_listing ul li.no-records {width: 100%; height: auto; font-size: 22px; font-weight: 600; text-align: center;}

.navigation ul > li > a.btn_url:after {
   position: unset!important;
}
.navigation ul > li > a.btn_url {
  padding: 7px 17px;
  font-size: 14px;
  cursor: pointer;
  font-weight: bold;
  border: 1px solid black;
  color: #b07759;
  float: right; border-radius: 60px;
  padding: 7px 18px;
}

.bid_btn{
  margin-top: 15px;
  float: right;
}
.Prod_desc .action_btn a,.Prod_desc .action_btn .item-sold-out  {
  width: 150px!important;
}
.Prod_desc .action_btn a{
  margin-left: 5px;
}
.Prod_desc .action_btn span#fav-item {
   margin-left: 0px; 
}


.mt-1 {
  margin-top: 10px;
}

.mt-2 {
  margin-top: 20px;
}

.mt-5 {
  margin-top: 50px;
}

.mt-8 {
  margin-top: 80px;
}

.pb-5 {
  padding-bottom: 50px;
}

.buttons-wrap ul {
  display: flex;
  justify-content: flex-end;
}

.buttons-wrap ul li {
  width: 15%;
  text-align: center;
  background: #48433E;
  border-radius: 20px;
  padding: 9px 0;
  margin: 0 10px;
  cursor: pointer;
}

.buttons-wrap ul li a {
  color: #fff;
}

.buttons-wrap ul li:first-child {
  border: 1px solid #48433E;
  box-sizing: border-box;
  border-radius: 20px;
  background: transparent;
}

.buttons-wrap ul li:first-child a {
  color: #48433E;
}

.tearsheet-wrap .company-name {
  padding-bottom: 30px;
  border-bottom: 1px solid #D6D6D6;
}

.tearsheet-wrap .company-name span {
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #4B4B4B;
}

.tearsheet-img-wrapper {
  padding-top: 30px;
}

.tearsheet-wrap .col-left {
  width: 48%;
  float: left;
  margin-right: 20px;
}

.tearsheet-wrap .col-left .img-wrap{
  width:100%;
  height:560px;
}
.tearsheet-wrap .col-left .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.tearsheet-wrap .col-right {
  width: 48%;
  float: left;
  text-align: right;
}

/* .col-right ul{display:flex;flex-wrap:wrap;padding: 0;} */
.tearsheet-wrap .col-right ul li {
  width: 40%;
  height: 270px;
  margin: 10px 10px 0;
  float: left;
}

.tearsheet-wrap .col-right ul li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.tearsheet-wrap .title h1 {
  font-family: Lora;
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 40px;
  text-transform: lowercase;
  color: #1B1B1B;
}

.tearsheet-wrap .title span {
  font-family: Lora;
  font-style: normal;
  font-weight: 500;
  font-size: 34px;
  line-height: 42px;
  color: #1B1B1B;
}

.tearsheet-img-wrapper {
  padding-bottom: 40px;
  border-bottom: 2px solid #D6D6D6;
}

.tearsheet-wrap .itemDescription {
  width: 100%;
}

.tearsheet-wrap .itemDescription table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

.tearsheet-wrap .itemDescription .first {
  overflow: hidden;
  white-space: nowrap;
  font-family: Raleway;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: #1B1B1B;
  position: relative;
  width: 130px;
}

.tearsheet-wrap .itemDescription .other {
  width: auto;
  font-family: Raleway;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  color: #1B1B1B;
}

.tearsheet-wrap .shipping p {
  font-family: Raleway;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.tearsheet-wrap .listing-wrap {
  width: 31.33%;
  float: left;
  margin-right: 20px;
  padding-right: 20px;
}


.tearsheet-wrap .listing-wrap h6 {
  font-family: Raleway;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #1B1B1B;
  margin-bottom: 20px;
}

.tearsheet-wrap .listing-wrap p {
  font-family: Raleway;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #1B1B1B;
}

.tearsheet-wrap .box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.tearsheet-wrap .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 150ms;
  visibility: hidden;
  opacity: 0;
}

.tearsheet-wrap .overlay:target {
  visibility: visible;
  opacity: 1;
}

.tearsheet-wrap .popup {
  margin: 10% auto;
  padding: 41px 30px 64px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
}

.tearsheet-wrap .popup h2 {
  margin-top: 0;
  font-family: Lora;
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 38px;
  text-align: center;
  color: #1B1B1B;
}

.tearsheet-wrap .popup .close {
  position: absolute;
  right: 20px;
  top: 20px;
}

.tearsheet-wrap .popup .close:hover {
  color: #06D85F;
}

.tearsheet-wrap .popup .content {
  max-height: 30%;
  overflow: auto;
}

.content-des .wrapper {
  margin: 40px 0;
}

.content-des .wrapper h4 {
  font-family: Raleway;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #1B1B1B;
}

.input-wrap input {
  border: 1px solid #C4C4C4;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 13px 10px;
  margin-top: 20px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #1B1B1B;
  width: 100%;
}

.tearsheet-wrap .submit-btn button {
  font-size: 18px;
  color: #FFFFFF;
  border-radius: 30px;
  line-height: 21px;
  background: #48433E;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 14px;
  padding: 10px 0;
  transition: .4s ease all;
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
}

.tearsheet-wrap .submit-btn button:hover,
.tearsheet-wrap .buttons-wrap ul li:hover {
  background: #6D655E;
}

.tearsheet-wrap .buttons-wrap ul li:first-child:hover a {
  color: #fff;
}

#app-cover {
  display: table;
}

.tearsheet-wrap .row {
  display: table-row;
}

.toggle-button-cover {
  display: table-cell;
  position: relative;
  height: 40px;
  box-sizing: border-box;
}

.button-cover {
  background-color: #fff;
  box-shadow: 0 10px 20px -8px #c5d6d6;
  border-radius: 4px;
}

.button-cover:before {
  counter-increment: button-counter;
  content: counter(button-counter);
  position: absolute;
  right: 0;
  bottom: 0;
  color: transparent;
  font-size: 12px;
  line-height: 1;
  padding: 5px;
}

.button-cover,
.knobs,
.layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#customize-tear-sheet-popup .button {
  position: relative;
  top: 50%;
  width: 120px;
  height: 36px;
  margin: -20px auto 0 auto;
  overflow: hidden;
}

.button.r,
.button.r .layer {
  border-radius: 100px;
}

#customize-tear-sheet-popup .button.b2 {
  border-radius: 20px;
}

#button-10 .checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.knobs {
  z-index: 2;
  background: rgba(191, 151, 117, 0.2);
}

.layer {
  width: 100%;
  background-color: rgba(191, 151, 117, 0.2);
  transition: 0.3s ease all;
  z-index: 1;
}

#button-10 .knobs:before,
#button-10 .knobs:after,
#button-10 .knobs span {
  position: absolute;
  top: 4px;
  width: 50px;
  height: 27px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  border-radius: 20px;
  transition: 0.3s ease all;
}

#button-10 .knobs:before {
  content: '';
  left: 4px;
  background: #FFFFFF;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}

#button-10 .knobs:after {
  content: 'YES';
  right: 4px;
  color: #4e4e4e;
}

#button-10 .knobs span {
  display: inline-block;
  left: 4px;
  z-index: 1;
}

#button-10 .checkbox:checked+.knobs span {
  color: #4e4e4e;
}

#button-10 .checkbox:checked+.knobs:before {
  left: 66px;
  background: #FFFFFF;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}

#button-10 .checkbox:checked+.knobs:after {
  color: #1b1b1b;
}

#ytd-url {
  display: block;
  position: fixed;
  right: 0;
  bottom: 0;
  padding: 10px 14px;
  margin: 20px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background-color: #143240;
  border-radius: 4px;
  box-shadow: 0 10px 20px -5px rgba(20, 50, 64, 0.76);
}

@media only screen and (max-width: 1240px) {
  .tearsheet-wrap .col-right ul li {
      width: 250px;
      height: 250px;
  }

  .tearsheet-wrap .popup {
      width: 50%;
  }
}

@media only screen and (max-width: 1155px) {
  .tearsheet-wrap .col-left .img-wrap {
      width: 100%;
      height: 100%;
  }

  .tearsheet-wrap .col-right ul li {
      width: 41%;
      height: 113px;
  }

  .tearsheet-wrap .listing-wrap {
      width: 29.33%;
      padding-right: 0;
  }
}

@media only screen and (max-width:800px) {
  .tearsheet-wrap .listing-wrap {
      width: 100%;
      margin-top: 20px;
  }

  .tearsheet-wrap .popup {
      width: 60%;
  }
}

@media only screen and (max-width: 640px) {
  .buttons-wrap ul li {
      width: 33.33%;
      margin: 0 1px;
  }

  .tearsheet-wrap .col-right ul li {
      height: 72px;
      margin: 10px 11px 0;
  }

  .tearsheet-wrap .title h1,
  .tearsheet-wrap .title span {
      font-size: 22px;
  }
}

@media only screen and (max-width: 580px) {

  .tearsheet-wrap .col-left,
  .tearsheet-wrap .col-right {
      width: 100%;
  }

  .tearsheet-wrap .company-name {
      margin-top: 30px;
  }
}

@media screen and (max-width:700px) {
  .tearsheet-wrap .box {
      width: 70%;
  }

  .tearsheet-wrap .popup {
      width: 90%;
  }
}

/* Social media share symbol set */
.blog-social ul > li > a.fb  
{
background: url(../img/svg/facebook.svg) no-repeat 19px 16px!important;
}
.blog-social ul > li > a.pin  
{
background: url(../img/svg/twitter.svg) no-repeat 17px 18px!important;
}
.blog-social ul > li > a.tw  
{
background: url(../img/svg/pintrest.svg) no-repeat 17px 18px!important;
}
/* Social media share symbol set for mobile view */
.blog-social-mob ul > li > a.fb  
{
  background: url(../img/svg/facebook.svg) no-repeat 19px 16px!important;
}
.blog-social-mob ul > li > a.pin  
{
  background: url(../img/svg/twitter.svg) no-repeat 17px 18px!important;
}
.blog-social-mob ul > li > a.tw  
{
  background: url(../img/svg/pintrest.svg) no-repeat 17px 18px!important;
}