@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
a.nav-link.iconClass {
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 48px !important;
    background-size: 40px 40px;
}
.products.grid-view .product-title {
	height:38px;
	white-space: normal
}
.bordered {
	border: 3px solid #474972;
    border-radius: 10px;
	display: block;
    padding: 0 12px;
}
.bordered:hover {
	border-color:#2370f4
}
.close-sidebar:before, .mobile-menu-header .close-sidebar:before {
	content:"\e605"
}

.in_res {
	    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.search-results-wrapper .autocomplete-suggestion {
    cursor:pointer
}
.banner {
    display: block;
    position: relative;
    margin-bottom: 2rem;
    background-color: #ccc;
}
.banner-content {
    display: inline-block;
    position: absolute;
    padding-top: .4rem;
    left: 2rem;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.banner > a {
    position: relative;
    display: block;
    outline: none !important;
}
.banner img {
    display: block;
    max-width: none;
    width: 100%;
    height: auto;
}
.intro-banners .banner-subtitle {
    font-size: 1.4rem;
    letter-spacing: -.01em;
    margin-bottom: .2rem;
	font-weight: 500;
}
.intro-banners .banner-title {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.22;
    letter-spacing: -.01em;
    margin-bottom: .6rem;
}
.intro-section {
  margin-top: -1px; }

.intro-banners .banner {
  margin-bottom: 2rem; }

.text-darkwhite {
  color: #ebebeb; }

.banner-link-anim {
  background-color: transparent; }

.banner-subtitle {
  margin-bottom: .5rem; }

.intro-slider-container,
.intro-slide {
  background-color: #cccccc; }

.intro-slider-container,
.intro-slide .slide-image {
	margin: 0;
  position: relative; }
  .intro-slider-container:before,
  .intro-slide .slide-image:before {
    display: block;
    content: '';
    width: 100%; }

.slider-container-1:before,
.intro-slider-1 .slide-image:before {
  padding-top: 56.5384615385%; }
.footer-main a:hover {
    color: #777;
}
.banner-subtitle {
    color: #2370f4;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase;
}
.kapee-product-categories-thumbnails.categories-circle .category-image {
    height: 130px;
    border-radius: 8px;
}
.autocomplete-suggestion i {
	margin-right: 1.7rem;
    font-size: 140%;
    margin-left: 0.6rem;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: auto;
    touch-action: auto;
    -webkit-tap-highlight-color: transparent;
}
.mfp-bg {
	background:#fff;
	opacity:0.9 !important
}
@media screen and (max-width: 479px) {
  .slider-container-1:before,
  .intro-slider-1 .slide-image:before {
    padding-top: 83.3333333333%; } 
}

.slider-container-ratio .intro-slider,
.slide-image > picture,
.slide-image > img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%; }

.slide-image img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto; }

.slider-loader {
  color: #333; }
  .slider-loader::after {
    content: '\f311';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    margin-top: -2.5rem;
    margin-left: -2.5rem;
    font-family: "molla";
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 4rem;
    transform-origin: center center;
    animation: rotating 3s linear infinite;
    z-index: 20; }

.owl-loaded + .slider-loader {
  display: none; }

button:focus {
  outline: none; }

@keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.intro-content {
  position: absolute;
  left: 20px;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%); }
  .intro-content .btn {
    font-size: 1.2rem;
    min-width: 90px;
    padding: .65rem 1rem; }

.intro-subtitle {
  color: #fff;
  font-weight: 300;
  font-size: 1.4rem;
  letter-spacing: -.01em;
  margin-bottom: .5rem; }

.intro-title {
  color: #fff;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: -.03em;
  margin-bottom: 1.2rem;
  text-indent: -.2rem; }
.tabs-layout a {
    font-size: 16px;
    font-weight: 600;
    padding: .6781em 0;
    display: inline-block;
    text-transform: uppercase;
    border-color: #fff;
	position:relative
}
.tabs-layout a.nav-link.active {
	 border-color: #fff;
}
.tabs-layout a.nav-link.active:after {
    content: '';
    width: 100%;
    display: block;
    position: absolute;
    height: 2px;
    background-color: #2370F4;
    bottom: -3px;
}
.owl-nav-rectangle.owl-nav-middle .owl-carousel .owl-nav button[class*='owl-'] {
    border-radius: 0;
}
@media (max-width: 991px) {
	.tabs-layout .tabs {
		display: block;
	}
	.products-header .woocommerce-result-count, .products-header .products-view, .products-header .product-show {
    	display: block;
	}
	.mfp-bg {
		background:#fff !important;
		opacity:1 !important
	}
}

@media screen and (min-width: 1200px) {
  .intro-section .col-lg-4 {
    -ms-flex: 0 0 32.77%;
    flex: 0 0 32.77%;
    max-width: 32.77%; }
  .intro-section .col-lg-8 {
    -ms-flex: 0 0 67.23%;
    flex: 0 0 67.23%;
    max-width: 67.23%; } }

.intro-slider-container,
.intro-slide,
.banner {
  background-color: #f1f1f1; }

.intro-slider-container:before, .intro-slider .slide-image:before {
    padding-top: 55.2820512821%;
}
@media screen and (max-width: 479px) {
  .intro-slider-container:before,
  .intro-slider .slide-image:before {
    padding-top: 88.3333333333%; } 
	.zoomContainer {
		display:none !important
	}
}

.intro-subtitle {
  margin-bottom: .5rem; }

.intro-title {
  color: #333;
  letter-spacing: -.025em;
  margin-bottom: .7rem; }

.intro-price {
  color: #333333;
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.2;
  letter-spacing: -.025em;
  margin-bottom: 1rem; }
  .intro-price sup {
    top: -.8em;
    font-weight: 400;
    font-size: 1.4rem;
    letter-spacing: -.03em; }

.intro-old-price {
  position: relative; }
  .intro-old-price:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #333333; }

.intro-banners .banner-subtitle {
  font-size: 1.4rem;
  letter-spacing: -.01em;
  margin-bottom: .2rem; }
.intro-banners .banner-title {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.22;
  letter-spacing: -.01em;
  margin-bottom: .6rem; }
  .intro-banners .banner-title span {
    display: block;
    font-weight: 300; }
.intro-banners .banner-link {
  display: inline-block;
  line-height: 1.3;
  padding: .3rem 1rem;
  border-radius: 20px;
  letter-spacing: -.01em;
  margin-left: -1rem;
  text-align: center; }
  .intro-banners .banner-link i {
    margin-left: .7rem; }
  .intro-banners .banner-link:hover, .intro-banners .banner-link:focus {
    color: #fff;
    background-color: #fcb941;
    text-decoration: none; }
@media screen and (min-width: 576px) {
  .intro-title {
    font-size: 3.2rem; }

  .intro-price {
    font-size: 3.2rem; }
    .intro-price sup {
      font-size: 1.5rem; } }
@media screen and (min-width: 768px) {
  .intro-title {
    font-size: 4rem; }

  .intro-price {
    font-size: 4rem;
    margin-bottom: 1.2rem; }
    .intro-price sup {
      font-size: 1.8rem; }

  .intro-banners .banner-content {
    left: 3rem; } 
	.categories-menu-title.navbar-toggle {
		color:#fff
	}
	.categories-menu-wrapper span.arrow-down-up:after {
		font-size: 34px;
    	margin-bottom: -3px;
	}
	.header-sticky .categories-menu-wrapper span.arrow-down-up:after {
		font-size: 27px;
    	margin-bottom: 1px;
    	color: #fff;
	}
}

@media screen and (min-width: 1200px) {
  .intro-content .btn {
    min-width: 170px; }

  .intro-subtitle {
    font-size: 2rem; }

  .intro-title {
    font-size: 3rem; }

  .intro-price {
    font-size: 4rem;
    margin-bottom: 1.7rem; }
    .intro-price sup {
      top: -1.1em;
      font-size: 2rem; }

  .deal-container .btn-more {
    min-width: 270px; } 
	.mfp-arrow-left {
    left: 400px !important;
}
	.mfp-arrow-right {
    right: 400px !important;
}
}
.mobile-block .owl-item {
	padding: 10px;
    border: 1px solid lightgrey;
    border-radius: 10px;
}
.fancy-rating-summery {
    box-shadow: none;
    margin-bottom: 3em;
    margin-top: 0;
    padding: 0;
    position: inherit;
    opacity: 1;
    visibility: visible;
    width: inherit;
}
.fancy-rating-summery .rating-avg-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 115px;
    flex: 0 0 115px;
    text-align: center;
    padding-right: 10px;
}
.fancy-rating-summery .rating-histogram .progress {
    width: 18em;
}
.stroke {
	font-size: 20px;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    text-transform: uppercase;
    position: relative;
}
.stroke:after {
	content: "";
    position: absolute;
    height: 2px;
    width: 50px;
    left: 0;
    bottom: 0;
	background-color: #474972;
}
ol.commentlist {
    margin: 0;
    width: 100%;
    background: 0 0;
    list-style: none;
}
ol.commentlist::before {
    content: ' ';
    display: table;
}
ol.commentlist::after {
    clear: both;
	content: ' ';
    display: table;
}
ol.commentlist li {
    padding: 0;
    margin: 0 0 20px;
    position: relative;
    background: 0;
    border: 0;
}
.commentlist>li::before {
    content: '';
}
ol.commentlist li img.avatar {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
	border-radius:50%
}
ol.commentlist li.answer-body img.avatar {
    left: 50px;
}
ol.commentlist li .comment-text {
    margin: 0 0 0 6em;
}
ol.commentlist li.answer-body .comment-text {
    margin-left: 130px;
}
ol.commentlist li .comment-text::before {
    content: ' ';
    display: table;
}
.commentlist>li.answer-body::before {
    width: 2px;
    background: #c4c4c4;
    display: block;
    height: 100%;
    position: absolute;
    left: 30px;
}
ol.commentlist li .comment-text::after {
    clear: both;
	content: ' ';
    display: table;
}
ol.commentlist li .fancy-star-rating, ol.commentlist li .comment-text p {
    display: inline-block;
}
.fancy-star-rating {
	position:relative
}
ol.commentlist li .comment-text p.meta {
    font-size: 13px;
    margin-left: 0.5em;
}

/* START FROM HERE */

[data-star] {
  text-align:left;
  font-style:normal;
  display:inline-block;
  position: relative;
  unicode-bidi: bidi-override;
	width:150px
}
[data-star]::before { 
  display:block;
  content: url('/assets/images/min-star.svg');
  color: #eee;
}
[data-star]::after {
  white-space:nowrap;
  position:absolute;
  top:0;
  left:0;
  content: '';/*url('/assets/images/full-star.svg');*/
	background: url('/assets/images/full-star.svg');
  width: 0;
  color: #ff8c00;
  overflow:hidden;
  height:100%;
	background-repeat: no-repeat;
    background-size: 150px;
}

[data-star^="0.1"]::after{width:2%}
[data-star^="0.2"]::after{width:4%}
[data-star^="0.3"]::after{width:6%}
[data-star^="0.4"]::after{width:8%}
[data-star^="0.5"]::after{width:10%}
[data-star^="0.6"]::after{width:12%}
[data-star^="0.7"]::after{width:14%}
[data-star^="0.8"]::after{width:16%}
[data-star^="0.9"]::after{width:18%}
[data-star^="1"]::after{width:20%}
[data-star^="1.1"]::after{width:22%}
[data-star^="1.2"]::after{width:24%}
[data-star^="1.3"]::after{width:26%}
[data-star^="1.4"]::after{width:28%}
[data-star^="1.5"]::after{width:30%}
[data-star^="1.6"]::after{width:32%}
[data-star^="1.7"]::after{width:34%}
[data-star^="1.8"]::after{width:36%}
[data-star^="1.9"]::after{width:38%}
[data-star^="2"]::after{width:40%}
[data-star^="2.1"]::after{width:42%}
[data-star^="2.2"]::after{width:44%}
[data-star^="2.3"]::after{width:46%}
[data-star^="2.4"]::after{width:48%}
[data-star^="2.5"]::after{width:50%}
[data-star^="2.6"]::after{width:52%}
[data-star^="2.7"]::after{width:54%}
[data-star^="2.8"]::after{width:56%}
[data-star^="2.9"]::after{width:58%}
[data-star^="3"]::after{width:60%}
[data-star^="3.1"]::after{width:62%}
[data-star^="3.2"]::after{width:64%}
[data-star^="3.3"]::after{width:66%}
[data-star^="3.4"]::after{width:68%}
[data-star^="3.5"]::after{width:70%}
[data-star^="3.6"]::after{width:72%}
[data-star^="3.7"]::after{width:74%}
[data-star^="3.8"]::after{width:76%}
[data-star^="3.9"]::after{width:78%}
[data-star^="4"]::after{width:80%}
[data-star^="4.1"]::after{width:82%}
[data-star^="4.2"]::after{width:84%}
[data-star^="4.3"]::after{width:86%}
[data-star^="4.4"]::after{width:88%}
[data-star^="4.5"]::after{width:90%}
[data-star^="4.6"]::after{width:92%}
[data-star^="4.7"]::after{width:94%}
[data-star^="4.8"]::after{width:96%}
[data-star^="4.9"]::after{width:98%}
[data-star^="5"]::after{width:100%}

.starrating > input {display: none;}  /* Remove radio buttons */

.starrating > label:before { 
  content: "\f005"; /* Star */
  margin: 2px;
  font-size: 3em;
    font-family: FontAwesome;
    display: inline-block;
    line-height: 2rem;
}

.starrating > label
{
  color: #474972; 
	cursor:pointer
}

.starrating > input:checked ~ label
{ color: #ffca08 ; } 

.starrating > input:hover ~ label
{ color: #ffca08 ;  }
	.moderate.comment-text {
		box-shadow: 0 0px 6px red;
		padding: 10px;
	}
.adv-list .attachment-full.size-full {
	border: 1px solid #4a4573;
    padding: 15px;
    border-radius: 15px;
}