:root {
  --bg-default-theme: #FFFFFF;
  --header-default-theme:#fefefe;
  --header-top-default:#f5f5f5;
  --bg-theme-two: #ECEDF1;
  --body-color: #FFFFFF;
  --body-height: auto !important;
  --font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  --default-text-color: #333;
  --font-weight: 400;
  --font-size: 14px;
  --font-style: normal;
  --spacing-unit: 16px;
  --overflow-x: hidden;
  --overflow-y: hidden;
  --box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .09);
  --webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .09);
  --text-capitalize: capitalize;
  --text-uppercase: uppercase;
  --text-lowercase: lowercase;
  --text-center: center;
  --text-decoration-none: none;
  --text-hover-color: #f36;
  --list-style-none: none;
  --color-font-theme: #ff3366;
  --color-font-base:#333;
  --color-font-theme-skin1:#ff3366;
  --color-font-base-skin1:#333;
  --color-border-skin1: 1px solid #eaeaea;
  --color-font-theme-skin2:#ff5722;
  --color-font-base-skin2:#333;
  --color-font-theme-skin3:#0088cc;
  --color-font-theme-skin4:#0188CC;
  --color-font-theme-skin5:#f96d10;
  --color-font-theme-skin6:#007176;
  --color-font-theme-skin7:#E52E04;
  --color-font-theme-skin8:#0188CC;
  --color-font-theme-skin9:#ff7f00;
  --color-font-theme-skin10:#ffd68f;
  --color-font-theme-skin11:#FF6634;
  --color-font-theme-skin12:#ff3366;
  --color-font-theme-skin13:#FFAD00;
  --color-font-theme-skin14:#cc9933;
  --color-link:#333333;
  --color-link_hover: var(--color-font-theme);
  --color-border: #f1f1f1;
  --color-border-hover:	#f1f1f1;
  --footer-theme-skin1: #0c0c0c;
  --footer-text-theme-skin1: #f1f1f1;
  --footer-theme-skin2:#fafafa;
  --footer-btn-theme-skin2: #c1c1c1;
  --footer-color-theme-skin2: #333;
  --footer-theme-skin3:#030732;
}

.xo-product-banner-1 .xo-product-banner-top {
  position: relative;
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main {
  width: 100%;
  height: auto;
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .title {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--color-font-theme-skin1);
  text-shadow: var(--box-shadow);
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .subtitle {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--color-font-theme-skin1);
  text-shadow: var(--box-shadow);
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .des {
  display: block;
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .owl-dots {
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .owl-dots .owl-dot {
  width: 21px;
  height: 2px;
  background-color: var(--color-font-theme-skin1);
  display: inline-block;
  margin: 0 3px;
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .owl-dots .owl-dot .active {
  background-color: var(--color-font-theme-skin1);
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .dotsData .owl-dots {
  text-align: center;
  position: absolute;
  bottom: 30px;
  left: auto;
  right: 257px;
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .dotsData .owl-dots .owl-dot {
  width: 20px;
  height: 20px;
  line-height: 18px;
  background-color: transparent;
  display: inline-block;
  margin: 0 2px;
  border: 1px solid var(--color-font-theme-skin1);
  border-radius: 100%;
  color: var(--color-font-base-skin1);
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .dotsData .owl-dots .active {
  background-color: var(--color-font-theme-skin1);
  color: #fff;
  border-color: var(--color-font-theme-skin1);
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .owl-nav .owl-next,
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .owl-nav .owl-prev {
  width: 32px;
  line-height: 50px;
  background-color: #f5f5f5;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  font-size: 24px;
  color: #333333;
  text-align: center;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  opacity: 0;
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main:hover .owl-nav .owl-prev {
  left: 15px;
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main:hover .owl-nav .owl-next {
  right: 15px;
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main:hover .owl-nav .owl-next,
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main:hover .owl-nav .owl-prev {
  opacity: 1;
  transition: 0.3s;
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .owl-nav .owl-next:hover,
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .owl-nav .owl-prev:hover {
  color: #fff;
  background-color: var(--color-font-theme-skin1);
  border-color: var(--color-border-skin1);
  transition: 0.2s;
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .owl-nav .owl-next:before,
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .owl-nav .owl-prev:before {
  content: "";
  font-family: "FontAwesome";
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .owl-nav .owl-prev {
  left: 25px;
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .owl-nav .owl-prev:before {
  content: "\f104";
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .owl-nav .owl-next {
  right: 25px;
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .owl-nav .owl-next:before {
  content: "\f105";
}
@media (max-width: 640px) {
  .xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .dotsData .owl-dots {
    right: 30px;
  }
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .active .item .title {
  animation: fadeInRight 0.9s ease-in-out 0.8s both;
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .active .item .subtitle {
  animation: fadeInRight 0.6s ease-in-out 0.8s both;
}
.xo-product-banner-1 .xo-product-banner-top .xo-block-slide-main .active .item .des {
  animation: fadeInRight 0.6s ease-in-out 0.8s both;
}
.xo-product-banner-1 .xo-product-banner-top .xo-slide-opt-1 {
  position: relative;
}
.xo-product-banner-1 .xo-product-banner-top .xo-slide-opt-1 .item {
  height: 500px;
}
.xo-product-banner-1 .xo-product-banner-top .xo-slide-opt-1 .item .xo-banner-div {
  width: 100%;
}
.xo-product-banner-1 .xo-product-banner-top .xo-slide-opt-1 .item .xo-banner-div img {
  width: 100% !important;
  max-height: 100%;
}
.xo-product-banner-1 .xo-product-banner-top .xo-slide-opt-1 .item .xo-product-des {
  max-width: 100%;
}
.xo-product-banner-1 .xo-product-banner-top .xo-slide-opt-1 .item .xo-product-des {
  position: absolute;
  top: 104px;
  right: 113px;
  text-align: right;
  max-width: 407px;
}
@media only screen and (max-width: 640px) {
  .xo-product-banner-1 .xo-product-banner-top .xo-slide-opt-1 .item {
    height: 200px !important;
  }
  .xo-product-banner-1 .xo-product-banner-top .xo-slide-opt-1 .item .xo-product-des {
    max-width: 100% !important;
  }
}
@media (max-width: 1199px) {
  .xo-product-banner-1 .xo-product-banner-top {
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .xo-product-banner-1 .xo-product-banner-top {
    padding-right: 0;
  }
}/*# sourceMappingURL=xo-product-banner-1.css.map */