input.stem-button {
  background-color: #FCCD1D;
  border: none;
  border-radius: 10%;
  color: #000;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

input.result-button {
  background-color: #FCCD1D;
  border: none;
  border-radius: 10%;
  color: #000;
 padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

/*** General CSS ***/
body {
    line-height: 1.9em;
}

/*** Header Area ***/
/* Header Top */
#sp-top-bar {
    position: relative;
    z-index: 9999;
}
#sp-header-topbar {
    background-image: url(../images/background.png);
}
#sp-header-topbar .container-inner {
  	border-bottom: none;
}

/* Header Menu */
#sp-header {
    top: 0;
    height: inherit;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
    padding: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    width: 100%;
    z-index: 9999;
    position: relative;
}
body #sp-header:before {
    background: #F2F2F2;
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    height: 7px;
    width: 100%;
    display: inline-block;
}
body #sp-header:after {
    background: #F2F2F2;
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    height: 2px;
    width: 100%;
    display: inline-block;
}
#sp-header.header-sticky {
    position: fixed;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
    top: 0;
}
body:not(.home) #sp-header {
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
  	font-size: 14px !important;
    font-weight: 400 !important;
    padding: 10px 0;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    text-transform: uppercase;
    position: relative;
    padding: 0 30px;
}
.sp-megamenu-parent>li.active>a {
    font-weight: 600;
}
.sp-megamenu-parent > li {
    position: relative;
}

/* Canvas Menu */
.offcanvas-menu .offcanvas-inner .menu-child > li a {
    padding: 12px 10px !important;
    border-bottom: 1px solid rgba(197, 153, 153, 0.21);
    display: inherit;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    font-size: 15px;
    font-weight: 500;
}
.burger-icon>span {
    background-color: #12265a;
}
.offcanvas-menu > .align-items-center {
    background: #fff;
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #12265a;
}

/*** Block Styles ***/
/* Button */
.btn {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0;
    font-weight: 500;
    font-family: inherit;
    line-height: 2em;
    border: 2px solid #fff;
    letter-spacing: .02em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 40px;
    cursor: pointer;
    text-transform: capitalize;
    color: #fff!important;
    border-radius: 5px;
    background-color: transparent;
}
.btn:hover {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    border: 2px solid #fff !important;
}
.button, .btn.button:hover {
    background-color: #3ED09C !important;
    border-color: #3ED09C !important;
}
.btn-word {
    color: #fff !important;
}

/* Slider */
.slider-title-small {
  	background-size: cover;
    background-image: url(../images/logo2.png);
    display: inline-block !important;
    height: 140px !important;
    width: 140px !important;
    border-radius: 50%;
}
.slider-title-small h3 {
  	padding: 42px 0 !important;
}

/* Title */
.title h2 {
    font-weight: 600;
    color: #000000;
    font-size: 61px;
    line-height: 52px;
    letter-spacing: 5.5px;
    margin: 30px 0 35px;
}
.title.white h2 {
    color: #fff;
}
.title .text {
    color: #C19855;
    margin-bottom: 20px;

}

/* Button */
.button {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    fill: #FFFFFF;
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border: 2px solid #000 !important;;
    border-radius: 0px 0px 0px 0px;
    padding: 18px 42px 18px 42px;
}
.button:hover {
    color: #000000 !important;
    background-color: #FFFFFF !important;
    border-color: #000000;
}

/* About */
.about-left img {
    filter: brightness( 200% ) contrast( 200% ) saturate( 200% ) blur( 0px ) hue-rotate( 299deg );
}
.about-item .sppb-media-content {
    padding: 0 10px 10px;
}
.about-item img {
    width: 100%;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.about-item:hover img {
    transform: translateY(-8px);
}

/* New */
.new {
    padding: 10px 0;
    border-style: solid;
    border-width: 2px 0px 2px 0px;
    border-color: rgba(0, 0, 0, 0.05);
}

/* Collection */
.collection-item .sppb-media-content {
    position: relative;
    margin: 0 50px;
    margin-top: -25px;
}
.collection-item h3.sppb-addon-title {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #000000;
    border-radius: 0px 0px 0px 0px;
    padding: 20px 10px;
}
.collection-item h3 a {
    color: #000000 !important;
}
.collection-item img {
    width: 100%;
}

/* Explore */
.explore-item img {
    border-radius: 10px;
}
.icon {
    text-align: right;
    float: right;
    font-size: 15px !important;
}
.explore-item .sppb-addon-title {
    padding: 0 10px;
}

/* Services */
.services-item img {
    width: 32%;
}

/* Menu */
.menu-item .pull-right {
    width: 30% !important;
}

/* Testimonial */
.testimonial-row .sppb-column-addons {
    padding: 40px 40px 40px 40px;
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.16);
}
.testimonial-item .pull-left {
    width: 13% !important;
}
.testimonial-item .pull-left img {
    border-radius: 5px;
}
.testimonial-item p {
    letter-spacing: 3px;
}

/* Images */
.images-item img {
    border-radius: 10px;
}

/* Get */
.get-item .sppb-media-content {
    padding: 30px 250px 60px;
}
.get-item p {
    font-weight: 800;
}
.delivery .sppb-row-container {
    border-radius: 15px;
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.1);
}

/* Contact us */
.info-icon ul {
    margin: 0;
    padding: 23px 0;
}
.info-icon ul li {
    position: relative;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    color: #a6a6b3;
    padding: 0px 16px;
}
.info-icon ul li a, .info-icon ul li a:hover {
    position: relative;
    display: inline-block;
    font-size: 15px;
    border: 0px solid #f2f2f2;
    width: 40px;
    height: 40px;
    color: #fff !important;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
}
.info-icon ul li strong {
    display: none;
}
.info-icon ul li {
    padding: 0 0 0 5px;
}
.info-icon ul li a.facebook {
    background-color: #3b5998;
}
.info-icon ul li a.twitter {
    background-color: #1da1f2;
}
.info-icon ul li a.instagram {
    background-color: #E1306C;
}
.info-icon ul li a.youtube {
    background-color: #cd201f;
}

/* Blog */
.jmm-item .jmm-image.mod-article-image {
  	overflow: hidden;
}
.jmm-image.mod-article-image img {
  	transform: scale(1);
  	-webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.jmm-item:hover .jmm-image.mod-article-image img {
  	transform: scale(1.12);
  	filter: grayscale(100%);
}

/* Product */
span.hikashop_product_name {
    padding: 10px 0;
}
a.hikabtn.hikacart {
    padding: 10px 20px;
    border-radius: 0;
    font-size: 15px;
    text-transform: uppercase;
    border: none;
}
a.hikabtn.hikacart:hover {
  	background: #222 !important;
}
.hikashop_subcontainer.thumbnail {
    border: 1px solid #eee;
    border-radius: 0 !important;
}

/* Contact Info */
.contact-info h2, .contact-info h3 {
    font-size: 25px;
}
button.btn.btn-primary.validate {
    color: #fff !important;
    padding: 13px 20px;
}

/* Bottom */
#sp-bottom h3 {
    font-size: 22px !important;
}
#sp-bottom li em {
    margin-right: 10px;
    color: #2B6BF3;
}
#sp-bottom li strong {
    display: none;
}
#sp-bottom #sp-bottom1 h2 {
    font-size: 50px;
    color: #ffffff;
}
#sp-bottom #sp-bottom2 p {
    font-size: 20px;
}
#sp-bottom a {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 500;
}

/* Footer Copyright */
#sp-footer {
    text-align: center;
    display: inline-block;
    width: 100%;
}
#sp-footer .container-inner {
    border-top: 1px solid #252525;
}
#sp-footer1 {
  	padding-top: 5px;
}

/*** Responsive Layout ***/
/* Tablet Landscape Layout */
@media (min-width: 1400px) {
    .sppb-row-container {
      	max-width: 1320px;
    }
}

/* Mobile Standard Layout */
@media (max-width: 768px) {
	#sp-header, #sp-header .logo {
        height: 70px;
    }
  	#sp-footer p {
  		text-align: center;
	}
  	body #sp-header {
      	padding: 0;
	}
  	#sp-header {
    	top: 0px;
	}
  	.jm-category-module.default .jmm-rows.rows-3 > div > .jmm-item {
    	width: 98%;
    	margin: 20px 1%;
	}
}

/* Mobile Small Resolution */
@media (max-width: 480px) {
  	.category .sppb-column-addons .clearfix:nth-child(n+2) {
    	width: 100%;
    	margin-right: 0;
	}
}

/* General color defination
Color value depend on preset color that picking on template settings > Presets
*/

:root {
  --background-color: currentColor;
  --background: currentColor;
  --text-color: currentColor;
}
.page-item.active .page-link, .sp-simpleportfolio .sp-simpleportfolio-filter>ul>li.active>a, a.hikabtn.hikacart,
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover,
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay,
.about-item, .new-item, .slider-btn a:hover {
 	background-color: var(--background-color) !important;
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .article-header h2 a:hover,
.title h6, .slider-title h1 {
  	color: var(--text-color) !important; 
}
.dirider {
  	border-color: var(--text-color) !important;
}