/*!* Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)*/.svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8)infinite;animation:fa-spin 1s steps(8)infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}
@charset "utf-8";

/* CSS Document */
.post-grid * {
  box-sizing: border-box
}

.post-grid {
  overflow: hidden;
}

.post-grid .grid-items {
  /* margin: 0 auto; */
  overflow: hidden;
}

.post-grid .item {

  display: inline-block;
  /* vertical-align: top;
  position: relative; */
  word-break: break-word;
  /* margin: 0 auto; */
}

.post-grid .no-post-found {
  color: #999;
  text-align: center;
  font-size: 18px;
}

.post-grid .item .layer-media {
  line-height: 0;
}

.post-grid .item .layer-media img {
  border-radius: 0;
  box-shadow: none;
  width: 100%;
}

.post-grid .item .layer-media iframe {
  width: 100% !important;
  height: auto;
}

.post-grid .layer-wrapper img {
  max-width: 100%;
  height: auto;
}

/*navigation top*/

.post-grid .grid-nav-top {
  text-align: center;
  margin-bottom: 30px;
}


/*post-grid-search*/

.field-wrap {
  display: inline-block;
  vertical-align: middle;
}

.field-wrap-keyword {
  position: relative;
}

.post-grid .post-grid-search {
  display: block;
  padding: 10px 0;
  text-align: center;

}

.post-grid .post-grid-search .keyword-wrap {
  position: relative;
  display: inline-block;

}

.post-grid .post-grid-search .search-loading {
  display: none;
}

.post-grid .post-grid-search .search-loading.active {
  display: inline-block;
}

.post-grid .grid-nav-top .submit-search {
  background: #ddd none repeat scroll 0 0;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  height: 24px;
  margin: 0;
  padding: 5px 10px;
}


.post-grid .post-grid-search .search {

  border: 1px solid #ddd;
  border-radius: 0;
  display: inline-block;
  padding-left: 35px;
  vertical-align: top;
}


.post-grid .post-grid-search .search-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  color: rgba(0, 0, 0, 0.3);
}





.post-grid .grid-nav-top .nav-per-page-count {
  display: inline-block;
  float: right;
}







/*pagination*/

.post-grid .pagination {
  clear: both !important;
  line-height: normal;
  margin: 30px 0;
  text-align: center;
}

.post-grid .pagination .current,
.post-grid .pagination .pager.active {
  opacity: 0.6;
}

.post-grid .pagination .page-numbers,
.post-grid .pagination .pager,
.post-grid .pagination .paginate.next-previous a {

  cursor: pointer;
  display: inline-block;
  font-size: 17px;
  line-height: normal;
  margin: 5px 2px;
  padding: 7px 15px;
  text-decoration: none;
  color: rgb(255, 255, 255);
}

.post-grid .pagination .page-numbers:hover,
.post-grid .pagination .pager:hover {
  /*opacity: 0.6;*/
}

.post-grid .pagination .prev {}

.post-grid .pagination .next {}


/*infinite-scroll*/

.post-grid .pagination .infinite-scroll {
  background: rgba(220, 220, 220, 0.3) none repeat scroll 0 0;
  border: 1px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: inline-block;
  padding: 5px 15px;
}



/*load-more*/
.post-grid .pagination .load-more {
  background: rgba(220, 220, 220, 0.3) none repeat scroll 0 0;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: inline-block;
  padding: 5px 25px;
  border-radius: 3px;
}

.post-grid .pagination .load-more-spinner {
  display: none;
}


.post-grid .pagination .load-more.loading {}

.post-grid .pagination .load-more.loading .load-more-spinner {
  display: inline-block;
}




.post-grid .pagination .load-more.no-post {
  border: 1px dashed rgb(255, 91, 34);
}

/*paginate-ajax*/
.post-grid .pagination .paginate-ajax {}

.post-grid .pagination .paginate-ajax .prev,
.post-grid .pagination .paginate-ajax .next {
  display: none;
}


.post-grid .pagination .paginate.next-previous {}

.post-grid .pagination .paginate.next-previous a {}



/* pager-list */





/*Grid Element CSS*/



/*Lazy Load*/
.post-grid-lazy {
  text-align: center;
}

.post-grid-lazy img {
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  padding: 20px;
}








.grid-items-wrap {
  overflow: hidden;
  position: relative;
}



/*layer-content CSS*/

/*################### flat ########################*/
.layer-content .flat {
  overflow: hidden;
}


/*################### flat ########################*/
.layer-content .flat-center {
  overflow: hidden;
}



/*################### flat-right ########################*/
.layer-content .flat-right {
  overflow: hidden;
}


/*################### flat-left ########################*/
.layer-content .flat-left {
  overflow: hidden;
}


/*################### wc-center-price ########################*/
.layer-content .wc-center-price {
  overflow: hidden;
  text-align: center;
}


.layer-content .wc-center-price .wc_sale_price {}


/*################### wc-center-cart ########################*/
.layer-content .wc-center-cart {
  overflow: hidden;
  text-align: center;
}


.layer-content .wc-center-cart .wc_sale_price {}





.circle-wrap {
  margin: 150px auto;
  width: 150px;
  height: 150px;
  background: #fefcff;
  border-radius: 50%;
  border: 1px solid #cdcbd0;
}

.circle-wrap .circle .mask,
.circle-wrap .circle .fill {
  width: 150px;
  height: 150px;
  position: absolute;
  border-radius: 50%;
}

.circle-wrap .circle .mask {
  clip: rect(0px, 150px, 150px, 74px);
}

.circle-wrap .inside-circle {
  width: 122px;
  height: 122px;
  border-radius: 50%;
  background: #d2eaf1;
  line-height: 120px;
  text-align: center;
  margin-top: 14px;
  margin-left: 14px;
  color: #1e51dc;
  position: absolute;
  z-index: 100;
  font-weight: 700;
  font-size: 2em;
}

/* color animation */

/* 3rd progress bar */
.mask .fill {
  clip: rect(0px, 75px, 150px, 0px);
  background-color: #227ded;
}

.mask.full,
.circle .fill {
  animation: fill ease-in-out 3s;
  transform: rotate(135deg);
}

@keyframes fill {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(135deg);
  }
}


/*
Skins css
*/

/*################### flat ########################*/
.skin.flat {
  vertical-align: top;
}

.skin.flat .layer-media {}

.skin.flat .layer-content {
  padding: 0px;
}

.skin.flat .layer-hover {
  display: none;
}


/*################### flip-x ########################*/


.skin.flip-x {
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  overflow: hidden;
  padding: 0;
  -webkit-perspective: 600px;
  perspective: 600px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.skin.flip-x:hover .layer-media {
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  z-index: 900;
}


.skin.flip-x .layer-media {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  float: none;
  height: inherit;
  left: 0;
  text-align: center;
  top: 0;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateX(0deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  width: inherit;
  z-index: 900;
}

.skin.flip-x:hover .layer-content {
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateX(0deg) rotateY(0deg);
  z-index: 1000;
}

.skin.flip-x .layer-content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  float: none;
  height: inherit;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform: rotateX(-179deg);
  transform: rotateX(-179deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  width: inherit;
  z-index: 800;
}

.skin.flip-x .layer-hover {
  display: none;
}



/*################### thumbgoleft ########################*/

.skin.thumbgoleft {
  overflow: hidden;
  position: relative;
  vertical-align: top;
}

.skin.thumbgoleft:hover .layer-media {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0.5) translateX(-100%);
  -ms-transform: scale(0.5) translateX(-100%);
  transform: scale(0.5) translateX(-100%);
}

.skin.thumbgoleft .layer-media {
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  width: 100%;
}

.skin.thumbgoleft:hover .layer-content {
  opacity: 1;
  filter: alpha(opacity=100);
}

.skin.thumbgoleft .layer-content {
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}

.skin.thumbgoleft .layer-hover {
  display: none;
}




/*################### thumbrounded ########################*/


.skin.thumbrounded {}

.skin.thumbrounded .layer-media {
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  border-radius: 50%;
  overflow: hidden;
}

.skin.thumbrounded .layer-media .thumb {
  height: 240px;
}

.skin.thumbrounded .layer-content {}

.skin.thumbrounded .layer-hover {
  display: none;
}




/*################### contentbottom ########################*/
.skin.contentbottom {
  overflow: hidden;
  position: relative;
  vertical-align: top;
}

.skin.contentbottom:hover .layer-media {

  z-index: 9;
}

.skin.contentbottom .layer-media {
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  left: 0;
  top: 0;
  width: 100%;
}

.skin.contentbottom:hover .layer-content {}

.skin.contentbottom .layer-content {
  background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
  bottom: 0;
  color: rgb(255, 255, 255);
  left: 0;
  position: absolute;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  width: 100%;
}

.skin.contentbottom .layer-hover {
  display: none;
}



/*################### spinright ########################*/


.skin.spinright {
  overflow: hidden;
  position: relative;
  vertical-align: top;
}

.skin.spinright:hover .layer-media {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  opacity: 0;
  filter: alpha(opacity=0);
}

.skin.spinright .layer-media {
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  left: 0;
  top: 0;
  width: 100%;
}

.skin.spinright:hover .layer-content {
  opacity: 1;
  filter: alpha(opacity=100);
}

.skin.spinright .layer-content {
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}

.skin.spinright .layer-hover {
  display: none;
}