/* ----------------------------------------------------------------

	Custom CSS



	Add all your Custom Styled CSS here for New Styles or

	Overwriting Default Theme Styles for Better Handling Updates

-----------------------------------------------------------------*/

@font-face {

  font-family: 'Javanese Text';

  src: url('/font/javatext.ttf') format('truetype'),

      /* Safari, Android, iOS */

      url('javatext.woff2') format('woff2'),

      url('javatext.woff') format('woff');

  /* 所有现代浏览器 */

}

/* 更换字体 华艺商城专用 */

body {

  font-family: Arial,"Yu Gothic UI", sans-serif !important;

}

.menu-link {

  font-family: Arial, Text, "Yu Gothic UI", sans-serif !important;

}

a {

  font-family: Arial,"Yu Gothic UI", sans-serif !important;

}

.font-primary {

  font-family: Arial,Javanese Text, "Yu Gothic UI", sans-serif !important;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: Arial,Javanese Text, "Yu Gothic UI", sans-serif !important;

}

.br-0 {

  border-right: 0 !important;

}

.primary-menu a {

  font-family: Arial,"Yu Gothic UI", sans-serif !important;

}

.font-pt {

  font-family: Arial,"Yu Gothic UI", sans-serif !important;

}

#top-search-i {

  position: static !important;

  width: 23px !important;

  height: 23px !important;

  line-height: 23px !important;

  font-size: 12px !important;

  margin-top: 8px !important;

}



.heading-block::after {

  border-top: 0 solid #444 !important;

}

.chuizhi-middle {

  vertical-align: middle;

}

.product-title {

  margin-bottom: 3px;

}

.product-title h4 {

  margin-bottom: 3px !important;

}

/* 恢复alink 的下划线 */

.text-decoration-on {

  text-decoration: underline !important;

}

/* 首页客户留言星星颜色 */

.color {

  color: #ffa41c !important;

}



/* .top-cart-number::before, #page-menu-wrap, .page-menu-nav, .control-solid .flex-control-nav li:hover a, .control-solid .flex-control-nav li a.flex-active, .grid-filter li.activeFilter a, .grid-filter.style-4 li.activeFilter a::after, .grid-shuffle:hover, .entry-link:hover, .button, .button.button-dark:hover, .button.button-3d:hover, .fbox-icon i, .fbox-icon img, .fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-effect.fbox-dark:hover .fbox-icon i, .fbox-border.fbox-effect.fbox-dark .fbox-icon i::after, .i-rounded:hover, .i-circled:hover, .tab-nav.tab-nav2 li.ui-state-active a, .testimonial .flex-control-nav li a, .skills li .progress, .owl-carousel .owl-dots .owl-dot, #gotoTop:hover, input.switch-toggle-round:checked + label::before, input.switch-toggle-flat:checked + label, input.switch-toggle-flat:checked + label::after, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, input.switch-toggle-round:checked + label::before, input.switch-toggle-flat:checked + label, input.switch-toggle-flat:checked + label::after, .dark .entry-link:hover, .dark .fbox-effect.fbox-dark .fbox-icon i:hover, .dark .fbox-effect.fbox-dark:hover .fbox-icon i, .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i::after, .dark .i-rounded:hover, .dark .i-circled:hover, .dark .tab-nav.tab-nav2 li.ui-state-active a, .dark #gotoTop:hover, .dark input.switch-toggle-round:checked + label::before, .dark input.switch-toggle-flat:checked + label, .dark input.switch-toggle-flat:checked + label::after{

	background: #ffffff;

} */

.h-60px {

  height: 50px !important;

}



#container {

  width: 100%;

  height: 100%;

}



.slider-caption:not(.dark),

.slider-caption:not(.dark) h2 {

  color: #ffffff;

  text-shadow: none;

}

.footer-menu li a {

  line-height: 30px;

}



.mb-10rem {

  margin-bottom: 10rem;

}

.mb-5rem {

  margin-bottom: 5rem;

}

.mt-10rem {

  margin-top: 10rem;

}

.mt-5rem {

  margin-top: 5rem;

}

.section-c {

  position: relative;

  width: 100%;

  background-color: #f9f9f9;

  overflow: hidden;

}

.menu-link {

  text-transform: none !important;

}

.hui {

  color: #666666 !important;

}



.slider-caption {

  max-width: 600px;

}



.qianhui {

  background: #f5f5f5;

}



.before-heading {

  font-family: Arial, Helvetica, sans-serif;

}

.testi-content p {

  font-family: Arial, Helvetica, sans-serif;

}



.grid-filter li a:hover {

  color: #f0f0f0;

}



.breadcrumb1 {

  position: relative !important;

  right: none !important;



  width: auto !important;

  top: 50% !important;

  left: auto !important;

  flex-wrap: wrap;

  list-style: none;

  margin: 0 !important;

  background-color: transparent !important;

  padding: 0 !important;

  font-size: 90%;

  transform: translateY(-50%);

  border-radius: 0.25rem;

}

/* .content-wrap{

	padding: 40px 0 !important;

} */

.box {

  box-sizing: border-box;

}

.border-c-h {

  border-color: #d2d2d2 !important;

}

.bg-hui {

  background: #eee !important;

}



.testimonials-carousel .owl-item {

  opacity: 0.25;

  transform: scale(0.9);

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}



.testimonials-carousel .owl-item.active.center {

  opacity: 1;

  transform: scale(1);

}



.testi-content p {

  font-size: 16px;

}



.text-deepgreen {

  color: #007185 !important;

}

.text-mini {

  font-size: 14px !important;

  font-weight: normal !important;

  color: #666666 !important;

}



.goods-color-label {

  padding: 0;

  width: 50px;

  height: auto;

  margin-right: 0.5rem;

}

.goods-color {

  width: 70px;

  height: 70px;

}



/* tag 标签 hover 为深色 */

.grid-filter li a:hover {

  color: #999999;

}



.page-item.active .page-link,

.page-link:hover,

.page-link:focus {

  color: #fff !important;

  background-color: #674a38 !important;

  border-color: #674a38 !important;

}



.a-active {

  background: #674a38 !important;

  color: #ffffff !important;

  border-color: #674a38 !important;

}

.goods-select a:hover {

  background: #674a38 !important;

  color: #ffffff !important;

  border-color: #674a38 !important;

}

.btn-huayi {

  color: #fff;

  background-color: #000;

  border-color: #000;

}

.btn-huayi:hover {

  color: #fff;

  background-color: #5d7d7d;

  border-color: #5d7d7d;

}

.btn-huayi:disabled {

  opacity: 0.65;

  background-color: #000;

  border-color: #000;

}

.btn-mini,

.btn-group-mini > .btn {

  padding: 0.1rem 0.5rem !important;

  font-size: 0.875rem;

  line-height: 1.5;

  border-radius: 0.2rem;

}

.grid-item > img,

.grid-item .grid-inner > img {

  width: 100%;

  height: 90px !important;

  object-fit: cover !important;

  border-radius: 0;

}

.toosmall {

  font-size: 10px !important;

}

/* 字体全大写 */

.font-big {

  text-transform: Uppercase !important;

}

/* 商品列表title */

.goods-title {

  font-size: 14px !important;

}

.easy-goods-title {

  font-size: 14px !important;

  font-weight: 500;

  color: #272727 !important;

}

.product-price-list ins {

  font-size: 0.875rem !important;

  color: #444 !important;

  text-decoration: none;

  font-weight: 800;

}

.product-price ins {

  font-size: 0.875rem !important;

  color: #444 !important;

}

.product-price del {

  font-size: 14px !important;

  color: #808080 !important;

}

.product-price span {

  font-size: 14px !important;

  color: #808080 !important;

  margin-left: 0.5rem;

}

/* 超出显示 */

.over-show {

  overflow: visible !important;

}

/* 产品列表title 大小 */

.list-title {

  font-size: 1.25rem !important;

  font-weight: 500;

}

.goods_show_title {

  font-size: 24px !important;

  font-weight: 500;

}

.qtitle {

  font-size: 0.8rem !important;

}

.title-span {

  font-size: 0.9rem !important;

  color: #999;

  font-weight: normal;

}

/* 右侧导航 暂时不行,还得考虑手机版*/

/* #show_goods_right_menu{

	

    z-index: 599;

    position: fixed; 

	width: 420px;



    top: auto;

    left: auto;

    right: 280px;

    bottom: 200px;

    cursor: pointer;



} */

.slider-caption h1 {

  color: #ffffff !important;

}







.fz3 {

  font-size: 3rem !important;

}

.slider-arrow-left,

.slider-arrow-right,

.flex-prev,

.flex-next,

.slider-arrow-top-sm,

.slider-arrow-bottom-sm {

  background-color: rgba(0, 0, 0, 0);

}



.fz16px {

  font-size: 16px !important;

}

.fz12px {

  font-size: 12px !important;

}

.fz14px {

  font-size: 14px !important;

}

.fz16px {

  font-size: 16px !important;

}

.fz20px {

  font-size: 20px !important;

}

.fz22px {

  font-size: 22px !important;

}

.fz24px {

  font-size: 24px !important;

}

.fjj2 {

  letter-spacing: 2px !important;

}

.button.button-rounded {

  border-radius: 0px !important;

}

.btn {

  border-radius: 0 !important;

}

.border-radius-0 {

  border-radius: 0 !important;

}

.fz1rem {

  font-size: 1rem !important;

}

.fz08rem {

  font-size: 0.8rem !important;

}

.fz1-2rem {

  font-size: 1.2rem !important;

}

.fz1-25rem {

  font-size: 1.25rem !important;

}



.juzhong-parent {

  display: table;

}



.juzhong-child {

  display: table-cell;

  vertical-align: middle;

}

.goods-show p {

  margin-bottom: 0 !important;

}

.line.line-xs {

  margin: 0.5rem 0;

}



/* 首页样式 */

.current > a > div {

  background: #000;

  padding: 4px 15px;

  margin: 0;

  color: #fff;

  border-radius: 999rem;

}

.current > .sub-menu-trigger {

  padding-top: 3px;

  color: #fff;



}

/* .menu-link {

  padding-top: 5px !important;

  padding-bottom: 5px !important;

} */

.dark .menu-item:hover > .menu-link {

  color: #444 !important;

}

.menu-link > div {

  padding: 4px 0px;

}

.input-group-sm > .form-control,

.input-group-sm > .custom-select,

.input-group-sm > .input-group-prepend > .input-group-text,

.input-group-sm > .input-group-append > .input-group-text,

.input-group-sm > .input-group-prepend > .btn,

.input-group-sm > .input-group-append > .btn {

  padding: 0.25rem 0.5rem;

  font-size: 0.875rem;

  line-height: 1.4;

  border-radius: 0.2rem;

}

/* banner 高度 */

.h30 {

  height: 30rem !important;

}



.block-hero-9 .swiper-container-horizontal > .swiper-pagination-bullets,

.block-hero-9 .swiper-pagination-custom,

.block-hero-9 .swiper-pagination-fraction {

  left: 20px !important;

  right: auto !important;

}

.btn-huayi-banner {

  border: 2px #a5806d solid;

  background-color: #362e2b;

  color: #ba9c80;

}



/* .button:hover {

  background-color: #5d7d7d !important;

  color: #fff;

  text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);

} */



.duanxian {

  width: 3rem;

  height: 4px;

  background: #a5806d;

  display: block;

  margin-top: 0.5rem;

}

.chunhei ins {

  color: #444 !important;

}



.padding-box {

  padding-left: 0 !important;

  padding-right: 0 !important;

}

.footer-site-links a {

  color: #9E9E9E !important;

}

.footer-site-links a:hover {

  color: #ccc !important;

}

.footer h4{
  
  color: #fff !important;
}
.footer li{
  
  color: #9E9E9E !important;
  font-size: 16px !important;
}
.google-hui {

  color: #ccc;

  font-weight: 500;

}

.google-hui a {

  color: #ccc;

}

.footer-icon i {

  margin-right: 3px !important;

}

#copyrights div {

  color: #000;

}

.payicon img {

  width: 3rem;

  height: auto;

}



#header {

  background: #e4e4e4;

}

#modal-referral-friend-email {

  background: #e4e4e4;

}

.top-cart-number::before {

  background: none;

}

.other_goods_active {

  border: 2px solid #50b83c;

}

#content {

  /* background: #efefef; */

}

.font-blod {

  font-weight: 600;

}

.hy-ysz {

  font-family: "Segoe Script" !important;

}

.banner-title {

  font-size: 24px !important;

  font-weight: 400 !important;

  /* font-family: 'Segoe Script' !important; */

  text-transform: none !important;

}

.left-title {

  font-size: 16px !important;

}



/* 特殊要求5等分 */



.col-xs-1-5,

.col-sm-1-5,

.col-md-1-5,

.col-lg-1-5 {

  position: relative;

  min-height: 1px;

  padding-right: 10px;

  padding-left: 10px;

}



.col-xs-1-5 {

  width: 20%;

  float: left;

}



@media (max-width: 767.98px) {

  .tab-center{

    width:fit-content; margin: auto;

  }

  .text-hy-size{

    font-size: 14px !important;

  }

  .banner-h{

    height: 25rem;

  }

  .card-3-h {

    height: 20rem;

  }

  .heading-block h2 {

    font-size: 20px;

  }

  .footer-widgets-wrap h4 {

    margin-top: 3rem;

    margin-bottom: 1rem;

  }

  .sm-center {

    text-align: center;

  }

  .swiper-slide,

  .slider-size {

    height: 25rem !important;

  }

  .form-select {

    padding: 0.375rem 2.25rem 0.375rem 0.75rem;

    -moz-padding-start: calc(0.75rem - 3px);

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    border: 1px solid #ced4da;

    border-radius: 0.25rem;

  }

  .goods-select-2 select {

    background: #e4e4e4;

    width: 100%;

    margin-bottom: 1rem;

  }

}



@media (min-width: 768px) {

  .banner-h{

    height: 45rem;

  }

  .card-3-h {

    height: 20rem;

  }

  .tab-center{

    width:fit-content; margin: auto;

  }

  .col-sm-1-5 {

    width: 20%;

    float: left;

  }

  /* .swiper-slide,.slider-size{

    height: 25rem !important;

  } */

  .pb-45 {

    padding-bottom: 0rem;

  }

  .form-select {

    padding: 0.375rem 2.25rem 0.375rem 0.75rem;

    -moz-padding-start: calc(0.75rem - 3px);

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    border: 1px solid #ced4da;

    border-radius: 0.25rem;

  }

  .goods-select-2 select {

    background: #e4e4e4;

  }

  .text-hy-size{

    font-size: 14px !important;

  }

}







@media (min-width: 992px) {

  .sub-menu-container, .mega-menu-content {
    position: absolute;
    visibility: hidden;
    width: 250px !important;
    background-color: #FFF;
    box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
    border: 1px solid #EEE;
    border-top: 2px solid #1ABC9C;
    z-index: 399;
    top: 100%;
    left: 0;
    padding: 0;
}
.sub-menu-container .menu-item > .menu-link {
  position: relative;
  padding: 11px 5px;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  letter-spacing: 0;
  font-family: Arial,'Lato', sans-serif;
}

  .menu-container > .menu-item:not(:first-child) {
    margin-left: 10px;
}

  .tab-center{

    width:fit-content; margin: auto;

  }

  .slider-caption h1 {

    font-size: 3rem;

    letter-spacing: 2px !important;

    text-transform: uppercase !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    margin-bottom: 0 !important;

  }

  .slider-caption h2 {

    font-size: 3rem;

    letter-spacing: 2px !important;

    text-transform: uppercase !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    margin-bottom: 0 !important;

  }

  .slider-caption h3 {

    font-size: 3rem !important;

    letter-spacing: 2px !important;

    text-transform: uppercase !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    margin-bottom: 0 !important;

    color: #ffffff !important;

  }

  .card-3-h {

    height: 16rem;

  }

  .fz26px {

    font-size: 26px !important;

  }

  .dark .primary-menu:not(.not-dark) .sub-menu-container,

  .dark .primary-menu:not(.not-dark) .mega-menu-content {

    background-color: #000;

  }

  .tab-center{

    margin: auto; width: 45%;

  }

  .text-hy-size{

    font-size: 1rem !important;

  }

  .banner-h{

    height: 45rem;

  }

 

  .col-md-1-5 {

    width: 20%;

    float: left;

  }

  /* .swiper-slide,.slider-size{

    height: 38rem !important;

  } */

  .pb-45 {

    padding-bottom: 2.5rem;

  }

  .form-select {

    padding: 0.375rem 2.25rem 0.375rem 0.75rem;

    -moz-padding-start: calc(0.75rem - 3px);

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    border: 1px solid #ced4da;

    border-radius: 0.25rem;

  }

  .goods-select-2 select {

    background: #e4e4e4;

  }

  .sub-menu-container, .mega-menu-content, .style-6 .menu-container > .menu-item > .menu-link::after, .style-6 .menu-container > .menu-item.current > .menu-link::after, .top-cart-content, .dark .sub-menu-container, .dark .mega-menu-content, .dark .primary-menu:not(.not-dark) .sub-menu-container, .dark .primary-menu:not(.not-dark) .mega-menu-content, .dark .top-cart-content {

    border-top-color: #444;

}

}



@media (min-width: 1200px) {

  .tab-center{

    margin: auto; 

  }

  .text-hy-size{

    font-size: 1rem !important;

  }

  .banner-h{

    height: 50rem;

  }

  .card-3-h {

    height: 20rem;

  }

  .col-lg-1-5 {

    width: 20%;

    float: left;

  }

  .swiper-slide,.slider-size{

    height: 50rem !important;

  }

  .pb-45 {

    padding-bottom: 2.5rem;

  }

  .form-select {

    padding: 0.375rem 2.25rem 0.375rem 0.75rem;

    -moz-padding-start: calc(0.75rem - 3px);

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    border: 1px solid #ced4da;

    border-radius: 0.25rem;

  }

  .goods-select-2 select {

    background: #e4e4e4;

  }

 

}



@media (min-width: 1400px) {

  .card-3-h {

    height: 23rem;

  }

}

.goods-page {

  margin: 0 10px;

}



.swper-btn {

  display: block;

}

.h-55 {

  height: 55% !important;

}

.btn-rounded {

  border-radius: 23px !important;

}

label {

  font-family: "Yu Gothic UI", sans-serif !important;

}

a,

h1 > span:not(.nocolor):not(.badge),

h2 > span:not(.nocolor):not(.badge),

h3 > span:not(.nocolor):not(.badge),

h4 > span:not(.nocolor):not(.badge),

h5 > span:not(.nocolor):not(.badge),

h6 > span:not(.nocolor):not(.badge),

.header-extras li .he-text span,

.menu-item:hover > .menu-link,

.menu-item.current > .menu-link,

.dark .menu-item:hover > .menu-link,

.dark .menu-item.current > .menu-link,

.top-cart-item-desc a:hover,

.top-cart-action .top-checkout-price,

.breadcrumb a:hover,

.grid-filter li a:hover,

.portfolio-desc h3 a:hover,

#portfolio-navigation a:hover,

.entry-title h2 a:hover,

.entry-title h3 a:hover,

.entry-title h4 a:hover,

.post-timeline .entry:hover .entry-timeline,

.post-timeline .entry:hover .timeline-divider,

.comment-content .comment-author a:hover,

.product-title h3 a:hover,

.single-product .product-title h2 a:hover,

.product-price ins,

.single-product .product-price,

.process-steps li.active h5,

.process-steps li.ui-tabs-active h5,

.tab-nav-lg li.ui-tabs-active a,

.team-title span,

.btn-link,

.page-link,

.page-link:hover,

.page-link:focus,

.fbox-plain .fbox-icon i,

.fbox-plain .fbox-icon img,

.fbox-border .fbox-icon i,

.fbox-border .fbox-icon img,

.dark .menu-item:hover > .menu-link,

.dark .menu-item.current > .menu-link,

.dark .top-cart-item-desc a:hover,

.dark .breadcrumb a:hover,

.dark .portfolio-desc h3 a:hover,

.dark #portfolio-navigation a:hover,

.dark .entry-title h2 a:hover,

.dark .entry-title h3 a:hover,

.dark .entry-title h4 a:hover,

.dark .product-title h3 a:hover,

.dark .single-product .product-title h2 a:hover,

.dark .product-price ins,

.dark .tab-nav-lg li.ui-tabs-active a {

  color: #444;

}



.you-like {

  margin-top: 7rem;

}

.va-center {

  vertical-align: middle !important;

}

.search-botton {

  border-top-right-radius: 0.2rem !important;

  border-bottom-right-radius: 0.2rem !important;

  border-top-left-radius: 0 !important;

  border-bottom-left-radius: 0 !important;

}

.hidden {

  display: none !important;

}



.hy_article_right_bg {

  background: #e4e4e4;

  color: #444;

}

.text-white {

  color: #fff;

}

.pre-goods-bg {

  background: #a5806d;

}

.font-sz-12 {

  font-size: 12px;

}

.line.line-xs {

  margin: 1rem 0;

}

.floating-contact-wrap.active {

  color: #fff !important;

}

.floating-contact-wrap .floating-contact-btn:hover,

.floating-contact-wrap.active .floating-contact-btn {

  background-color: #ff8600 !important;

  color: #fff !important;

}

.floating-contact-wrap .floating-contact-btn .floating-contact-icon.btn-active,

.floating-contact-wrap.active .floating-contact-btn .floating-contact-icon {

  opacity: 1 !important;

}

floating-contact-btn1 a:visited {

  color: #fff !important;

}

.f-white {

  color: #fff !important;

}

.banner-title {

  font-size: 18px !important;

  font-family: Javanese Text !important;

}

.slider-caption {

  justify-content: end;

}

/* .font-zw {

  font-family: Javanese Text !important;

} */

.font-sz-14 {

  font-size: 14px;

}

.product-price {

  font-weight: 500 !important;

}

.fw-500 {

  font-weight: 500 !important;

}



.play-video i {

  position: relative;

  padding-left: 6px;

  width: 60px;

  height: 60px;

  line-height: 61px;

  border-radius: 50%;

  z-index: 1;

  background-color: rgba(255, 255, 255, 0.85);

  text-align: center;

  font-size: 24px;

  color: #111;

  transition: all 0.3s ease;

  /* box-shadow: 0 0 1px 15px rgb(255 255 255 / 4%); */

  -webkit-backface-visibility: hidden;

}

.play-video:hover i {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1);

}



.dark .button-dark:not(.button-border):not(:hover),

.dark .button:hover {

  background-color: rgba(0, 0, 0, 1);

}



.banner-input {

  color: #fff;

  background: transparent;

  border: 2px solid #fff;

  border-radius: 0 !important;

  height: 2.4rem !important;

  margin-top: 5px;

  padding-top: 8px !important;

 

  

}



.banner-input::placeholder {

  color: #fff !important;

}

.banner-input:focus{

  background: transparent;

  border: 2px solid #fff;

  color: #fff;

}

.float-left{

  float: left;

}

#footer{

  border-top: 1px solid #999 !important;

}

.text-1rem{

  font-size: 1rem !important;  

}

.lh-1{

  line-height: 1rem !important;

}

.text-big{

  text-transform: uppercase !important;

}



.sub-menu-container, .mega-menu-content, .style-6 .menu-container > .menu-item > .menu-link::after, .style-6 .menu-container > .menu-item.current > .menu-link::after, .top-cart-content, .dark .sub-menu-container, .dark .mega-menu-content, .dark .primary-menu:not(.not-dark) .sub-menu-container, .dark .primary-menu:not(.not-dark) .mega-menu-content, .dark .top-cart-content {

  border-top-color: #444;

}

.sub-menu-container .menu-item:hover > .menu-link, .mega-menu-style-2 .mega-menu-title > .menu-link:hover, .dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover > .menu-link, .dark .mega-menu-style-2 .mega-menu-title:hover > .menu-link {

  color: #000;

}

.btn-shop-hy{

  background: #3390ff !important;

}

.btn-shop-hy :hover{

  background: #0c56af !important;

}

.button-3d.button-brown:hover, .button-reveal.button-brown:hover, .button-border.button-brown:hover, .button-border.button-brown.button-fill::before {
  background-color: #000000 !important;
}
.button-border.button-brown {
  color: #000;
  border-color: #000;
}
.button.button-dark {
  background-color: #000;
}
.menu-link {
  display: block;
  line-height: 22px;
  padding: 14px 5px;
  color: #444;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
}

.button {
  background-color: #000;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.button:hover {
  background-color: #333;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.top-cart-number::before, #page-menu-wrap, .page-menu-nav, .control-solid .flex-control-nav li:hover a, .control-solid .flex-control-nav li a.flex-active, .grid-filter li.activeFilter a, .grid-filter.style-4 li.activeFilter a::after, .grid-shuffle:hover, .entry-link:hover, .button, .button.button-dark:hover, .button.button-3d:hover, .fbox-icon i, .fbox-icon img, .fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-effect.fbox-dark:hover .fbox-icon i, .fbox-border.fbox-effect.fbox-dark .fbox-icon i::after, .i-rounded:hover, .i-circled:hover, .tab-nav.tab-nav2 li.ui-state-active a, .testimonial .flex-control-nav li a, .skills li .progress, .owl-carousel .owl-dots .owl-dot, #gotoTop:hover, input.switch-toggle-round:checked + label::before, input.switch-toggle-flat:checked + label, input.switch-toggle-flat:checked + label::after, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, input.switch-toggle-round:checked + label::before, input.switch-toggle-flat:checked + label, input.switch-toggle-flat:checked + label::after, .dark .entry-link:hover, .dark .fbox-effect.fbox-dark .fbox-icon i:hover, .dark .fbox-effect.fbox-dark:hover .fbox-icon i, .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i::after, .dark .i-rounded:hover, .dark .i-circled:hover, .dark .tab-nav.tab-nav2 li.ui-state-active a, .dark #gotoTop:hover, .dark input.switch-toggle-round:checked + label::before, .dark input.switch-toggle-flat:checked + label, .dark input.switch-toggle-flat:checked + label::after {
  background-color: #000;
}


.card,
.portfolio-image {
	--bs-card-border-width: 0;
	--bs-card-bg: var(--cnvs-dark-100);
}

.portfolio-item .portfolio-image, .portfolio-item .portfolio-image > a, .portfolio-item .portfolio-image img {
	border-radius: var(--cnvs-border-radius);
}

.portfolio .bg-overlay-content {
	text-align: center;
}

.is-expanded-menu .portfolio .bg-overlay-content::before {
	--cnvs-blur-offset: 100px;
	content: "";
	position: absolute;
	width: calc(100% - var(--cnvs-blur-offset));
	height: calc(100% - var(--cnvs-blur-offset));
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: var(--cnvs-border-radius) !important;
	transition-property: width,height;
	transition-duration: .3s;
	transition-timing-function: ease;
	transform-origin: center center;

}

.portfolio .bg-overlay:not(.no-hover-blur):hover .bg-overlay-content::before {
	--cnvs-blur-offset: 50px;
	background-color: rgba(248, 248, 250, 0.1);
	backdrop-filter: blur(1.5rem);
	-webkit-backdrop-filter: blur(1.5rem);
}

.is-expanded-menu .bg-overlay .portfolio-desc {
	max-width: 60%;
	margin: 0 auto;
}

.bg-overlay .portfolio-desc h3 {
	font-size: 1.85rem;
	margin-bottom: 0;
	transition: transform .3s ease;
	font-style: italic;
}

.bg-overlay:hover .portfolio-desc h3 {
	transform: translateY(-7px);
}

.portfolio .bg-overlay-content p {
	transform: translateY(20px);
	opacity: 0;
	height: 0;
	margin-bottom: 0;
	transition: all .3s ease;
	font-size: 1.25rem;
	line-height: 1.4;
}

.portfolio .bg-overlay:hover p {
	opacity: 1;
	visibility: visible;
	transform: translateY(10px);
}

/* .flex-prev,
.flex-next {
	--cnvs-slider-arrows-size: 40px;
	top: auto;
	bottom: 20px;
	transform: none;
	border-radius: 50%;
	--cnvs-slider-arrows-bg-hover-color: rgba(255,255,255,1);
	--cnvs-slider-arrows-bg-color: rgba(255,255,255,0.2);
	--cnvs-slider-arrow-color: #000;
	backdrop-filter: blur(.5rem);
	-webkit-backdrop-filter: blur(.5rem);
}

.flex-prev {
	left: calc(50% - 24px);
	right: auto;
}

.flex-next {
	left: calc(50% + 24px);
	right: auto;
} */


.flex-direction-nav {
	position: absolute;
	top: auto;
	bottom: 20px;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateX(-50%);
	column-gap: 10px;
	z-index: 9;
}

.flex-prev,
.flex-next {
	--cnvs-slider-arrows-size: 40px;
	position: relative;
	display: block;
	top: auto !important;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	border-radius: 50%;
	--cnvs-slider-arrows-bg-hover-color: rgba(255,255,255,1);
	--cnvs-slider-arrows-bg-color: rgba(255,255,255,0.25);
	--cnvs-slider-arrow-color: #000;
	backdrop-filter: blur(.75rem);
	-webkit-backdrop-filter: blur(.75rem);
}

.twitter-timeline {
	height: 100%;
}

.form-control {
	--cnvs-input-btn-input-bg : var(--cnvs-dark-100);
	--cnvs-form-control-radius : var(--cnvs-border-radius);

	--cnvs-input-btn-border-width: 0;
}


.text-fill-effect,
.gradient-text {
  text-shadow: none !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-repeat: no-repeat;
}

.text-fill-effect {
	--cnvs-text-fill-placeholder: rgba(var(--cnvs-contrast-rgb), 0.1);
	--cnvs-text-fill-color: linear-gradient(to right, var(--cnvs-contrast-1000), var(--cnvs-contrast-1000));
	-webkit-text-fill-color: var(--cnvs-text-fill-placeholder);
	background-image: var(--cnvs-text-fill-color);
	background-size: calc(var(--cnvs-scroll-start) * 100%) 100%;
}
#footer {
  position: relative;
  background-color: #494A4B;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
}
.h-block-h4{
  font-size: 1rem !important;

}
.card-text{
  color: #9E9E9E !important;
}