/* IEM pages styles starts */
body[data-path="iem"] {
  background: #fff !important;
}

.page_content {
  margin-top: 7rem;
}

.tab-content {
  margin-top: 3.125rem;
}

.tab-content .tab-pane {
  flex-direction: row;
  justify-content: flex-start;
}

.tab-content>.active {
  margin: 0;
  display: flex;
}

.tab-content .product {
  width: 17rem;
  margin: 3.125rem 0;
}

.tab-content .product .product-img {
  display: flex;
  justify-content: center;
}

.tab-content .product .product-img img {
  height: 7rem;
}

.nav.nav-tabs {
  justify-content: center;
}

.nav.nav-tabs .nav-item {
  margin: 0 15px;
}

.nav.nav-tabs .nav-link {
  font-size: 1.5rem;
  line-height: 2rem;
}

.nav.nav-tabs .nav-link.active {
  padding-bottom: 0;
}

.tab-content .product-info {
  margin-top: 10px;
  text-align: center;
}

.tab-content .product-info .wrapped-info {
  margin-bottom: 20px;
}

.tab-content .product-info .iem-logos {
  width: 10rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.tab-content .product-info .costing {
  margin-bottom: 0;
  color: #000;
  font-size: 1.125rem;
}

.tab-content .product-info .costing .discount {
  display: flex;
  flex-direction: column;
  font-size: .8rem;
}

.tab-content .product-info .costing .discount .regular_price,
.tab-content .product-info .costing .discount .regular_price .cost {
  color: grey;
}

.tab-content .product-info .costing .discount .regular_price {
  text-decoration: line-through;
}

.tab-content .product-info .iem-logos img {
  height: 3rem;
  margin-bottom: 20px;
}

.tab-content .product-info .description {
  margin-bottom: 20px;
  position: relative;
  color: #000;
  font-size: 1.125rem;
}

.tab-content .product-info .costing .cost {
  color: #c95d2e;
  font-weight: 700;
}

.tab-content .product-info .select-model {
  text-align: center;
}

.tab-content .product-info .select-model a.btn,
.iem-product-overview .product-wrapper .config .select-model a.btn {
  padding: 5px 30px 0px;
  border: 2px solid #000;
  border-radius: 20px;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
}

.iem-product-overview .product-wrapper .config .select-model a.btn {
  border: 2px solid #fff;
  background-color: #fff;
  color: #000;
}

.tab-content .product-info .select-model a.btn:hover {
  background: #fff;
  color: #000;
}

.iem-product-overview .product-wrapper .config .select-model a.btn:hover {
  border-color: #fff !important;
  background-color: #000 !important;
  color: #fff !important;
}

.iem-container {
  margin: 0 calc(50% - 50vw);
  display: flex;
}

.iem-container.iem-category {
  margin-top: calc(35% - 100vh);
}

/* Hack to replace Quill's way of generating DOM elements for bulleted lists */
.iem-product-overview li[data-list="bullet"] {
  list-style-type: disc;
}

.iem-product-overview .product-intro {
  text-align: left;
}

.iem-product-overview .product-intro .select-model {
  display: inline-block;
  margin-right: 2rem;
}

.iem-product-overview .product-intro .product-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.iem-product-overview .product-intro .product-img {
  flex: 1 1 auto;
}

.iem-product-overview .product-wrapper .product-name {
  text-align: left;
}

.iem-product-overview .product-wrapper .product-name img {
  max-height: 6rem;
  height: 6rem;
  padding-top: 2rem;
  margin-bottom: 20px;
  filter: brightness(100);
}

.iem-product-overview .product-wrapper>p {
  text-align: left;
}

.iem-product-overview .product-wrapper .config {
  padding-bottom: 1.875rem;
  margin-top: 2rem;
}

.iem-product-overview .product-wrapper .config .costing {
  display: inline-block;
  margin-bottom: 20px;
  color: #989898;
  font-size: 0.875rem;
}

.iem-product-overview .product-wrapper .config .cost {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
}

.iem-product-overview .product-wrapper .config .offer {
  margin-bottom: 10px;
  font-size: 0.75rem;
}

.iem-product-overview .product-wrapper .config .costing .discount {
  display: flex;
  flex-direction: column;
}

.iem-product-overview .product-wrapper .config .costing .discount,
.iem-product-overview .product-wrapper .config .costing .discount .cost {
  font-size: .8rem;
}

.iem-product-overview .product-wrapper .config .costing .discount .regular_price,
.iem-product-overview .product-wrapper .config .costing .discount .regular_price .cost {
  color: grey;
}

.iem-product-overview .product-wrapper .config .costing .discount .regular_price {
  text-decoration: line-through;
}


.iem-product-overview .product-intro,
.iem-product-overview .feature-section,
.iem-product-overview .accessories {
  margin: 3.125rem 0 0 0;
}

.iem-product-overview .product-video-section {
  width: 100vw;
  margin-right: -50vw;
  margin-left: -50vw;
  position: relative;
  right: 50%;
  left: 50%;
}

.iem-product-overview .product-extra-section div {
  text-align: center;
}
.iem-product-overview .product-extra-section img {
  margin-bottom: 1rem;
}

.iem-product-overview .product-extra-section h3 {
  text-align: center;
}

.iem-product-overview .product-extra-section p {
  text-align: justify;
}

.iem-product-overview .product-video {
  margin: 0;
}

.iem-product-overview .product-intro .col-md-6,
.iem-product-overview .product-video .col-md-6,
.iem-product-overview .feature-section .col-md-6,
.iem-product-overview .accessories .col-md-6 {
  margin-bottom: 1.875rem;
}

.iem-product-overview .product-video .col-md-6:first-of-type,
.iem-product-overview .feature-section .col-md-6:first-of-type,
.iem-product-overview .accessories .col-md-6:first-of-type {
  padding-right: 1.875rem;
}

.iem-product-overview .product-video .col-md-6:last-of-type,
.iem-product-overview .feature-section .col-md-6:last-of-type,
.iem-product-overview .accessories .col-md-6:last-of-type {
  padding-left: 1.875rem;
}

.iem-product-overview .feature-section h2.section-head,
.iem-product-overview .accessories h2.section-head {
  margin-bottom: 2.5rem;
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
}

.iem-product-overview .feature-section p,
.iem-product-overview .accessories p {
  margin-bottom: 0;
}

/* Responsive style starts */
@media only screen and (max-width: 1199px) {
  .tab-content .product {
    width: 14rem;
  }
}

@media only screen and (max-width: 991px) {
  .tab-content .product {
    width: 45%;
  }
}

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

  .iem-product-overview .product-video .col-md-6:first-of-type,
  .iem-product-overview .feature-section .col-md-6:first-of-type,
  .iem-product-overview .accessories .col-md-6:first-of-type {
    padding-right: 15px;
  }

  .iem-product-overview .product-video .col-md-6:last-of-type,
  .iem-product-overview .feature-section .col-md-6:last-of-type,
  .iem-product-overview .accessories .col-md-6:last-of-type {
    padding-left: 15px;
  }

  .iem-product-overview .product-wrapper .config {
    padding-bottom: 0;
    margin-top: 0;
  }

  .tab-content .product-info .wrapped-content {
    width: 100%;
  }

  .page_content {
    margin-top: 3rem;
  }

  .nav.nav-tabs {
    margin-bottom: 0;
    flex-wrap: nowrap;
    overflow-x: scroll;
    white-space: nowrap;
    justify-content: left;
  }
}

@media only screen and (max-width: 640px) {
  .tab-content .product {
    width: 100%;
    margin: 3.125rem auto;
  }
}

/* Responsive style ends */

/* IEM pages styles ends */
.customization .attribute label {
  color: white;
}

.accessories_detail p {
  color: white;
}

.accessories_detail .product_image img {
  max-height: 500px;
}

.accessories_detail button.btn-add-to-cart:disabled,
.accessories_detail button.btn-add-to-cart.disabled {
  color: #fff;
  background-color: #14171a;
  border-color: #fff;
}

.accessories_detail button.btn-add-to-cart {
  border: 2px solid #fff;
  background: #fff;
  color: #14171a;
}

.variation .price {
  color: white;
}