/*Excerpt*/
.readmore .readmore-content {
	overflow: hidden;
	max-height: 135px;
	background: #333;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(65%,#333),to(transparent));
	background: linear-gradient(#333 65%,transparent);
	background: -webkit-linear-gradient(#333 65%,transparent);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 10px;
	position: relative;
}
.readmore button {
	background: transparent;
	color: #205cce;
	padding: 3px;
	font-weight: 400;
	border: none;
	border-bottom: 1px solid;
	border-radius: 0;
	padding-bottom: 5px;
}

.readmore-content.open {
	max-height: 100% !important;
	-webkit-text-fill-color: inherit;
	opacity: .85;
}
.readmore.no-support .readmore-content {
	-webkit-text-fill-color: initial;
}
/*Excerpt*/

/*Subscribe Custom Css*/


.form__email {
    border: 1px solid #272833 !important;
}
.form__button {
    background: #272833;
}
input#emailInput {
    border-radius: 0;
    border-width: 3px !important;
}
/**/

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -25px;
  margin-right: -25px;
}

/*Default Column*/
.col,
.col-1,
.col-2,
.col-2-4,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  -webkit-box-flex: 0;
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
}
.w1,
.col1,
.col-1 {
  -ms-flex: 0 0 8.333%;
  -webkit-box-flex: 0;
  flex: 0 0 8.333%;
  max-width: 8.333%;
}

.w2,
.col2,
.col-2 {
  -ms-flex: 0 0 16.666%;
  -webkit-box-flex: 0;
  flex: 0 0 16.666%;
  max-width: 16.666%;
}

.w2-4,
.col2-4,
.col-2-4 {
  -ms-flex: 0 0 20%;
  -webkit-box-flex: 0;
  flex: 0 0 20%;
  max-width: 20%;
}

.w3,
.col3,
.col-3 {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
  flex: 0 0 25%;
  max-width: 25%;
}

.w4,
.col4,
.col-4 {
  -ms-flex: 0 0 33.333%;
  -webkit-box-flex: 0;
  flex: 0 0 33.333%;
  max-width: 33.333%;
}

.w5,
.col5,
.col-5 {
  -ms-flex: 0 0 41.6666%;
  -webkit-box-flex: 0;
  flex: 0 0 41.6666%;
  max-width: 41.6666%;
}

.w6,
.col6,
.col-6 {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  max-width: 50%;
}

.w7,
.col7,
.col-7 {
  -ms-flex: 0 0 58.333%;
  -webkit-box-flex: 0;
  flex: 0 0 58.333%;
  max-width: 58.333%;
}

.w8,
.col8,
.col-8 {
  -ms-flex: 0 0 66.666%;
  -webkit-box-flex: 0;
  flex: 0 0 66.666%;
  max-width: 66.666%;
}

.w9,
.col9,
.col-9 {
  -ms-flex: 0 0 74.9999%;
  -webkit-box-flex: 0;
  flex: 0 0 74.999%;
  max-width: 74.999%;
}

.w10,
.col10,
.col-10 {
  -ms-flex: 0 0 83.3333%;
  -webkit-box-flex: 0;
  flex: 0 0 83.3333%;
  max-width: 83.3333%;
}

.w11,
.col11,
.col-11 {
  -ms-flex: 0 0 91.666%;
  -webkit-box-flex: 0;
  flex: 0 0 91.666%;
  max-width: 91.666%;
}

.w12,
.col12,
.col-12 {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
  flex: 0 0 100%;
  max-width: 100%;
}

@media only screen and (min-width: 998px) {
  /*lg screen Or All screen size */
}

@media only screen and (max-width: 998px) {
}

@media only screen and (min-width: 768px) {
  /*lg screen Or All screen size nire then 768 */
  .md-pl40 {
    padding-left: 40px;
  }
  .md-pl30 {
    padding-left: 30px;
  }
  .md-pl20 {
    padding-left: 20px;
  }
  .md-pl10 {
    padding-left: 10px;
  }

  /*margin right*/
  .md-pr40 {
    padding-right: 40px;
  }
  .md-pr30 {
    padding-right: 30px;
  }
  .md-pr20 {
    padding-right: 20px;
  }
  .md-pr10 {
    padding-right: 10px;
  }
}

@media only screen and (max-width: 768px) {
  /*sm screen*/
  .col {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  /*previous media screen transformation*/
  /*Current Media screen*/
  .t1 {
    -ms-flex: 0 0 8.333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333%;
    max-width: 8.333%;
  }
  .t2 {
    -ms-flex: 0 0 16.666%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666%;
    max-width: 16.666%;
  }
  .t2-4 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .t3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .t4 {
    -ms-flex: 0 0 33.333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  .t5 {
    -ms-flex: 0 0 41.6666%;
    -webkit-box-flex: 0;
    flex: 0 0 41.6666%;
    max-width: 41.6666%;
  }
  .t6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .t7 {
    -ms-flex: 0 0 58.333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333%;
    max-width: 58.333%;
  }
  .t8 {
    -ms-flex: 0 0 66.666%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666%;
    max-width: 66.666%;
  }
  .t9 {
    -ms-flex: 0 0 74.9999%;
    -webkit-box-flex: 0;
    flex: 0 0 74.999%;
    max-width: 74.999%;
  }
  .t10 {
    -ms-flex: 0 0 83.3333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }
  .t11 {
    -ms-flex: 0 0 91.666%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666%;
    max-width: 91.666%;
  }
  .t12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  /*Xs screen*/
  .col,
  .col-1,
  .col-2,
  .col-2-4,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  /*previous media screen transformation*/
  /*Current Media screen*/
  .m1 {
    -ms-flex: 0 0 8.333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333%;
    max-width: 8.333%;
  }
  .m2 {
    -ms-flex: 0 0 16.666%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666%;
    max-width: 16.666%;
  }
  .m2-4 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .m3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .m4 {
    -ms-flex: 0 0 33.333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  .m5 {
    -ms-flex: 0 0 41.6666%;
    -webkit-box-flex: 0;
    flex: 0 0 41.6666%;
    max-width: 41.6666%;
  }
  .m6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .m7 {
    -ms-flex: 0 0 58.333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333%;
    max-width: 58.333%;
  }
  .m8 {
    -ms-flex: 0 0 66.666%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666%;
    max-width: 66.666%;
  }
  .m9 {
    -ms-flex: 0 0 74.9999%;
    -webkit-box-flex: 0;
    flex: 0 0 74.999%;
    max-width: 74.999%;
  }
  .m10 {
    -ms-flex: 0 0 83.3333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }
  .m11 {
    -ms-flex: 0 0 91.666%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666%;
    max-width: 91.666%;
  }
  .m12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 320px) {
  /*below Xs screen*/

  .col,
  .col-1,
  .col-2,
  .col-2-4,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.col-grow {
  flex-grow: 1;
  max-width: 100%;
}
.row.col-rev {
  flex-direction: row-reverse;
}


/*Product*/
.product-grid {
    display: flex;
    justify-content: space-between;
}
.product-grid .product-item {
    width: 30%;
    margin-bottom: 30px;
}

.product-grid .product-item .wp-post-image {
    width: 100%;
    object-fit: contain;
    max-height: 245px;
}

.product-grid .product-item h3 {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    margin: 10px;
    color: #333;
}
ul.term-list {
    padding: 0;
    margin: 0;
    list-style: none;
    border-right: 1px solid #ededed;
    height: 100%;
}
ul.term-list li a {
    color: #333;
    padding: 8px;
    border-bottom: 1px solid #eee;
    display: block;
}

body .product-category-thumb img {
    height: 250px;
    object-fit: cover;
    border: 3px solid #ffd5d5;
    border-radius: 7px;
}
body .product-category-thumb a {
    color: #333;
    font-weight: 400;
    display: block;
    text-align: center;
}