@font-face {
  font-family: "overpass-semibold";
  src: url("../fonts/overpass-semibold.woff2") format("woff2"), url("../fonts/overpass-semibold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "overpass-bold";
  src: url("../fonts/overpass-bold.woff2") format("woff2"), url("../fonts/overpass-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "overpass-light";
  src: url("../fonts/overpass-light.woff2") format("woff2"), url("../fonts/overpass-light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "overpass-regular";
  src: url("../fonts/overpass-regular.woff2") format("woff2"), url("../fonts/overpass-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "overpass-black";
  src: url("../fonts/Overpass-Black.eot");
  src: url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Black.woff2") format("woff2"), url("../fonts/Overpass-Black.woff") format("woff"), url("../fonts/Overpass-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Credit Card";
  src: url("../fonts/CreditCard.eot");
  src: url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"), url("../fonts/CreditCard.woff2") format("woff2"), url("../fonts/CreditCard.woff") format("woff"), url("../fonts/CreditCard.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.blackPage h1,
.blackPage h3.title {
  color: #fff;
}
.blackPage .proItem {
  background: #303030;
}
.blackPage .proItem .text h2,
.blackPage .proItem .text h2 a {
  color: #fff;
}
.blackPage .proItem .text h2:hover,
.blackPage .proItem .text h2 a:hover {
  color: #00e1ff;
}
.blackPage .proItem .text h3 {
  color: #00e1ff;
}
.blackPage .proItem .money sub,
.blackPage .proItem .money u,
.blackPage .proItem .money span {
  color: #fff;
}
.blackPage .proItem .buttons a {
  color: #242729 !important;
}
.blackPage .proItem .buttons a:hover {
  border-color: #fff !important;
  background: #1B1E1F !important;
  color: #fff !important;
}
.blackPage .proItem .buttons .nblue {
  background: #00e1ff !important;
}
.blackPage .proItem .buttons .blue {
  background: #fff !important;
}

.related-h1 {
  font: 21px overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  margin: 5px !important;
}

.moreButton.text-center {
  margin: 0 0 1.5rem 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .moreButton.text-center a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1180px) {
  .moreButton.text-center {
    opacity: 1 !important;
    -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
            transform: translateY(0) !important;
  }
}
.moreButton.text-center.active {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.listing {
  display: inline-block;
  width: 100%;
}
.listing .allListing {
  -webkit-transition: 0.3s;
  transition: 0.3s; /*opacity:0;transform: translateY(50px);*/
}
@media only screen and (min-width: 2000px) {
  .listing .allListing:nth-child(2), .listing .allListing:nth-child(3) {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.listing .allListing.active {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.listing .allListing:first-child {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.listing .allListing:first-child .proItem {
  margin-top: 0;
}

.proItem {
  margin: 25px 0;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
  padding: 20px 50px;
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .proItem .col-4 {
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    max-width: 30%;
  }
  .proItem .col-8 {
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    max-width: 70%;
  }
}
.proItem .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.proItem .texts {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 100px;
}
@media only screen and (max-width: 767px) {
  .proItem .texts {
    max-height: inherit;
    display: block;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .proItem {
    padding: 30px;
  }
  .proItem .texts {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    max-height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem {
    position: relative;
    padding: 25px;
  }
  .proItem .col-md-7 {
    position: initial !important;
  }
  .proItem .col-8,
  .proItem .col-4 {
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    max-width: 100%;
    position: initial !important;
  }
}
.proItem:nth-child(2) {
  margin-top: 0;
}
.proItem picture {
  height: 330px;
}
.proItem picture:hover img {
  -webkit-transition: 0.1s cubic-bezier(0.41, 0.75, 0.41, 0.74);
  transition: 0.1s cubic-bezier(0.41, 0.75, 0.41, 0.74);
  -webkit-transform: scale(1.08);
      -ms-transform: scale(1.08);
          transform: scale(1.08);
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .proItem picture {
    height: 175px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem picture {
    height: 160px;
    margin-bottom: 20px;
  }
}
.proItem picture img {
  -webkit-transition: 0.1s cubic-bezier(0.41, 0.75, 0.41, 0.74);
  transition: 0.1s cubic-bezier(0.41, 0.75, 0.41, 0.74);
  max-height: 100%;
  display: block;
  margin: 0 auto;
}
.proItem picture a {
  display: block;
  text-align: center;
  margin: 0 auto;
}
.proItem picture .giftBag {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 3%;
  right: 7%;
  border-radius: 50%;
}
@media only screen and (min-width: 1201px) and (max-width: 1599px) {
  .proItem picture .giftBag {
    top: 2%;
    right: 5%;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .proItem picture .giftBag {
    width: 75px;
    height: 75px;
    top: -18%;
    right: -3%;
  }
}
@media only screen and (max-width: 767px) {
  .proItem picture .giftBag {
    width: 75px;
    height: 75px;
    top: 3%;
    right: 6%;
  }
}
.proItem picture .giftSecond {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 35%;
  right: 7%;
  border-radius: 50%;
}
@media only screen and (min-width: 1201px) and (max-width: 1599px) {
  .proItem picture .giftSecond {
    top: 32%;
    right: 5%;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .proItem picture .giftSecond {
    width: 75px;
    height: 75px;
    top: 20%;
    right: -3%;
  }
}
@media only screen and (max-width: 767px) {
  .proItem picture .giftSecond {
    width: 75px;
    height: 75px;
    top: 20%;
    right: 6%;
  }
}
.proItem .text h2,
.proItem .text h2 a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font: 26px/28px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #1B1E1F;
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .proItem .text h2,
  .proItem .text h2 a {
    font: 23px/26px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .proItem .text h2,
  .proItem .text h2 a {
    font-size: 18px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .text h2,
  .proItem .text h2 a {
    font-size: 19px;
    line-height: 20px;
  }
}
.proItem .text h2:hover,
.proItem .text h2 a:hover {
  color: #0080BB;
}
.proItem .text h3 {
  font: 27px/30px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #0080BB;
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .proItem .text h3 {
    font-size: 20px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .proItem .text h3 {
    font-size: 22px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .text h3 {
    font-size: 20px;
    line-height: 26px;
  }
}
.proItem .text p {
  font-size: 17px;
}
@media only screen and (min-width: 1px) and (max-width: 1023px) {
  .proItem .text p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .proItem .text p {
    font-size: 13px;
  }
}
.proItem .all {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .proItem .all {
    text-align: center;
  }
}
.proItem .money {
  position: relative;
  padding-right: 80px;
}
.proItem .money.noDiscount {
  padding-right: 0 !important;
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .proItem .money {
    padding-right: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .money {
    padding-right: 60px;
    display: inline-block;
    text-align: right;
    margin-bottom: 20px;
  }
  .proItem .money small {
    font-size: 15px !important;
  }
  .proItem .money span {
    font-size: 19px !important;
  }
}
.proItem .money small {
  font-size: 20px;
  color: #8f8f8f;
  display: block;
  text-decoration: line-through;
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .proItem .money small {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .proItem .money small {
    font-size: 20px;
  }
}
.proItem .money span {
  font: 26px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin: -7px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  white-space: nowrap;
}
.proItem .money span sub {
  margin: 0 0 0 5px;
  color: #0080bb;
  font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .proItem .money span sub {
    font-size: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .money span sub {
    font-size: 13px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .proItem .money span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .proItem .money span {
    font-size: 22px;
  }
}
.proItem .money u {
  text-decoration: none;
  display: block;
  color: #0080bb;
  font-size: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .proItem .money u {
    font-size: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .money u {
    font-size: 13px;
  }
}
.proItem .money i {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-60%);
      -ms-transform: translateY(-60%);
          transform: translateY(-60%);
  font: 25px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-flex-align: center;
  font-style: normal;
  width: 60px;
  display: block;
  text-align: center;
  height: 55px;
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .proItem .money i {
    width: 45px;
    height: 40px;
    font-size: 17px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .proItem .money i {
    width: 45px;
    height: 40px;
    font-size: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .money i {
    width: 45px;
    height: 40px;
    font-size: 17px;
  }
}
.proItem .money i b {
  font-weight: 100;
  background: #eb452b;
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.proItem .money i:before {
  content: "";
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 12px solid #eb452b;
  position: absolute;
  bottom: -12px;
  left: 0;
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .proItem .money i:before {
    border-left: 23px solid transparent;
    border-right: 23px solid transparent;
    border-top: 7px solid #eb452b;
    bottom: -7px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .money i:before {
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 8px solid #eb452b;
    bottom: -8px;
  }
}
.proItem .buttons {
  padding-left: 50px;
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .proItem .buttons {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .proItem .buttons {
    margin-top: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-top: 0 !important;
  }
  .proItem .buttons a {
    min-width: auto !important;
    width: 100%;
  }
  .proItem .buttons a:first-child {
    margin: 0 5px 0 0 !important;
  }
  .proItem .buttons a:last-child {
    margin: 0 0 0 5px !important;
  }
}
.proItem .buttons a {
  margin: 5px 0;
  width: 100%;
  padding: 10px 12px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .proItem .buttons a {
    margin: 3px 0;
    font-size: 16px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .proItem .buttons a {
    min-width: 100%;
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .proItem .buttons a {
    font-size: 12px !important;
  }
}
.proItem .buttons a:first-child {
  margin-top: 0;
}
.proItem .buttons a:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #fff !important;
  color: #1B1E1F !important;
  border-color: #1B1E1F !important;
}
@media only screen and (min-width: 1201px) {
  .proItem img.h-85 {
    height: 85% !important;
  }
}

@media only screen and (max-width: 1180px) {
  .allListing {
    opacity: 1 !important;
    -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
            transform: translateY(0) !important;
  }
  .allListing picture {
    top: 0 !important;
  }
}
.listPage:last-child .allListing:first-child .proItem {
  margin-top: 0;
}

span.new {
  width: auto;
  height: 28px;
  background: url(../images/blue-new-2.png) no-repeat;
  background-size: cover;
  font: 13px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #fff;
  padding: 4px 22px 4px 8px;
  position: relative;
  top: -3px;
  display: inline;
  margin-left: 5px;
  background-size: cover !important;
  background-position: right center !important;
  line-height: inherit !important;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  span.new {
    display: none;
  }
  span.new.mobileActive {
    display: table !important;
    margin: -15px 0 -10px -30px !important;
  }
}
@media only screen and (max-width: 767px) {
  span.new {
    display: none;
  }
  span.new.mobileActive {
    display: table !important;
    margin: -10px 0 11px -25px !important;
  }
}
span.new.campaign-badge {
  background: url(../images/blue-new-3.png) no-repeat;
}

.windowsPro {
  width: 100%;
  text-align: right;
}
@media only screen and (max-width: 340px) {
  .windowsPro {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .windowsPro {
    text-align: left;
    margin-top: 5px;
  }
}
.windowsPro a {
  display: inline-block;
}
.windowsPro img {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 260px;
}

.titleFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 10px;
}
.titleFlex h1 {
  width: 100%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 767px) {
  .mobileNoFlex {
    display: inline-block;
    width: 100%;
  }
}

.proItem.bg-white.seoText:last-child {
  margin-bottom: 0 !important;
}

.proItem.bg-white.seoText:nth-child(3) {
  margin-top: 0 !important;
}

@media only screen and (max-width: 767px) {
  .seoSeriesList .more ul {
    overflow: scroll;
    scrollbar-width: none;
  }
  .seoSeriesList .more ul li {
    text-wrap: nowrap;
  }
}

.seoText {
  font-size: 14px;
  margin-top: 25px !important;
  padding: 25px;
}
@media only screen and (max-width: 767px) {
  .seoText {
    padding: 25px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .seoText {
    font-size: 13px;
    padding: 30px;
  }
}
.seoText h1,
.seoText h3,
.seoText h4,
.seoText h5,
.seoText h6 {
  font-size: 15px;
}
.seoText h2 {
  font-size: 20px;
}
.seoText p {
  font-size: 14px;
}
.seoText p small {
  display: block;
  font-size: 14px !important;
}
.seoText p.limited, .seoText p:last-child {
  margin-bottom: 0;
}
.seoText a {
  color: #00A7E0;
}
.seoText ul {
  padding: 0 18px;
  margin: 0;
}
.seoText ul li {
  font-size: 14px;
  padding: 2px 0;
}

@media only screen and (max-width: 1200px) {
  body {
    overflow: auto !important;
  }
  picture {
    -webkit-transform: inherit !important;
        -ms-transform: inherit !important;
            transform: inherit !important;
  }
}
.titleAndSelect {
  margin: 0 0 -25px 0;
  padding: 8px 0;
}
@media only screen and (max-width: 767px) {
  .titleAndSelect {
    margin: 0 0 -15px 0;
  }
}
.titleAndSelect a.mores {
  float: right;
  font-size: 15px;
  padding: 4px 15px !important;
}
@media only screen and (min-width: 601px) {
  .titleAndSelect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .titleAndSelect .float-md-right {
    width: 250px;
  }
  .titleAndSelect .float-md-left {
    width: calc(100% - 250px);
  }
}
.titleAndSelect .breadcrumb {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 600px) {
  .titleAndSelect .float-md-left {
    width: 100%;
  }
  .titleAndSelect .float-md-right {
    width: 100%;
    padding-top: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .titleAndSelect .float-md-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}@charset "UTF-8";
@font-face {
  font-family: "overpass-semibold";
  src: url("../fonts/overpass-semibold.woff2") format("woff2"), url("../fonts/overpass-semibold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "overpass-bold";
  src: url("../fonts/overpass-bold.woff2") format("woff2"), url("../fonts/overpass-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "overpass-light";
  src: url("../fonts/overpass-light.woff2") format("woff2"), url("../fonts/overpass-light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "overpass-regular";
  src: url("../fonts/overpass-regular.woff2") format("woff2"), url("../fonts/overpass-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "overpass-black";
  src: url("../fonts/Overpass-Black.eot");
  src: url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Black.woff2") format("woff2"), url("../fonts/Overpass-Black.woff") format("woff"), url("../fonts/Overpass-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Credit Card";
  src: url("../fonts/CreditCard.eot");
  src: url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"), url("../fonts/CreditCard.woff2") format("woff2"), url("../fonts/CreditCard.woff") format("woff"), url("../fonts/CreditCard.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.breadcrumb ul li.active a {
  color: #00e0fe !important;
}

.builderContent {
  background: url(../images/stepBottomExcalibur.png) #303030 no-repeat bottom !important;
}
@media only screen and (max-width: 767px) {
  .builderContent {
    background: #303030 !important;
  }
}

.stepDetail .sub ul li.active a i,
.stepDetail .sub ul li a:hover i {
  color: #242729 !important;
}

.stepDetail .sub ul li a {
  background: #191919;
  border-color: #191919;
}

.stepDetail .sub ul li a i {
  color: #00e1ff;
}

.stepBar ul li span {
  background: #191919;
  border: none !important;
  color: #fff !important;
}

.stepBar ul li.okeyStep i.fal {
  background: #191919;
  border: none !important;
  color: #fff !important;
}

.stepBar:before {
  background: #191919;
}

.allStep h2,
.allStep h3 {
  color: #fff;
}

.stepBar ul li a i.text {
  color: #fff;
}

.stepBar ul li.active a span,
.stepBar ul li a:hover span {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-color: #4784f2;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(0, 225, 255)), to(rgb(83, 117, 240)));
  background-image: linear-gradient(90deg, rgb(0, 225, 255) 0%, rgb(83, 117, 240) 100%);
  color: #fff !important;
}

.stepDetail .sub ul li.active a,
.stepDetail .sub ul li a:hover {
  background: #00e1ff;
  border-color: #00e1ff;
  color: #242729 !important;
}
.stepDetail .sub ul li.active a span,
.stepDetail .sub ul li a:hover span {
  color: #242729 !important;
}

span {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.stepPage .moreBox a,
.stepPage .moreBox button {
  background: #00e1ff !important;
  color: #242729 !important;
  border-color: #00e1ff !important;
}
.stepPage .moreBox a.disabled,
.stepPage .moreBox button.disabled {
  border-color: #e9e9e9 !important;
  pointer-events: none;
  color: #e1e1e1 !important;
  background: #fff !important;
}

.stepPage .moreBox a:hover,
.stepPage .moreBox button:hover {
  border-color: #1b1e1f !important;
  background: #1b1e1f !important;
  color: #fff !important;
}

.modalType .modalContent::-webkit-scrollbar,
.bundlePage::-webkit-scrollbar {
  width: 8px;
}
.modalType .modalContent::-webkit-scrollbar-track,
.bundlePage::-webkit-scrollbar-track {
  background: #3e3e3e !important;
  border: 1px solid #3e3e3e !important;
}
.modalType .modalContent::-webkit-scrollbar-thumb,
.bundlePage::-webkit-scrollbar-thumb {
  background-color: #5d5d5d !important;
}

body {
  background: #191919;
  /*HEADER*/
  /*HEADER*/
  /*FOOTER*/
  /*FOOTER*/
  /*ACCORDİON*/
  /*ACCORDİON*/
  /*PRODUCTDETAIL*/
  /*PRODUCTDETAIL*/
  /*BREADCRUMB*/
  /*BREADCRUMB*/
  /*FANCYBOX*/
  /*FANCYBOX*/
}
body::-webkit-scrollbar {
  width: 14px;
}
body::-webkit-scrollbar-track {
  background: #303030;
  border: 1px solid #000000;
}
body::-webkit-scrollbar-thumb {
  background-color: #000000;
}
body span.new:before {
  border-right: 12px solid #303030 !important;
}
body .configuration.loading {
  background: rgba(0, 0, 0, 0.631372549);
}
body .basketBar {
  background: #303030;
}
body .basketBar .preOrderText {
  color: #00e1ff !important;
}
body .basketBar .preOrderText strong {
  color: #fff !important;
}
body .basketBar .total * {
  color: #fff;
}
body .basketBar .title {
  border-color: #4a4a4a !important;
}
body .basketBar .title .closes {
  color: #707070 !important;
}
body .basketBar .title h5,
body .basketBar .title p {
  background: url(../images/basket.svg) no-repeat left center;
  color: #fff !important;
}
body .basketBar .basketList {
  border-color: #4a4a4a !important;
}
body .basketBar .basketList > span {
  color: #fff !important;
}
body .basketBar .basketList .numbers sub {
  color: #fff !important;
}
body .basketBar .basketList .numbers-row .dec,
body .basketBar .basketList .numbers-row .inc {
  color: #fff;
}
body .basketBar .basketList .numbers-row input {
  background: #303030;
  color: #fff;
}
body .basketBar .basketList .money span {
  color: #fff !important;
}
body .basketBar .basketList .name span {
  color: #fff !important;
}
body .basketBar .basketList .name h4 {
  color: #fff !important;
}
body .modalType.miniModalBox .d-flex {
  border-color: #2f3132;
}
body .modalType.miniModalBox .modalContent {
  background: #303030;
}
body .modalType.miniModalBox .modalContent .modalTitle {
  border-color: #2f3132;
}
body .modalType.miniModalBox .modalContent .modalTitle h4 {
  color: #fff;
}
body .modalType.miniModalBox .modalContent .cont {
  color: #fff;
}
body .modalType.miniModalBox .modalContent .cont p {
  color: #fff;
}
body header {
  background: #000000;
  border-color: #4a4a4a;
}
body header .headerBasket i.basket {
  background-position: -63px 0;
}
body header .headerBasket small {
  background: #00E1FF;
  color: #1B1E1F;
}
body header .headerBasket span {
  color: #fff;
}
body header .logo a {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  transform: translateY(-40%);
}
body header .allHeader {
  border-color: #4a4a4a;
}
body header .topMenu ul li mp:hover,
body header .topMenu ul li a:hover {
  color: #00E1FF !important;
}
body header .topMenu mp,
body header .topMenu a {
  color: #fff !important;
}
body header .allMenu {
  border-color: #4a4a4a !important;
}
body header .search i {
  color: #fff;
}
body header .search input[type=text] {
  color: #fff;
  background: #5f5f5f;
  border-color: #5f5f5f;
}
body header .search input[type=text]::-webkit-input-placeholder {
  color: #fff;
}
body header .search input[type=text]:-ms-input-placeholder {
  color: #fff;
}
body header .search input[type=text]::-moz-placeholder {
  color: #fff;
}
body header .search input[type=text]::-ms-input-placeholder {
  color: #fff;
}
body header .search input[type=text]::placeholder {
  color: #fff;
}
body header .topMenu:after {
  background: #4a4a4a;
}
body header .menu:before {
  background: #000000;
}
body header .menu ul li:hover > a, body header .menu ul li.active > a {
  color: #00E1FF !important;
}
body header .menu ul li a {
  color: #fff;
}
body header .menu ul li a:before {
  background-color: #000000 !important;
  border-color: #4a4a4a;
}
body header .menu ul li .submenu {
  background-color: #000000 !important;
  border-color: #4a4a4a;
}
body header .menu ul li .submenu li:hover a {
  color: #00e1ff;
}
body .basketBar .total {
  border-color: #4a4a4a !important;
}
body footer .footerbg {
  background: #000000 !important;
}
body footer .footerFeatures .col .ico i {
  color: #00E1FF !important;
}
body footer .footerFeatures .col:first-child .ico {
  background-position: 0 -70px !important;
}
body footer .footerFeatures .col:nth-child(2) .ico {
  background-position: -263px -73px !important;
}
body footer .footerFeatures .col:nth-child(3) .ico {
  background-position: -524px -71px !important;
}
body footer .footerFeatures .col:nth-child(4) .ico {
  background-position: -756px -71px !important;
}
body footer .footerFeatures .col:nth-child(5) .ico {
  background-position: -1010px -72px !important;
}
body footer .copy a {
  color: #d1d1d1 !important;
}
body footer .social li a {
  background: url(../images/footer-ico-excalibur.svg) no-repeat !important;
  background-size: cover !important;
}
body footer .rightFooter .item > a > i {
  color: #00E1FF !important;
}
body footer .footerList * {
  color: #fff !important;
}
body .accordion .card-body {
  color: #fff !important;
}
body .accordion .card-header * {
  color: #fff !important;
}
body .productDetailNew {
  background: #303030;
}
body .productDetailNew .newComment a {
  color: #fff !important;
}
body .productDetailNew .newComment a:hover {
  background: #2b3484;
}
body .productDetailNew .nameFirst {
  background: #191919 !important;
}
body .productDetailNew .nameFirst i {
  color: #fff !important;
}
body .productDetailNew .people,
body .productDetailNew .comText,
body .productDetailNew .comText p {
  color: #fff !important;
}
body .productDetailNew .topComment span,
body .productDetailNew .topComment small,
body .productDetailNew .topComment h3 {
  color: #fff !important;
}
body .productDetailNew .productFix span,
body .productDetailNew .productFix small,
body .productDetailNew .productFix .installments {
  color: #fff !important;
}
body .productFeatured .name > h3 {
  color: #fff !important;
}
body span.new {
  background: url(../images/excalibur-new-2.png) no-repeat right center !important;
  color: #1b1e1f !important;
}
body .videoName {
  color: #fff !important;
}
body .breadcrumb-And-Sidebar {
  background: #000000;
}
body .breadcrumb-And-Sidebar .d-block,
body .breadcrumb-And-Sidebar .d-flex {
  border-color: #4a4a4a;
}
body .breadcrumb {
  background: transparent;
}
body .breadcrumb li {
  color: #8f8f8f;
}
body .breadcrumb li a {
  color: #8f8f8f;
}
body .breadcrumb li a:hover {
  color: #00E1FF;
}
body .rightBanner h1,
body .rightBanner h2,
body .rightBanner h3,
body .rightBanner h4,
body .rightBanner h5 {
  color: #fff !important;
}
body .page-content {
  background: #000000;
}
body .page-content span,
body .page-content h1,
body .page-content h2,
body .page-content h3,
body .page-content h4,
body .page-content h5 {
  color: #fff !important;
}
body .configurePage {
  background: #303030;
}
body .configurePage .rightProduct .buttons a {
  background: #00E1FF !important;
  color: #1B1E1F !important;
}
body .configurePage .rightProduct .buttons a:hover {
  border-color: #fff !important;
  background: #1B1E1F !important;
  color: #fff !important;
}
body .configurePage tr {
  background: #303030 !important;
  color: #fff !important;
  border-color: #4a4a4a !important;
}
body .configurePage .share .shareList span,
body .configurePage .rightProduct .selected ul,
body .configurePage .rightProduct .item .text span,
body .configurePage .rightProduct .item .text h4 {
  color: #fff !important;
}
body .configurePage .rightProduct ul:after {
  background: #000 !important;
}
body .detailContent {
  background: #000 !important;
}
body .detailContent .pageBankList tr,
body .detailContent .pageBankList td,
body .detailContent .technicalTable tr,
body .detailContent .technicalTable td {
  border-color: #4a4a4a !important;
}
body .detailContent .pageBankList *,
body .detailContent .technicalTable * {
  color: #fff !important;
}
body .fancybox-bg {
  background: #191919 !important;
}
body .fancybox-thumbs {
  border-color: #4a4a4a !important;
  background: #191919 !important;
}
body .fancybox-thumbs__list a {
  background-color: #191919 !important;
  border-color: #444 !important;
}
body .fancybox-thumbs__list a.fancybox-thumbs-active {
  border-color: #a1a1a1 !important;
}
body .name span {
  color: #fff;
}
body .installment {
  color: #fff;
}
body .compare label {
  color: #fff;
}
body .productListing .item,
body .productListing .productItem {
  background-color: #303030 !important;
}
body .productListing .item > span,
body .productListing .productItem > span {
  color: #fff !important;
}
body .productListing .item ul li,
body .productListing .productItem ul li {
  color: #d1d1d1 !important;
}
body .moneys span {
  color: #1B1E1F;
}
body p {
  color: #fff !important;
}
body h5,
body h4,
body h3,
body h2,
body .h5,
body .h4,
body .h2,
body .h3 {
  color: #00E1FF !important;
}
body .money span {
  color: #fff !important;
}
body .money .item-gift {
  background: #eb452b;
  color: #fff !important;
  border-radius: 5px;
  padding: 4px 10px !important;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: bold;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  max-width: 60px;
}
body .tabPage {
  border-color: #4a4a4a !important;
}
body .tabPage li.active a:after {
  background-color: #00E1FF !important;
}
body .tabPage li.active a,
body .tabPage li:hover a {
  color: #00E1FF !important;
}
body .tabPage a {
  color: #8f8f8f !important;
}
body .tabPage a.btn {
  background: #00E1FF !important;
  color: #1B1E1F !important;
}
body .tabPage a.btn:hover {
  border-color: #fff !important;
  background: #1B1E1F !important;
  color: #fff !important;
}
body .p-gallery .slick-current picture {
  border-color: #a1a1a1 !important;
}
body .p-gallery picture {
  border-color: #444444 !important;
}
body h2.title {
  color: #fff !important;
}
body .blogList .item {
  background: #303030;
}
body .blogList .item:hover small,
body .blogList .item:hover span {
  color: #00E1FF !important;
}
body .blogList .item small {
  color: #fff;
}
body .blogList .item span {
  color: #fff;
}
body .bgImages:before {
  display: none !important;
}
body .miniText {
  position: absolute;
  left: 50%;
  margin-left: -3vh;
  max-width: 420px;
  -webkit-transform: translateY(-150px);
  -ms-transform: translateY(-150px);
  transform: translateY(-150px);
}
body .basketTop a.active:after {
  background-position: -36px -27px !important;
}
body .basketTop a span {
  color: #fff !important;
}
body .basketTop a:after {
  background-position: 4px -27px !important;
}
body .textBig .blue:hover {
  border-color: #fff !important;
  color: #fff !important;
  background: #1B1E1F !important;
}
body .textBig .nblue {
  background: #00E1FF !important;
  color: #1B1E1F !important;
}
body .textBig .nblue:hover {
  background: #1B1E1F !important;
  color: #fff !important;
  border-color: #fff !important;
}
body .bg-white {
  background-color: #303030 !important;
}
body .sidebar .item {
  border-bottom-color: #4a4a4a !important;
}
body .sidebar span {
  color: #fff !important;
}
body .sidebar span:before, body .sidebar span:after {
  color: #fff !important;
}
body .sidebar ul li {
  color: #fff !important;
}
body .sidebar ul li a {
  color: #fff !important;
}
body .titleAndSelect .dropdown-menu {
  background: #303030 !important;
}
body .titleAndSelect .dropdown-menu ul li a span {
  color: #fff;
}
body .titleAndSelect .justStok label {
  color: white;
}
body .titleAndSelect .select-head {
  background: #303030 !important;
}
body .titleAndSelect .select-head ul {
  background: #303030 !important;
}
body .titleAndSelect .select-head ul li {
  color: #fff !important;
}
body .titleAndSelect .select-head a,
body .titleAndSelect .select-head button,
body .titleAndSelect .select-head i {
  color: #fff;
}
body .titleAndSelect .select-head a:before,
body .titleAndSelect .select-head button:before {
  color: #fff !important;
}
body .seriBigDetail {
  background: #303030;
}
body .seriBigDetail .money sub,
body .seriBigDetail .money u {
  color: #fff !important;
}
body .seriBigDetail h1,
body .seriBigDetail h2,
body .seriBigDetail h3 {
  color: #00E1FF !important;
}
body .seriBigDetail .installment a,
body .seriBigDetail .installment button {
  color: #00E1FF !important;
}
body .itemGroup {
  background-color: #000000;
}
body .itemGroup h1,
body .itemGroup h2,
body .itemGroup h3,
body .itemGroup h4,
body .itemGroup h5 {
  color: #00E1FF !important;
}
body .itemGroup.bgBlue, body .itemGroup.bgBlack, body .itemGroup.bgWhite {
  background-color: #000000;
}

.productFeatured .item .text .compare label input:before,
.sidebar.filter ul li label input:before {
  background: #00E1FF;
}

.link a,
.basketBar .basketList .images a,
.productFeatured .item .text .installment a,
.productFeatured .item .text .installment button,
.productFeatured .item .cargoContainer .installment a,
.productFeatured .item .cargoContainer .installment button,
.productFeatured .productItem .cargoContainer .installment a,
.productFeatured .productItem .cargoContainer .installment button,
.productFeatured .item .text > ul li a,
.productFeatured .item .text > ul li button,
.productFeatured .item .featureContainer > a,
.productFeatured .item .featureContainer > button,
.productFeatured .productItem .featureContainer > a {
  color: #00E1FF !important;
}

.pages .submit button,
.pages .submit input[type=submit],
.page-content .submit button,
.page-content .submit input[type=submit],
.mcmodal .submit button,
.mcmodal .submit input[type=submit],
.modalContent .submit button,
.modalContent .submit input[type=submit],
.modalType.alernative .basketPage .item .right .all .buttons a,
.basketBar .mores.nblue,
.productFeatured .item .text .buttons .d-flex a.blue,
.productFeatured .item .buttonContainer .buttons .d-flex a.blue,
.productFeatured .productItem .buttonContainer .buttons .d-flex a.blue,
.productFeatured .item .text .buttons .d-flex button.blue,
.productFeatured .item .buttonContainer .buttons .d-flex button.blue,
.productFeatured .productItem .buttonContainer .buttons .d-flex button.blue {
  background: #00E1FF !important;
  color: #1B1E1F !important;
}
.pages .submit button:hover,
.pages .submit input[type=submit]:hover,
.page-content .submit button:hover,
.page-content .submit input[type=submit]:hover,
.mcmodal .submit button:hover,
.mcmodal .submit input[type=submit]:hover,
.modalContent .submit button:hover,
.modalContent .submit input[type=submit]:hover,
.modalType.alernative .basketPage .item .right .all .buttons a:hover,
.basketBar .mores.nblue:hover,
.productFeatured .item .text .buttons .d-flex a.blue:hover,
.productFeatured .item .buttonContainer .buttons .d-flex a.blue:hover,
.productFeatured .productItem .buttonContainer .buttons .d-flex a.blue:hover,
.productFeatured .item .text .buttons .d-flex button.blue:hover,
.productFeatured .item .buttonContainer .buttons .d-flex button.blue:hover,
.productFeatured .productItem .buttonContainer .buttons .d-flex button.blue:hover {
  border-color: #fff !important;
  background: #1B1E1F !important;
  color: #fff !important;
}

.productFeatured .item .text .buttons .d-flex a.nblue,
.productFeatured .item .buttonContainer .buttons .d-flex a.nblue,
.productFeatured .productItem .buttonContainer .buttons .d-flex a.nblue,
.productFeatured .item .text .buttons .d-flex button.nblue,
.productFeatured .item .buttonContainer .buttons .d-flex button.nblue,
.productFeatured .productItem .buttonContainer .buttons .d-flex button.nblue {
  background: #fff !important;
  color: #242729 !important;
}
.productFeatured .item .text .buttons .d-flex a.nblue:hover,
.productFeatured .item .buttonContainer .buttons .d-flex a.nblue:hover,
.productFeatured .productItem .buttonContainer .buttons .d-flex a.nblue:hover,
.productFeatured .item .text .buttons .d-flex button.nblue:hover,
.productFeatured .item .buttonContainer .buttons .d-flex button.nblue:hover,
.productFeatured .productItem .buttonContainer .buttons .d-flex button.nblue:hover {
  border-color: #fff !important;
  background: #1B1E1F !important;
  color: #fff !important;
}

h1.title,
h3.title {
  color: #fff !important;
}

.breadcrumb-And-Sidebar {
  background: #191919;
}

ul.pagination li {
  background: #303030;
}
ul.pagination li i,
ul.pagination li span,
ul.pagination li a {
  color: #fff !important;
}

.sidebar.filter ul li.active a,
.sidebar.filter ul li:hover a {
  color: #00E1FF !important;
}

.videoImage i {
  color: #1B1E1F !important;
}

@media only screen and (max-width: 767px) {
  .titleAndSelect .selects {
    background: #303030;
  }
}

.sidebarCol .item {
  background: #303030;
}

.closeButtons {
  background: #303030;
  color: #fff;
}

.container-fluid {
  background: none !important;
}

@media only screen and (max-width: 1023px) {
  header i.basket {
    background-position: -45px 0 !important;
  }
  header .topButton a i,
  header .search .icon i {
    color: #00E1FF !important;
  }
  header i.basket small {
    background: #00E1FF !important;
    color: #000000 !important;
  }
}
.mobileBtn span {
  background: #00E1FF !important;
}

header #panel {
  background: #000000;
  -webkit-box-shadow: inherit !important;
  box-shadow: inherit !important;
  border-color: #4a4a4a !important;
}
header #panel span,
header #panel a {
  color: #fff !important;
}
header #panel li.back {
  color: #00E1FF !important;
}
header #panel li.back i {
  color: #00E1FF !important;
}
header #panel .mobileMenu ul li ul {
  background: #000000;
}

.configureList table .money i {
  color: #00E1FF !important;
}

.configureList table input[type=radio]:after {
  background: #00E1FF !important;
}

.tabFixed .tabPage h1 {
  color: #8f8f8f !important;
}

.modalType .modalTitle {
  border-color: #4a4a4a !important;
  color: #fff !important;
}
.modalType .modalTitle * {
  color: #fff !important;
}
.modalType .modalTitle button i {
  color: #707070 !important;
}

.commentsList .comList {
  border-color: #4a4a4a !important;
}

.mobileActive span {
  color: #fff !important;
}
.mobileActive span i {
  color: #fff !important;
  opacity: 1 !important;
}

.close button {
  color: #707070 !important;
}

.rightProduct .blue {
  background: #fff !important;
  color: #242729 !important;
}
.rightProduct .blue:hover {
  border-color: #fff !important;
  color: #fff !important;
  background: #1B1E1F !important;
}
.rightProduct .blue span {
  color: #242729 !important;
}
.rightProduct .nblue {
  background: #00E1FF !important;
  color: #242729 !important;
  border: 2px solid transparent;
}
.rightProduct .nblue:hover {
  border-color: #fff !important;
  color: #fff !important;
  background: #1B1E1F !important;
}

.productFix h4,
.productFix .h4,
.productFix h5,
.productFix .h5 {
  color: #00E1FF !important;
}
.productFix span {
  color: #fff;
}
.productFix .moneys span {
  color: #fff;
}
.productFix .moneys span sub {
  color: #fff;
}
.productFix .moneys u {
  color: #fff;
}
.productFix .installments {
  color: #fff;
}
.productFix .installments a {
  color: #00E1FF !important;
}
.productFix .blue:hover {
  border-color: #fff !important;
  color: #fff !important;
  background: #1B1E1F !important;
}
.productFix .blue:hover span {
  color: #fff !important;
}
.productFix .blue span {
  color: #242729 !important;
}
.productFix .buyBlue {
  background: #00E1FF !important;
  color: #242729 !important;
  border: 2px solid transparent;
}
.productFix .buyBlue:hover {
  border-color: #fff !important;
  color: #fff !important;
  background: #1B1E1F !important;
}
.productFix .nblue {
  background: #00E1FF !important;
  color: #242729 !important;
  border: 2px solid transparent;
}
.productFix .nblue:hover {
  border-color: #fff !important;
  color: #fff !important;
  background: #1B1E1F !important;
}

.modalType .modalContent {
  background: #303030;
}
.modalType .modalContent .nav-tabs {
  border-color: #4a4a4a;
}
.modalType .modalContent .nav-tabs:before, .modalType .modalContent .nav-tabs:after {
  background: #4a4a4a;
}
.modalType .modalContent .nav-tabs li a {
  background: #303030;
  color: #fff;
}
.modalType .modalContent .nav-tabs li a:after {
  background: #00E1FF;
}
.modalType .modalContent .nav-tabs li a.active {
  color: #00E1FF;
}
.modalType .modalContent .technicalTable table tr td {
  color: #fff;
  border-color: #4a4a4a;
}

.listingBank .itemBank {
  border-color: #4a4a4a !important;
  background: #303030;
}
.listingBank table tr {
  border-color: #4a4a4a !important;
}
.listingBank table tr th {
  background: transparent !important;
  color: #fff !important;
}

.miniModalBox .d-flex,
.miniModalBox .modalTitle {
  border-color: #2f3132 !important;
}
.miniModalBox h4,
.miniModalBox p {
  color: #fff !important;
}

.loading3 {
  background: rgba(255, 255, 255, 0.0196078431) !important;
}

.loading2 {
  background: none !important;
}

.loading2 .loader2,
.loading2 .loader3,
.loading3 .loader2,
.loading3 .loader3 {
  color: #ffffff !important;
}

.notPage {
  background: #303030;
}
.notPage span {
  color: #fff;
}

.mobileProductTop h4,
.mobileProductTop span {
  color: #fff !important;
}

@media only screen and (max-width: 1023px) {
  .rightProduct .d-block {
    background: #000000 !important;
    border-top: 1px solid #1b1b1b;
  }
}

*::-moz-selection {
  background: #00E1FF !important;
}

*::selection {
  background: #00E1FF !important;
}

*::-moz-selection {
  background: #00E1FF !important;
}

footer .footerMenuList .menu ul li a:hover {
  opacity: 0.7;
}

.mobileActive span,
.titleAndSelect .select-head ul li {
  border-color: #4a4a4a !important;
}

.modalContent .basketPage .item {
  border-color: #4a4a4a !important;
}
.modalContent .basketPage .item .name span,
.modalContent .basketPage .item .name h4 {
  color: #fff !important;
}
.modalContent .basketPage .item .text ul li {
  color: #fff !important;
}
.modalContent .basketPage .item .text ul li a {
  color: #00E1FF !important;
}
.modalContent .basketPage .item:last-child {
  border: none;
}

a.moreBtn {
  color: #00E1FF !important;
}

.titleAndSelect .justStok input:checked:before {
  background: #00E1FF !important;
}

.stock-item span,
.page-content label,
.mcmodal label,
.modalContent label {
  color: #fff !important;
}

.commentsList .topComment ul li.active i,
.commentsList .comList .comText ul li.active i,
.modalType .stock-item .text h4 {
  color: #00E1FF !important;
}

.bgBlue {
  background: #00E1FF !important;
  color: #1B1E1F !important;
}
.bgBlue:hover {
  border-color: #fff !important;
  background: #1B1E1F !important;
  color: #fff !important;
}

.carousel-indicators li.active {
  background: #00E1FF !important;
}

.tmp_11 .backImages picture img {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}

.accordion .card .card-header button:after,
.accordion .card .card-header button:before {
  background: #00E1FF !important;
}

ul.pagination li:hover a,
ul.pagination li:hover span,
ul.pagination li.active a,
ul.pagination li.active span {
  color: #00E1FF !important;
}

.heightAuto {
  border-color: #4a4a4a !important;
}

.compareList {
  background: #000 !important;
}
.compareList .mText {
  color: #fff !important;
}
.compareList .text h3,
.compareList .text span {
  color: #fff !important;
}

.submits button {
  background: #00e1ff !important;
  color: #1B1E1F !important;
}
.submits button small {
  color: #1B1E1F !important;
}
.submits button:hover {
  border-color: #fff !important;
  background: #000000 !important;
  color: #fff !important;
}

.miniTitle h5 {
  border-color: #4a4a4a !important;
}

#inlineModal .miniContent {
  background: #000 !important;
  color: #fff !important;
}

.share,
.rightProduct .selected ul {
  border-color: #4a4a4a !important;
}

.show-always {
  background: #000 !important;
}

.modalTitle {
  border-color: #4a4a4a !important;
  background: #303030 !important;
}
.modalTitle h4,
.modalTitle p {
  color: #fff !important;
}

.mcmodal.fancybox-content ul li,
.mcmodal.fancybox-content ol li {
  color: #fff !important;
}

.mcmodal.fancybox-content {
  background: #303030 !important;
}

.mcmodal.fancybox-content .fancybox-button svg {
  color: #fff !important;
}

.allBundle .miniTitle *,
.allBundle .text * {
  color: #fff !important;
}
.allBundle .bundleListing th,
.allBundle .bundleListing td,
.allBundle .otherBundleListing th,
.allBundle .otherBundleListing td {
  color: #fff !important;
}

.configurePart tr {
  border-color: #4a4a4a !important;
}
.configurePart i {
  color: #00E1FF !important;
}

input[type=checkbox]:before {
  background: #00E1FF !important;
}

.show-always .totalBar {
  color: #fff !important;
}

.show-always .buttonsBar .nblue {
  background: #00e1ff !important;
  color: #1B1E1F !important;
}
.show-always .buttonsBar .nblue span {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #1B1E1F !important;
}
.show-always .buttonsBar .nblue:hover {
  border-color: #fff !important;
  background: #1B1E1F !important;
  color: #fff !important;
}
.show-always .buttonsBar .nblue:hover span {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #fff !important;
}

.show-always .buttonsBar .blue {
  background: #fff !important;
  color: #1B1E1F !important;
}
.show-always .buttonsBar .blue span {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #1B1E1F !important;
}
.show-always .buttonsBar .blue:hover {
  border-color: #fff !important;
  background: #1B1E1F !important;
  color: #fff !important;
}
.show-always .buttonsBar .blue:hover span {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #fff !important;
}

.moreButton.text-center a {
  background: #00E1FF !important;
  color: #1B1E1F !important;
}
.moreButton.text-center a:hover {
  border-color: #fff !important;
  background: #1B1E1F !important;
  color: #fff !important;
}

.mobileFilterButton span,
.fixedButtonGroup ul li a {
  background: #00E1FF !important;
  color: #1B1E1F !important;
}

.mTitle,
.allBundle .productFix ul li {
  color: #fff;
  border-color: #4a4a4a !important;
}

.bundleTable input[type=radio]:before {
  background: #00E1FF;
}
.bundleTable th i {
  color: #00E1FF;
}
.bundleTable th,
.bundleTable tr,
.bundleTable td {
  color: #fff;
}

.bundlePage .bundleTable th i {
  color: #00E1FF !important;
}

.bundlePage .bundleTable td.text-right i {
  color: #fff !important;
}

.bundlePage {
  border-color: #3e3e3e !important;
}

.mobileFixedBar {
  background: #303030 !important;
}

.basketBar .item {
  border-color: #3e3e3e !important;
}

.loader3:before,
.loader2:before {
  background: url(../images/casperBlackTwo.png) no-repeat !important;
}

.mTitlePage {
  color: #fff;
}

.seoText p,
.seoText small {
  color: #fff !important;
}

@media only screen and (max-width: 1200px) {
  .productFeatured .productItem .smallScreenCargoContainer {
    min-height: 81px;
  }
}

.productFeatured .item .text .cargoBox ul li i,
.productFeatured .item .cargoContainer .cargoBox ul li i,
.productFeatured .productItem .cargoContainer .cargoBox ul li i {
  color: #00e1ff !important;
}

.productFeatured .item .text .cargoBox ul li a,
.productFeatured .item .cargoContainer .cargoBox ul li a,
.productFeatured .productItem .cargoContainer .cargoBox ul li a {
  color: #fff !important;
}

.productFeatured .item .cargoContainer .cargoBox ul li a,
.productFeatured .productItem .cargoContainer .cargoBox ul li,
.productFeatured .productItem .cargoContainer .cargoBox ul li a {
  color: #fff !important;
}

.differenceMoney {
  color: #00e1ff !important;
}

.surveyPage .surveyList form .form-group .form-check .form-check-label,
.surveyPage .surveyLastScreen .item .top span {
  color: #fff !important;
}

.surveyPage .surveyList form .form-group .form-check .form-check-label,
.surveyPage .surveyLastScreen .item {
  background: #303030 !important;
}

.surveyPage .surveyLastScreen .item .range {
  background: #fff !important;
}

.surveyPage .surveyList form .form-group .form-check input[type=radio]:before,
.surveyPage .surveyLastScreen .item .range i {
  background: #00e1ff !important;
}

.surveyPage .mText h2,
.surveyPage .text h1 {
  color: #00e1ff !important;
}

.surveyPage .surveyList form .form-group .form-check input[type=radio] {
  border-color: #00e1ff !important;
}

.allStepTwo .productBoxes .textBar .typeBox .item small {
  color: #00e1ff !important;
}

.allStepTwo .productBoxes .textBar .fullLink a {
  color: #00E1FF !important;
}

.allStepTwo .productBoxes .all .installment a {
  color: #00E1FF !important;
}
.allStepTwo .productBoxes .cargoBox ul li {
  color: #fff;
}
.allStepTwo .productBoxes .cargoBox ul li i {
  color: #00E1FF;
}
.allStepTwo .productBoxes .cargoBox ul li a {
  color: #fff !important;
}

.stepText {
  background: #191919;
  border-color: #191919;
}
.stepText h2 {
  color: #fff;
}
.stepText h2 i {
  color: #00E1FF;
}
.stepText .stepTextOpen strong,
.stepText .stepTextOpen b {
  color: #fff;
}
.stepText .stepTextOpen p {
  color: #fff;
}

.allStepTwo .title h1,
.allStepTwo .title h2,
.allStepTwo .title span {
  color: #00E1FF !important;
}

.performanceBox .title {
  color: #00E1FF !important;
}

.threedMark .boxes .content,
.performanceBox .listing {
  background: #191919;
  border-color: #191919;
}
.threedMark .boxes .content .mtitle,
.performanceBox .listing .mtitle {
  color: #fff !important;
  border-color: #222222 !important;
}

.allStepTwo .productBoxes .textBar .typeBox {
  background: #191919;
}
.allStepTwo .productBoxes .textBar .typeBox .item {
  border-color: #222222 !important;
}

.threedMark .boxes .title,
.threedMark .boxes .gameBox span {
  background: #000;
  color: #fff;
}
.threedMark .boxes .title img,
.threedMark .boxes .gameBox span img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.threedMark .boxes .area .fps-text-area i {
  color: #fff;
}

.threedMark .boxes .area .fps-text-area i.fps-num,
.threedMark .boxes .area .fps-text-area i em,
ul.rangeLi li a {
  color: #00E1FF !important;
}

ul.rangeLi li small {
  background: #242424;
}

ul.rangeLi li small i {
  background-image: -webkit-gradient(linear, left top, right top, from(#00e1ff), to(#5375f0)) !important;
  background-image: linear-gradient(90deg, #00e1ff 0%, #5375f0 100%) !important;
}

.threedMark .boxes .area .circle {
  stroke: #00E1FF;
}

.threedMark .boxes .gameBox span i,
.allStepTwo .arrowBtn:hover span,
.allStepTwo .arrowBtn:hover i {
  color: #00E1FF;
}

.allStepTwo .arrowBtn i {
  color: #fff;
}

.allStepTwo .productBoxes .textBar .buttons a.nblue {
  background: #fff !important;
}

.allStepTwo .productBoxes .textBar .buttons a.blue {
  background: #00e1ff !important;
}

.allStepTwo .productBoxes .textBar .buttons a {
  color: #242729 !important;
}
.allStepTwo .productBoxes .textBar .buttons a:hover {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  border-color: #fff !important;
  background: #1b1e1f !important;
  color: #fff !important;
}

.threedMark .boxes .content .item {
  border-color: #242424 !important;
}

.box-minmax span {
  color: #fff !important;
}

.rs-range::-webkit-slider-thumb {
  background: #00E1FF !important;
}
.rs-range::-moz-range-thumb {
  background: #00E1FF !important;
}

.rs-label {
  color: #1b1e1f !important;
  background: #00E1FF !important;
}
.rs-label:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #00E1FF !important;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -7px;
}

.productFeatured .item .text .dateText,
.productFeatured .productItem .buttonContainer .buttons .dateText {
  color: #00e1ff !important;
}

.configurePage .rightProduct .blue:hover {
  border-color: #fff !important;
  background: #1b1e1f !important;
  color: #fff !important;
}

.stepTextOpen small {
  color: #fff !important;
}

.textBoxAll .all p a {
  color: #00e1ff !important;
  text-decoration: underline !important;
}
@media only screen and (max-width: 767px) {
  .textBoxAll .all p a {
    overflow: auto;
    display: block;
  }
}

.basketBar .total .flexList ul li a,
.basketBar .total .flexList ul li span {
  color: #00e1ff !important;
}

.basketBar .total .hiddenForm .form-control {
  color: #1B1E1F !important;
}

.basketBar .total .miniSubmit a,
.basketBar .total .miniSubmit button {
  background: #00e1ff !important;
  color: #1b1e1f !important;
}

.basketBar .total .miniSubmit a strong,
.basketBar .total .miniSubmit button strong {
  color: #1b1e1f !important;
}

.threedMarkBox .titleBoxPages {
  background-color: #000000 !important;
}

.threedMarkBox .titleBoxPages img {
  -webkit-filter: brightness(0) invert(1) !important;
  filter: brightness(0) invert(1) !important;
}

.rightProduct .dateText {
  color: #00e1ff !important;
}

@media only screen and (max-width: 1023px) {
  .seriBigDetail .textBig .buttons .d-block {
    background: #000000 !important;
  }
}